React JS и Redux Bootcamp - Освойте React Веб-разработку - Видеоуроки

React JS and Redux Bootcamp - Master React Web Development
Duration 13:01:17
Открыть все курсы от udemy

React JS and Redux Bootcamp - Master React Web Development - Полный список уроков

Развернуть / Свернуть
  • Урок 1. What You’ll Get From Taking this Course 00:07:28
  • Урок 2. A 7m Overview of Web Development and React 00:07:19
  • Урок 3. Section Overview | First React Application 00:02:52
  • Урок 4. Set up the Portfolio App 00:04:24
  • Урок 5. Run the React App and the React Project Structure 00:09:58
  • Урок 6. ReactDOM, Elements, and JSX 00:05:53
  • Урок 7. A React Component 00:06:16
  • Урок 8. Classes - Overview 00:03:26
  • Урок 9. Classes, Inheritance, and a Closer Component Look 00:10:55
  • Урок 10. State 00:09:13
  • Урок 11. SetState 00:09:47
  • Урок 12. A React Rule: Never Directly Modify State 00:06:45
  • Урок 13. Class Properties and Initializers 00:03:41
  • Урок 14. Component 2: Projects 00:12:26
  • Урок 15. Props and Project Component 00:08:41
  • Урок 16. Challenge: Social Profiles Component 00:04:29
  • Урок 17. Code: Social Profiles Component 00:06:53
  • Урок 18. Wrap up with Low-Hanging Styling Fruit 00:12:00
  • Урок 19. Section Overview 00:03:40
  • Урок 20. React from Scratch 00:10:27
  • Урок 21. Compiling, Bundling, and a Closer Look at JSX 00:11:26
  • Урок 22. Refactor the Portfolio to use Parcel 00:09:45
  • Урок 23. The Necessity of Bundlers and Transpilers Review 00:05:00
  • Урок 24. The DOM and React’s Virtual DOM 00:07:38
  • Урок 25. Section Preview 00:02:23
  • Урок 26. Lifecycle Methods and componentDidMount 00:10:05
  • Урок 27. ComponentWillUnmount 00:06:10
  • Урок 28. [Optional] Title Fade 00:08:59
  • Урок 29. Stateless Functional Components 00:08:43
  • Урок 30. [Optional] HTTP Overview 00:04:53
  • Урок 31. Fetch and a Jokes Component 00:11:32
  • Урок 32. Challenge and Code: Ten More Jokes 00:08:31
  • Урок 33. Fetch Under the Hood: Promises 00:12:01
  • Урок 34. React Router 00:08:38
  • Урок 35. Header Component 00:08:17
  • Урок 36. Higher Order Components 00:08:23
  • Урок 37. Section and Project Preview 00:03:23
  • Урок 38. Set up Music Master and Your Own React App Template 00:09:08
  • Урок 39. Track User Input in the State 00:07:20
  • Урок 40. Challenge and Code: Search an Artist’s Top Tracks 00:10:35
  • Урок 41. Challenge and Code: Artist Component 00:09:13
  • Урок 42. Tracks Component 00:13:15
  • Урок 43. Search Component and Lifting State Up in Callback Props 00:08:21
  • Урок 44. Styling Finishing Touches 00:10:41
  • Урок 45. Include Music Master in Portfolio 00:04:43
  • Урок 46. Core React Review 00:06:58
  • Урок 47. Section and Project Preview 00:03:12
  • Урок 48. Redux Overview 00:06:15
  • Урок 49. Set Up Evens or Odds and the Redux Store 00:04:28
  • Урок 50. Reducers 00:04:11
  • Урок 51. Actions 00:11:26
  • Урок 52. Action Creators 00:05:53
  • Урок 53. Root Reducer Update and the Spread Operator 00:09:30
  • Урок 54. Split the Redux Layers 00:05:47
  • Урок 55. Connect React Components to Redux 00:05:54
  • Урок 56. Redux-based UI 00:06:55
  • Урок 57. Map Dispatch to Props 00:03:33
  • Урок 58. Challenge and Code: Interactive Instructions 00:12:59
  • Урок 59. Fetch Deck of Cards 00:10:21
  • Урок 60. CORS and Same Origin Policy 00:10:40
  • Урок 61. Async Actions 00:06:55
  • Урок 62. Redux Middleware 00:05:49
  • Урок 63. Handle Fetch Cases 00:13:28
  • Урок 64. Split up and Combine Reducers 00:07:18
  • Урок 65. DrawCard Component 00:05:24
  • Урок 66. Challenge and Code: Draw Card Redux Flow 00:13:58
  • Урок 67. Challenge and Code: Card Component 00:05:27
  • Урок 68. Challenge and Code: Guess Redux Logic and Component 00:12:25
  • Урок 69. Track Correct Guesses 00:09:32
  • Урок 70. Correct Guess Record and Local Storage 00:10:26
  • Урок 71. Include Evens or Odds in Portfolio 00:06:00
  • Урок 72. Section and Project Preview 00:02:38
  • Урок 73. Publish/Subscribe with Redux 00:04:04
  • Урок 74. Set Up the Reaction App 00:05:22
  • Урок 75. PubNub Exploration 00:10:21
  • Урок 76. PubSub Class and Redux Connection 00:08:29
  • Урок 77. Messages Redux Flow 00:09:20
  • Урок 78. Publish Message Component 00:07:56
  • Урок 79. React Context 00:10:08
  • Урок 80. Redux Devtools 00:03:00
  • Урок 81. Challenge and Code: Message Board Component 00:05:48
  • Урок 82. Challenge and Code: Username in Redux 00:09:23
  • Урок 83. Username in Messages 00:04:53
  • Урок 84. CreateReaction Component 00:06:09
  • Урок 85. Reactions Redux Flow 00:08:52
  • Урок 86. Publish Reaction 00:06:34
  • Урок 87. MessageReactions Component 00:06:40
  • Урок 88. Include Reaction in Portfolio 00:05:42
  • Урок 89. Redux Review 00:07:08
  • Урок 90. Section Overview 00:02:56
  • Урок 91. Set Up News App and Express Server 00:06:45
  • Урок 92. GET Stories and Nodemon 00:08:04
  • Урок 93. Express Middleware and CORS 00:06:18
  • Урок 94. Request an API within an API 00:07:10
  • Урок 95. Error Handler 00:10:24
  • Урок 96. Top Story Items 00:11:31
  • Урок 97. Spotlight: Deck of Cards and Spotify Wrapper APIs 00:04:12
  • Урок 98. Set up News React Client and Serve a React App with Express 00:10:25
  • Урок 99. Challenge and Code: Fetch and Display Stories 00:05:45
  • Урок 100. Section Overview 00:00:53
  • Урок 101. Github Walkthrough 00:08:28
  • Урок 102. Heroku Deployment 00:14:32
  • Урок 103. Congratulations and Final Remarks 00:01:07

Изучите React.js и Redux правильно. Погрузитесь в движок React, создайте 5 приложений и станьте веб-разработчиком React. Дайте мне пять минут вашего времени, и я объясню, почему этот курс - лучшее время, которое вы можете потратить, чтобы научиться писать приложения React и Redux.

Когда я впервые изучал веб-разработку и разработку программного обеспечения, я использовал курсы, учебные пособия, stackoverflow и публичные проекты github. Это было бодро - учить себя навыкам, которые положат начало карьере

Но я часто обнаруживал, что учебники только показывают мне, какие методы использовать. Я должен был собрать воедино примеры, пытаясь выяснить, почему примеры работают - почему появляются ошибки. Даже когда я находил исправление кода, часто отсутствовал слой того, как обновление решало проблему. Процесс обучения мог бы быть более эффективным с лучшими ресурсами.

Перенесемся на пять лет вперед, и я работаю инженером-программистом в Zendesk в Сан-Франциско. Я часто вспоминаю те первые пару лет, когда занимался веб-разработкой. Ресурсы должны были дать мне не только то, что написать, но и обьяснить почему исправление решает проблему, и как код работает под капотом.

Вот что я сделал в этом курсе. Обучение React и Redux, которое даст вам все три важных аспекта понимания кода: какие методы использовать, зачем использовать эти методы и как эти методы работают под капотом.

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

Как упоминалось ранее, я работаю в Zendesk в Сан-Франциско. Я также выпустил 15 курсов (многие из них на React), в которых участвуют более 170 000 студентов из 192 стран.

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

В этом курсе

  • Погрузитесь в код React прямо сейчас. Вы получите соответствующий опыт, как только пройдете первый раздел. Время драгоценно. И я хочу убедиться, что вы никогда не почувствуете, что тратите его впустую в этом курсе. Таким образом, в течение нескольких минут вы будете писать код React в первом разделе, а в конце - полностью завершенное приложение.
  • Понять, как React вписывается в общую картину веб-разработки. Во втором разделе вы сделаете важный шаг назад и изучите, как React вписывается в общую картину веб-разработки. Вы создадите проект React с нуля, обнаружив все слои, которые находятся между расходными материалами, поддерживающими приложение React, и браузером, в котором отображается приложение React.
  • Создавайте актуальные и привлекательные приложения React. Бьюсь об заклад, вы найдете приложения полезными и интересными. Такие полезные приложения, как портфолио, помогут вам освоить React и будут полезны в качестве завершенного проекта для вашего программного обеспечения и профиля веб-разработчика. Забавные, такие как «Music Master», сделают программирование живым, предоставляя вам приложения, которые вы хотите показать своим друзьям и семье.
  • Учите Redux правильно, разбивая его. Redux обязателен для React. Но у него есть намного более высокая кривая изучения, так как понятия более сложны. В этом курсе каждый метод Redux будет выполняться по одному шагу за раз. Вы углубитесь в то, как методы работают под капотом. Вы узнаете больше, чем какие методы использовать. Вы узнаете, как эти методы работают индивидуально и вместе. И вы узнаете, почему методы написаны определенным образом, и когда они должны применяться. Таким образом, вы получите глубокое понимание, которое позволит вам писать приложения React и Redux в будущем.
  • Создавайте больше классных приложений! Как вы узнаете лексику в последующих разделах, проекты останутся интересными и актуальными. Вы создадите мини-игру React, используя внешний API. И вы создадите приложение React с многопользовательской функциональностью! Поддержка нескольких пользователей является одним из основных элементов многих веб-приложений, но может быть на удивление сложно осуществить. Но вы найдете решение этого курса элегантным и расширяемым.
  • Изучите бэкэнд веб-разработки. Я думаю, что важно выучить основные навыки работы с бэкэндом. С приложением React вы часто используете API для предоставления содержимого вашего приложения. Таким образом, имея возможность создавать свои собственные API, вы сможете создавать приложения React любого типа для своих уникальных сценариев использования еще долго после завершения этого курса.
  • Разверните ваши приложения React. Проекты, созданные вами в этом курсе, будут развернуты в производство. Таким образом, вы можете поделиться продуктами своей работы с кем угодно!

Вкратце, вы должны пройти этот курс, если вы хотите изучать React и Redux с минимальными затратами времени при создании соответствующих и интересных проектов.

Твоя оценка

2 0
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

12-03-2019 en 2 урока
frontendmasters Complete Intro to React, v5
В дополнение к обновлению всех инструментов до последних и самых лучших версий Complete Intro to React v5 реструктурировал семинар, чтобы больше сосредоточиться на обучении основным принципам React, не жертвуя при этом какими-либо инструкциями по инструментарию. В этом двухдневном тренинге Брайан Холт поможет посетителям начать с нуля и иметь возможность поставлять готовые приложения React!
Duration 16:41:57
25 0
en 83 урока
reacttraining (Ryan Florence) Realtime React with Firebase
Я преподаю React с 2015 года, а начал работать с ним еще раньше. Сегодня есть еще одна технология, о которой я хочу повогорить с вами - это Firebase. В этом курсе мы построим готовое приложение чата в реальном времени. Мы реализуем переписку в реальном времени между пользователями, авторизацию, динамичный статус пользователей (онлайн\оффлайн), а также простого бота, чтобы пользователю было весело проводить время пока в чате никого нет.
Duration 05:25:53
16 1
26-02-2019 en 37 уроков
udemy Build a Realtime App with React Hooks and GraphQL
Освойте новейшие и лучшие функции React в контексте полнофункционального реального приложения. Хотите создать реальное полнофункциональное приложение с React Hooks? Можете не искать другой курс, все тут.
Duration 04:32:39
21 0
28-12-2018 ru 9 уроков
javascript.ninja Современный React
Прежде чем с головой бросаться в освоение новых подходов мы разберемся и проанализируем - какие же проблемы с HOC'ами и render prop'ами заставили разработчиков React искать чего-то нового.
Duration 07:43:49
19 5
13-12-2018 en 64 урока
frontendmasters Firebase with React, v2
Иногда у вас есть отличная идея для приложения и вы хотите как можно быстрее представить его миру. Лучше потратить время на работу над тем, что делает приложение особенным, чем на настройку и защиту серверов. Firebase позволяет вам получить критически важные - и ужасно утомительные для реализации - такие компоненты, как аутентификация, хранилище файлов, облачные функции и базу данных в реальном времени, чтобы вы могли быстро перейти к облачной...
Duration 04:48:10
9 0
16-01-2018 en 252 урока
udemy The complete React Fullstack course
Вы хотите увидеть весь процесс создания своего приложения? Тогда этот курс для вас. Поднимите свой скилл на новый уровень с помощью React, Node js, MongoDB, Firebase, Webpack и ES6.

Мы начнем с самого начала, начиная с «Я даже не знаю, как использовать это ... и зачем мне оно», чтобы реально понять, как работает React, и заставить его общаться с другими технологиями, такими как Firebase и Node js. Вы узнаете всю логику и...
Duration 44:33:39
69 7
12-09-2018 en 113 уроков
udemy Learn React & Redux: From Beginner To Paid Professional
Станьте хорошим разработчиком React и Redux менее чем за 30 дней. Этот подробный и всесторонний курс научит вас всему, что вам нужно знать о React и Redux, до такой степени, что вы сможете написать себе веб-приложение с нуля. Эксперт разработчик React и Redux проведет вас через учебный процесс, чтобы вы не пропустили ничего. Все еще не убеждены? Читайте дальше, чтобы понять, почему он для вас.
Duration 10:43:11
8 2
25-11-2017 ru 9 уроков
learnjavascriptru Продвинутый курс по React.JS
Продвинутый курс по React.JS предполагает что вы уже имеете достаточный опыт в работе с реактом и готовы перейти на более серьезный левел разработки. Этот курс включает в себя React Native, Redux, MobX. Вы будете решать ряд задач, таких как тестирование, drag-n-drop, ленивая загрузка, гриды с помощью экосистемы React. Также вы будете работать с Redux-saga попутно строя мобильное-приложения на React Native, используя MobX , которое включает в...
Duration 13:47:22
72 10
30-11--0001 en 77 уроков
frontendmasters Advanced State Management in React Applications (Redux, MobX, sagas, etc.)
По мере того, как клиентские приложения увеличивают свою сложность, frontend-разработчикам необходимо управлять все больше и больше состоянием приложения. За последние год-два появилось несколько решений. которые как то пытаются нам в этом помочь. Но какой из них лучше всего подходит для ваших нужд? Каковы различия, преимущества и компромиссы?Присоединяетесь к Стиву Кинни, чтобы увидеть все аспекты управления состоянием в приложениях React....
Duration 08:04:23
18 0
08-11-2017 en 18 уроков
egghead Advanced React Component Patterns
Цель этого курса - дать вам знания о продвинутых шаблонах, которые вы можете использовать, чтобы сделать компоненты React более гибкими, проще и веселее - создавать, использовать и поддерживать все приложения. Вы начнете с простого компонента <Toggle />, который будете постепенно реорганизовывать на каждый из шаблонов, чтобы видеть относительные компромиссы шаблонов и как их можно использовать вместе, чтобы повысить полезность вашего...
Duration 00:56:40
29 3
30-11--0001 ru 8 уроков
itvdn React Advanced
Этот курс является логическим продолжением предыдущего курса, который вела милая няшка "ее имя". В этом курсе "React Advanced" автор сделает упор на различные интсрументы React, такие как Redux и другие, с которыми вы будете работать при разработке современного приложения.
Duration 05:56:41
48 4
23-02-2018 en 28 уроков
reacttraining (Ryan Florence) Advanced React.js Full Course
Этот курс поднимет ваши компоненты на новые уровни с помощью этих продвинутых паттернов, лекций и упражнений и многого другого. Нет лучшего способа изучить паттерны, используемые авторами библиотеки React, что сделает ваши компоненты необычайно многоразовыми, а ваши приложения более декларативными. Вы сразу же найдете где все это можно будет приментить в своих приложениях React и сделаете свой код потрясающим.
Duration 04:04:01
47 0
22-12-2018 en
fullstack.io Fullstack React Book - The Complete Guide to ReactJS and Friends
Обновленное, подробное руководство по React. Станьте экспертом ReactJS уже сегодня. Прекратите тратить свое время на запутаные и неполные уроки и книги. Есть так много неправильных, запутанных и устаревших статей и книг... В одном учебнике говорится одно, в другом нечто совершенно иное. Слишком много вариантов. Существует пятьдесят различных паттернов и дюжина различных реализаций Flux. Какой из них лучше? Гугл только доводит вас до страха ......
Duration
59 2
16-09-2018 en 68 уроков
wesbos Full Stack Advanced React + GraphQL
Премиум курс от Wes Bos - Full Stack Advanced React + GraphQL на рельаном примере научит строить вас проекты высокого уровня с помощью React.  Подобно тому, как React изменил способ создания веб-приложений, GraphQL меняет способ сборки API для запроса и изменения данных. С упором на современное приложение для JavaScript и реального мира, этот курс является начальным способом изучения Full Stack Advanced React, GraphQL, Node.js и друзей.
Duration 16:19:09
116 1
10-04-2019 en 277 уроков
udemy The Modern React Bootcamp (w/ Hooks, React Router & More)
Следуйте той же программе, которую я преподаю своим студентам в SF. 10+ проектов, включая одно ОГРОМНОЕ приложение! Добро пожаловать на лучший онлайн ресурс для изучения React! Этот курс, опубликованный в апреле 2019 года, является совершенно новым и охватывает последние новости React. Этот курс следует точно такой же программе React, которой следуют мои ученики буткемпа в Сан-Франциско, где студенты продолжают работать в таких местах, как...
Duration 34:43:07
12 0

Последнее добавленное

Жесткие части: cерверы и Node.js

Жесткие части: cерверы и Node.js

en
На этом семинаре мы пойдем под капот Node двумя противоположными способами - поняв разработку серверов на основе интуитивно понятных принципов (HTTP, TCP / IP, Ports, Loopback, SSH) и поняв функции JavaScript, составляющие Node (событие цикл, потоки, буферы, асинхронность, прототипы).
Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

en
Этот курс предназначен для того, чтобы помочь вам выучить и развить необходимые навыки для сдачи сертификационного экзамена Microsoft Azure AZ-100. Экзамен AZ-100 проверяет ваши знания в области создания, настройки и управления ресурсами в облаке Azure, включая, помимо прочего: управление...
Сертифицированный специалист по безопасности информационных систем (CISSP)

Сертифицированный специалист по безопасности информационных систем (CISSP)

en
Чтобы получить сертификат CISSP, кандидаты должны сдать экзамен, состоящий в основном из вопросов с несколькими вариантами ответов. Цель этого курса - подготовить вас к сертификационному экзамену, познакомив вас с понятиями и терминологией, которые вам необходимо знать для прохождения.
Сертифицированный архитектор решений AWS - Professional

Сертифицированный архитектор решений AWS - Professional

en
AWS является одной из самых быстрорастущих платформ облачных сервисов, предлагаемых сегодня. Он используется во всем мире миллионами пользователей! Возможность получить сертификацию уровня CSA Pro является одним из главных достижений для любого облачного инженера. Учитывая это, это также один...
Тестирование мобильных приложений

Тестирование мобильных приложений

ru
В современном мире бизнес всё чаще обращает внимание на мобильные технологии. И в этом нет ничего удивительного. Рынок мобильных устройств растёт в разы быстрее рынка домашних компьютеров, позволяя реализовывать новые возможности для развития и продвижения самых передовых бизнес идей.
Фреймворк NuxtJS. Руководство по FullStack-разработке

Фреймворк NuxtJS. Руководство по FullStack-разработке

ru
Полное руководство по Nuxt. Почему стоит посмотреть этот курс? Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах. По урокам курса...
Moscow Python Conf ++ 2019

Moscow Python Conf ++ 2019

ru
Конференция Moscow Python Conf ++ посвящена всему, что делают Python разработчики: backend и web, сбор и обработка данных, AI/ML, тестирование, DevOps, базы данных, IoT, infosec. Кроме этого, мы обсуждаем сам язык, его развитие, организацию проектов, управление зависимостями и лучшие практики...
Разработка PHP-пакетов (PRO версия)

Разработка PHP-пакетов (PRO версия)

en
Премиум видео курс по разработке пакетов для PHP и Laravel. "Я вроде уже делал такое, давайте я гляну на старых проектах." Знакомы такие слова ? Когда мне давали задание на моей работе, я обычно отправлялся на поиски доступного пакета с открытым исходным кодом на packagist.org - и если не было...
chat
logo