Последние новости: Свежий coursehunters.club

Веб-разработка Full-Stack | Node, SQL, React и многое другое - Видеоуроки

Master Full-Stack Web Development | Node, SQL, React, & More
Duration 18:36:51
Открыть все курсы от udemy

Master Full-Stack Web Development | Node, SQL, React, & More - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Course Introduction 00:02:58
  • Урок 2. Technologies of the Course 00:03:35
  • Урок 3. Application Tour and Overview 00:05:27
  • Урок 4. The Role of Node.js in Dragonstack 00:03:59
  • Урок 5. Set Up the Backend 00:07:22
  • Урок 6. Optional: Object-Oriented Programming 00:03:15
  • Урок 7. The Dragon Class 00:07:11
  • Урок 8. Improve the Dragon Class | Part 1 00:04:38
  • Урок 9. Improve the Dragon Class | Part 2 00:08:38
  • Урок 10. Nodemon for Development 00:04:05
  • Урок 11. Optional: Node.js Under the Hood - the V8 Engine 00:05:08
  • Урок 12. Optional: Node.js Under the Hood - the Event Loop 00:09:17
  • Урок 13. The Source of Truth for Dragon Traits 00:03:23
  • Урок 14. Traits in the Dragon Class 00:08:27
  • Урок 15. Generation Configuration 00:02:48
  • Урок 16. Generation Class | Part 1 00:08:19
  • Урок 17. Generation Class | Part 2 00:05:36
  • Урок 18. Generation Engine 00:09:09
  • Урок 19. Dragonstack Architecture Check 1 00:02:28
  • Урок 20. On Express.js 00:02:49
  • Урок 21. Set up the Server and Get Dragon 00:08:44
  • Урок 22. Codebase Organization | Part 1 00:05:35
  • Урок 23. Codebase Organization | Part 2 00:05:05
  • Урок 24. Get Generation 00:09:06
  • Урок 25. Dragonstack Architecture Check 2 00:01:27
  • Урок 26. PostgreSQL and Relational Databases Overview 00:07:57
  • Урок 27. Setup and Install PostgreSQL 00:04:16
  • Урок 28. Create the Dragonstack DB and the Node User 00:03:26
  • Урок 29. Generation SQL 00:07:29
  • Урок 30. Dragon SQL 00:08:00
  • Урок 31. Configure Script 00:10:49
  • Урок 32. Configure the Database Pool 00:06:19
  • Урок 33. Node-Postgres Pool Verification 00:04:40
  • Урок 34. Generation Table and Storing Generations 00:09:38
  • Урок 35. Get Generation with IDs 00:09:40
  • Урок 36. Optional: JavaScript Promises Overview 00:05:56
  • Урок 37. Dragons with Generation IDs 00:03:17
  • Урок 38. Store Dragons 00:11:20
  • Урок 39. Error Handling in Express.js 00:06:59
  • Урок 40. The Approach to Storing Dragon Traits 00:03:29
  • Урок 41. Trait Table 00:11:34
  • Урок 42. Trait Table and Get Trait ID 00:07:03
  • Урок 43. Dragon Trait Table 00:03:53
  • Урок 44. Store Dragon Traits 00:11:46
  • Урок 45. Verify Dragon Trait Storage 00:08:11
  • Урок 46. Get Dragon With Traits | Part 1 00:09:35
  • Урок 47. Get Dragon With Traits | Part 2 00:12:47
  • Урок 48. Dragonstack Architecture Check 3 00:01:57
  • Урок 49. Optional: JS in Browsers, the DOM, and React and Virtual DOM Overview 00:08:53
  • Урок 50. Set Up the React Frontend | Part 1 00:05:53
  • Урок 51. Set Up the React Frontend | Part 2 00:11:50
  • Урок 52. Generation Component 00:09:44
  • Урок 53. React State and Generation Fetch | Part 1 00:06:38
  • Урок 54. Backend Interlude: Cross-Origin Resource Sharing 00:05:45
  • Урок 55. Optional: Same Origin Policy 00:02:53
  • Урок 56. React State and Generation Fetch | Part 2 00:06:55
  • Урок 57. Fetch New Generations on a Timer 00:10:46
  • Урок 58. New Dragon in React 00:10:23
  • Урок 59. Dragon Avatar Component and React Props 00:06:32
  • Урок 60. New Dragon Button and React Bootstrap 00:06:19
  • Урок 61. Quick Styling 00:04:21
  • Урок 62. Optional: Dragon Avatar Image | Part 1 00:08:42
  • Урок 63. Optional: Dragon Avatar Image | Part 2 00:13:11
  • Урок 64. Redux Overview 00:05:54
  • Урок 65. Redux in Dragonstack and the Generation Reducer 00:06:59
  • Урок 66. Generation Action 00:08:51
  • Урок 67. Generation Action Creator 00:08:25
  • Урок 68. Redux Organization and Tools 00:08:45
  • Урок 69. Connect Generation Component and MapStateToProps 00:09:44
  • Урок 70. Generation Component and MapDispatchToProps 00:09:55
  • Урок 71. Redux Thunk 00:10:16
  • Урок 72. Updated Fetch Generation Action 00:07:34
  • Урок 73. Updated Fetch Generation Reducer 00:13:43
  • Урок 74. Fetch States 00:08:14
  • Урок 75. New Dragon Redux Flow 00:12:43
  • Урок 76. Connect the Dragon Componnet 00:10:30
  • Урок 77. Dragonstack Architecture Check 4 00:01:29
  • Урок 78. HTTP vs HTTPS and TLS Overview 00:06:24
  • Урок 79. Account Table 00:02:29
  • Урок 80. Account Table Store Account 00:04:27
  • Урок 81. Account API and New Account Request 00:10:08
  • Урок 82. Custom System Hash 00:02:59
  • Урок 83. SHA256 and App Secret 00:07:51
  • Урок 84. Hash Sensitive Information 00:09:39
  • Урок 85. Avoid Account Duplication and Get Account 00:11:21
  • Урок 86. Account Sessions 00:06:25
  • Урок 87. Build the Session Class | Part 1 00:08:30
  • Урок 88. Build the Session Class | Part 2 00:10:22
  • Урок 89. Set a Session Cookie 00:07:56
  • Урок 90. Shared Sessions and Set Session Helper | Part 1 00:08:41
  • Урок 91. Update Session ID in the Account Table 00:03:34
  • Урок 92. Shared Sessions and Set Session Helper | Part 2 00:06:44
  • Урок 93. Log In | Part 1 00:08:46
  • Урок 94. Log In | Part 2 00:09:26
  • Урок 95. Log Out 00:10:36
  • Урок 96. Root Component 00:09:01
  • Урок 97. AuthForm Component | Part 1 00:06:01
  • Урок 98. AuthForm Component | Part 2 00:07:20
  • Урок 99. Account Reducer 00:08:06
  • Урок 100. Sign Up Account Action 00:08:33
  • Урок 101. Account in the Redux Store 00:08:35
  • Урок 102. Display Errors and Render Based on the Account 00:07:43
  • Урок 103. Log Out and Account Reducer 00:03:37
  • Урок 104. Log Out Action and Fetch From Account 00:12:04
  • Урок 105. Log Out Button 00:05:46
  • Урок 106. Redux Log In 00:06:02
  • Урок 107. Get Authenticated Request 00:06:25
  • Урок 108. Guard Rendering Behind Authenticated Check 00:08:53
  • Урок 109. Frontend Button Clicked to Hide Error in AuthForm 00:04:37
  • Урок 110. Account Dragon Table 00:05:13
  • Урок 111. Store Account Dragon 00:06:33
  • Урок 112. Associate Account with New Dragons | Part 1 00:08:20
  • Урок 113. Associate Account with New Dragons | Part 2 00:10:21
  • Урок 114. Get Account Dragons 00:05:33
  • Урок 115. Get Account Dragons Request 00:06:01
  • Урок 116. Get Account Dragons With Traits 00:05:40
  • Урок 117. Fetch Account Dragons 00:07:07
  • Урок 118. Account Dragons Reducer 00:05:09
  • Урок 119. Display Account Dragons Skeleton 00:05:33
  • Урок 120. Account Dragon Rows 00:06:09
  • Урок 121. React-Router 00:09:06
  • Урок 122. Link Components and When to (Not) Use Anchor Tags 00:06:34
  • Урок 123. Auth Routes: Redirects 00:03:57
  • Урок 124. Auth Routes: Stateless Functional Components 00:05:13
  • Урок 125. Auth Routes: Higher-Order Components 00:06:01
  • Урок 126. Update Dragon Nickname 00:07:45
  • Урок 127. Edit Dragon 00:07:10
  • Урок 128. Fire Update Dragon Nickname 00:08:11
  • Урок 129. Multi-Acocunt Features Preview 00:03:03
  • Урок 130. Account Balance and Info 00:08:34
  • Урок 131. Account Info in React | Redux 00:06:21
  • Урок 132. Account Info in React | UI 00:04:36
  • Урок 133. Public and Sellable Dragons 00:08:05
  • Урок 134. Update Dragon with Dynamic Queries 00:12:59
  • Урок 135. Update Dragon in the API and UI 00:09:30
  • Урок 136. Get Public Dragons 00:08:24
  • Урок 137. Public Dragons Redux 00:08:57
  • Урок 138. Public Dragons Page 00:06:15
  • Урок 139. Public Dragon Rows 00:04:15
  • Урок 140. Update Balance 00:04:39
  • Урок 141. Get Dragon Account and Update Dragon Account 00:08:27
  • Урок 142. Buy Dragons Backend 00:13:41
  • Урок 143. Test Buy Dragons 00:03:49
  • Урок 144. React Buy Dragons 00:10:59
  • Урок 145. Breeder Class and Making Baby Dragons 00:07:05
  • Урок 146. Pick Trait 00:15:32
  • Урок 147. Dragon Sire Value 00:04:14
  • Урок 148. Update Sire Value in Account Dragon Row 00:04:53
  • Урок 149. Mate Dragons Request 00:13:25
  • Урок 150. Test Mate Dragons Request 00:05:21
  • Урок 151. Sire Button 00:04:38
  • Урок 152. Mating Options 00:07:27
  • Урок 153. Send Mate Request 00:07:52
  • Урок 154. Limit Dragons per Generation 00:07:58
  • Урок 155. Congratulations and Connect with Me! 00:00:58

Создайте проект fullstack с помощью Node.js, PostgreSQL, SQL, React, Redux! API, аутентификация и многое другое!

Это тот курс, который вам нужен, прежде чем стать инженером. Это тот курс, который был мне нужен, прежде чем я стал инженером-программистом, работающим в центре города в Сан-Франциско. Он преподает понятия, которые я применяю на практике каждый день. Крайне важно понять весь полный стек.

Но пока я самообучался, все ресурсы были распределены. Все они были в разных местах. Мне нужно все это в одном месте. Мне нужно, чтобы все было в одном проекте. Это и есть цель этого курса.

Этот курс - это избранные моменты месяцев (лет фактически) исследований. Изучение информатики в колледже. Работа над проектами в качестве инженера-программиста. Все в одном месте. В одном всеохватывающем проекте.

Функционально-ориентированный, как и индустрия

Проект в этом курсе отражает проекты, над которыми вы будете работать в отрасли.

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

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

Проект DragonStack

Что такое проект DragonStack?

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

Это приложение отличается. Это не Facebook, ни Twitter-клон. За этими более крупными приложениями, такими как Facebook и Twitter, вы познакомитесь с концепциями, которые вы узнаете в этом курсе. Но вы будете использовать эти концепции для создания чего-то уникального. Если вы уже инвестируете время, чтобы изучить полный стек, я хочу, чтобы вы делали что-то, чего еще не делали раньше. Таким образом, вы узнаете, как применять эти концепции для инноваций.

С нуля

В этом курсе вы будете строить все с нуля. Вы возьмете на себя все уровни полного стека. Вы не будете использовать отдельные API для этих функций.

1. Вы создадите API. Конечно, вы можете узнать о веб-запросах, используя публичный API. Но для того, чтобы полностью узнать, как работают эти API-интерфейсы веб-запросов, вам необходимо создать их самостоятельно.

2. Вы будете полностью контролировать базу данных. Вы не будете полагаться на библиотеку, чтобы управлять базой данных для вас. Вы не будете относиться к базе данных как к магии. Нет, у вас будет полный контроль над SQL.

3. Вы создадите систему аутентификации. Аутентификация - это простой шаг для пропусков во время обучения. Это критическая концепция, чтобы понять. 99% приложений, которые вы делаете или работаете, будут иметь базу учетных записей.

С нуля - основная философия курса. Помимо создания API с нуля, вы создадите полный бэкэнд. Это будет включать в себя сервер и основные файлы базы данных. Кроме того, вы создадите полный интерфейс, используя современную и очень широко используемую библиотеку React.

Полная картина, основанная на концептуальном понимании

Когда вы работаете с новыми технологиями, вам необходимо увидеть полную картину. Поэтому в этом курсе вы узнаете больше, чем просто код в Node.js, PostgreSQL, React и Redux. Кроме того, вы получите понимание дизайна, моделей и идей, лежащих в основе этих технологий. Вы узнаете, как компании применяют эти технологии к своим проблемам. Основываясь на концепциях, вы сможете увидеть, как каждый слой вписывается в полный стек.

Практический опыт

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

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

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

Проблемы

Это не тот курс, в котором вы будете слепо следовать за мной. Проблемы дадут вам возможность реализовать следующую функцию самостоятельно - подкрепляя ваши знания, руководствуясь собственным опытом.

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

Простота

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

Просто потому, что что-то легко и быстро, это не значит, что это правильно. Иногда простое решение на самом деле является ярлыком, который потребует еще большей работы для исправления позже.

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

Масштабируемость

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

Прогресс в Dragonstack

Ваш прогресс с проектом dragstack будет следовать экспоненциальной кривой. На протяжении всего курса графики показывают ваш прогресс в этом курсе. Будет начальный период нарастания. Однако, как только вы пройдете мимо горба, ваш темп начнет стремительно расти. Оставайтесь решительными, чтобы получить этот импульс. Это одно из лучших ощущений, когда вы едете на этой автостраде производительности.

Требования

  • Для этого курса требуется некоторый опыт программирования. Этот курс не является интро для программирования. 
  • Опыт Node, PostgreSQL, React и Redux НЕ требуется. Все эти понятия будут объяснены с самого начала.
  • Рекомендуется использовать JavaScript. Этот курс познакомит с JavaScript и объяснит каждую строку. Однако, как только ключевое слово было введено, курс предполагает, что вы знакомы с концепцией. Основное внимание уделяется концепциям полного стека, а не изучению JavaScript в первый раз.
  • Некоторый опыт работы в командной строке рекомендуется, но не обязательно. Этот курс имеет краткий пересмотр принципов командной строки, и мы будем использовать только основы. Но чем комфортнее вы в командной строке, тем лучше.

Твоя оценка

4 1
Следи за последними обновлениями и новостями в нашем coursehunters.club, или вступай в наш канал telegram.

Комментарии

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

15-04-2018 en 76 уроков
udemy MERN Stack Front To Back: Full Stack React, Redux & Node.js
Создавайте и разверните социальную сеть с помощью Node.js, Express, React, Redux и MongoDB и узнайте как собрать все это вместе.Добро пожаловать в «MERN Stack Front To Back». В этом курсе мы создадим полномасштабное приложение социальной сети, используя Node.js, Express, React, Redux и MongoDB вместе с ES6 +. Мы начнем с пустого текстового редактора и закончим развертывание полного приложения.
Duration 16:27:20
52 1
27-06-2018 ru 93 урока
webformyself FullStack-Мастер. Разработка CRM-системы на Node.js, Express, Angular 6
В рамках единого видеокурса полностью и подробно раскрыт весь цикл FullStack JavaScript-разработки на MEAN STACK: MongoDB, Express.js, Angular (6) и Node.js. У вас будет четкий пошаговый план FullStack JavaScript-разработки, а также полное понимание алгоритма разработки сложного FullStack-приложения на примере создания CRM-системы с нуля.  Менее чем за 3 месяца, пожалуй, любой новичок сможет овладеть профессией FullStack-разработчик с...
Duration 19:14:54
39 0
en
fullstack.io Fullstack React Book - The Complete Guide to ReactJS and Friends
Обновленное, подробное руководство по React. Станьте экспертом ReactJS уже сегодня. Прекратите тратить свое время на запутаные и неполные уроки и книги. Есть так много неправильных, запутанных и устаревших статей и книг... В одном учебнике говорится одно, в другом нечто совершенно иное. Слишком много вариантов. Существует пятьдесят различных паттернов и дюжина различных реализаций Flux. Какой из них лучше? Гугл только доводит вас до страха ......
Duration
43 2
12-02-2017 en 32 урока
coursetro Create a MEAN App Called CodePost - Full Stack
Узнайте как создать Angular приложение, основанное на стеке MEAN. Стек MEAN является одним из самых популярных для разработки, поэтому я показываю вам как создавать приложение CodePost с нуля
Duration 03:33:37
9 0
11-10-2017 en 216 уроков
udemy The Complete 2018 Fullstack Web Developer Course
Изучайте HTML, HTML5, CSS, CSS3, JavaScript, PHP, jQuery, Ajax и MySQL с нуля! Добро пожаловать на полный курс - Fullstack Web Developer 2018.
Duration 21:00:02
10 0
10-04-2018 en 16 уроков
udemy The complete JavaScript developer: A primer to Full Stack JS
Создавайте приложения с полным стеком JavaScript - MEAN, используя Angular2 +, TypeScript, Node.js, Express и MongoDB. Изучите все аспекты разработки JavaScript полного стека, используя стек MEAN. В этом учебном курсе мы представляем каждый раздел стека, и в 16 видеороликах мы покажем вам, как создать приложение с использованием новейших и лучших технологий на данный момент. На протяжении всего этого курса мы покажем вам, как использовать...
Duration 03:50:50
9 2
04-09-2018 en 66 уроков
udemy Build a Slack Chat App with React, Redux, and Firebase
Создайте полное приложение чата с полным стеком с начала и до конца с помощью React, Redux, Firebase 5 и Semantic UI React. Заинтересованы в создании впечатляющих приложений с полным стеком с помощью React, Redux и Firebase? Это курс для вас!
Duration 05:54:48
6 0

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

Laravel - Узнайте, как создавать диаграммы с Vue.js и Laravel

Laravel - Узнайте, как создавать диаграммы с Vue.js и Laravel

en
На этом коротком курсе студенты научатся использовать VUE.js с Laravel для создания пользовательских диаграмм (чартов) для отображения данных. Студенты также научатся отправлять и получать запросы через VUE на бэкэнд (PHP), где они могут его обработать. Это отличный курс для тех, кто хочет...
The Essential Android O Developer Course (Java)

The Essential Android O Developer Course (Java)

en
Узнайте все подробно о том, как писать приложения для Android O с помощью Java. Студенты научатся программировать мобильные приложения с использованием языка программирования Java на платформе Android. Это включает в себя такие темы, как: жизненный цикл Android, ресурсы Android, дизайн...
Android Java Мастер-класс - станьте разработчиком приложений

Android Java Мастер-класс - станьте разработчиком приложений

en
Улучшите свои карьерные возможности, изучив разработку приложений для Android. Изучите Android Studio и создайте свое первое приложение сегодня. На Android приходится 81,7% всех проданных смартфонов, но не все упакованы самой последней Android Nougat. Это вас не волнует, потому что после...
Laravel Eloquent: Экспертный уровень

Laravel Eloquent: Экспертный уровень

en
После этого курса вы станете экспертом в создании отношений, эффективном анализе данных и в использовании малоизвестных функций Eloquent. Eloquent отлично подходит для операций с базами данных, но на протяжении многих лет я заметил, что это самая популярная тема для вопросов на Twitter или...
Изучите JMETER c нуля - (Performance + Load)

Изучите JMETER c нуля - (Performance + Load)

en
Лекции по Jmeter, в которых объясняется нагрузочное тестирование с реальными примерами, включая поддержку material и query. Курс разработан таким образом, что пользователь может начинать все с самого нуля без каких-либо предварительных знаний о Jmeter или Performance...
iOS 12 и Swift 4.2 для начинающих: 200+ практических туториалов

iOS 12 и Swift 4.2 для начинающих: 200+ практических туториалов

en
Изучайте iOS 12 и Swift 4.2, используя курс высочайшего качества по разработке приложений. Автоматическая компоновка, Core Data, анимация и многое другое! Если вы всегда мечтали создать свои собственные приложения для iPhone и iPad, то это курс для вас. Этот курс является исчерпывающим...
chat
logo