Закрыто [Otus] Разработчик JavaScript (полный курс) 2018

Dmitry000 · 13 фев 2023

На продажнике идет уже запись на новый поток.
Данная складчина делается на завершенный поток начало 2018 года

О КУРСЕ
Курс предназначен для для разработчиков уровня Junior и Middle, которые имеют общее представление и опыт работы с Web и хотят узнать больше о мире современного JavaScript.

По окончании курса вы сможете:
- Понимать принципы работы современных JavaScript фреймворков и библиотек
- Применять паттерны проектирования (Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection, Observables)
- Знать подходы при проектировании, организации, контроля состояния и тестирования серверных и клиентских приложений
- Выбирать подходящие инструменты для проекта
- Тестировать проект unit-тестами на разных уровнях
- Создавать веб-приложения с использованием современных технологий

Особенности курса:
В рамках курса мы рассмотрим ключевые особенности JavaScript - замыкания, особенности ООП и SOLID в JS, функционального и реактивного программирования, Promises и другие возможности ES6, Event Loop, а также разберём DOM API, Ajax и события в рамках разработки в браузере, и, конечно, прокачаем навыки в HTML и CSS. Научимся писать код на диалектах JavaScript, таких как TypeScript и JSX.

Помимо разработки клиентской части в браузере, мы также будем использовать серверную платформу NodeJS и её окружение. Изучим популярный фреймворк Angular с реактивными возможностями RxJS, а также библиотеки для написания web-приложений - ReactJS, Redux и современные подходы к разработке UI, такие как Polymer и набирающий звёзды Vue.

Мы будем собирать проекты для production с помощью Webpack, хранить данные в MongoDB, использовать TDD подход и писать тесты на различных фреймворках и уровнях.

С собой вы сможете забрать с курса:
- видеозаписи всех вебинаров;
- презентации к занятиям, а также дополнительные материалы;
- решение задач и проектов в виде кода на github;
- хорошие воспоминания;
- сертификат о прохождении курса.

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

Введение в курс
Участники смогут:
- Познакомиться с преподавателем и с программой курса, понимать как она построена и какие полезные навыки они получат
- Вспомнить основные возможности языка JavaScript
- Применять техники языка, которые помогут при изучении фреймворков

JavaScript. Работа с браузером
Участники смогут:
- Решать специфичные для браузерной разработки задачи на языке JavaScript
- Освоить и вспомнить теорию, которая будет базисом для последующих уроков

Браузерные возможности JS
Основные концепции Node - Modules, Events, Errors
Участники смогут:
- Запускать скрипты на платформе Node
- Работать с базовыми понятиями Node - Events и Errors
- Использовать ES6 Imports и стандартный способ загрузки модулей

Стандартная библиотека Node - EventLoop, Streams, HTTP
Участники смогут:
- Ориентироваться в понятии EventLoop и особенностях работы Timers
- Использовать классы, объекты и функции модуля Streams
- Работать c HTTP запросами в Node

Пакетный менеджер NPM и возможности package.json. Node Best Practices
Участники смогут:
- Работать с пакетным менеджером NPM
- Управлять зависимостями и автоматизировать задачи с помощью package.json
- Различать корректные и ошибочные техники при написании серверного JavaScript кода
- Работать с дочерними процессами в Node

Express - Web-сервер на JS, Стек MEAN, MongoDB
Участники смогут:
- Создавать простые приложения с использованием библиотеки Express, а также базы данных MongoDB

Построение Rest API, TDD и Unit-тестирование с Jest
Участники смогут:
- Понимать и добавлять общие стандарты создания API
- Писать и запускать тесты для серверного JavaScript

UI Libraries
Основы React и JSX
Участники смогут:
- Настроить себе окружение для работы с React и использовать его
- Понимать и применять синтаксис JSX
- Создавать простые приложения на React

Компоненты React. Lifecycle React-компонент, state и props
Участники смогут:
- Разрабатывать полноценные React-компоненты в различных стилях.
- Корректно использовать state и props."

Состояние приложения. Flux и Redux
Участники смогут:
- "Отличать основные понятия однонаправленной архитектуры Flux.
- Ориентироваться и использовать возможности redux - создавать actions, reducers, а также применять redux в связке в React

Routing в React. Оптимизация приложения
- Создавать систему routing для React приложений, использовать библиотеку react-router
- Использовать специальные возможности библиотеки для оптимизации отрисовки"

Специфика построений приложений в React, Best Practices
Эффективно разрабатывать приложения на React, учитывая последние тенденции в разработке front-end. Использовать Advanced React.
Применять на практике Best-Practices разработки на React

Основы Vue
Участники смогут:
- Настроить себе окружение IDE, зависимости и библиотеки для создания проектов и работы с Vue
- Создавать простейшие приложения используя Vue

Компоненты, шаблонизатор и формы
Участники смогут
- Понимать синтаксис шаблонизаторы
- Создавать компоненты, описывать атрибуты элементов

Routing и модели данных
Участники смогут:
- Описывать routing для Vue приложений
- Создавать формы, связывая шаблоны с моделями

Advanced Vue
Участники смогут:
- Применять анимацию в компонентах
- Создавать плагины
- Разбираться в тонкостях Change Detection

Обзор Polymer
Участники смогут
- Создавать custom elements, используя встроенные браузерные возможности
- Подключать и использовать Polymer для создания приложений
- Ориентироваться в веб спецификациях, на базе которых работает Polymer

Все суть компоненты
Участники смогут:
- Подключать и использовать веб-компоненты в приложениях
- Создавать Polymer компоненты, решающие функциональные и композиционные задачи

Специфика построения приложений на Polymer
Участники смогут:
- Разрабатывать приложения с использованием Polymer
- Понимать и определять структуру кода, использовать инструменты для сборки и оптимизации приложений

Angular
Введение в Angular
Участники смогут:
- Настроить себе окружение IDE, а также скачать зависимости и библиотеки, коммандные утилиты для TypeScript и создания проектов для работы с Angular
- Различать TypeScript и JavaScript
- Писать и понимать код на языке TypeScript

TypeScript
Различать TypeScript и JavaScript, использовать преимущества статической типизации.
Писать и понимать код на языке TypeScript, разрабатывать приложения в полноценном объектно-ориентированном стиле.

Компоненты и директивы
Участники смогут:
- Декомпозировать макет страницы на компоненты
- Различать директивы и компоненты во фреймворке Angular
- Создавать простые директивы и компоненты

Observables. RxJS
Участники смогут:
- Отличать основные понятия паттерна
- Observable, Observer, Subscriber, Operator
- Применять шаблон проектирования Observables, используя библиотеку RxJS

Сервисы
Участники смогут создавать сервисы для получения, отправки и хранения данных для приложений Angular

Состояние приложения
Участники смогут разбираться в особенностях шаблона проектирования Dependency Injection и его имплементации в Angular

Создание и управление формами в Angular
Участники смогут:
- Создавать формы, используя техники Dynamic Forms, Reactive Forms
- Описывать валидацию и другие функции для элементов форм

Routing
Участники смогут:
- Создавать Routing систему для приложений, используя внутренние подходы Angular - такие как Router, router-outlet и другие
- Понимать и применять хэндлеры навигации Guards

Тестирование в Angular
Участники смогут писать и запускать тесты для приложений Angular

Сборка приложений для Production
Участники смогут:
- Настраивать сборку приложений Angular
- Использовать возможность сборки Server-side Rendering

Практическая работа
Заключительный месяц курса посвящен проектной работе. Это то, чем интересно заниматься студенту на базе знаний, полученных на курсе.
При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.

Проект должен стать примером кода, который можно показывать потенциальным работодателям.

Примеры тем проекта:
- Task Runner для создания части Continuous Integration цикла.
- Reciept Roulette для управления и рекомендации рецептов.
- Elements Dashboard - магазин Web компонент, созданных на одном из библиотек. В приложении можно видеть рейтинг, демонстрацию и документацию зарегистрированных элементов.

Возможные технологии для проектов - Node + Vue/Angular/React/Polymer.
Участники смогут:
- Выделять характеристики проектов и окружения
- Решать задачи выбора и сравнения фреймворков, понимать их преимущства и недостатки

Александр Коржиков
Программист с восьмилетним опытом разработки, в основном в области Front End. Получил степень специалиста в университете по специальности прикладной математики и кибернетики.
Заинтересовался WEB-разработкой еще в университете. В первую очередь тем, что в ней сразу виден результат работы. С другой стороны, кажущаяся простота скрывает много сложных и интересных задач.
Большую часть карьеры программировал на JavaScript, начиная c 2010 года в компании Альпари. После этого работал в стартапе Comindware, в банке Тинькофф, в голландской IT компании Backbase.
Сейчас работает в международной финансовой корпорации ING, главный офис которой находится в Амстердаме. Занимается проектированием и поддержкой процессов WEB-разработки.

Продажник:

Скрытый текст. Доступен только зарегистрированным пользователям.
Нажмите, чтобы раскрыть...