Advanced front-end 3.0

Name: Advanced front-end 3.0
Price: 4599 RUB
Availability: PreOrder

9 участников

СП Автор Сергей Пузанков Школа Front-end Science

О чём курс

О курсе

Продвинутая front-end разработка помогает перейти от базовой верстки к созданию сложных веб-приложений. Она охватывает современные стандарты JavaScript, автоматизацию сборки, основы серверной разработки и настройку инфраструктуры.

Обучение длится 7 недель (1,5 месяца) и объединяет теоретические концепции с созданием реальных веб-проектов.

Для кого

Программа рассчитана на разработчиков с разным уровнем подготовки:

специалистов, имеющих начальные знания и опыт работы с HTML, CSS и JavaScript, желающих получить практику на комплексных задачах;
верстальщиков, занимающихся интеграцией тем под CMS, которые планируют перейти к масштабной фронтенд-разработке;
действующих специалистов уровня middle front-end, нацеленных на повышение квалификации до уровня senior, смену компании или рост оплаты труда.

Что внутри

Программа охватывает системную работу с инструментами современного веб-разработчика. Рассматриваются расширенные возможности стандарта ES6, компонентные паттерны, шаблонизация и модульные загрузчики. В блоке сборки и оптимизации изучаются сборщики Gulp и Webpack.

Серверный блок включает создание API на базе Node.js и Express, работу в командной строке UNIX, управление доступом по SSH и базовую настройку Nginx. Также разбираются процессы контроля версий через Git, настройка непрерывной интеграции (CI) и деплой проектов.

Практические проекты

В процессе обучения предусмотрено выполнение ряда практических заданий:

интернет-магазин с корзиной товаров и сохранением данных в localStorage;
голосовой чат-бот с распознаванием и синтезом речи через WebAPI и бэкендом на Socket.IO;
погодный сервис с определением геолокации через GeoAPI и агрегацией данных на Node.js;
одностраничное приложение (SPA) конвертации и мониторинга курса валют без использования сторонних фреймворков.

Программа обучения

GIT. Git intro. Basic commit flow. Branches. Merge vs Rebase. GitHub. Git Flow.
Package managers. Шаблонизация. SemVer npm yarn bower Handlebars
ES6. let, const. Arrow functions. Template strings. String methods. Array methods. Destructuring. Looping. Spread & Rest. Object Literals. Symbols. Generators. Classes. Promises. Async/Await.
Modules. Module patterns in ES5. Module Loaders. AMD Format. CommonJS Format. ES6 Modules. Babel. Module Bundlers. Browserify. Webpack.
Введение в Node.js. Express. Node.js intro. Mock API application. Express.js framework. Mail send application.
Practice Lesson — Shopping cart. Мы разработаем страницу интернет-магазина для заказа товаров. А также создадим страницу с корзиной нашего магазина, в котором можно будет редактировать выбранные товары. Сохранение информации о заказе будет происходить в localStorage браузера.
Сборка приложения. Gulp, Webpack. Code style. Gulp task runner. Gulp tasks. Watch. Default. Build front-end project. Code style tools. Minification, optimisation. Webpack.
UNIX Command Line. SSH. Nginx intro. Getting help Paths & Listing files Pipes Redirects Archive and Compress Move/Copy/Remove Managing Directories Remote control Permissions SSH access Setup Nginx for Node.js app.
Programming patterns. Common object patterns Function Argument Pattern Chaining Observable Timer patterns Async execution pattern PubSub pattern
Practice Lesson — Chat Bot. Мы разработаем интерактивного чат-бота, с которым можно будет общаться с помощью голоса. Мы будем использовать встроенные в браузер WebAPI для распознавания и синтеза речи. Напишем серверную часть на Node.js и SocketIO. Настроим и подключим API для чат-ботов.
Deploy. Continuous Integration. Deploy using git. Setup and deploy to Heroku. Setup CirlceCI.
Practice Lesson — Weather Site. Мы разработаем сайт с прогнозом погоды. Все данные будем получать из реального API. Агрегацию и подготовку данных будем делать на Node.js. Кроме погоды конкретного города, сделаем возможность определить текущее местоположение пользователя через GeoAPI браузера и покажем погоду в этом месте.
Practice Lesson — SPA Currency rates. Мы разработаем SPA без использования фреймворков. На этом сайте будет возможность просматривать текущий курс валют, историческую сводку и в живую конвертировать необходимые валюты. Мы будет использовать различные API для получения данных. Напишем свое API на Node.js для проксирования данных на клиентскую часть.

Складчина создана 24 октября 2018 г. · описание обновлено 18 октября 2026 г.

Теги курса

Отзывов пока нет. Будьте первым!

Как получить курс?

Влада Администратор сайта

Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.

Финальный взнос будет ниже, чем 35 000 ₽?

Влада Администратор сайта

Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.

Как я могу ускорить сбор складчины и уменьшить взнос?

Влада Администратор сайта

Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.