Что должен знать Javascript-разработчик

Что должен знать JS-разработчик

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

В целом необходимо знать:

1. Язык программирования JavaScript
2. Веб-технологии HTML и CSS
3. Фреймворки JS
4. Библиотеки SQL

Нужно уметь пользоваться инструментами для:

1. Тестирования
2. Отладки
3. Безопасности

Разберем подробнее каждый пункт.

Язык JavaScript

Для работы требуется глубокое понимание синтаксиса JS, основных концепций, структур данных и алгоритмов, в том числе:

• Функции любых видов: анонимные, именованные, асинхронные

• Классы объектов, наследование, семантика this

• Элементы функционального программирования: map(), filter() и reduce()

• Интерфейсы DOM, их API

• Event Bubbling и Event Capturing в JavaScript

• Промисы для создания «чистого» кода

Все вышеперечисленное входит в базовую программу изучения языка.

HTML и CSS

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

Приведем пример: вы сейчас читаете определенный абзац текста. При кодировке страницы с нуля этот абзац начинался с тега "p" заключенного в < >. Он разделяет фрагменты текста вертикальным отступом (до и после абзаца добавляется пустая строка):

Абзац

CSS — язык разметки объектов на странице.

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

Библиотеки

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

Библиотека — упакованный код, методы и функции (утилиты) для решения практических задач, которые подключаются к страницам в виде обычных файлов.

В числе популярных:

• jQuery — набор функций для взаимодействия с HTML, получения доступа ко всем элементам DOM, предоставления API для работы с AJAX

• Push — инструменты для реализации push-уведомлений

• Editor используется в работе с текстами и текстовыми редакторами

• Howler решает задачи со звуками и видеозаписями

• Chart нужна для представления данных с помощью различных диаграмм: столбчатых, круговых, точечных 

• D3 — создание визуализаций с использованием SVG

Библиотек в JS очень много, и постоянно появляются новые. Начинающие программисты работают с jQuery, Push и Editor. По мере усложнения задач перечень библиотек увеличивается.

Фреймворки

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

С учетом популярности, завершенности и функциональных возможностей выделяют такие:

• Angular — расширение браузерных программ на основе MVC-шаблона, упрощения тестирования и разработки

• Spring Framework + Spring boot нужны для создания производственных приложений с функциями кэширования, управления транзакциями, мониторингом и безопасностью

• Vue используют для внешней части сайта, отрисовки интерфейса, постраничной навигации

• Meteor нужен для создания единой кодовой базы мобильных, десктопных программ и сайтов

• Node.js — платформа для работы с файлами, сетью, базами данных и другими системными ресурсами на сервере

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

Инструменты для тестирования (unit-тесты)

Инструменты тестирования используются для выявления сбоя кода и ошибок на этапе разработки. При запуске unit-теста сразу виден результат всех описанных сценариев. И если где-то произошел сбой, программа показывает, на каком участке кода тест провалился и где его надо править.

В числе наиболее популярных утилит:

• Jasmine тестирует код NodeJS, Python, Ruby

• Mocha — модульное тестирование, при котором идет сравнение фактического результата с ожидаемым

• Protractor проверяет приложения со стороны пользователя

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

Отладка кода — процесс обнаружения, локализации и устранения ошибок при помощи отладчика (встроенной или специальной программы).

⚠️ Важно! Отладка и тестирование — это разные этапы работы.

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

Проводить дебаггинг помогают такие утилиты:

• JavaScript Debugger — инструмент для отладки кода на Android-устройствах

• Chrome Dev Tools проверяет производительность приложений

• Augury — расширение для браузера Google Chrome. Позволяет анализировать структуру, рабочие характеристики, обнаруживать изменения

Количество ошибок в коде зависит от разных факторов: уровня разработчика, сложности технологий, объема кода. Для минимизации последствий и предназначены инструменты отладки и тестирования.

Инструменты безопасности

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

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

Для проверки безопасности используют такие инструменты:

• Snyk — обнаружение, исправление и предотвращение известных уязвимостей в приложениях

• Node Security Project сканирует зависимости и обнаруживает уязвимости. Проверка происходит в реальном времени

• RetireJS — проверка зависимостей с открытым исходным кодом, сканирует командную строку, плагин Grunt, расширения Firefox и Chrome

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

Каким должно быть образование JS-разработчика

Фрилансерам необходимы только профессиональные навыки. Чем больше умеет и знает соискатель и чем обширнее его кейс работ, тем больше шансов получить хороший заказ и/или работу со стабильно высоким заработком.

Для работы в компании требуется специальное образование. Не всегда, но часто оно послужит дополнительным плюсом.

В России более 300-а ВУЗов, где можно получить профессию Web-программиста. Среди ведущих:

• МГУ им. Ломоносова — «Системное программирование и компьютерные науки»

• МФТИ — «Системное программирование и прикладная математика»

• Университет ИТМО — Факультет информационных технологий и программирования

• НИУ ВШЭ — «Программная инженерия»

• Уральский федеральный университет — «Информационные системы и технологии»

В ВУЗе учатся от четырех до шести лет. Можно стать бакалавром (четыре года учебы после 11-и классов школы или три года после колледжа), чего достаточно для трудоустройства по специальности. Также можно получить степень специалиста (пять лет обучения) или магистра (шесть лет учебы). 

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

Какие требования на собеседовании JavaScript-разработчика

На техническом этапе (после прохождения одобрения у HR) содержание вопросов зависит от нескольких факторов:

• Специализация — frontend, backend или fullstack-разработка

Соответственно:

1. Frontend — знание HTML/CSS и актуальных фреймворков (Angular, Backbone и другие)
2. Backend — знание Node.js и backend/fullstack-фреймворки
3. Fullstack. Необходимо знать инструменты и frontend, и backend-разработки

• Стаж работы и компетентность 

В зависимости от опыта в IT-сфере существует три грейда программистов:

1. Junior — условный новичок с опытом работы до года, который должен знать несколько JS-фреймворков, разбираться в HTML, CSS-фреймворках и уметь быстро набросать прототип
2. Middle — специалист с опытом до трех лет, который должен уметь проектировать и создавать сложную архитектуру больших проектов, знать объектно-ориентированное и функциональное программирование, знать инструменты frontend- и backend-разработки, уметь тестировать
3. Senior — высшая ступень карьеры. У соискателя должно быть высшее техническое образование (можно неоконченное), профильный опыт работы от пяти лет, портфолио с приложениями и высоконагруженными сайтами, знание основных и консольных инструментов работы

С учетом того, что senior — это больше управленец, для соискателя важны качества лидера.

Как развивать навыки разработчика

Есть несколько способов для получения профессии и развития навыков в JavaScript:

• Учебные ресурсы — онлайн-курсы и видеоуроки

• Практический опыт. Разрабатывайте собственные проекты, решайте задачи, занимайтесь фрилансом для портфолио

• Участие в профессиональных сообществах 

• Специализированная литература по отдельным темам

Вывод

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

Базовый набор знаний и умений реально получить за шесть месяцев. Но для успешного старта потребуется минимум год. Этого достаточно для освоения основных инструментов и начала самостоятельной работы.