Полный курс по JavaScript - с нуля до результата
Освой самый популярный язык программирования - 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
- Написание тестов