Фронтенд, то есть передняя часть сайтов, в большинстве своем состоит из HTML, CSS и JS. HTML – это язык разметки, а CSS – таблица стилей. Общее название для этого – верстка. JavaScript – язык программирования, который накладывается на созданную верстку и вместе с ней взаимодействует. В IT существует отдельно профессия верстальщика и отдельно профессия JS разработчика. Также востребованы 2 в 1, то есть Фронтендщик.
Существует понятие Фулстек разработчика – специалист, который умеет работать как с фронтендом, так и бэкендом, той частью, которую не видит пользователь – зачастую это админ панели. Если мы говорим про разработку бэкенда на JS, то в дело вступает так называемый Node – платформа, которая позволяет преобразовывать ДжаваСкрипт в серверный код вне браузера.
Фулстек разработчик это специалист, который знает html, css, JS + популярные фреймворки. Если говорить по простому, то фреймворки – это библиотеки JS, где уже есть предварительный код. Это шаблоны, в которых надо уметь работать. Среди самых популярных:
- React;
- Angular;
- Vue;
- JQuery;
- Backbone;
- Node – это можно сказать тоже фреймворк, у которого есть свои фреймворки, самый популярный из которых Express. Подробнее можете почитать здесь.
План обучения JavaScript начинается с осознания масштабов работы так сказать. Чтобы эффективно изучить такой язык программирования как JS, у вас должны быть хорошие знания по верстке + неплохие знания English. Если знаний этих нет, то рекомендуем наши курсы html css, где также затрагиваются основы JS.
Подружившись с версткой и имея уверенные навыки English (уровень Intermediate хотя бы) можно осваивать базу ДжаваСкрипт. Здесь наша IT школа Lemon School может предложить курсы JS для начинающих программистов.
Следующим этапом развития будет изучения самых востребованных фреймворков для фронтенда, а именно – React и Vue. Изучение программирования на серверной части, то есть Node позволит вам работать Фулстек разработчиком, который в большей степени востребован на западных рынках. Получая все больше знаний и расширяя список фреймворков, примерно через 5 лет вы дорастете до Senior Full Stack JS Developer со средним заработком в $5000 на отечественном рынке.
Определитесь кем вы хотите быть – верстальщиком, JS разработчиком, Фронтендщиком, Бэкендщиком или Фулстек специалистом. Все эти направления по сути можно изучать отдельно друг от друга, но эффективность будет теряться, поэтому последовательность лучше выбрать такую – верстка, JS, React, Vue, Node и все остальное.
Начинаем осваивать JS
Если говорить конкретней про освоение JavaScript, то план обучения можно построить следующим образом:
- Основы HTML, CSS и jQuery – взаимодействие JS с HTML.
- Основы JS: история появление JS, структура кода, переменные, типы данных, операторы, функции, рекурсия
- Структура данных: числа, строки, объекты, массивы, стеки, очереди.
- JSON – самый распространенный формат обмена данными.
- Объектно-ориентированное программирование на JS: введение, геттеры и сеттеры, классы, модули.
- Работа с событиями.
- Фронтенд: синтаксисы – CoffeeScript, TypeScript и другие, AJAX и COMET, MVC, фреймы React и Vue, DOM, оптимизация кода.
- Бэкенд: SSR, CSR, Node, Express, асинхронность в JS, базы данных, СУБД.
- GIT – инструмент контроля версий.
- Инструменты тестирования кода на фронтенде и бэкенде: Jasmine, Jest, Mocha, Protractor.
Это краткий план, который можно еще дополнять и дополнять. Для лучшего понимания структуры и объема изучения JavaScript, советуем использовать проверенные книги и видео обзоры – что конкретно читать и смотреть можно узнать в другой нашей статье – с чего начать изучение JavaScript?
