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

Курс включает в себя
  • Workflow, как в Google: Webpack, Gulp, Yarn, Npm, Git, Terminal
  • Лучшие практики SASS, Pug, bem-naming
  • Flexbox, Responsive, Adaptive
  • SVG — углубленная работа с векторной графикой
  • Продвинутый JavaScript: Promises, patterns, ES6
  • Node.js, Express.js,
    Socket.io и Passport.js
  • Для хранения данных: MongoDB и Mongoose
  • Настройка VDS-хостинга, работа с SSH

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

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

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

    Количество JavaScript-кода на современном сайте уже несколько лет как переваливает за 70%-80% от общего объема кода. Особенно с приходом серверного JavaScript — node.js. Вы научитесь планировать, создавать и масштабировать свой код. Вы также на практике освоите самые востребованные паттерны кодирования и проектирования.
  • «Full-stack»-разработка

    Забудьте про разделение на специализации. Современный Javascript-разработчик должен уметь писать и понимать веб-приложения целиком: от сервера, до клиента. В LoftSchool студенты шаг за шагом погружаются в тему: от самых передовых решений на фронтенде до наиболее надёжных и быстрых технологий на бекенде.
  • Уверенно использовать серверный JavaScript

    Node.js — одна из наиболее востребованных технологий на сегодняшний день. MongoDB — самая популярная NoSQL документ-ориентированная СУБД. После изучения и применения на практике обеих этих технологий ваше отношение к backend-разработке изменится навсегда.
  • Программировать веб-приложения, а не просто сайты

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

    То, что раньше умели делать только профессиональные системные администраторы, сегодня становится обыденным делом для разработчика на Node.js. На курсе вы «от и до» настроите свой собственный VDS-сервер и добавите ещё один мощный скилл в копилку своих знаний.
  • Параллакс-эффекты и CSS3-анимации

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

    Разумеется, большой упор в обучении будет сделан на то, что называют «лучшие практики». Как и на прочих курсах в LoftSchool, мы пройдёмся по всем темам, необходимым для качественного выполнения выпускного проекта: от jquery до промисов и паттернов. Однако мы не могли обойти стороной и ES6, который детально будет разобран на курсе.
Ковальчук Дмитрий
Дмитрий Ковальчук
Главный преподаватель

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

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

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

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

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

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

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

    5 недель
  • Курс состоит из:

    15ти основных и 1го дополнительного уроков
Каждый урок состоит из:
  • Видеоуроки для подготовки

  • Вебинар (2-2,5 ч) либо
    скринкаст (1 ч) + вебинар (1 ч)

  • Методические пособия

  • Вебинары проходят 3 раза в неделю. Обычно это понедельник, среда и пятница в 20:00. О возможных переносах сообщаем заранее.
  • Каждый понедельник ученики получают задание, которое необходимо выполнить до следующего понедельника, а также рекомендации по каждому дню обучения (как планировать своё время).
  • Личные голосовые консультации с наставником - 30 минут в неделю. Текстовые не лимитированы. По выходным - групповая работа с наставником (1-2 часа практики).

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

  • Неделя 1 - Workflow
    • Workflow

      1. Необходимый набор программ и утилит.

      2. Terminal - полное и исчерпывающее руководство.

      3. Git, Github и Github pages.

      4. Node.js 8 и CommonJS-модули.

      5. Bower, Npm и Yarn – сравниваем и выбираем.

      6. Npm 5 – максимально глубокое погружение и лучшие практики использования.

      7. Первый проект на Webpack.

    • Gulp 4

      1. Gulp 4 и gulp-cli

      2. Параллельное и последовательное выполнение задач в Gulp (Series и Parallel).

      3. Gulp-load-plugins, browser-synс и ещё 15 самых востребованных плагинов для Gulp.

      4. Разбиение gulpfile.js на модули и их корректный вызов.

      5. Корректная настройка вотчера и локального сервера с кроссбраузерным тестированием.

      6. Шаг за шагом пишем свою сборку на Gulp.

      7. Добавляем webpack в сборку.

    • Webpack 3

      1. Введение в Webpack 3

      2. Разница между бандлерами и таск-раннерами.

      3. Гибкая настройка es6-модулей.

      4. Как в Webpack работать с SASS, Pug, Livereload, esLint, картинками и пр.

      5. Корректная разбивка Webpack.config.js на модули.

      6. Настройка Webpack для локальной разработки и для продакшена.

      7. Шаг за шагом пишем свою сборку на Webpack.

  • Неделя 2 - Вёрстка и SVG
    • SVG - Работа с векторной графикой

      1. Работа с геометрическими примитивами.

      2. Градиенты и фильтры.

      3. Анимация SVG на CSS.

      4. ViewBox.

      5. Работа с svg иконками и способы их подключения.

      6. Графический редактор Inkscape.

      7. Highcharts — библиотека для создания чартов.

      8. Анимации, масштабирование трансформации векторных объектов с помощью библиотеки Snap.svg.

    • Вёрстка #1 - Pug и БЭМ-нейминг

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

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

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

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

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

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

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

    • Вёрстка #2 - Адаптивная верстка

      1. Адаптивная вёрстка.

      2. Настройка картинок для адаптивной вёрстки.

      3. Адаптация картинок под ретина-дисплеи.

      4. Адаптив или Респонсив. В чем разница?

      5. Медиазапросы.

      6. CSS Grid

  • Неделя 3 - Вёрстка и Анимации
    • Вёрстка #3 - Flexbox

      1. Модуль CSS - Flexbox.

      2. Поведение флексбокс-лэйаута.

      3. Управление пропорциями блоков.

      4. Управление порядком блоков.

      5. "Хитрое" выравнивание Flexbox-контента.

    • JavaScript - ES6

      1. Версии ECMAScript.

      2. ES-2015 сейчас.

      3. Трансляция ES6 через Babel.js.

      4. Переменные для разных областей видимости.

      5. Шаблонные строки.

      6. Функции с передачей контекста.

      7. Классы.

      8. Деструктуризация.

    • Анимации - 3 вида параллакса и CSS3-анимации

      1. Простая техника параллакс.

      2. Параллакс-бэкграунд.

      3. Параллакс-скроллинг.

      4. CSS3-анимации.

  • Неделя 4 - Клиентский JavaScript
    • Javascript - Ajax, промисы и модули

      1. Работа с ajax.

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

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

      4. Паттерн “Модуль”.

    • Javascript - Vue.js

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

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

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

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

      5. Vue CLI - создание боевого воркфлоу с Webpack.

    • Javascript - Vue.js

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

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

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

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

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

  • Неделя 5 - Серверный JavaScript
    • Node.js #1 - Погружение в серверный JavaScript

      1. Что такое Node.js и ее цикл событий.

      2. Callbacks.

      3. Работа с файловой системой в Node.js.

      4. Отладка Node.js-приложений в Visual Code.

      5. Создаем свой веб-сервер на Node.js.

    • Node.js #2 - MongoDB и Mongoose

      1. Работа с базами данных.

      2. Что такое Mongo.db.

      3. Работы с Mongo.db в Node.js.

      4. Mongoose - ORM для Mongo.db.

    • Node.js #3 - Express, Socket.io и Passport.js

      1. Работа с Express 4.0 (базовые возможности).

      2. Socket.io (кроссбраузерная поддержка websockets).

      3. Аутентификация с Passport.js.

       

      • бонусный урок: “Работа с VDS-хостингом”

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

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

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

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

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

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