udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Создайте современное приложение React и Redux с CircleCI CI / CD и AWS
Build a React & Redux App w CircleCI CICD, AWS & Terraform
Продолжительность
25 ч 45 мин
Категория
React.js
Количество уроков
240 Видео
Дата добавления
22 июн. 2020 г., 12:11
Язык
Английский
Дата выхода
1 мая 2020 г., 00:00
Дата обновления
6 мар. 2021 г., 11:26
Создайте и разверните приложение реального мира, используя React, Redux, Github, CircleCI, AWS S3, Cloudfront, Slack, Docker и Sentry.
React - одна из самых популярных библиотек для создания клиентских приложений с использованием HTML, CSS и JavaScript. Если вы хотите зарекомендовать себя как разработчик внешнего интерфейса или полного стека, вам необходимо изучить React.
Этот курс следует практическому подходу, что означает, что весь курс структурирован вокруг создания веб-приложения, и различные концепции будут подробно объяснены по мере их появления.
О чем этот курс?
Этот курс о React, Redux, хуках, непрерывной интеграции / доставке, AWS S3, CloudFront, Slack, GitHub, Docker. Погрузитесь глубже в эти темы, создав реальное приложение, и ваше приложение React будет доступно в Интернете.
Какие технологии вы будете использовать
Поскольку мы создаем приложение React с непрерывной интеграцией / доставкой и автоматическим развертыванием, мы будем использовать различные технологии.
- React
- Redux
- AWS S3 и CloudFront
- Slack
- Docker
- Github
- Sentry for Monitoring
- CircleCI для CI / CD
Не знакомы с некоторыми из них? Нет проблем! Этот курс поможет вам настроить и использовать эти технологии в ваших приложениях.
Что вы сможете сделать
К тому времени, как вы закончите этот курс, вы сможете
- Создайте полное приложение React
- Настройка CI / CD Pipeline
- Настройка автоматического развертывания
- Интегрировать технологии, такие как Slack, Sentry и Docker
- Настройка нескольких онлайн-сред (Dev, Staging и Production)
- Используйте GitHub с CircleCI
- Используйте функциональные ветви на GitHub
- Используйте CSS Grid
- Создание пользовательских компонентов React
- Настройка Redux
- конфигурации CI / CD
- И больше...
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:03:29Course Introduction
-
Урок 2. 00:05:27Course App Demo
-
Урок 3. 00:07:13Project Structure Demo
-
Урок 4. 00:03:13Project Github Repo Description
-
Урок 5. 00:07:04CircleCI Project Pipelines
-
Урок 6. 00:04:54AWS Services
-
Урок 7. 00:05:18About CI/CD
-
Урок 8. 00:05:54Install Tools
-
Урок 9. 00:06:00Create React App
-
Урок 10. 00:06:44Gihub Branching
-
Урок 11. 00:04:42Create Github Project
-
Урок 12. 00:05:43Create Github Project Branches
-
Урок 13. 00:08:26Add Github Project to CircleCI
-
Урок 14. 00:03:49Fetch Develop Branch Locally
-
Урок 15. 00:06:06AWS Intro
-
Урок 16. 00:07:54AWS IAM User
-
Урок 17. 00:01:39Add AWS Region to CircleCI Environment Variables
-
Урок 18. 00:08:18Create AWS S3 Dev Bucket
-
Урок 19. 00:04:25Add Bucket Policy
-
Урок 20. 00:04:04Create AWS S3 Staging and Production Buckets
-
Урок 21. 00:13:29Add AWS Cloudfront Distribution
-
Урок 22. 00:02:02Show Staging and Production S3 Buckets
-
Урок 23. 00:01:03Section Introduction
-
Урок 24. 00:10:50Description of Important CircleCI Concepts
-
Урок 25. 00:12:30Add Build Job to CircleCI Config
-
Урок 26. 00:02:59Add Install Command to Build Job
-
Урок 27. 00:09:14AWS S3 CircleCI Job - Part 1
-
Урок 28. 00:08:19AWS S3 CircleCI Job - Part 2
-
Урок 29. 00:06:03AWS Cloudfront CircleCI Job
-
Урок 30. 00:05:37Create CircleCI Jobs Workflow
-
Урок 31. 00:10:05Deploy First App Changes
-
Урок 32. 00:03:56Deploy to Staging
-
Урок 33. 00:08:55Format Config FIle
-
Урок 34. 00:01:25Section Introduction
-
Урок 35. 00:01:51Section Information
-
Урок 36. 00:05:43Create Heroku Apps
-
Урок 37. 00:10:06Deploy to Heroku Job - Part 1
-
Урок 38. 00:10:28Deploy to Heroku Job - Part 2
-
Урок 39. 00:08:03Deploy App Dev App to Heroku
-
Урок 40. 00:12:03Add Express Server Configuration
-
Урок 41. 00:04:12Deploy Express Server Changes
-
Урок 42. 00:12:00Deploy App to Staging and Production on Heroku
-
Урок 43. 00:02:42Section Conclusion
-
Урок 44. 00:01:10Section Introduction
-
Урок 45. 00:05:49Install Eslint
-
Урок 46. 00:05:27Run Linting Command
-
Урок 47. 00:05:37Add Linting CircleCI Job (Optional)
-
Урок 48. 00:02:33Deploy Linting Job
-
Урок 49. 00:07:38Add Prettier and EditorConfig
-
Урок 50. 00:06:09Deploy Prettier Job
-
Урок 51. 00:00:38Show Prettier Job
-
Урок 52. 00:00:56Section Integration
-
Урок 53. 00:07:05Setup Slack Workspace
-
Урок 54. 00:07:55Create Slack App
-
Урок 55. 00:03:45Add Slack Token to CircleCI Environment Variables
-
Урок 56. 00:03:25CircleCI Orbs
-
Урок 57. 00:03:46Add CircleCI Slack Orbs
-
Урок 58. 00:12:42CircleCI Slack Job
-
Урок 59. 00:12:25Slack Orbs Custom Template
-
Урок 60. 00:03:51Add View Job Button
-
Урок 61. 00:07:17Add Slack Notify Job to Workflow
-
Урок 62. 00:04:54Fix Custom Template Error
-
Урок 63. 00:01:54Uncomment Other Jobs
-
Урок 64. 00:04:04Upgrade Slack Sentry Integration
-
Урок 65. 00:00:59Section Introduction
-
Урок 66. 00:05:01Install Terraform on MacOS
-
Урок 67. 00:02:33Show AWS Management Console
-
Урок 68. 00:06:54Create Terraform S3 Bucket Backend
-
Урок 69. 00:06:50Add Remote Terraform Backend
-
Урок 70. 00:07:06Create terraform Locals
-
Урок 71. 00:11:35Add AWS S3 Terraform Resource
-
Урок 72. 00:10:24Add S3 Bucket Policy to Terraform Resource
-
Урок 73. 00:05:18Terraform S3 Bucket Output
-
Урок 74. 00:06:49Add Terraform to Gitignore
-
Урок 75. 00:08:02Run Terraform Init Command
-
Урок 76. 00:08:36Run Terraform Apply Command Locally
-
Урок 77. 00:12:11AWS CloudFront Distribution - Part 1
-
Урок 78. 00:10:50AWS CloudFront Distribution - Part 2
-
Урок 79. 00:07:23AWS CloudFront Distribution - Part 3
-
Урок 80. 00:04:16Create Cloudfront Distribution
-
Урок 81. 00:02:19Run Terraform Destroy Command
-
Урок 82. 00:01:41Section Introduction
-
Урок 83. 00:07:46Add Terraform CircleCI Executor
-
Урок 84. 00:05:54Add Terraform Validate Job
-
Урок 85. 00:11:15Add Terraform Pland and Apply Job
-
Урок 86. 00:08:53Use Terraform S3 Output
-
Урок 87. 00:01:48Use Terraform Cloudfront Output
-
Урок 88. 00:04:02Add Terraform Destroy Job
-
Урок 89. 00:05:49Add Jobs to Workflow
-
Урок 90. 00:06:45Push Code to Github
-
Урок 91. 00:05:22Fix Artifacts Directory Issue
-
Урок 92. 00:08:18CircleCi Terraform Destroy
-
Урок 93. 00:00:57Section Introduction
-
Урок 94. 00:04:49Install Redux
-
Урок 95. 00:09:02Setup Redux Store
-
Урок 96. 00:04:59Add React Redux Provider
-
Урок 97. 00:07:41Add Reducer Files
-
Урок 98. 00:04:56Merge Pull Request
-
Урок 99. 00:00:53Header Section Introduction
-
Урок 100. 00:03:20Install node Sass
-
Урок 101. 00:07:53Create Header Component
-
Урок 102. 00:08:27Header Component Divs
-
Урок 103. 00:12:49Header Component Styles
-
Урок 104. 00:10:34Add Menu Toggle
-
Урок 105. 00:07:25Add List Item
-
Урок 106. 00:02:33Header Logo
-
Урок 107. 00:02:28Merge Header Feature to Dev Branch
-
Урок 108. 00:03:17Merge Dev Branch to Staging for Header Feature
-
Урок 109. 00:01:09Section Introduction
-
Урок 110. 00:05:58Add Main Component
-
Урок 111. 00:09:29Main Content Component Styles
-
Урок 112. 00:06:53Create Slideshow Component
-
Урок 113. 00:04:24Add Slideshow Arrows
-
Урок 114. 00:08:58Slideshow Indicators
-
Урок 115. 00:10:21Slideshow Arrows Functionality - Part 1
-
Урок 116. 00:07:09Slideshow Arrows Functionality - Part 2
-
Урок 117. 00:02:58Slideshow Arrows Functionality - Part 3
-
Урок 118. 00:08:47Auto Move Slideshow
-
Урок 119. 00:06:03Add Slideshow Props
-
Урок 120. 00:07:25Add Slideshow Prop Types
-
Урок 121. 00:04:31Deploy Slideshow Component
-
Урок 122. 00:01:26Section Introduction
-
Урок 123. 00:05:33Create Paginate Component
-
Урок 124. 00:04:59Paginate Component Styles
-
Урок 125. 00:10:46Paginate Buttons Function
-
Урок 126. 00:05:57Add Prop Types
-
Урок 127. 00:04:27Merge Paginate Feature
-
Урок 128. 00:00:57Section Introduction
-
Урок 129. 00:09:47Create Grid Component
-
Урок 130. 00:09:35Grid Cell Styles
-
Урок 131. 00:08:30Style Grid Button
-
Урок 132. 00:09:01Grid Cell Details
-
Урок 133. 00:07:35Add Styles to Star Rating
-
Урок 134. 00:10:24Display Stars with Props
-
Урок 135. 00:06:48Calculate Star Percentage
-
Урок 136. 00:03:49Add Rating Prop Types
-
Урок 137. 00:02:06Create Grid Component Pull Request
-
Урок 138. 00:01:27Section Introduction
-
Урок 139. 00:10:18Get Movie API
-
Урок 140. 00:14:09Create Movie Service
-
Урок 141. 00:11:18Get Movies Redux Action Method
-
Урок 142. 00:11:06Use Get Movies Redux Action method
-
Урок 143. 00:05:04Add Page and Total Pages Number to Redux Store
-
Урок 144. 00:12:05Get Random Images For Slideshow
-
Урок 145. 00:11:44Loading Spinner
-
Урок 146. 00:03:25Display Slideshow Images from Redux Store
-
Урок 147. 00:09:18Display Images on Grid
-
Урок 148. 00:06:56Load More Movies Redux Action
-
Урок 149. 00:10:21Main Component OnScroll Method
-
Урок 150. 00:07:41Fetch More Data
-
Урок 151. 00:03:04Import Main SCSS File
-
Урок 152. 00:11:21Lazy Load Images - Part 1
-
Урок 153. 00:10:37Lazy Load Images - Part 2
-
Урок 154. 00:08:55Set Movie Type - Part 1
-
Урок 155. 00:05:30Set Movie Type - Part 2
-
Урок 156. 00:02:38Add Active Class to Header List
-
Урок 157. 00:08:34Refactor Set Move Type Method
-
Урок 158. 00:07:59Fix Load More Issue
-
Урок 159. 00:08:45Add Paginate Functionality
-
Урок 160. 00:04:38API Service Feature Pull Request
-
Урок 161. 00:01:17Section Introduction
-
Урок 162. 00:10:38Search Movie Redux Action
-
Урок 163. 00:05:24Create Search Movies Feature Branch
-
Урок 164. 00:09:43Create Search Result Component
-
Урок 165. 00:04:41Add Search Result Component to Main
-
Урок 166. 00:06:27onSearch Change Method
-
Урок 167. 00:04:50Fix Empty Search Result Cell
-
Урок 168. 00:05:15Search Component Pull Request
-
Урок 169. 00:00:54Section Introduction
-
Урок 170. 00:10:19Add react-router-dom Module
-
Урок 171. 00:09:38Details Component HTML
-
Урок 172. 00:07:14Details Component Styles
-
Урок 173. 00:09:40Create Tabs- Part 1
-
Урок 174. 00:11:11Create Tabs- Part 2
-
Урок 175. 00:09:45Overview Component
-
Урок 176. 00:02:00Crew Component
-
Урок 177. 00:03:58Media Component
-
Урок 178. 00:02:38Reviews Component
-
Урок 179. 00:08:22Details Page Link
-
Урок 180. 00:05:47Merge Details Component Pull Request
-
Урок 181. 00:01:23Section Introduction
-
Урок 182. 00:08:46Details API Service Methods
-
Урок 183. 00:12:24Details Redux Action Method
-
Урок 184. 00:09:08Use Movie Details Redux Action Method
-
Урок 185. 00:10:22Display Details Info - Part 1
-
Урок 186. 00:04:17Display Details Info - Part 2
-
Урок 187. 00:14:38Display Overview Data
-
Урок 188. 00:03:32Display Crew Data
-
Урок 189. 00:07:20Display Media Data
-
Урок 190. 00:06:45Dsiplay Reviews Data
-
Урок 191. 00:09:40Hide Search Input
-
Урок 192. 00:03:21Create Details API Service Pull Request
-
Урок 193. 00:00:57Section Introduction - Part 1
-
Урок 194. 00:00:40Section Introduction - Part 2
-
Урок 195. 00:09:15Create Error Page
-
Урок 196. 00:02:49Error Page HTML
-
Урок 197. 00:04:49Style Error Page
-
Урок 198. 00:04:38Fix 404 Error in AWS S3 Bucket
-
Урок 199. 00:05:21Fix AWS Cloudfront Access Denied Error
-
Урок 200. 00:01:54Add Spinner to Details Page
-
Урок 201. 00:02:54Merge Error Component Pull Request
-
Урок 202. 00:11:31Deploy to Staging and Production
-
Урок 203. 00:00:59Section Introduction
-
Урок 204. 00:11:39Add Spinner Test - Part 1
-
Урок 205. 00:04:34Add Spinner Test - Part 2
-
Урок 206. 00:05:03Add CircleCI Test Job
-
Урок 207. 00:04:28Run Test Job
-
Урок 208. 00:01:39Section Introduction
-
Урок 209. 00:10:54Create Sentry Feature Branch
-
Урок 210. 00:08:10Create Error Boundary Component
-
Урок 211. 00:04:26Use ClearState Redux Action
-
Урок 212. 00:05:19Move Provider to Index
-
Урок 213. 00:05:19Use Error Boundary Component
-
Урок 214. 00:09:23Add Routes to Redux Store
-
Урок 215. 00:08:36Add Path and Url to Redux Store
-
Урок 216. 00:03:38Add Details Path to Store
-
Урок 217. 00:11:40Use Path and Url in Header Component
-
Урок 218. 00:09:45Create Error Action Method
-
Урок 219. 00:02:37Reset Errors From Error Page
-
Урок 220. 00:10:30Display Error Page for API Errors
-
Урок 221. 00:00:36Clarify Issue
-
Урок 222. 00:10:57Sentry Setup - Part 1
-
Урок 223. 00:07:37Sentry Setup - Part 2
-
Урок 224. 00:09:08Add Sentry to Error Boundary
-
Урок 225. 00:06:42Add Sentry Breadcrumbs
-
Урок 226. 00:09:24Add Slack to Sentry
-
Урок 227. 00:03:37Test Slack with Sentry
-
Урок 228. 00:03:32Set Sentry for Production
-
Урок 229. 00:04:25Merge Sentry Pull Request
-
Урок 230. 00:00:49Section Introduction
-
Урок 231. 00:05:16Docker
-
Урок 232. 00:05:56Dockerfile
-
Урок 233. 00:11:58Create Dockerfile
-
Урок 234. 00:08:59Add CircleCI Docker Job - Part 1
-
Урок 235. 00:09:05Add CircleCI Docker Job - Part 2
-
Урок 236. 00:03:01Add Docker Job to Workflow
-
Урок 237. 00:07:32Merge Docker Pull Request
-
Урок 238. 00:07:19Run Docker Image with no Env. Variables
-
Урок 239. 00:08:49Set Env. Variables in Dockerfile
-
Урок 240. 00:03:38Run Docker Image with Env. Variables
Автор - udemy
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
learn.javascript.ru
17 мая 2020 г., 21:42
Продвинутая разработка на "React"
Курс для тех, кто уверенно чувсвтвует себя с React/Redux, и готов попробовать более продвинутые практики, современную экосистему и альтернативные подходы к решению задач.
React: Руководство для начинающих
The Beginner's Guide to React
Реакт получил это имя по не просто так. Это библиотека JavaScript на основе компонентов, которая визуализируется умно и может серьезно упростить вашу работу. Этот курс предназначен для новичков React и всех, кто хочет построить прочную основу. Он разработан, чтобы научить вас всему, что вам нужно, чтобы начать создавать веб-приложения в React прямо сейчас.
Микросервисы с Node JS и React
Microservices with Node JS and React
Создание, развертывание и масштабирование приложения электронной коммерции с использованием микросервисов, созданных с использованием Node, React, Docker и Kubernetes.
Премиум
![[Книга] Дорога к React logo](https://cdn.coursehunter.net/courses/510x622/kniga-doroga-k-react.webp)
Бесплатно
Please update