doge.codes
Доге верен подходу learn by doing, но с крутыми менторами. Каждый курс — это разработка реального приложения по недельным спринтам. Весь процесс приближен к работе в проекте: есть тз, ментор-тимлид и сокурсники в роли коллег.
Онлайн интенсив по React
Продолжительность
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
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
learn.javascript.ru
5 нояб. 2018 г., 16:24
Курс по React.JS (набор 2018)
Курс по React.JS
В этом курсе мы с вами шаг за шагом пройдем от знакомства с основными идеями до использования самых новых инструментов и инфраструктуры React, на практике будем развивать одностраничное приложение. Начнем с построения простых компонентов, научимся тестировать компоненты, поговорим про системы сборки и особенности работы с ES2017 синтаксисом.
Создайте Slack чат с помощью React, Redux и Firebase
Build a Slack Chat App with React, Redux, and Firebase
Создайте полное приложение чата с полным стеком с начала и до конца с помощью React, Redux, Firebase 5 и Semantic UI React. Заинтересованы в создании впечатляющих приложений с полным стеком с помощью React, Redux и Firebase? Это курс для вас!
Постройте React приложение с рендерингом на стороне сервера с Next.js
Build a Server-rendered ReactJS Application with Next.js
В этом курсе мы увидим, как быстро next.js ускоряет процесс создания серверных приложений ReactJS, создавая и развертывая приложение, которое загружает записи в блоге из API Google Blogger.По пути мы узнаем о многих удивительных функциях, которые Next.js предоставляет нам из коробки, таких как предварительная выборка маршрута и разделение кода, что позволяет нам тратить больше времени на разработку а не на настройку среды.
React + Redux - Профессиональная Разработка
Практическая разработка коммерческих React приложений. Чтобы сделать этот курс максимально полезным, мне очень важно знать мнение первых учеников. А это невозможно сделать, не поделившись готовыми уроками уже сейчас. Этот курс снят на 70% (это означает, что несколько последних глав ещё не добавлены в курс).
webformyself
27 сент. 2018 г., 04:59
ReactJS с Нуля до Профи
Овладейте Frontend-разработкой на стеке React.js под руководством успешного программиста. React - обязательный инструмент для современного разработчика. React - это библиотека JavaScript с открытым исходным кодом, которая используется для создания пользовательского интерфейса. Она была создана компанией Facebook и представлена разработчикам в 2013 год. Это инструмент, который идеально подходит для разработки масштабируемых веб-приложений. Е