Ядро Навыки для разработчиков Front-End

Объявления работы различаются в зависимости от того, что они ищут в интерфейсе разработчика. Некоторые компании хотят, чтобы заявители знали такие вещи, как Ruby, Git, инструменты для проектирования, редактирование видео, - и список можно продолжить.

Тем не менее, есть несколько навыков, которые потребуются для любой работы по разработке переднего плана - «основные» навыки и некоторые другие, которые вы должны серьезно рассмотреть, добавляя в свой репертуар.

Что вам нужно знать

Просмотр списков вакансий в Интернете в поисках того, что является ключом для разработчиков интерфейсов для понимания и понимания; есть три ключевых момента.

Необоротная.

И это:

HTML
CSS
JavaScript (jQuery)

Это основные принципы. К счастью, есть много бесплатных или доступных онлайн-платформ обучения, где вы можете узнать эти навыки, если вы их уже не знаете.

HTML

Язык разметки гипертекста, или HTML, является ключевым структурным компонентом всех веб-сайтов в Интернете. Как говорит Дженнифер Кырнин,

«Это язык веб-страниц - язык разметки, который браузеры читают для рендеринга веб-страниц. "

Веб-страницы не могут существовать без HTML.

CSS

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

Хотя CSS не нужен для онлайн-сайта, в основном на каждом сайте в Интернете используется какой-то стиль.

В противном случае было бы довольно скучно. С последними версиями CSS вы можете делать такие вещи, как анимации и более продвинутый стиль, что было возможно только с использованием JavaScript или Flash в прошлом.

JavaScript

JavaScript, или JS, быстро развивается на протяжении многих лет. В настоящее время он имеет множество целей и может использоваться на переднем или заднем конце.

В отношении разработки интерфейса JS важно, потому что это помогает сделать веб-страницы интерактивными. Вы можете делать такие потрясающие вещи, как создание опросов, опросов или представлений форм.

В настоящее время в Интернете существует множество JS-библиотек, которые помогут вам перевести свои веб-страницы на новый уровень.

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

Nice-to-Haves

После того, как вы опустили основы, это другие навыки, которые приятно иметь. (И многие задания для работы с интерфейсом ищут их.)

MV * JavaScript Frameworks

Рамки JavaScript помогают вам упорядочивать и конденсировать свой код.

Что касается вариантов MV * (или MVC), то там тридцать: два из самых популярных - базовые. js и угловой. JS.

Несомненно, изучение JS-структуры - это самая сложная часть стать настоящим разработчиком, но это лучший способ перевести свои навыки на следующий уровень.

Инструменты CSS

По сравнению с платформами JavaScript выше, инструменты CSS ниже относительно просты в освоении.Существует три вида поиска:

Прекомпиляторы: Использование прекомпилятора (или препроцессора) имеет множество преимуществ: от очистки кода до поддержки организации. Это простой способ написать CSS и продвигает принципы DRY (Do not Repeat Yourself). Популярные прекомпиляторы CSS - это Sass, Less и Stylus. Если вы только начинаете, придерживайтесь обучения.

Фреймворки CSS: Структуры CSS помогают оптимизировать рабочий процесс со встроенными сетками и другими компонентами CSS. Два популярных примера - Bootstrap и Foundation.

Отзывчивый дизайн: В наши дни существует так много разных типов устройств, которые ваш сайт должен будет адаптировать ко всем из них. Отзывчивый дизайн помогает создавать сайты, которые работают на всех размерах экрана: настольном, планшетном и смартфоне. В таких структурах, как Bootstrap и Foundation, встроен адаптивный дизайн, поэтому, если вы изучите один из них, вы настроены.

Инструменты сборки Front-End

В качестве разработчика вы должны иметь возможность управлять оптимизацией размера файла и эффективности рабочего процесса. Эти инструменты могут помочь.

Управление пакетами: Может быть сложно организовать все библиотеки, активы и т. Д., Особенно для крупных проектов или тех, где вы работаете с командой.

Используйте диспетчер пакетов, например, Bower, чтобы все отсортировать и сохранить журнал ваших обновлений.

старшина. io: Если у вас иногда возникают проблемы с получением проектов с земли, используйте Йомен, чтобы быстро начать работу с проектами и оставаться продуктивными. Он запускается в командной строке.

Task Runners: Используйте Grunt или Gulp, которые также запускаются в командной строке, чтобы сжать файлы и оптимизировать рабочий процесс. Они могут выступать в качестве компиляторов для препроцессоров Sass или Less, а также иметь широкий диапазон плагинов, обладающих другими функциями.

Заключение

В то время как приятные вещи могут показаться много, подумайте о них как навыках, которые вы должны добавлять с течением времени. Основные вещи, которые вам нужно знать, это HTML, CSS и JavaScript.

Если у вас есть другие навыки работы с веб-сайтом, даже если они не связаны с интерфейсом, принесите их на стол - например, дизайн, редактирование видео, SEO и т. Д. Вы никогда не знаете, что компания может искать.

И угадайте, что? Возможно, вы идеально подойдете.