JavaScript разработчик

Научитесь писать 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 продуктов.

Я убежден, что при правильном подходе любой человек с желанием может стать веб-разработчиком. Объясняю сложные вещи простым и доступным языком.

Как проходит обучение (технические и организационные моменты)

1. Уровень сложности: средний
   • Для обучения на этом курсе необходимо иметь базовое знакомство с написанием кода. Например, уметь верстать на HTML и CSS. Желательно знать основы JS.
2. Видео-уроки на платформе и личный кабинет студента
   • Обучение проходит на закрытой платформе. Все уроки записаны заранее и вы можете смотреть их в любое удобное время. Вы получаете доступ к урокам всего курса сразу.
3. Домашние задания с проверками от кураторов
   • На курсе вы выполняете домашние задания для проработки и усвоения материала. Куратор проверяет ваше ДЗ, дает подробную обратную связь: текстом, скриншотами и если необходимо видео-скринкастами. Указывает на ошибки, дает рекомендации по улучшению кода и ставит оценку за пройденный материал.
4. Онлайн созвоны с куратором для помощи во время обучения
   • Созвоны проходят в удобное для вас время. По скайпу или Google Hangouts. Просто напишите своему куратору и выберите удобное время для созвона.
5. Реальные учебные проекты в ваше портфолио
   • Во время курса вы выполните 5 реальных проектов, на которых отточите свое мастерство, после они займут достойное место в вашем портфолио.
6. Общий чат с кураторами и участниками курса 24/7
   • Полное погружение в обучение. Чат с участниками курса, кураторами и преподавателем. Ответы на вопросы, помощь и общение.
7. Онлайн вебинары с группой каждую неделю обсуждаем пройденный материал
   • Онлайн мастер-классы с преподавателем, на которых разбираем пройденные за неделю темы и уроки. Рассматриваем варианты решения задач. Ответы на вопросы и разборы в прямом эфире.

Ответы на вопросы

Что нужно знать, чтобы проходить данный курс по JavaScript?

Для прохождения курса вы должны понимать HTML и CSS. На курсе верстать мы не будем, но вы должны понимать верстку, так как она будет присутствовать в разметке сайта. И мы будем работать с DOM элементами. Надо уметь при необходимости уметь дописать нужный HTML тег или CSS стили. Также желательно знать основы программирования: переменные, типы данных, массивы, циклы, условия.

В каком формате проходит обучение?

Обучение проходит по заранее записанным видео-урокам. В конце каждого урока есть домашние задания. Все ДЗ проверяют кураторы и дают подробную обратную связь. У вас есть возможность пересдать домашнее задание, внести исправления и двигаться далее.

Какие сайты я смогу делать после обучения?

После прохождения курса вы сможете писать frontend для современных сайтов. Работать с API различных сервисов. Создавать Single Page Application. Вы сможете оживлять статическую верстку скриптами, делая сайт живым и интерактивным. Это может быть онлайн приложение, интернет магазин или онлайн кабинет. Принцип работы скриптов одинаков в любом типе сайта.

На курсе также будет заложена ваша база для дальнейшего развития и изучения JS фреймворков.

Я смогу зарабатывать используя полученные знания?

C полученными знаниями и навыками вы сможете трудоустроиться Junior frontend разработчиком в IT компанию или веб-студию. И начать строить свою карьеру веб-разработчика.

Также сможете уверенно брать заказы на фрилансе по frontend разработке.

Останется ли доступ к урокам курса после завершения обучения?

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