Продвинутый курс по веб-разработке

Курс включает в себя
  • SPA, глубокое погружение в Vue.js
  • Webpack, Gulp, Yarn, Npm, Git, Terminal
  • SASS, Pug, методология BEM
  • CSS Grids, Responsive, Adaptive
  • Асинхронность, промисы, паттерны
  • ES6, Babel
  • Тестирование верстки, Unit и End to End тесты
  • SVG, параллакс эффекты, анимации

Чему вы научитесь, пройдя курс

  • Освоите workflow, как в Google и Facebook

    Веб-разработка, пожалуй, одна из самых быстро развивающихся IT-отраслей в мире. То, как было актуально писать код еще год назад, сегодня уже безнадёжно устаревший подход. На курсе мы покажем workflow, который используют прямо сейчас лучшие программисты Кремниевой Долины.
  • Уверенно работать с Vue.js и разрабатывать Веб-приложения (SPA)

    На сегодняшний день Vue.js является одним из 3х самых востребованных и популярных JavaScript-фреймворков. Vue.js комплексный, мощный и функциональный инструмент для создания современных SPA приложений. Кстати, обучающая платформа LoftSchool написана именно на Vue.js.
  • Эффекты и анимации

    Современный сайт должен быть не просто быстрым и технологичным, но и, конечно же, красивым. Разумеется, все мы с вами привыкли к минималистичному и аккуратному дизайну Github, ВКонтакте и пр. Однако, на некоторых промо-проектах нам просто необходимо разнообразить сайт, наполнить его «жизнью» и впечатляющими эффектами.
  • Модульная архитектура и компонентный подход

    Количество JavaScript-кода на современном сайте уже несколько лет как переваливает за 70%-80% от общего объема кода. Вы научитесь планировать, создавать и масштабировать свой код. Вы также на практике освоите самые востребованные паттерны проектирования и разработки.
  • Программировать веб-приложения, а не просто “делать сайты”

    Требования к сайтам стали жестче, чем когда бы то ни было. Сейчас это не просто красивые странички с классными визуальными эффектами. Сегодня сайт - это полноценное веб-приложение, которое молниеносно загружается и потрясающе выглядит на любом устройстве: смартфоне, планшете и даже на телевизоре.
  • Передовые JavaScript технологии

    Разумеется, большой упор в обучении будет сделан на то, что называют «лучшие практики». Как и на прочих курсах в LoftSchool, мы пройдёмся по всем темам, необходимым для качественного выполнения выпускного проекта: от компонентного подхода к написанию виджетов до промисов и паттернов. Изучим новые возможности JavaScript (ES6 + Babel). А также научимся тестировать отдельные компоненты и приложение вцелом.
Ковальчук Дмитрий
Дмитрий Ковальчук
Главный преподаватель

Казалось, что собрать в одном месте самые передовые технологии, самые нужные и важные моменты IT-индустрии просто невозможно, но мы с гордостью и уверенностью заявляем: мы это сделали! Лучшие преподаватели LoftSchool из тонны терабайтов информации отсеяли и собрали лучшее, самое современное, самое востребованное, проверенное временем, использованное нами в боевых проектах.

Составляя программу, я постарался подойти к этому курсу не со стороны преподавателя, а со стороны ученика, задав вопрос себе — если бы я пришел на курс, что было бы мне, как уже бывалому в вебе, интересно. Я прекрасно понимаю, что каждый день на просторах интернета можно найти много нового, полезного и интересного, и я взял на себя смелость проверить за вас, убедиться, что действительно важно, применимо и будет использоваться в ваших проектах. Этим курсом я хочу подарить вам возможность прикоснуться к сокровищам IT-мира!

Что вы получите, выбрав наш курс?

  • Программа курса
    Изюминка курса - его программа. Вы получите полноценные и структурированные знания, поданные простым и понятным языком. В нужных пропорциях и под нужным соусом ;)
  • Преподаватели и наставники
    Преподаватели и наставники Loftschool - практикующие разработчики как с опытом разработки в крупных студиях, так и с опытом заработка на биржах фриланса. Поэтому знания, переданные вам, будут разносторонними.
  • Рабочий процесс
    Максимальная эмуляция рабочего процесса - командная разработка и реальные инструменты, которые используют ведущие IT-компании.
  • Команда
    Вы станете частью команды заряженных энтузиазмом единомышленников. Вместе с наставниками и преподавателями рука об руку пройдёте огонь и воду!
  • Личный наставник
    У вас будет личный наставник, который поможет решить все возникающие вопросы как во время обучения, так и после окончания курса.
  • Актуальные технологии
    Вам предстоит изучить только самые востребованные и актуальные технологии. Только те, что действительно используют в топовых мировых IT-компаниях.
  • Вебинары
    Насыщенные и интересные вебинары от лучших преподавателей Loftschool и возможность в режиме реального времени задавать вопросы и получать на них ответы.
  • Записи вебинаров
    Записи вебинаров доступны в личном кабинете студента неограниченное время, поэтому всегда можно вернуться и пересмотреть любую интересующую тему.
  • Индивидуальный подход
    Мы знаем, как это - быть новичком, пройти весь путь от нуля до профессионала, в одиночку, без поддержки. Миссия нашей школы - окружить каждого ученика заботой, сделать частью команды, дать силы и мотивацию вырасти в крутого специалиста!
  • Необходимые знания
    Мы были по обе стороны баррикад. Проходили собеседования сами и собеседовали других разработчиков. Мы знаем, что именно нужно вашим будущим работодателям и даем вам именно это.
  • Реальные проекты
    По окончании курса вы получите портфолио с реальными проектами, так как обучение в Loftschool - это максимум практики. Никакой воды.
  • Мы — создатели самого крупного IT-портала видеоуроков в русскоязычном интернете Loftblog. Именно там вы сможете оценить уровень, манеру и способы подачи информации наших преподавателей по их открытым урокам, вебинарам и курсам.
  • Наши выпускники
    Мы выпустили более 1200 успешных выпускников и очень гордимся этим!
  • Нас знают
    Нас и наших выпускников знают в ведущих российских IT-компаниях. Специалисты этих компаний также смотрят наши видеоуроки и обучаются на курсах.

Преподаватели курса

Как проходит обучение

Продолжительность обучения:

5 недель

Каждая неделя обучения включает:

Каждый понедельник ученики получают
  • 1
    Его необходимо выполнить до следующего понедельника
  • 2
    Подскажет, что делать в каждый конкретный день курса.
  • 3
    Материалы недели
    Изучать можно в удобном для себя ритме

Учебная программа

  • Неделя 1 — Workflow, Gulp, Webpack, Pug, npm
    • Workflow

      • Ковальчук Дмитрий

        Ковальчук Дмитрий

      1. Знакомство с курсом.

      2. VS Code.

      3. Terminal, Vim.

      4. Git, Github и Github Pages.

      5. Node.js 8, npm 5.

      6. Npm скрипты.

      7. CommonJS модули.
    • Gulp, Webpack

      • Ковальчук Дмитрий

        Ковальчук Дмитрий

      1. Gulp и Webpack – их отличия и возможности совместного применения.

      2. Основные Gulp функции.

      3. Параллельное и последовательное выполнение задач в Gulp.

      4. Шаг за шагом пишем свою сборку на Gulp + Webpack.
    • Pug

      • Ковальчук Дмитрий

        Ковальчук Дмитрий

      1. Pug - препроцессор HTML и шаблонизатор.

      2. Использование алгоритмической структуры Pug.

      3. Написание собственных примесей.

      4. Построение универсального шаблона.

      5. БЭМ-нейминг.

      6. Организация файловой структуры проекта.

      7. Рендеринг данных из JSON.

    • Компонентный подход

      • Ковальчук Дмитрий

        Ковальчук Дмитрий

      1. Сборка проекта.

      2. Компонентная вёрстка.

      3. Структура проекта.

      4. Модификация компонентов.

  • Неделя 2 — Vue.js, анимации, CSS GRID
    • JavaScript — Vue.js

      • Сабанцев Владимир

        Сабанцев Владимир

      1. Взаимодействие Vue с DOM.

      2. Прослушка событий при помощи Vue.js.

      3. Использование директив условий и циклов.

      4. Подключение препроцессоров.

      5. Vue CLI — создание боевого воркфлоу с Vue.js
    • CSS GRID

      • Сабанцев Владимир

        Сабанцев Владимир

      1. Основные понятия и термины.

      2. Построение лейаута.

      3. Область применения.

      4. Использование совместно с Flexbox.

      5. Решение нетривиальных задач при реализации адаптива.

    • Анимации CSS + JavaScript

      • Сабанцев Владимир

        Сабанцев Владимир

      1. 3 реализации параллакс эффектов.

      2. Скролл-эффекты.

      3. Неочевидные вещи в CSS-анимациях

      4. SVG-анимации.
    • Реализация виджетов

      • Сабанцев Владимир

        Сабанцев Владимир

      1. Реализация интерактивных элементов из домашнего проекта.

      2. Применение Vue.js на практике.

      3. Компонентный подход к написанию виджетов.

  • Неделя 3 — Адаптивная вёрстка
    • Вёрстка

      • Сабанцев Владимир

        Сабанцев Владимир

      1. Разбор вёрстки проекта.

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

      3. Реализация элементов проекта для мобильной версии.

  • Неделя 4 — Нативный JavaScript
    • JavaScript — ES6

      • Мелюков Сергей

        Мелюков Сергей

      1. Интерполяция строк.

      2. Короткая запись методов.

      3. Стрелочные функции.

      4. Аргументы по умолчанию.

      5. Деструктуризация: массивы и объекты.

      6. О новых возможностях в старых браузерах.

    • Асинхронность в JavaScript

      • Мелюков Сергей

        Мелюков Сергей

      1. Работа с Ajax.

      2. Асинхронность в JavaScript.

      3. Промисы как способ организации асинхронного кода.

    • Тестирование компонентов

      • Мелюков Сергей

        Мелюков Сергей

      1. Тестирование верстки.

      2. Написание Unit тестов.

      3. Написание End to End тестов.
    • Практика JavaScript

      • Мелюков Сергей

        Мелюков Сергей

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

      2. Применение знаний на практике.

  • Неделя 5 — Vue.js, SPA
    • JavaScript — Vue.js

      • Сабанцев Владимир

        Сабанцев Владимир

      1. Введение в компоненты.

      2. Взаимодействие между компонентами.

      3. Роутинг в Vue.js.

      4. Анимации и переходы во Vue.

      5. Взаимодействие с сервером из компонента.

    • JavaScript – Vue.js

      • Сабанцев Владимир

        Сабанцев Владимир

      1. Практический вебинар.

      2. Пишем frontend админ-панели на Vue.js.

      3. Работа Vue.js c формами.

      4. Отправка данных при помощи vue-resource.

    • Написание SPA

      • Сабанцев Владимир

        Сабанцев Владимир

      1. Написание админ-панели.

      2. Реализация SPA.

      3. Настройка роутов.

      4. Подгрузка данных.

    • Выпускной

      • Ковальчук Дмитрий

        Ковальчук Дмитрий

      1. Подведение итогов.

      2. Что делать дальше.

      3. Трудоустройство, стажировки.

      4. Компании партнёры.

Программа по числам

Выпускной проект
  • В течение курса, шаг за шагом (у вас будет план на каждый день!) мы вместе с вами выполним боевой проект «Сайт-портфолио».

  • Каждую неделю вы будете выполнять часть этого проекта, строго соблюдая техническое задание и дедлайны – всё, как в реальной веб-студии.

Методические пособия
методические указания

Благодаря методичкам, которые мы подготовили для вас, вы сможете быстро и легко разобраться даже с самой сложной темой! Мы взяли за основу официальную документацию к каждой технологии и самые актуальные статьи, а затем максимально просто и доступно изложили всё это в наших методичках. Никакой воды, только лучшие практики, наглядные примеры и потрясающий дизайн! Хотите посмотреть?

Компании, в которых работают наши выпускники
Mail.ru
Yandex
Rambler
EPAM
T Systems
Reg.ru
Embria
Microsoft
Связной
Tutu.ru
Регистрация на обучение
Очень важно как можно раньше начать серьезно готовиться к курсу. Сразу после внесения предоплаты мы высылаем объемные материалы для изучения.
Cпособы оплаты
  • visa
  • mastercard
  • paypal
Старт курса по мере набора группы
Оставьте заявку на курс и мы свяжемся с вами, как будет определена дата старта
Или подпишитесь на нашу рассылку и будьте в курсе новостей
Авторизоваться
Нет аккаунта? Зарегистрируйтесь
Регистрация
Уже зарегистрированны? Войти
Авторизоваться
Ничего страшного, введите свой e-mail и мы вышлем вам инструкции по восстановлению пароля.
Вспомнили пароль? Войти
Авторизоваться
Ничего страшного, введите свой e-mail и мы вышлем вам инструкции по восстановлению пароля.