Основные навыки для освоения Front-End разработчиков

The Frontend Is A Full Stack

Объявления о вакансиях различаются в зависимости от того, что они ищут во внешнем разработчике. Некоторые компании хотят, чтобы кандидаты знали такие вещи, как 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.

Хорошие навыки

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

**MV * JavaScript Фреймворки**

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

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

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

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

По сравнению с JavaScript-фреймворками выше, CSS-инструменты, представленные ниже, относительно просты в освоении Есть три вида для поиска:

Прекомпиляторы: Использование прекомпилятора (или препроцессора) имеет много преимуществ, от очистки кода до поддержания организации. Это простой способ написания CSS и продвижение принципов СУХОЙ (не повторяй себя). Популярными CSS-прекомпиляторами являются Sass, Less и Stylus. Если вы только начинаете, продолжайте изучать один.
Фреймворки CSS: Фреймворки CSS помогают оптимизировать рабочий процесс благодаря встроенным сеткам и другим компонентам CSS. Два популярных примера - Bootstrap и Foundation.
Адаптивный дизайн: В наши дни существует так много разных типов устройств, что ваш сайт должен быть адаптирован ко всем из них. Адаптивный дизайн помогает создавать сайты, которые работают на экранах любого размера - на рабочем столе, планшете и смартфоне. Фреймворки, такие как Bootstrap и Foundation, имеют встроенный адаптивный дизайн, поэтому, если вы изучите один из них, вы настроены.

Инструменты сборки переднего плана

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

Управление пакетами: Может быть сложно организовать все библиотеки, ресурсы и т. Д., Особенно для крупных проектов или проектов, в которых вы работаете с командой. Используйте менеджер пакетов, например Bower, чтобы разобраться во всем и вести журнал ваших обновлений.
Yeoman.io: Если у вас иногда возникают проблемы с запуском проектов, используйте Yeoman, чтобы быстро приступить к работе над проектами и оставаться продуктивными. Он запускается из командной строки.
Задачи бегунов: Используйте Grunt или Gulp, которые также запускаются в командной строке, для сжатия файлов и оптимизации рабочего процесса. Они могут выступать в качестве компиляторов для препроцессоров Sass или Less, а также иметь широкий спектр плагинов с другими функциями.

Заключение

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

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