Перейти к основному содержанию

Как правильно учить java Script: с чего начать и по какому плану изучать

Вроде бы все просто - начинаешь с начала, движешься к концу. Но, где это начало и в какой последовательности проходить темы по JS? Давайте узнаем, как правильно учить Java Script, чтобы понимать пройденное, не разочароваться и не выгореть.

Если вы планируете самостоятельное обучение, проходите его по предложенному ниже плану. В этом случае процесс не затянется, вы сможете освоить JS за 12 месяцев. 

До начала изучения Java Script необходимо освоить HTML и CSS. С их помощью создаются веб-страницы, которые "оживляет" JS. Обучающих материалов достаточно. Это книги, платные и бесплатные курсы, онлайн-справочники, обучающие платформы, ролики на Ютубе.

1. Основы Java Script

  • Типы данных (number, string, boolean, null, undefined, object, symbol) 
  • Операторы 
  • Условия 
  • Циклы 
  • Функции (классификация, замыкание функций, callback-функции) 
  • ООП 
  • Динамическая типизация 

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

2. Работа с веб-страницей

  • Получение элементов 
  • События (всплытие, делегирование, объект события, цикл события) 
  • Обработчик событий 
  • Отмена стандартных событий браузера 
  • Параметры глобальных объектов (window, screen, document) 
  • JS параметры элементов 
  • Работа скриптов с привязкой ко времени 
Productstar

3. Регулярные выражения

  • шаблоны и флаги 
  • символьные классы Юникод 
  • якоря 
  • Методы RegExp и String 

4.  JS в работе

  • this. контекст вызова 
  • конструкторы 
  • формат передачи данных 
  • общение с сервером, AJAX 
  • инкапсуляция 
  • сборка проекта (webpack, browserify...) 
  • перехват ошибок try/catch 
  • работа с LocalStorage 

5. Стандарт ES6

  • переменные let / const 
  • стрелочные функции 
  • интерполяция 
  • promise 
  • цикл for of 
  • деструктурирование 
  • spread 
  • class 
  • bable 

6. Стандарт ES67, ES8...

  • оператор ** 
  • async / await 
  • Array.prototype.includes 

7. Библиотеки и фреймворки

  • Jquery 
  • React 
  • Angular 
  • Vue и иное 

Отдельно стоит выделить React и обязательные для изучения темы:

  • инкапсуляция и модули 
  • Webpack 
  • Bable 
  • JSX 
  • компонентный подход 
  • props 
  • state 
  • стили css. Styled-components 
  • работа с формами 
  • работа с сервером: Ajax, fetch API 
  • жизненный цикл компонентов 
  • паттерны в React 
  • React Router 
  • Redux 
  • UI тесты, JEST 

8. Тестирование

  • mocha / chai 
  • Jest и иное 

Теперь можно приступить к Node.js

Productstar

Часто задаваемые вопросы

Сколько времени уйдет на изучение JavaScript? 

В среднем с нуля для полного понимания и способности выполнять задачи уровня junior потребуется от 6 до 12 месяцев. При этом необходимо обучаться от 2 до 5 часов ежедневно.

Что нужно знать перед тем как учить JavaScript? 

HTML и CSS - как минимум на уровне основ.

В чем сложность JavaScript?

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

Что должен знать JS-программист?

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

Сколько зарабатывает Junior JavaScript? 

На май 2023 года вилка зарплат составляет от 25 000 до 210 000 рублей.

Отправь ссылку другу

Пришло время учить английский!

Puzzle English

Какие профессии позволяют работать удалённо и путешествовать

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

Что такое GitHub, зачем он нужен разработчику, как скачивать проекты

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

Что подарить себе на Новый год: 5 действительно классных идей!

Думаете что подарить себе на Новый год? Предлагаю 5 действительно классных идей! Они дадут вам не сиюминутную радость, а будут радовать каждый (ну или почти каждый) день в году, позволят качественно улучшить вашу жизнь.

Популярные фреймворки Python

Python быстро стал одним из самых популярных языков программирования из-за простоты изучения и использования, универсальности и обилия обучающих ресурсов. Он также широко применяется в различных отраслях: от веб-разработки до анализа данных. Благодаря его распространённости у нас есть большое количество фреймворков, большая часть которых с открытым исходным кодом.

Ищите недорогой, но хороший отель в центре Москвы?

В столице много отелей, гостиниц, хостелов... Я могу выложить на странице огромный список или устроить сравнение нескольких заведений, но зачем? Я хочу сразу порекомендовать новый отель в самом центре Москвы по весьма приятным ценам.

Комсомольская площадь: исторический узел Москвы и идеальная точка для туристов

Комсомольская площадь — одно из знаковых мест Москвы, где пересекаются пути миллионов путешественников. Это место хранит историю и архитектурную красоту. Рассказываем, почему гостиница на Комсомольской площади станет идеальным выбором для вашей поездки.

Налоги в странах мира

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

Как выбрать первый круиз: пошаговый гид для новичков

Ежегодно более 30 млн человек выбирают круизы. Преимущества очевидны: проживание, питание, развлечения, множество направлений от Карибского моря до фьордов Норвегии, без необходимости собирать чемоданы после каждой локации.