Полный курс по JavaScript - с нуля до результата

Этот курс направлен на подробное изучение JavaScript без воды, но главное - немедленное применение его на практике.

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

Для кого подойдет этот курс?

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

Что внутри курса?

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

• мы изучим основы программирования и алгоритмов
• мы изучим основы объектно ориентированного программирования
• мы изучим основные концепции и принципы JavaScript, от самых простых до самых сложных
• мы научимся работать с такими популярными технологиями как AJAX, JSON и тд
• мы научимся работать с Git и GitHub
• мы научимся работать с npm, Babel, Browserify, Webpack и тд
• подумаем, какой фрэймворк или библиотеку выбрать в дальнейшем. Познакомимся с React, Angular, Vue, Jquery
• как бонус - узнаем основные концепции и напишем свое приложение на React. Научимся писать автотесты
• Ну и, конечно, закрепим всё, что проходим на реальных проектах

Что такое JavaScript и почему его нужно учись уже сейчас?

JS - это язык интерактивности на веб-страницах. Без него сейчас не обходится ни один сайт в интернете. И даже больше! Используя различные фрэймворки, JavaScript заполоняет интернет: серверная сторона (Node.js), мобильные приложения (React Native, Ionic), виртуальная реальность (React VR) и так далее. Поэтому, если вы хотите пойти по одному из этих путей - нативный JS станет для вас просто необходимой базой.

Для кого этот курс:

• Для тех, кто желает выучить JS с нуля, понять, для чего он нужен и полностью освоить все темы в нем
• Для тех, кто хочет во время обучения применить знания на реальных проектах
• Для тех, кто хочет быть готовым к прохождению собеседования на позицию Front-End разработчика

Подготовка к работе

• Как проходить данный курс
• Настройка рабочего пространства 
• Как работать с JSHint 

Основы JavaScript

• Подключение JS к странице и переменные 
• Классификация типов данных в JavaScript 
• Простое общение с пользователем 
• Операторы в JS 
• Учимся работать с системой контроля версий Git и с сервисом GitHub 
• Подготавливаем проект к дальнейшим урокам 
• Условия 
• Циклы 
• Задачи на понимание основ JS (с реальных собеседований) 
• Практика. Пишем приложение. Часть 1 
• Функции 
• Практика. Пишем приложение. Часть 2 
• Callback-функции 
• Объекты 
• Массивы и псевдомассивы 
• Объектно Ориентированное Программирование (ООП) 
• Практика. Пишем приложение. Часть 3 
• Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints. 
• Динамическая типизация в JS 
• Получение элементов со страницы 
• Действия с элементами на странице 
• Задание на отработку действий со страницей 
• Практика. Пишем приложение. Часть 4 
• События и их обработчики 
• Практика. Пишем приложение. Часть 5 
• Бонус. События на мобильных устройствах и основы регулярных выражений

JavaScript в работе

• Скрипты и время их выполнения. setTimeout и setInterval. 
• Создаем табы на странице 
• Формируем портфолио на GitHub 
• Параметры документа, окна и работа с ними 
• Создаем таймер обратного отсчета на сайте 
• Конструкторы и классы 
• Контекст вызова (this) 
• Создаем модальное окно и работаем с this 
• Стандарт ES6. Интерполяция 
• ES6. let и const 
• ES6. Стрелочные функции 
• ES6. Параметры по умолчанию 
• ES6. Классы 
• ES6. Spread-операторы 
• Работаем с проектом и практикуемся использовать ES6 

Продвинутый JavaScript

• JSON формат передачи данных 
• AJAX 
• Реализация скрипта отправки данных из формы 
• ES6. Promise 
• Используем промисы на реальных примерах 
• Создаем слайдер на сайте 
• Создаем калькулятор на сайте 
• Как сохранить данные без БД. Работа с localStorage 
• Ошибки. Как избежать “поломки” своего кода 
• Современные библиотеки и фрэймворки. JQuery, как устроена $ 
• Работаем с JQuery 
• Инкапсуляция. Геттеры и сеттеры 
• Модули 
• Настраиваем Webpack и собираем наш проект 
• Как превратить код ES6 в старый формат ES5. Babel 
• Работаем с готовым кодом 

Бонус. Дополнительные технологии.

• React 
• Написание тестов