Как стать Front-end разработчиком? #3 Основы JavaScript

В данной статье речь пойдет об основополагающем языке для Front-end разработчика - JavaScript. Мы разберёмся в том, как изучить JS, как правильно применять полученные знания и над чем стоит поработать в первую очередь.

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

Что такое JavaScript

JavaScript (JS) - прототипно-ориентированный, динамический скриптовый язык программирования

• JS не имеет статической типизации
• Стандартом языка JS является EcmaScript
• JavaSscript и Java - это совершенно разные языки программирования

Ресурсы для изучения

Русскоязычные

• learn.javascript - невероятно полезный учебник по языку JS - Обязателен к прочтению
• Mozilla - учебник, справочник и пошаговые уроки. Доступен и на русском, и на английском, и еще на большом количестве языков - Обращайтесь к справочнику, когда хотите понять, как конкретный метод работает
• Javascript.ru - справочник по JS

Англоязычные

• Free code camp - интерактивная платформа с теорией и практикой
• Codeacademy - интерактивная платформа для новичков
• w3 school - пошаговый учебник

Бонус

• JS bin - простая песочница для быстрой практики
• Codesandbox - продвинутая платформа для создания приложений в песочнице онлайн
• Codewars - практические задачки по JavaScript
• JavaScript30 - челлендж 30 задач по JS за 30 дней

План действий

1. В самом начале используйте интерактивную платформу для изучения. Так вы приблизительно поймете, как работают языки программирования и увидите первые результаты.
2. Параллельно с пунктом 1 читайте книгу learn.javascript с самого начала - так ваши знания будут структурироваться, и вы сможете применять их на практике.
3. Когда у вас не получается сделать что-то конкретное - обращайтесь к справочнику с точным вопросом, читайте об этом и применяйте на практике.
4. Используйте простую песочницу для того чтобы попробовать то, что вы изучили.
5. Если чувствуете в себе силы - решайте задачки по JS на codewars (уверяю вас, что это будет трудно и потребует глубокого погружения в язык).

На что стоит обратить внимание

• Базовый синтаксис языка
• Переменные и их типы
• Основные операторы (сложение, вычитание и т. д.) и операторы сравнения
• Условные операторы if и тернарный оператор
• Циклы
• Функции
• Структуры данных - массивы, объекты
• Базовые DOM манипуляции (как выбрать html элемент на странице и что-то с ним сделать, как создать элемент и добавить его на страницу и т.д.)

Это не все основные моменты, на которые стоит обратить внимание, но на данном этапе изучения нас интересуют основы JS. В статье “Продвинутый JavaScript” я расскажу о других важных темах, которые необходимо изучить для того, чтобы освоить JS в полном объеме.

Послесловие

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

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

Будьте последовательны и упорны!