Корзина покупок пуста.
Вы можете выбрать товар из Каталога.
Вы можете выбрать товар из Каталога.
![[Linux Academy] Amazon Aurora – Cloud SQL DB Essentials (Julie Elkins)](https://i1.storeland.net/2/5905/159044738/baec64/linux-academy-amazon-aurora-cloud-sql-db-essentials-julie-elkins.png)
![[LoftSchool] Комплексное обучение Javascript](https://i4.storeland.net/2/5905/159044752/baec64/loftschool-kompleksnoe-obuchenie-javascript.png)
![[HTML Academy] JavaScript. Архитектура клиентских приложений, уровень 2 (Александр Сушко)](https://i4.storeland.net/2/5905/159044503/afacdb/html-academy-javascript-arhitektura-klientskih-prilozhenij-uroven-2-aleksandr-sushko.png "[HTML Academy] JavaScript. Архитектура клиентских приложений, уровень 2 (Александр Сушко)")
Бесплатная
Доставка
Доставка
Гарантия
Возврата
Возврата
Онлайн
Поддержка
Поддержка
2 428 рублей
![[?IMG]](proxy.php?image=https%3A%2F%2Fd.radikal.ru%2Fd17%2F2101%2F5d%2Fdf66f9b3378e.png&hash=6aae050a86da936cd37790f0353bd841&v=4)
? На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.
Первая неделя
Раздел 1
ECMAScript
Рассмотрим схему работы на интенсиве и узнаем, какие инструменты нам понадобятся. Познакомимся с последними версиями стандарта ECMAScript, разберём какие проблемы он решает и чем отличается от ECMAScript 5.
Организационные вопросы.
- Обзор проектов.
- Схема работы на интенсиве.
- Область видимости.
- Операторы let и const.
- Строки-шаблоны.
- Стрелочные функции.
- Параметры функций по умолчанию.
- Деструктуризация.
- Создание репозитория, форк, клонирование.
- Знакомство с проектом.
Раздел 2
Модули и инфраструктура проектов
Познакомимся с понятием модульности и рассмотрим, как устроены модули в последних версиях стандарта ECMAScript. Разберёмся со сборщиками модулей: зачем они нужны, как они работают и как их подключить в проект. А так же узнаем, что такое npm-пакеты. Научимся их устанавливать и управлять ими.
Модули.
Раздел 3
Структуры данных
Узнаем, зачем нужны структуры данных frontend-разработчику и как их применять в своих проектах.
Введение в ООП
Познакомимся с объектами в JavaScript. Научимся создавать, копировать и применять объекты для решения практических задач. Поговорим про типизацию и разберёмся с магическим контекстом.
Объекты JavaScript.
Компонентный подход.
Раздел 5
Наследование и полиморфизм
Продолжаем знакомиться с ООП в JavaScript. Разберем полиморфизм и наследование. Попрактикуемся в написании компонентов многоразового использования.
ООП.
Датабиндинг — связывание данных
На этом этапе мы установим связь между компонентом и структурой данных: обновление данных при изменении состояния компонентов.
Датабиндинг.
Раздел 7
Связывание данных. Продолжение
Затем установим обратную связь: обновление компонентов при изменении данных.
Датабиндинг.
Раздел 8
Работа с сетью
Узнаем как работает протокол HTTP, что такое REST и REST API. Разберёмся с объектом Promise и узнаем, как он помогает отправлять и обрабатывать HTTP-запросы. Узнаем, как проектировать интерфейсы, в которых есть асинхронный код так, чтобы пользователю было удобно.
Протокол HTTP.
REST.
Промисы.
Fetch API.
Практика
Offline
Узнаем, есть ли жизнь без интернета.
Модули и инфраструктура проектов
Познакомимся с понятием модульности и рассмотрим, как устроены модули в последних версиях стандарта ECMAScript. Разберёмся со сборщиками модулей: зачем они нужны, как они работают и как их подключить в проект. А так же узнаем, что такое npm-пакеты. Научимся их устанавливать и управлять ими.
Модули.
- Как работают модули в ES20xx.
- Циклические зависимости.
- node.js, файл package.json, package-lock.json.
- Управление проектом, npm.
- npm-сценарии.
- Обновление версий пакетов.
- Установка зависимостей.
- Сборка приложения при помощи webpack.
- Карты кода (source map).
- Настройка инфраструктуры для работы на интенсиве.
- Подключение в сборку загрузчика модулей.
- Разделение проекта на модули.
Раздел 3
Структуры данных
Узнаем, зачем нужны структуры данных frontend-разработчику и как их применять в своих проектах.
- Классические структуры данных.
- Структуры данных ES2015: Map, Set, Iterable.
- Возможности ES2015 для работы с массивами и объектами.
- Оператор spread и rest.
- Написание клиент-серверного приложения без сервера.
Введение в ООП
Познакомимся с объектами в JavaScript. Научимся создавать, копировать и применять объекты для решения практических задач. Поговорим про типизацию и разберёмся с магическим контекстом.
Объекты JavaScript.
- Функции и объекты.
- Способы создания объектов.
- Свойства и методы.
- Динамические имена свойств.
- Геттеры и сеттеры.
- Копирование объектов.
Компонентный подход.
- Объектно-ориентированное программирование.
- Какие проблемы решает ООП.
- Особенности ООП в JavaScript.
- Классы, типы в JavaScript.
- Инкапсуляция.
- Обновление кода с учётом новых знаний об объектах.
- Применение объектно-ориентированного подхода.
Раздел 5
Наследование и полиморфизм
Продолжаем знакомиться с ООП в JavaScript. Разберем полиморфизм и наследование. Попрактикуемся в написании компонентов многоразового использования.
ООП.
- Полиморфизм.
- Наследование и цепочка прототипов.
- Принципы ООП.
- Абстрактные классы.
- Контекст.
- Потеря и привязка контекста (apply, bind, call).
- Контекст стрелочных функций.
- Углубление в ООП. Применение на практике инкапсуляции, наследования и полиморфизма.
- Рефакторинг модулей.
Датабиндинг — связывание данных
На этом этапе мы установим связь между компонентом и структурой данных: обновление данных при изменении состояния компонентов.
Датабиндинг.
- Связывание данных.
- Паттерны «Посредник» и «Наблюдатель».
- Функции обратного вызова (колбэки).
- Установка одностороннего связывания данных — от компонента к данным.
- Знакомство с библиотеками chart.js, flatpikr, moment.
Раздел 7
Связывание данных. Продолжение
Затем установим обратную связь: обновление компонентов при изменении данных.
Датабиндинг.
- Слабое связывание.
- Паттерны «Слушатель».
- Виды MV*.
- Связывание данных в обратную сторону — от данных к компонентам.
- Применение двустороннего связывания данных.
Раздел 8
Работа с сетью
Узнаем как работает протокол HTTP, что такое REST и REST API. Разберёмся с объектом Promise и узнаем, как он помогает отправлять и обрабатывать HTTP-запросы. Узнаем, как проектировать интерфейсы, в которых есть асинхронный код так, чтобы пользователю было удобно.
Протокол HTTP.
REST.
Промисы.
Fetch API.
Практика
- Получение данных для отрисовки приложения с внешнего сервера.
- Отправка данных на внешний сервер.
Offline
Узнаем, есть ли жизнь без интернета.
- Cache.
- Local Storage.
- Web Worker.
- Service Worker.
- Знакомство с практиками, обеспечивающими работу приложения, в случае, если доступ к сети пропал.
![[velogera] Функциональный тренинг. Пакет Модуль 1 + 2. 2021 (Георгий Ёлгин)](https://i3.storeland.net/2/5911/159106301/baec64/velogera-funkcionalnyj-trening-paket-modul-1-2-2021-georgij-jolgin.png "[velogera] Функциональный тренинг. Пакет Модуль 1 + 2. 2021 (Георгий Ёлгин)")
![[Udemy] The Complete Python 3 Course: Beginner to Advanced! ENG (Joseph Delgadillo, Nick Germaine)](https://i4.storeland.net/2/5905/159045611/baec64/udemy-the-complete-python-3-course-beginner-to-advanced-eng-joseph-delgadillo-nick-germaine.png "[Udemy] The Complete Python 3 Course: Beginner to Advanced! ENG (Joseph Delgadillo, Nick Germaine)")
![[Udemy] Создание административной панели на React.js + PHP (Иван Петриченко)](https://i4.storeland.net/2/5905/159045569/baec64/udemy-sozdanie-administrativnoj-paneli-na-react-js-php-ivan-petrichenko.png "[Udemy] Создание административной панели на React.js + PHP (Иван Петриченко)")
![Курс по созданию скетчей в программе ProCreate, доступной на iPad [Pixel]](https://i4.storeland.net/2/5915/159141572/baec64/kurs-po-sozdaniyu-sketchej-v-programme-procreate-dostupnoj-na-ipad-pixel.png "Курс по созданию скетчей в программе ProCreate, доступной на iPad [Pixel]"){kind=tracking}
![[lynda.com] Создание Адаптивного WEB взаимодействия (Chris Converse)](https://i4.storeland.net/2/5905/159044800/baec64/lynda-com-sozdanie-adaptivnogo-web-vzaimodejstviya-chris-converse.jpg "[lynda.com] Создание Адаптивного WEB взаимодействия (Chris Converse)")
![[SwiftBook] Видеокурсы по программированию на русском языке по Swift 5, 2019](https://i4.storeland.net/2/5905/159045228/baec64/swiftbook-videokursy-po-programmirovaniyu-na-russkom-yazyke-po-swift-5-2019.png "[SwiftBook] Видеокурсы по программированию на русском языке по Swift 5, 2019")
![[Lectrum] Онлайн-интенсив Docker](https://i4.storeland.net/2/5905/159044701/baec64/lectrum-onlajn-intensiv-docker.jpg "[Lectrum] Онлайн-интенсив Docker")
![[Udemy] Express js курс 2020 - от нуля до первого сервера на Node js (Роман Акхромиеиев)](https://i3.storeland.net/2/5905/159045303/baec64/udemy-express-js-kurs-2020-ot-nulya-do-pervogo-servera-na-node-js-roman-ahromieiev.jpg "[Udemy] Express js курс 2020 - от нуля до первого сервера на Node js (Роман Акхромиеиев)")
