Профессия Javascript-разработчик: как им стать, что надо уметь, где учиться и с чего начать

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

В статье разбираемся, что нужно сделать, чтобы стать частью большой семьи javascript девелоперов.

Почему именно javascript

За последние несколько лет сотни студентов изо всех сил пытаются выбрать язык программирования, который отвечал бы амбициям и гарантировал захватывающие возможности трудоустройства. Будущий программист может выбрать множество путей, предпочесть один язык или изучить несколько.

Является ли javascript-разработчик фронтенд-разработчиком? В большинстве случаев да, яваскрипт является верхним слоем почти каждого современного веб-сайта. Это означает, что даже все самые известные веб-сайты, как Facebook, Google, Amazon и YouTube, нуждаются в фронтенд-разработчиках JS.

Разработчики интерфейсов, помимо написания кода, уделяют внимание макету и стилям. CSS используется для применения цветов, управления положением элементов и организации пространства на веб-сайте. Однако javascript - это все о динамике, например, отвечать на щелчки пользователя, получать данные с сервера, динамически обновлять страницу. Это очень важно, когда речь идет о пользовательском интерфейсе (UX/UI). С помощью JS сайт станет более гибким и простым в использовании.

10 шагов к карьере JS-разработчика

Придерживаясь следующих 10 простых шагов, можно постепенно стать отличным специалистом.

1. Изучите основы

Самый трудный шаг из всех. Будет много проблем вроде:

С чего именно начать?
Я не понимаю ресурсов и источников
Где писать код?

Во-первых, нужно настроить рабочий компьютер. Будь то Windows, Linux или Mac, получите среду разработки для программирования (или «текстовый редактор программиста»).

Просмотрим краткий обзор знаний и навыков, которые необходимо освоить в первую очередь:

Как написать Hello World на javascript
Что такое переменная
Типы переменных и как создать каждую из них
Что такое цикл и как перебирать массивы
Дерево объектной модели документа (DOM tree)
Как писать HTML
Выбор узлов DOM. Выучите ключевые слова, такие как querySelect, querySelectAll, и привыкните к ним.
Поиграйте с CSS. Создайте первый класс и назначьте теги HTML.

Можете узнать все перечисленное онлайн самостоятельно или пройти курс.

2. Работайте над своим первым собственным проектом

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

Держитесь подальше от фреймворков вроде Angular, Vue или React. Нужно узнать еще несколько вещей, прежде чем окунетесь в этот мир.

3. Пройдите курс, чтобы закрепить все, что узнали

Скорее всего, стоит стремиться к курсам учебного лагеря для начинающих. Если вы когда-нибудь хотели выучить иностранный второй (или третий) язык, приходилось ходить на занятия. То же самое и с языками программирования. Цены на обучение могут ошарашить, но не бойтесь, затраты быстро окупятся. Если не можете позволить офлайн обучение, попробуйте недорогие онлайн-курсы.

4. Изучите актуальные обновления

К этому моменту вы должны быть достаточно уверены в создании простых веб-сайтов: легко создавать файлы HTML, CSS и JS и легко соединять их. Плюс чувствовать себя достаточно уверенно с циклами и доступом к DOM. А также научиться преобразовать строки в целые числа, вставлять информацию в дерево DOM (используя document.createElement, а затем appendChild), возможно, даже используя jQuery.

Теперь приступайте к делу, потому что находитесь на последних шагах перед собеседованием. Сосредоточьтесь на том, как выглядит код. Отформатируйте его так, как узнали на курсах. Разделите на мелкие части. Не стесняйтесь создавать локальные переменные и функции, чтобы было понятно, что происходит в коде. Изучите Math.random и другие удобные встроенные функции с префиксом Array или Object.

5. Изучите ECMAScript

ECMAScript является стандартом и вводит новые концепции, которые обязательно нужно освоить:

Стрелочные функции
Улучшение async / await
Коллекции (карты, наборы)

6. Изучите первую структуру

К настоящему времени положено знать jQuery и его основные функции. Можете рассмотреть следующие фреймворки:

Angular. Активно разрабатывается разработчиками Google. Отличный фреймворк со всеми функциями, необходимыми для простого проекта. Очень удобный для изучения, с отличной документацией.
React - библиотека для обработки представлений. Вместе с Redux набирает обороты. Рекомендован, если хотите изучать более сложные темы и исследовать будущее веб-разработки и нативной разработки. Используется на facebook.com и активно разрабатывается.
Vue. Решение между React и Angular. Обычно описывается как очень простой в освоении и с самой легкой кривой обучения. Принимает лучшие шаблоны от Angular и React. Активно развивается группой Alibaba.

Помните: шаг довольно долгий, но торопиться не стоит.

7. Отточите навыки стилизации с помощью CSS и изучите HTML

Здесь следует написать резюме и попробовать отправить его в несколько компаний / агентств, чтобы получить отзывы. В ходе процесса обнаружите необходимость понимать CSS и знать его основные принципы:

специальные символы, такие как> и +
теги, классы и идентификаторы
Flexbox
препроцессоры SASS и LESS
шаблоны BEM и SMACSS

Наряду с CSS нужно хорошо освоить HTML и расширение HTML5 : Список довольно длинный. Хорошая новость: большую часть реально узнать в течение недели.

8. Подготовка к собеседованию

Будьте готовы к интервью. Просмотрите конспекты, заметки и ключевые слова из мира разработчиков.

9. Инструменты и шаблоны проектирования

Если есть работа - отлично! Если нет, повторите, практикуйтесь и сосредоточьтесь на ключевых моментах. Пришло время установить плагины для Chrome и Firefox. Проверьте документацию используемого фреймворка. Будь то Angular, React, Vue или любой другой, он, вероятно, поставляется с отличным плагином для инструментов Chrome Dev.

Сосредоточьтесь на производительности. Ctrl + c и Ctrl + v - не единственные сочетания клавиш, которые следует знать. Есть немало других, которые значительно облегчат работу. После вы готовы сосредоточиться на качестве и возможности повторного использования вашего кода .

Начните изучать шаблоны дизайна. Большинство одинаковы на нескольких языках, и если вы осмелитесь, вы также можете читать ресурсы с C ++ или Java. Самая распространенная и ценная книга - Clean Code Роберта К. Мартина.

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

Последняя веха, которую нужно выполнить. К настоящему времени специалист знает, как разрабатывать повторно используемый код и сделать его надежным. Увеличение скорости приложения на 5% будет означать экономию в миллионы долларов в Google. Подготовьтесь морально к подобным большим проектам, чтобы, когда представится возможность, не упустить ее.

Если всерьез задумались стать профи, составьте план на неделю и напишите цели на конец года. На выполнение перечисленных 10 шагов потребуется как минимум несколько месяцев, если не больше.