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

Курс включает в себя
  • 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 - “Terminal, Git, SSH, модули в node.js, npm“

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

    • Терминал - полное и исчерпывающее руководство.
    • Консольные текстовые редакторы.
    • Git - эффективно решаем самые распространённые задачи.
    • Github, Github pages.
    • SSH - настройка аутентификации по ключам.
    • Node.js - работа с CommonJS модулями.
    • Npm - максимально глубокое погружение и лучшие практики использования.
    • Bower vs Npm для frontend-разработки.
    • Yarn - современная альтернатива npm.

    Workflow #2 - “Gulp.js для профессионалов”

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

    • Gulp 4.0.0 и gulp-cli
    • Параллельное и последовательное выполнение задач в Gulp (Series и Parallel).
    • Gulp-load-plugins, browser-synс и ещё 15 самых востребованных плагинов для Gulp.
    • Разбиение gulpfile.js на модули и их корректный вызов.
    • Корректная настройка вотчера и локального сервера с кроссбраузерным тестированием.
    • Шаг за шагом пишем свою сборку на Gulp.

    Workflow #3 - “Webpack 2.2”

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

    • Введение в Webpack 2.2.0
    • Разница между бандлерами и таск раннерами.
    • Гибкая настройка es6 модулей.
    • Как в Webpack работать с SASS, Pug, Livereload, esLint, картинками и пр.
    • Корректная разбивка webpack.config.js на модули.
    • Настройка Webpack для локальной разработки и для продакшена.
    • Шаг за шагом пишем свою сборку на Webpack.
  • Неделя 2 - Вёрстка и SVG

    SVG - "Работа с векторной графикой"

    • Юрий Кучма

    • Работа с геометрическими примитивами
    • Градиенты и фильтры
    • Анимация SVG на CSS
    • ViewBox
    • Работа с svg иконками и способ их подключения
    • Графический редактор Inkscape
    • Highcharts — библиотека для создания чартов
    • Анимации, масштабирование трансформации векторных объектов с помощью библиотеки Snap.svg

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

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

    • Pug - препроцессор HTML и шаблонизатор
    • Использование алгоритмической структуры Pug
    • Написание собственных примесей
    • Построение универсального шаблона
    • БЭМ-нейминг
    • Организация файловой структуры проекта
    • Рендеринг данных из JSON

    Вёрстка #2 - "Препроцессор - SASS/SCSS"

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

    • Препроцессор - SASS/SCSS
    • Циклы, условия, переменные SASS
    • Необходимые в работе функции SASS
    • Автоматизация сборки спрайтов средствами Spritesmith
  • Неделя 3 - Вёрстка и Анимации

    Вёрстка #3 - "Адаптивная вёрстка"

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

    • Адаптивная вёрстка
    • Настройка картинок для адаптивной вёрстки
    • Адаптация картинок под ретина-дисплеи
    • Адаптив или Респонсив. В чем разница
    • Медиазапросы
    • Библиотека Singularity.gs и Breakpoints SASS. Для вёрстки респонсив сайтов

    Вёрстка #4 - "Flexbox"

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

    • Модуль CSS - Flexbox
    • Поведение флексбокс лэйаута
    • Управление пропорциями блоков
    • Управление порядком блоков
    • "Хитрое" выравнивание Flexbox контента

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

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

    • Простая техника параллакс
    • Параллакс бэкграунд
    • Параллакс скроллинг
    • CSS3 анимации
  • Неделя 4 - Клиентский JavaScript

    Javascript #1- "Ajax, промисы и модули"

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

    • Работа с ajax
    • Асинхронность в js
    • Промисы как способ организации асинхронного кода
    • Паттерн модуль

    Javascript #2 - "jQuery"

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

    • Работа с jQuery
    • Cобытия и их обработка
    • Корректная работа с DOM
    • Deffered object - реализация в jQuery

    Javascript #3 - “ES6”

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

    • Версии ECMAScript
    • ES-2015 сейчас
    • Трансляция ES6 через Babel.JS
    • Переменные для разных областей видимости
    • Шаблонные строки
    • Стрелочные функции
    • Классы
    • Деструктуризация
  • Неделя 5 - Серверный JavaScript

    Node.js #1 - "Погружение в серверный javascript"

    • Юрий Кучма

    • Что такое Node.js и ее цикл событий
    • Callbacks
    • Работа с файловой системой в Node.js
    • Отладка node.js приложений в Visual Code
    • Создаем свой веб-сервер на Node.js

    Node.js #2 - "MongoDB и Mongoose"

    • Юрий Кучма

    • Работа с базами данных
    • Что такое MongoDB
    • Работа с MongoDB в Node.js
    • Mongoose - ORM для MongoDB

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

    • Юрий Кучма

    • Работа с Express 4.0 (базовые возможности)
    • Socket.io (кроссбраузерная поддержка websockets)
    • Аутентификация с 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 и мы вышлем вам инструкции по восстановлению пароля.