Научитесь писать frontend для сайтов и станьте востребованным и высокооплачиваемым специалистом.
- Длительность: 3 месяца обучения (19 Июля — 08 Октября)
- Стоимость: 20 000 рублей
- Страница курса: https://webcademy.ru/jscourse/
Освойте JavaScript — один из самых востребованных и высокооплачиваемых языков программирования. Станьте frontend разработчиком!
- 5проектов во время курса
- 198 видео уроков по JavaScript
- 12 мастер-классов c преподавателем
Технологии, изучаемые на курсе
- Основы программирования на JavaScript. Правильный подход.
- Работа с DOM. Создание интерактивных приложений.
- Современный стандарт ES6. Используйте самые актуальные возможности языка.
- Взаимодействие с сервером. XMLHttpRequest, Ajax, Fetch.
- Строки, массивы, функции, объекты в JavaScript. Просто о сложных вещах.
- Контекст, scope, this, промисы, асинхронность, модули, импорты, роутер, state, компоненты.
- Работа с сервером и API. Создание динамических приложений.
- Финальный проект. Построение SPA приложения на native JS. Работа с API, модули и компонентный подход.
Программа курса
Учебная программа по модулям
1 модуль. Основы языка JavaScript
Введение в курс
- Приветствие, организационные моменты
- Прежде чем начнем
- Настройка инструментов
Основы языка JavaScript
- Введение
- Первые шаги
- Введение в JS
- Переменные и типы данных
- Мутации переменных и приведение типов
- Базовые операторы
- Приоритеты операторов
- Практическое занятие
- Условия if / else
- Булевая логика true и false
- Тернарный оператор
- Switch выражения
- Истинные и ложные значения, операторы равенства
- Практическое занятие
- Функции
- Объявление функции и выражение функции
- Массивы
- Практическое занятие
- Объекты и свойства
- Объекты и методы
- Практическое занятие
- Циклы и итерации
- Практическое занятие
- Версии JavaScript: ES5, ES6 / ES2015, ES6+
Как на самом деле работает JavaScript
- Как выполняется JS код. JS парсер и движок
- Контекст вызова и исполнения
- Контекст выполнения saeyrwbb в деталях: Создание и Фазы выполнения, Всплытие (Hoisting).
- Область видимости и замыкание
- Ключевое слово this
2 модуль. JavaScript в браузере
JavaScript в браузере. Манипуляция DOM элементами и События.
- Объекты DOM и манипуляция DOM объектами
- Практический проект
- Получение DOM элементов и манипууляция
- События и обработка событий
- Программирование практического проекта
- Практическое задание
3 модуль. Продвинутый JavaScript
Продвинутый JavaScript: Объекты и функции
- Объекты. Наследование и Прототипное наследование.
- Создание объектов. Функции конструкторы
- Прототипное наследование
- Метод Object.create
- Примитивы и Объекты
- Функции высшего порядка: Передача функции в качестве аргумента
- Функции высшего порядка: Функции возвращающие функции
- Самовызывающаяся функция IIFE
- Замыкания
- Привязка и передача контекста. Bind, Call и Apply
- Практическое занятие
Соединяем все вместе. Практический проект.
- Практический проект
- Паттерн Модуль
- Прослушка событий
- Чтение входных данных
- Создание функции инициализации приложения
- Конструкторы функций
- Программирование проекта
4 модуль. Современный JavaScript
Современный стандарт JavaScript. Введение в ES6 / ES 2015
- Изменения в ES6 / ES2015
- Объявление переменных let и const
- Блоки и IIFE
- Строки в ES6 / ES2015
- Стрелочный функции
- Стрелочный функции и this
- Деструктуризация
- Массивы в ES6 / ES2015
- Spread оператор
- Rest параметры
- Параметры по умолчанию
- Map
- Классы
- Классы и подклассы
- Практическое упражнение
Асинхронный JavaScript: Promise, Async/Await функции, AJAX и Fetch запросы
- Асинхронный JS
- Понимание асинхронного кода. Цикл событий
- Асинхронный JS и коллбеки
- Callback hell и Промисы
- Промисы и Async/Await
- AJAX и API
- AJAX запросы с Fetch и Промисы
- AJAX запросы с Fetch и Async/Await
5 модуль. Финальный проект
Современный JavaScript: ES6, NPM, Babel и Webpack
- Обзор нововведений
- Краткое введение в командную строку
- Установка Node.JS и NPM
- Настройка WebPack
- Настройка WebPack Dev Server
- Настройка Babel
- Практический проект
- MVC архитектура проекта
- Работа с модулями в ES6
- Работа с API
- Серия практических уроков по реализации проекта
- Поиск
- Загрузка страниц
- Модели в проекте
- Пагинация
- Контроллеры
- View и шаблоны
- Работа с localStorage
Завершение курса. Экзамен.
Преподаватель курса
Юрий Ключевский
Веб-разработчик с 10-ти летним стажем. Работал в международных компаниях и на фрилансе. Основатель онлайн школы ВебКадеми, автор обучающего YouTube канала с 30 000 подписчиков, блога по веб-разработке RightBlog.ru.
- Веб-разработчик: JavaScript, HTML, CSS, PHP.
- Product designer, UI & UX дизайнер.
- Опыт в веб-разработке: более 10-ти лет.
- Преподавательский стаж: более 5 лет.
- Опыт работы в международных IT компаниях, из TOP 10 в своей отрасли. США, Норвегия. Делаю дизайн и фронтенд для IT продуктов.
Я убежден, что при правильном подходе любой человек с желанием может стать веб-разработчиком. Объясняю сложные вещи простым и доступным языком.
Как проходит обучение (технические и организационные моменты)
- Уровень сложности: средний
- Для обучения на этом курсе необходимо иметь базовое знакомство с написанием кода. Например, уметь верстать на HTML и CSS. Желательно знать основы JS.
- Видео-уроки на платформе и личный кабинет студента
- Обучение проходит на закрытой платформе. Все уроки записаны заранее и вы можете смотреть их в любое удобное время. Вы получаете доступ к урокам всего курса сразу.
- Домашние задания с проверками от кураторов
- На курсе вы выполняете домашние задания для проработки и усвоения материала. Куратор проверяет ваше ДЗ, дает подробную обратную связь: текстом, скриншотами и если необходимо видео-скринкастами. Указывает на ошибки, дает рекомендации по улучшению кода и ставит оценку за пройденный материал.
- Онлайн созвоны с куратором для помощи во время обучения
- Созвоны проходят в удобное для вас время. По скайпу или Google Hangouts. Просто напишите своему куратору и выберите удобное время для созвона.
- Реальные учебные проекты в ваше портфолио
- Во время курса вы выполните 5 реальных проектов, на которых отточите свое мастерство, после они займут достойное место в вашем портфолио.
- Общий чат с кураторами и участниками курса 24/7
- Полное погружение в обучение. Чат с участниками курса, кураторами и преподавателем. Ответы на вопросы, помощь и общение.
- Онлайн вебинары с группой каждую неделю обсуждаем пройденный материал
- Онлайн мастер-классы с преподавателем, на которых разбираем пройденные за неделю темы и уроки. Рассматриваем варианты решения задач. Ответы на вопросы и разборы в прямом эфире.
Ответы на вопросы
Что нужно знать, чтобы проходить данный курс по JavaScript?
Для прохождения курса вы должны понимать HTML и CSS. На курсе верстать мы не будем, но вы должны понимать верстку, так как она будет присутствовать в разметке сайта. И мы будем работать с DOM элементами. Надо уметь при необходимости уметь дописать нужный HTML тег или CSS стили. Также желательно знать основы программирования: переменные, типы данных, массивы, циклы, условия.
В каком формате проходит обучение?
Обучение проходит по заранее записанным видео-урокам. В конце каждого урока есть домашние задания. Все ДЗ проверяют кураторы и дают подробную обратную связь. У вас есть возможность пересдать домашнее задание, внести исправления и двигаться далее.
Какие сайты я смогу делать после обучения?
После прохождения курса вы сможете писать frontend для современных сайтов. Работать с API различных сервисов. Создавать Single Page Application. Вы сможете оживлять статическую верстку скриптами, делая сайт живым и интерактивным. Это может быть онлайн приложение, интернет магазин или онлайн кабинет. Принцип работы скриптов одинаков в любом типе сайта.
На курсе также будет заложена ваша база для дальнейшего развития и изучения JS фреймворков.
Я смогу зарабатывать используя полученные знания?
C полученными знаниями и навыками вы сможете трудоустроиться Junior frontend разработчиком в IT компанию или веб-студию. И начать строить свою карьеру веб-разработчика.
Также сможете уверенно брать заказы на фрилансе по frontend разработке.
Останется ли доступ к урокам курса после завершения обучения?
Да, у вас останется доступ к обучающей платформе и курсу, который вы проходили. Вы сможете возвращаться к нему повторно и освежать знания при необходимости.