loftschool | React.js. Разработка веб-приложений (2017) PCRec -Автор (режиссер): loftschool Жанр: Программирование, JavaScript, React Описание: За 5 недель мы изучим React.js и разработаем свое веб-приложение. Освоим джентльменский набор инструментов React-разработчика. Весь код будет храниться на github, тестироваться в облаке, а сообщения об успешных тестах и ошибках у клиента прилетят нам в Slack. Продолжительность: 35:11:51 Качество видео: PCRec Видео: WMV2, 1280x720, ~870-1677 Kbps Аудио: WMA, 2 ch, 128 Kbps
Mediainfo:
Общее Полное имя : .\01 Настройка рабочей среды\#01 Запись. Настройка рабочей среды.wmv Формат : Windows Media Размер файла : 940 Мбайт Продолжительность : 1 ч. 53 м. Общий поток : 1158 Кбит/сек Максимальный общий битрейт : 256 Кбит/сек Дата кодирования : UTC 1970-01-01 00:00:00.000 Авторское право : iSpringSolutions copyright : iSpringSolutions WM/EncodingSettings : Lavf56.36.100 Видео Идентификатор : 1 Формат : WMV2 Идентификатор кодека : WMV2 Идентификатор кодека/Информация : Windows Media Video 8 Описание кодека : wmv2 Битрейт : 975 Кбит/сек Ширина : 1280 пикселей Высота : 720 пикселей Соотношение сторон : 16:9 Режим частоты кадров : Переменный Битовая глубина : 8 бит Аудио Идентификатор : 2 Формат : WMA Версия формата : Version 2 Идентификатор кодека : 161 Идентификатор кодека/Информация : Windows Media Audio Описание кодека : Windows Media Audio V8 Продолжительность : 1 ч. 53 м. Битрейт : 128 Кбит/сек Каналы : 2 канала Частота : 48,0 КГц Битовая глубина : 16 бит Размер потока : 104 Мбайт (11%)
Дополнительная информация:
В раздаче имеются архивы! В них содержится дополнительные материалы.
Программа курса
Настройка рабочей среды Приветствие Фичи es6/7 которые мы будем использовать на курсе Настройка окружения: vs code, github, npm & yarn, eslint, prettier Полезные плагины для vs code Установка create-react-app, настройка своего проекта Принцип работы webpack и create-react-app REACT.js Введение Компонентный подход к разработке Virtual DOM: причины создания, принцип работы JSX: верстка на js Жизненный цикл: React-компоненты от инициализации до unmount. Как все это работает вместе Компоненты React Вложенные компоненты в JSX при помощи props.children. Связь с DOM с помощью refs. Проверка аргументов компоненты с помощью PropTypes Три синтаксиса для компонент: Stateless компоненты, ES6-классы и React.createClass. Отличие React.Component от React.PureComponent Components, elements и instances Поток данных в React Где и как хранить данные Внутренний state компонент Поток данных: props и state Передача данных между близкими компонентами, родителю, детям, соседям Работа со стилями Context: механизм связывания компонент Синтетические события реакта, способы подписки React-router. Используем роутинг на стороне браузера. Как работает роутинг на клиенте. React-router v4. Как работает static routing и dynamic routing. Вложенные роуты в static routing и их аналог в dynamic routing. Передача аргументов через url. Тесты для роутов. Авторизация пользователя Редиректы и переходы на странице. Введение в Redux 3 принципа redux Actions Action creators Reducers Store Data flow Redux devtools react-redux: Использование с react Углубленное изучение Redux Как работает redux middlewares Redux-actions: укрощаем многословность redux Селекторы состояния Библиотека reselect, мемоизация селекторов Тесты для redux action creators Тесты для redux reducers Тестирование react приложений. Что такое TDD. Рабочее окружение для написание тестов: список популярных тест раннеров, типы тестов, типы синтаксисов тестов. Jest: пишем в стиле TDD тесты для react и следим за изменениями. Snapshot тестирование: упрощаем процесс тестирования стандартных сценариев. Enzyme: тестируем правильный рендеринг компоненты. Redux. Практическое занятие Redux-saga. Управляем побочными эффектами Что такое побочные эффекты в react. Redux-saga и организация управления побочными эффектами. Функции генераторы function* и управление генератором с помощью yield. Возможности генераторов для организации работы с побочными эффектами в redux-saga. Изучаем основные функции помощники redux-saga(put, call, takeEvery, takeLatest) Redux-saga. Работа с сетью Подключаем axios для работы с сетью Асинхронные экшены Асинхронный поток данных normalizr: горизонтальная нормализация данных Тесты для разных операций redux-saga Деплой и тестирование в облаке Что такое continuous integration и delivery integration Настраиваем jenkins для тестирования в облаке Регистрируемся на www.netlify.com Деплой приложения на внешний сервер Настраиваем rollbar для поимки сообщений у клиента Redux-form: Работа с формами Основные принципы работы. Используем Field, FieldArray, FieldSection для компоновки формы Нормализация данных Валидируем данные по comit формы или при вводе Асинхронный комит формы TypeScript Установка О Typescript Аннотирование типов Типы Приведение типов Дополнительные инструменты разработки React Storybook React Media JSX Control Statements React Performance. Работа с lodash и moment.js
Скачать loftschool - React.js. Разработка веб-приложений (2017) слив курса.
Текущее время: Сегодня 22:22
Часовой пояс: GMT + 4
Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете голосовать в опросах Вы не можете прикреплять файлы к сообщениям Вы не можете скачивать файлы
