Основні навички для майстра для розробників Front-End

Оголошення про вакансії відрізняються тим, що вони шукають у передньому кінці розробника. Деякі компанії хочуть, щоб заявники знали такі речі, як Ruby, Git, засоби проектування, редагування відео - і список продовжується.

Проте, існує кілька навичок, які потребуватимуть будь-які роботи з інтерфейсу, “основні” навички та кілька інших, які ви повинні серйозно розглянути, додавши до свого репертуару.

Що потрібно знати

Переглядайте списки вакансій в Інтернеті в пошуках того, що є ключовим для знання та розуміння інтерфейсних розробників; є три ключові речі. Не підлягає обговоренню.

А вони такі:

1. HTML
2. CSS
3. JavaScript (jQuery)

Це основи. На щастя, існує безліч безкоштовних або доступних платформ онлайн навчання, де ви можете вивчити ці навички, якщо ви вже не знаєте їх.

HTML

Мова розмітки HyperText, або HTML, є ключовим структурним компонентом всіх веб-сайтів в Інтернеті. Як каже Дженніфер Кірнін,

"Це мова веб-сторінок - мова розмітки, яку читають веб-переглядачі для відображення веб-сторінок".

Веб-сторінки не можуть існувати без HTML.

CSS

CSS і HTML працюють разом: CSS додає стиль до HTML. Мені подобається використовувати аналогію, що HTML - це обличчя, а CSS - схожий на макіяж.

Незважаючи на те, що CSS не потрібно отримувати веб-сайт онлайн, в основному кожен сайт в Інтернеті використовує певний стиль.

Інакше було б дуже нудно. З найостаннішими версіями CSS ви можете робити анімації та більш просунуті стилі, які були можливі лише за допомогою JavaScript або Flash у минулому.

JavaScript

JavaScript або JS швидко розвивалися протягом багатьох років. В даний час вона має багато цілей і може бути використана на передній або задній частині.

Що стосується інтерфейсного розробки, JS є важливим, оскільки допомагає зробити веб-сторінки інтерактивними. Ви можете робити чудові речі, як створення опитувань, вікторин або формування подань. Сьогодні в Інтернеті є численні бібліотеки JS, які допоможуть вам перенести ваші веб-сторінки на наступний рівень.

Однак, щоб стати інтерфейсним розробником, потрібно просто зрозуміти базовий JavaScript, а також найпопулярнішу бібліотеку JS - jQuery.

Приємні навички

Після отримання основ, це інші навички, які добре мати. (І шукатимуть багато завдань з розробки інтерфейсу).

MV * JavaScript Frameworks

Рамки JavaScript допомагають організувати та ущільнити ваш код.

Що стосується варіантів MV * (або MVC), то там тридцять: два з найбільш популярних - backbone.js і angular.js.

Без сумніву, вивчення JS-фреймворку є найважчою частиною становлення справжнього розробника, але це найкращий спосіб перенести свої навички на наступний рівень.

Інструменти CSS

У порівнянні з вищезазначеними фреймворками JavaScript, інструменти CSS, наведені нижче, порівняно легко вивчаються. Існує три види пошуку:

• Попередні компілятори: Використання попереднього компілятора (або препроцесора) має безліч переваг - від очищення коду до підтримки організації. Це простий спосіб написання CSS і пропагування принципів DRY (Не повторюйте себе). Популярними пре-компіляторами CSS є Sass, Less і Stylus. Якщо ви тільки починаєте навчання, дотримуйтесь його.
• Рамки CSS: Рамки CSS допомагають оптимізувати робочий процес за допомогою вбудованих сіток та інших компонентів CSS. Два популярні приклади - Bootstrap і Foundation.
• Чуйний дизайн: У ці дні існує дуже багато різних видів пристроїв, які ваш сайт має бути здатний адаптувати до всіх. Реагуючий дизайн допомагає створювати сайти, які працюють на всіх розмірах екрану - на робочому столі, планшеті та смартфоні. Каркаси, такі як Bootstrap і Foundation, мають вбудований адаптивний дизайн, тому, якщо ви дізнаєтеся про одну з них, ви налаштовані.

Інструменти для побудови інтерфейсу

Як розробник, ви повинні мати можливість керувати оптимізацією розміру файлу та ефективністю робочого процесу. Ці інструменти можуть допомогти.

• Управління пакетами: Може бути важко організувати всі бібліотеки, активи та ін., Особливо для великих проектів або тих, де ви працюєте з командою. Використовуйте менеджер пакетів, як, наприклад, Bower, щоб розібрати все і зберегти журнал оновлень.
• Yeoman.io: Якщо іноді виникають проблеми з проектами, використовуйте Yeoman, щоб швидко розпочати роботу з проектами та залишатися продуктивним. Він запускається в командному рядку.
• Бігуни завдань: Використовуйте Grunt або Gulp, які також виконуються в командному рядку, щоб стиснути файли та оптимізувати робочий процес. Вони можуть виконувати роль компіляторів для препроцесорів Sass або Less, а також мати широкий спектр плагінів, які можуть похвалитися іншими функціями.

Висновок

Хоча приємно мати може здатися багато, подумайте про них як про навички, які потрібно додавати з часом. Основні речі, які потрібно знати, це HTML, CSS і JavaScript.

Якщо у вас є інші веб-навички, навіть якщо вони не пов'язані з інтерфейсом, приведіть їх до таблиці, наприклад, дизайн, редагування відео, SEO тощо.