Advanced front-end 3.0 [Front-end Science] [Сергей Пузанков]

Advanced front-end 3.0 [Front-end Science] [Сергей Пузанков]

7-недельный онлайн курс​

«Advanced front-end 3.0»​

Прокачай себя за 1.5 месяца!​

Переходи в высшую лигу фронтед-разработки!
Старт 12 ноября 2018 года
​

ДЛЯ КОГО ЭТОТ КУРС:

• если у Вас уже есть начальные знания и опыт работы с HTML/CSS/JS и Вы хотите получить опыт разработки сложных реальных проектов;
• если Вы бесконечно натягиваете темы на CMS, а мечтаете начать заниматься крутой front-end разработкой;
• если Вы уже middle front-end разработчик, но хотите прокачать свой уровень профессионализма и стремитесь стать авторитетным senior’ом;
• если Вы хотите повысить свою заработную плату на текущем месте работы;
• если Вы хотите найти себе новое достойное место работы, если мечтаете попасть в крутую компанию с более высоким окладом и сложными задачами…

ПРОГРАММА КУРСА:

Спойлер

• GIT.
  1. Git intro.
  2. Basic commit flow.
  3. Branches.
  4. Merge vs Rebase.
  5. GitHub.
  6. Git Flow.

• Package managers. Шаблонизация.
  1. SemVer
  2. npm
  3. yarn
  4. bower
  5. Handlebars

• ES6.
  1. let, const.
  2. Arrow functions.
  3. Template strings.
  4. String methods.
  5. Array methods.
  6. Destructuring.
  7. Looping.
  1. Spread & Rest.
  2. Object Literals.
  3. Symbols.
  4. Generators.
  5. Classes.
  6. Promises.
  7. Async/Await.

• Modules.
  1. Module patterns in ES5.
  2. Module Loaders.
  3. AMD Format.
  4. CommonJS Format.
  5. ES6 Modules.
  6. Babel.
  7. Module Bundlers.
  8. Browserify.
  9. Webpack.

• Введение в Node.js. Express.
  1. Node.js intro.
  2. Mock API application.
  3. Express.js framework.
  4. Mail send application.

• Practice Lesson — Shopping cart.
  Мы разработаем страницу интернет-магазина для заказа товаров. А также создадим страницу с корзиной нашего магазина, в котором можно будет редактировать выбранные товары. Сохранение информации о заказе будет происходить в localStorage браузера.
  

• Сборка приложения. Gulp, Webpack. Code style.
  1. Gulp task runner.
  2. Gulp tasks.
  3. Watch.
  4. Default.
  5. Build front-end project.
  6. Code style tools.
  7. Minification, optimisation.
  8. Webpack.

• UNIX Command Line. SSH. Nginx intro.
  1. Getting help
  2. Paths & Listing files
  3. Pipes
  4. Redirects
  5. Archive and Compress
  6. Move/Copy/Remove
  7. Managing Directories
  8. Remote control
  9. Permissions
  10. SSH access
  11. Setup Nginx for Node.js app.

• Programming patterns.
  1. Common object patterns
  2. Function Argument Pattern
  3. Chaining
  4. Observable
  5. Timer patterns
  6. Async execution pattern
  7. PubSub pattern

• Practice Lesson — Chat Bot.
  Мы разработаем интерактивного чат-бота, с которым можно будет общаться с помощью голоса. Мы будем использовать встроенные в браузер WebAPI для распознавания и синтеза речи. Напишем серверную часть на Node.js и SocketIO. Настроим и подключим API для чат-ботов.
  

• Deploy. Continuous Integration.
  1. Deploy using git.
  2. Setup and deploy to Heroku.
  3. Setup CirlceCI.

• Practice Lesson — Weather Site.
  Мы разработаем сайт с прогнозом погоды. Все данные будем получать из реального API. Агрегацию и подготовку данных будем делать на Node.js. Кроме погоды конкретного города, сделаем возможность определить текущее местоположение пользователя через GeoAPI браузера и покажем погоду в этом месте.
  

• Practice Lesson — SPA Currency rates.
  Мы разработаем SPA без использования фреймворков. На этом сайте будет возможность просматривать текущий курс валют, историческую сводку и в живую конвертировать необходимые валюты. Мы будет использовать различные API для получения данных. Напишем свое API на Node.js для проксирования данных на клиентскую часть.