doge.codes
Доге верен подходу learn by doing, но с крутыми менторами. Каждый курс — это разработка реального приложения по недельным спринтам. Весь процесс приближен к работе в проекте: есть тз, ментор-тимлид и сокурсники в роли коллег.
Продолжительность
9 ч 23 мин
Категория
React.jsКоличество уроков
35 Видео
Дата добавления
19 нояб. 2018 г., 15:36
Язык
Русский
Дата выхода
22 окт. 2018 г., 10:00
Дата обновления
19 нояб. 2018 г., 17:03
За 6 недель ты изучишь самую востребованную библиотеку для веба. Напишешь реальный проект и поймешь весь цикл разработки современного фронтенд приложения!
Реальная задача для изучения основ front-end. Программа курса строится вокруг разработки приложения. Это повышает твои шансы найти работу в $$$.
Посмотри, что именно ты сможешь разработать за время курса тут. Вот также репозиторий чата на GitHub.
Graduation Kit, или что ты получаешь
- Знания, достаточные для разработки реального продукта
- Чат-приложение на React, которое не стыдно показать
- Проект на GitHub — начало твоего портфолио как front-end разработчика
- Шаблон СV с дизайном, быстро заполнил – и в бой!
- Гайд о том, как получить отличную работу
Программа
0 Неделя
Подготовка
Мы установим весь необходимый софт и вспомним основы Git, JavaScript, HTML. Если ты всё уже знаешь, можешь пропустить. Но поверь, повторение будет не лишним.
1 Неделя
Первые коммиты и код ревью
Начинаем разрабатывать приложение. Вместе познакомимся с React и компонентным подходом, развернём каркас для нашего приложения и сверстаем макет.
2 Неделя
Приложение оживает
Пора сделать твоё приложение динамическим. Добавляем роутер и запросы посредством fetch интерфейса — ведь в каждом современном приложении есть запросы к внешним ресурсам.
3 Неделя
Продолжаем работу
Сделаем процесс разработки более удобным: добавляем логер и другие инструменты для отладки приложения. Изучаем на практике работу с API. Твоё приложение — это "каркас-шпаргалка" для будущих подвигов в разработке.
4 Неделя
MVP уже готов
Делаем наш чат более интерактивным и удобным в использовании. Поговорим о работе с сокетами, обработке ошибок, гонках запросов и обрыве соединения с сервером. Доработаем напильником и отполируем всё до блеска.
5 Неделя
Тестируем — и в продакшн
Приводим твой код в порядок. Настраиваем линтер с учётом всех тонкостей. Подключаем prettier — инструмент для стилистики кода. Тестируем компоненты с помощью smoke и snapshot-тестов. Из других прелестей: создание production-билд твоего приложения, который зальем на Heroku.
Посмотреть больше
- Урок 1.00:02:50Знакомство с курсом
- Урок 2.00:07:46Терминал
- Урок 3.00:11:57Git
- Урок 4.00:04:44Development environment
- Урок 5.00:13:41Повторяем основы HTML и JS (+ ES6), Часть 1
- Урок 6.00:23:07Повторяем основы HTML и JS (+ ES6), Часть 2
- Урок 7.00:18:29Разворачиваем проект
- Урок 8.00:18:17Что такое ReactJS
- Урок 9.00:36:03React components
- Урок 10.00:21:42Верстка макета с Material-UI
- Урок 11.00:32:54Разбивка на компоненты
- Урок 12.00:21:42Добавление react-router
- Урок 13.00:23:01Делаем запросы с fetch
- Урок 14.00:13:09Что такое Redux
- Урок 15.00:06:36Дружим React с Redux
- Урок 16.00:05:35Знакомимся с middleware
- Урок 17.00:35:09Добавляем Redux в проект
- Урок 18.00:11:23Добавляем логер, Redux DevTools и HMR
- Урок 19.00:19:55Улучшаем авторизацию
- Урок 20.00:30:42Работа с API
- Урок 21.00:21:33Разбор домашнего задания по работе с АРІ
- Урок 22.00:05:57Работа над ошибками из домашнего задания
- Урок 23.00:26:48Работа с сокетами и Socket.io
- Урок 24.00:15:35Гонки запросов, isFetching
- Урок 25.00:14:33Обработка ошибок
- Урок 26.00:11:17Обработка обрыва соединения с сервером
- Урок 27.00:12:51Кастомизация create-react-app
- Урок 28.00:10:55Добавляем Prettier, lint-staged и husky
- Урок 29.00:16:03Настраиваем ESLint
- Урок 30.00:20:34Добавляем PropTypes
- Урок 31.00:08:51Snapshot тестирование
- Урок 32.00:08:50Тестирование Redux
- Урок 33.00:07:53Тестируем с Jest
- Урок 34.00:16:30Деплой на Heroku
- Урок 35.00:06:50На будущее
Автор - doge.codes
Другие материалы в этой категории
Комментарии