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

Создайте приложение с помощью ASPNET Core и Angular с нуля - Видеоуроки

Build an app with ASPNET Core and Angular from scratch
Duration 28:18:11
Открыть все курсы от udemy

Практический пример того, как создать приложение с помощью ASP.NET Core WebAPI (v2.1) и Angular (v6) от начала до конца. Этот курс был полностью перезаписан и теперь использует Angular v6, .Net Core 2.1 и Bootstrap 4!

Вы изучили основы ASP.NET Core и Angular? Не знаете, куда идти дальше? Этот курс в состоянии помочь вам в этом. Мы начинаем с нуля и постепенно наращиваем интерфейс API и Angular до тех пор, пока у нас не будет полностью функционального веб-приложения, которое мы затем опубликуем в IIS и на сервере Linux.

Это одни из самых горячих фреймворков для «back-end» (Microsoft ASP.NET Core) и «front-end» (Google Angular), и стоит потратить время на изучение. В этом курсе мы создаем полное приложение от начала до конца, где каждая строка кода демонстрируется и объясняется.

Курс находится в актуальном состоянии по состоянию на июль 2018 года с использованием ASP.NET Core 2.1 и Angular v6, и по мере развития этих фреймворков будет развиваться вместе с ними.

Вот некоторые из вещей, которые вы узнаете в этом курсе:

  • Настройка среды для разработки
  • Создание базового веб-приложения ASP.NET и приложения Angular с использованием DotNet CLI и Angular CLI
  • Добавление функции входа и регистрации на стороне клиента в наше Angular приложение
  • Добавление сторонних компонентов приложение
  • Добавление маршрутизации в Angular приложение и защита маршрутов.
  • Использование Automapper в ядре ASP.NET
  • Создание интерфейса с помощью Bootstrap
  • Добавление функции загрузки фотографий, а также классная галерея в Angular
  • Формы Angular, реактивные формы и валидация
  • Пейджинг, сортировка и фильтрация
  • Добавление частной системы сообщений в приложение
  • Публикация приложения на IIS и Linux
  • И много другого...

Инструменты, необходимые для этого курса

В этом курсе все уроки демонстрируются с помощью Visual Studio Code, бесплатного (и фантастического) редактора кроссплатформенного кода. Вы можете, конечно, использовать любой редактор кода, который вам нравится, и любую операционную систему, которая вам нравится ...  Windows, Linux или Mac.

Этот курс для вас?

Этот курс очень практичен, около 90% + уроков будут включать в себя программирование вместе со мной по этому проекту. Если вы тип человека, который получает максимальную отдачу от обучения, то этот курс определенно для вас. На этом курсе мы создадим пример приложения для знакомств, полностью с нуля, используя DotNet CLI и Angular CLI. Все, что вам нужно для начала работы - это компьютер с вашей любимой операционной системой и страсть к обучению созданию приложения с использованием ASP.NET Core и Angular.

Полный список уроков Развернуть / Свернуть
  • Урок 1. Introduction 00:04:28
  • Урок 2. Setting up the development environment 00:08:45
  • Урок 3. Introduction 00:03:09
  • Урок 4. Creating the DotNet Core WebAPI using the DotNetCLI 00:06:24
  • Урок 5. Reviewing the Project files in the DotNet Web API 00:08:44
  • Урок 6. Running the DotNet Core application 00:09:34
  • Урок 7. Environment settings and using dotnet watch 00:07:24
  • Урок 8. Creating the first Model and DataContext 00:12:09
  • Урок 9. Creating the Database using Entity Framework migrations 00:11:11
  • Урок 10. Retrieving data from the Database 00:09:51
  • Урок 11. Making our code asynchronous 00:05:20
  • Урок 12. Creating the Angular application using AngularCLI 00:07:10
  • Урок 13. The Angular bootstrapping and running the Angular app 00:11:51
  • Урок 14. Adding VS Code extensions used in this course 00:06:20
  • Урок 15. Making HTTP requests in Angular 00:13:52
  • Урок 16. Adding CORS support to the API 00:04:22
  • Урок 17. Displaying data from the API on the HTML page 00:04:53
  • Урок 18. Adding Bootstrap and Font-Awesome to our Angular app 00:07:29
  • Урок 19. Adding GIT for source control 00:10:50
  • Урок 20. Summary of Section 2 00:01:33
  • Урок 21. Intoduction 00:03:58
  • Урок 22. Storing passwords in the Database 00:03:38
  • Урок 23. Creating the User model 00:04:06
  • Урок 24. The Repository pattern 00:07:23
  • Урок 25. Creating an Interface for the Repository 00:02:40
  • Урок 26. Creating the concrete Auth Repository and Register Method 00:08:55
  • Урок 27. Creating the Login repository method 00:07:44
  • Урок 28. Registering services in the Startup class 00:03:00
  • Урок 29. Creating the Register method in our Auth Controller 00:10:48
  • Урок 30. Using DTOs (Data Transfer Objects) 00:10:23
  • Урок 31. Validation in the API 00:12:07
  • Урок 32. Token Authentication 00:05:01
  • Урок 33. Creating the Login method in the API 00:18:25
  • Урок 34. Using the Authentication middleware 00:10:01
  • Урок 35. Summary of Section 3 00:02:33
  • Урок 36. Introduction 00:02:50
  • Урок 37. Creating the Navigation and Login form 00:08:04
  • Урок 38. Introduction to Angular template forms 00:10:47
  • Урок 39. Introduction to Angular Services 00:10:03
  • Урок 40. Injecting the Angular services in our Components 00:06:02
  • Урок 41. Using *ngIf to conditionally display HTML Elements 00:08:44
  • Урок 42. Adding a component so users can Register to our site 00:10:26
  • Урок 43. Parent to Child Component communication using Input properties 00:06:11
  • Урок 44. Component Communication Child to Parent using Output properties 00:05:21
  • Урок 45. Adding the register method to the Auth Service 00:06:58
  • Урок 46. Summary of Section 4 00:02:15
  • Урок 47. Introduction 00:01:16
  • Урок 48. Handling exceptions in the API 00:11:20
  • Урок 49. Setting up the Global exception handler in the API 00:12:11
  • Урок 50. Handling errors in Angular 00:16:54
  • Урок 51. Summary of Section 5 00:02:09
  • Урок 52. Introduction 00:03:35
  • Урок 53. Wrapping 3rd party libraries as an Angular service 00:12:58
  • Урок 54. Using the Angular JWT library to improve token handling 00:09:23
  • Урок 55. Using the Angular JWT library to decode tokens 00:10:28
  • Урок 56. Adding Ngx Bootstrap to power our Bootstrap components 00:10:36
  • Урок 57. Bringing some color to our app with a theme from Bootswatch 00:03:49
  • Урок 58. Summary of Section 6 00:02:35
  • Урок 59. Introduction 00:03:32
  • Урок 60. Setting up routing in Angular 00:06:35
  • Урок 61. Setting up our links in the nav component 00:04:31
  • Урок 62. Using routing in our components 00:04:09
  • Урок 63. Protecting our routes with a route guard 00:07:16
  • Урок 64. Protecting multiple routes with a single route guard using dummy routes 00:06:43
  • Урок 65. Summary of Section 7 00:03:03
  • Урок 66. Introduction 00:03:05
  • Урок 67. Extending the User Model 00:08:20
  • Урок 68. Exploring Entity Framework migrations 00:10:38
  • Урок 69. Entity Framework Relationships 00:03:40
  • Урок 70. Seeding Data to the Database - Part 1 00:07:09
  • Урок 71. Seeding Data to the Database Part 2 00:09:50
  • Урок 72. Creating a new repository for our API 00:09:17
  • Урок 73. Creating the Users Controller 00:12:46
  • Урок 74. Shaping the data to return with DTOs 00:04:31
  • Урок 75. Using AutoMapper Part 1 00:11:17
  • Урок 76. Using AutoMapper Part 2 00:09:56
  • Урок 77. Summary 00:02:53
  • Урок 78. Introduction 00:02:45
  • Урок 79. Introduction to Interfaces in Typescript 00:04:52
  • Урок 80. Adding Interfaces to our Typescript code 00:04:37
  • Урок 81. Creating another Angular service 00:08:23
  • Урок 82. Retrieving the Members into the Member List Component 00:07:20
  • Урок 83. Creating Member Cards to display on our Member list page 00:08:20
  • Урок 84. Giving our Members some style with CSS 00:03:11
  • Урок 85. Adding animated buttons to the member cards 00:05:22
  • Урок 86. Using Auth0 JwtModule to send up jwt tokens automatically 00:05:55
  • Урок 87. Creating the Member Detailed View component class 00:07:31
  • Урок 88. Designing the Member detailed view template - left hand side 00:07:15
  • Урок 89. Adding a tabbed panel for the right hand side of the Member detailed page 00:06:59
  • Урок 90. Using Route Resolvers to retrieve data 00:13:07
  • Урок 91. Adding a photo gallery to our application 00:12:16
  • Урок 92. Summary 00:02:22
  • Урок 93. Introduction 00:02:25
  • Урок 94. Creating a Member Edit Component 00:06:10
  • Урок 95. Designing the template for the member profile edit page - part 1 00:07:47
  • Урок 96. Creating the Member Edit Template part 2 00:07:37
  • Урок 97. Adding a CanDeactivate route guard 00:07:09
  • Урок 98. Persisting the Member updates 00:10:44
  • Урок 99. Finishing off the Member edit component 00:04:04
  • Урок 100. Summary 00:01:46
  • Урок 101. Introduction 00:03:39
  • Урок 102. Where should we store the photos? 00:05:04
  • Урок 103. Using Cloudinary as a photo storage solution 00:12:08
  • Урок 104. Creating the Photos controller Part 1 00:15:25
  • Урок 105. Creating the Photos Controller Part 2 00:10:39
  • Урок 106. Testing the Photo upload with Postman 00:12:02
  • Урок 107. Creating the Photo upload component in Angular 00:06:03
  • Урок 108. Adding a 3rd Party File Uploader 00:14:16
  • Урок 109. Configuring the 3rd Party file uploader 00:14:19
  • Урок 110. Adding the Set Main photo functionality to the API 00:12:05
  • Урок 111. Adding the Set Main Photo functionality to the SPA 00:07:12
  • Урок 112. Using the array filter method to provide instant feedback in the SPA 00:03:29
  • Урок 113. Output properties revisited. 00:03:46
  • Урок 114. Adding the main photo to the Nav bar 00:14:17
  • Урок 115. Any to Any component communication in Angular 00:03:30
  • Урок 116. Using BehaviorSubject to add any to any communication to our app. 00:11:08
  • Урок 117. Adding the Delete photo function to the API 00:13:07
  • Урок 118. Adding the Delete Photo functionality to the SPA 00:07:10
  • Урок 119. Summary 00:01:54
  • Урок 120. Introduction 00:03:54
  • Урок 121. Introduction to Reactive Forms in Angular 00:06:52
  • Урок 122. Validation in Reactive forms 00:04:51
  • Урок 123. Custom Validators in Reactive forms 00:03:08
  • Урок 124. Providing Validation feedback to the user 00:11:45
  • Урок 125. Using the Reactive Forms FormBuilder Service 00:04:27
  • Урок 126. Expanding the Registration form 00:08:12
  • Урок 127. Handling Dates in Forms 00:11:37
  • Урок 128. Updating the Register method in the API 00:08:10
  • Урок 129. Completing the Registration implementation 00:07:57
  • Урок 130. Fixing the Photos issue for newly registered users 00:09:08
  • Урок 131. Summary 00:01:59
  • Урок 132. Introduction 00:02:21
  • Урок 133. Using a TimeAgo pipe for dates in Angular 00:05:39
  • Урок 134. Using Action Filters 00:09:35
  • Урок 135. Introduction 00:02:44
  • Урок 136. Paging in ASP.NET Core Web API 00:02:53
  • Урок 137. Adding a PagedList class 00:12:47
  • Урок 138. Setting up the paging helper classes 00:09:05
  • Урок 139. Implementing pagination in the API 00:16:17
  • Урок 140. Setting up pagination in the SPA 00:11:07
  • Урок 141. Using nix-bootstrap pagination module 00:08:25
  • Урок 142. Filtering in the API 00:06:13
  • Урок 143. Adding additional filtering parameters to the API 00:06:00
  • Урок 144. Adding filtering functionality to the SPA 00:12:14
  • Урок 145. Sorting results in the API 00:04:50
  • Урок 146. Adding the Sorting functionality to the SPA 00:07:12
  • Урок 147. Summary 00:01:47
  • Урок 148. Introduction 00:01:31
  • Урок 149. Configuring the EF relationship so users can like each other 00:02:13
  • Урок 150. Creating the Like entity 00:09:42
  • Урок 151. Adding the Send Like functionality in the API 00:09:47
  • Урок 152. Retrieving the list of users liked and liked by user 00:09:41
  • Урок 153. Adding the Send like functionality to the SPA 00:04:50
  • Урок 154. Creating the Lists component 00:09:03
  • Урок 155. Summary of Section 15 00:01:54
  • Урок 156. Introduction 00:03:33
  • Урок 157. Creating the Message Entity and relationships 00:06:39
  • Урок 158. Adding the repository methods for the messages 00:03:27
  • Урок 159. Adding the Create Message method in the API 00:14:22
  • Урок 160. Adding the Repository methods for an Inbox, Outbox 00:06:52
  • Урок 161. Creating the Message Controller 00:14:04
  • Урок 162. Adding the Message thread methods to the API 00:06:46
  • Урок 163. Working with the message component in the SPA 00:15:51
  • Урок 164. Designing the Inbox and Outbox template 00:06:52
  • Урок 165. Getting the message thread in the component 00:08:02
  • Урок 166. Designing the message tab chat system 00:13:26
  • Урок 167. Adding Query params to an Angular route 00:08:01
  • Урок 168. Adding the send message functionality and a challenge 00:09:01
  • Урок 169. Challenge solution - resolving the issue with the photos 00:12:53
  • Урок 170. Adding the Delete message functionality to the API 00:06:17
  • Урок 171. Deleting messages in the SPA 00:07:33
  • Урок 172. Adding the Mark as Read functionality 00:12:00
  • Урок 173. Summary of Section 16 00:02:43
  • Урок 174. Introduction 00:02:03
  • Урок 175. Using NG Build - Running our Angular app from the Kestrel server 00:12:27
  • Урок 176. Angular Production build with the Angular CLI 00:05:42
  • Урок 177. Using the Angular CLI for Ahead of Time Compilation 00:10:46
  • Урок 178. Installing MySQL on Mac OSX 00:05:17
  • Урок 179. Installing MySQL on Windows 00:06:04
  • Урок 180. Entity Framework Database Providers - updating the SDK to match the provider 00:08:22
  • Урок 181. Swapping the Database backend to MySQL 00:13:03
  • Урок 182. Fixing the Ignored include warnings in the API 00:08:07
  • Урок 183. Publishing our app to an IIS Server 00:17:26
  • Урок 184. Preparing a Linux server for publishing our application 00:12:47
  • Урок 185. Publishing the app to the Linux server 00:12:18
  • Урок 186. Course Wrap Up 00:00:25
  • Урок 187. Introduction 00:07:09
  • Урок 188. Update the .Net Core project to .Net Core 2.1 00:12:37
  • Урок 189. Update the Angular application to use Angular v6 00:21:54
  • Урок 190. A brief overview of the updated code 00:11:09
  • Урок 191. Updating GIT to use a single repo for the projects 00:06:19
  • Урок 192. Setting up the Azure Resource group, App Service and Database 00:13:56
  • Урок 193. Publishing the app to Azure 00:11:11
  • Урок 194. Introduction to Identity 00:06:01
  • Урок 195. Setting up the project and refactoring Startup.cs 00:05:40
  • Урок 196. Adding the Identity models 00:06:29
  • Урок 197. Configuring the DataContext for Identity 00:06:14
  • Урок 198. Configuring the Startup.cs class for Identity 00:10:32
  • Урок 199. Fixing the errors and adding a new migration 00:07:08
  • Урок 200. Updating the Seed Users method 00:07:13
  • Урок 201. Updating the Login method 00:10:08
  • Урок 202. Updating the register method 00:05:51
  • Урок 203. Updating the seed method with Roles 00:07:46
  • Урок 204. Adding roles to the JWT Token 00:08:24
  • Урок 205. Policy based authorization 00:07:00
  • Урок 206. Returning the users with their roles 00:06:06
  • Урок 207. Adding the edit roles method in the API 00:10:34
  • Урок 208. Creating the Admin Component in the SPA 00:04:27
  • Урок 209. Updating the Auth guard to protect routes based on user role 00:08:51
  • Урок 210. Adding a custom structural directive 00:08:44
  • Урок 211. Adding the admin service and user management component 00:11:00
  • Урок 212. Adding a Modal Component 00:09:27
  • Урок 213. Passing the roles data into the Modal 00:09:55
  • Урок 214. Passing data out of the Modal and hooking up to the API 00:12:36
  • Урок 215. Challenge - Creating the Photo Management system, 00:10:10
  • Урок 216. Challenge Solution 00:21:24
Этот курс находится в платной подписке!

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

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

Комментарии

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

en 69 уроков
pluralsight ASP.NET Core Fundamentals
ASP.NET Core - это новый веб-фреймворк от Microsoft, переработанный с нуля чтобы быть быстрым, гибким, современным и работать на разных платформах. В этом курсе, ASP.NET Core Fundamentals, вы построите основное приложение ASP.NET Core с нуля. Попутно вы узнаете о промежуточном программном обеспечении, контроллерах, представлениях и моделях. Далее вы узнаете о поддержке SQL Server с помощью платформы Entity Framework и регистрации пользователя в...
Duration 05:57:05
13 0
13-09-2017 en 147 уроков
udemy Build a Real-world App with ASP.NET Core and Angular 2 (4+)
Создайте Full-stack приложение с ASP.NET Core, Entity Framework и Angular 2 (Angular 4+). С более чем 3000 студентов и более 300 положительных отзывов,  этот курс является самым популярным курсом на Udemy для изучения ASP.NET Core.ASP.NET Core - это следующее поколение ASP.NET MVC. Это полная перезапись фреймворка, но в модульном, облачном и кросс-платформенном виде. Таким образом, он может работать на Windows, Linux и Mac. Если вы на Mac...
Duration 10:27:41
4 0
ru 11 уроков
itvdn ASP.NET Core Essential
В этом курсе вы познкомитесь с ASP.NET Core и узнаете как создавать современные приложения вместе с Core. Мы рассмотрим такие темы как: различные шаблоны ASP.NET Core, особенности архитектуры MVC, научимься работать с базами данных через Entity Framework Core и вообщем вконце курса у вас уже будет понятия как работать на ASP.NET Core.
Duration 05:28:17
26 0

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

Продвинутый курс по Angular

Продвинутый курс по Angular

ru
Курс даст возможность быстро начать создавать свои приложения с использованием современного фреймворка - Angular. В процессе прохождения курса шаг за шагом вы сделаете реальное приложение, и хорошо разберетесь в специфике Angular. Вы будете получать информацию, писать код, показывать...
Gulp Сборка. Ускорение верстки

Gulp Сборка. Ускорение верстки

ru
Как вам идея зарабатывать больше, ускорив свой рабочий процесс, за счет внедрения новых инструментов? Все еще используете HTML + CSS? Переходи на красную сторону силы! У нас есть Gulp - Автообновление в браузере, LESS/SASS разложен по модулям, Нет дублированию кода, Компонентый подход.
Веб-разработка Full-Stack | Node, SQL, React и многое другое

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

en
Создайте проект fullstack с помощью Node.js, PostgreSQL, SQL, React, Redux! API, аутентификация и многое другое! Это тот курс, который вам нужен, прежде чем стать инженером. Это тот курс, который был мне нужен, прежде чем я стал инженером-программистом, работающим в центре города в Сан-Франциско.
Изучение Blockchain разработки с EOS и C++

Изучение Blockchain разработки с EOS и C++

en
Изучите экосистему ЕOS dApp и узнайте, как писать и развертывать смарт-контракты в EOSIO блокчейн. Смарт-контракты? Они здесь. EOS Blockchain? Да. C ++? Тут! Не может быть никаких сомнений: технология EOS и blockchain является самой разрушительной силой за последние годы. Компании не могут...
Знакомство с API ВКонтакте от Тарасова Алексея

Знакомство с API ВКонтакте от Тарасова Алексея

ru
Курс о том, как отправлять запросы к программному интерфейсу сервиса ВКонтакте и получать или размещать информацию в соц. API – это программный интерфейс взаимодействия между главным приложением (ВКонтакте) и дополнительными внешними приложениями. С помощью HTTP запросов к специальному серверу...
chat
logo