Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certifications Network & Security Hardware Operating Systems & Servers Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Paid Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement & Gardening Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition & Diet Yoga Mental Health Martial Arts & Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React CSS Angular Node.Js PHP HTML5 Django
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA AWS Certified Developer - Associate Microsoft AZ-900
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence Blockchain MySQL Data Analysis
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Mobile Game Development
Google Flutter Android Development iOS Development React Native Swift Dart (programming language) Mobile Development Kotlin SwiftUI
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Canva Art Composition Design Theory
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Life Purpose Mindfulness Meditation CBT Cognitive Behavioral Therapy Sound Therapy
Business Fundamentals Entrepreneurship Fundamentals Freelancing Business Strategy Business Plan Startup Online Business Blogging Home Business
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Google Analytics Email Marketing Copywriting YouTube Marketing Advertising Strategy
2021-11-06 08:00:34

Development Web Development ASP.NET

Build an app with ASPNET Core and Angular from scratch

A practical example of how to build an application with ASP.NET Core API and Angular from start to finish
Bestseller
Rating: 4.6 out of 54.6 (17,200 ratings)
73,187 students
Created by Neil Cummings
Last updated 11/2021
English
English [Auto], French [Auto], 

What you'll learn

  • Learn how to build a web application from start to publishing using ASPNET Core (v2.1), Entity Framework Core and Angular (v6)
  • Students who complete this course will have a practical understanding of Angular and ASPNET Core
  • Understand how to structure an Angular application using best practices
  • Learn how to integrate 3rd party components into the Angular application
  • Use Visual Studio code effectively to improve workflow
  • Use AutoMapper
  • Implement drag and drop photo upload integrating into a cloud platform
  • Implement a private messaging system
  • Implement filtering, sorting and paging of data
  • Display notifications in Angular
  • Implement Authentication using JWT Authentication tokens
  • Handling errors in the API and the SPA
  • Persist data using Entity Framework Core
  • Real time notifications and presence using SignalR

Course content

21 sections • 264 lectures • 29h 48m total length

  • Preview07:17
  • Preview05:10
  • Getting help
    02:53
  • Preview02:15

  • Introduction
    02:26
  • Creating the .Net API Project using the dotnet CLI
    07:21
  • Setting up VS code to work with C#
    07:17
  • .Net 6 update - switching to the classic hosting model
    10:04
  • Getting to know the API project files
    12:41
  • Creating our first Entity
    05:43
  • Introduction to Entity Framework
    06:34
  • Adding Entity Framework to our project
    03:39
  • Adding a DbContext class
    08:41
  • Creating the Connection string
    11:56
  • Preview04:44
  • Adding a new API Controller
    11:00
  • Making our code Asynchronous
    06:21
  • Saving our code into Source control
    10:30
  • Section 2 Summary
    02:40

  • Introduction
    01:56
  • Creating the Angular application
    08:00
  • Running the angular project and reviewing the bootstrap of the app
    10:21
  • Adding VS Code extensions to work with Angular
    02:52
  • Making HTTP requests in Angular
    13:13
  • Adding CORS support in the API
    04:33
  • Preview05:10
  • Adding bootstrap and font-awesome
    09:31
  • Using HTTPS in angular - MAC
    06:31
  • Using HTTPS in angular - WINDOWS
    06:35
  • Saving into source control
    02:16
  • Section 3 summary
    01:20

  • Introduction
    03:10
  • Safe storage of passwords
    07:17
  • Updating the user entity
    02:51
  • Creating a base API controller
    03:57
  • Creating an Account Controller with a register endpoint
    11:02
  • Preview09:17
  • Using DTOs
    07:24
  • Adding validation
    03:37
  • Adding a login endpoint
    10:39
  • JSON web tokens
    05:42
  • Adding a token service
    07:15
  • Adding the create token logic
    06:50
  • Creating a User DTO and returning the token
    05:45
  • Adding the authentication middleware
    06:47
  • Adding extension methods
    06:58
  • Section 4 summary
    03:46

  • Introduction
    01:44
  • Creating a nav bar
    10:02
  • Introduction to Angular template forms
    06:07
  • Introduction to Angular services
    05:47
  • Injecting services into components
    04:00
  • Using conditionals to show and remove content
    06:05
  • Using the angular bootstrap components - dropdown
    06:48
  • Introduction to observables
    08:58
  • Persisting the login
    12:29
  • Using the async pipe
    05:17
  • Adding a home page
    06:15
  • Adding a register form
    05:38
  • Parent to child communication
    10:07
  • Child to parent communication
    05:34
  • Preview09:54
  • Section 5 summary
    01:56

  • Introduction
    01:49
  • Creating some more components
    07:44
  • Adding the nav links
    03:34
  • Routing in code
    02:42
  • Adding a toast service for notifications
    09:39
  • Adding an Angular route guard
    08:52
  • Adding a dummy route
    04:21
  • Adding a new theme
    05:39
  • Tidying up the app module by using a shared module
    05:37
  • Section 6 summary
    02:22

  • Introduction
    01:09
  • Creating an error controller for testing errors
    09:44
  • Handling server errors
    07:22
  • Exception handling middleware
    11:37
  • Testing errors in the client
    08:07
  • Adding an error interceptor
    13:17
  • Validation errors
    06:19
  • Handling not found
    03:43
  • Adding a server error page
    10:50
  • Section 7 summary
    03:09

  • Introduction
    01:58
  • Extending the user entity
    03:48
  • Adding a DateTime extension to calculate age
    04:14
  • Entity Framework relationships
    08:37
  • Generating seed data
    06:39
  • Seeding data part one
    11:06
  • Seeding data part two
    07:17
  • The repository pattern
    07:25
  • Creating a repository
    06:51
  • Updating the users controller
    05:09
  • Adding a DTO for Members
    02:32
  • Adding AutoMapper
    03:35
  • Using AutoMapper
    05:36
  • Configuring AutoMapper
    02:43
  • Using AutoMapper queryable extensions
    13:30
  • Section 8 summary
    02:03

  • Introduction
    01:45
  • Using TypeScript
    07:38
  • Creating the member interface
    02:58
  • Adding a member service
    08:22
  • Retrieving the list of members
    05:50
  • Creating member cards
    04:45
  • Preview06:10
  • Adding animated buttons
    05:19
  • Using an interceptor to send the token
    07:43
  • Routing to the detailed page
    05:44
  • Styling the member detailed page
    06:09
  • Styling the member detailed page part two
    06:29
  • Adding a photo gallery
    13:07
  • Section 9 summary
    01:49

  • Introduction
    02:17
  • Creating a member edit component
    05:31
  • Creating the edit template form
    07:55
  • Adding the update functionality
    08:49
  • Adding a Can Deactivate route guard
    07:23
  • Persisting the changes in the API
    08:44
  • Updating the user in the client app
    02:38
  • Adding loading indicators
    10:04
  • Using the service to store state
    09:52
  • Section 10 summary
    01:21

Requirements

  • Hello world experience in ASPNET Core and Angular
  • A passion for wanting to learn how to build a fully functional Web Application

Description

This course has been updated for .Net 6.0 and Angular 12.   

Have you learnt the basics of ASP.NET Core and Angular?  Not sure where to go next?  This course should be able to help with that.  In this course we start from nothing and incrementally build up our API and Angular front end until we have a fully functional Web Application that we then publish to IIS and a Linux server.

These are 2 of the hottest frameworks right now for the 'back-end' (Microsoft's ASP.NET Core) and the 'front-end' (Google's Angular) and are well worth spending the time to learn.

In this course we build a complete application from start to finish and every line of code is demonstrated and explained.

This course is right up to date as at November 2021 using .Net 6.0 and Angular v12 and as these frameworks evolve, this course will evolve with it.  

Read some of the great reviews of the course:

Jim says "The absolute best course for building an API in .Net core and working with Angular!"

Daniyal says: "This is a complete project based course from start to finish with real world experience using technologies that are currently in demand in the market. People interested in learning latest technologies should consider this course."

Here are some of the things you will learn about in this course:

  • Setting up the developer environment

  • Creating the ASP.NET Core WebAPI and the Angular app using the DotNet CLI and the Angular CLI

  • Adding a Client side login and register function to our Angular application

  • Adding 3rd party components to add some pizzazz to the app

  • Adding routing to the Angular application and securing routes.

  • Using Automapper in ASP.NET Core

  • Building a great looking UI using Bootstrap

  • Adding Photo Upload functionality as well as a cool looking gallery in Angular

  • Angular Template forms and Reactive forms and validation

  • Paging, Sorting and Filtering

  • Adding a Private Messaging system to the app

  • Publishing the application to Heroku free of charge

  • Using SignalR for real time presence and live messaging between users

  • Many more things as well

Tools you need for this course

In this course all the lessons are demonstrated using Visual Studio Code, a free (and fantastic) cross platform code editor.   You can of course use any code editor you like and any Operating system you like... as long as it's Windows, Linux or Mac

Is this course for you?

This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project.  If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.  

On this course we will build an example Dating Application, completely from scratch using the DotNet CLI and the Angular CLI to help us get started.  All you will need to get started is a computer with your favourite operating system, and a passion for learning how to build an application using ASP.NET Core and Angular.  

Who this course is for:

  • Beginners to ASPNET Core and Angular who want to learn practical usage of these frameworks to build a compelling and functional application
  • Students who like to learn by doing rather than learning by theory

Featured review

Darko Gelevski
Darko Gelevski
81 courses
10 reviews
Rating: 5.0 out of 5a year ago
Amazing I just fall in love in .net so much after this. Angular is ok but somethings are just messed up how the team decided to make them. Neil the instructor is Solid dude so much you can learn from the guy insane Best money spend on any tutorial ever for me i HIGHLY recommend this course . Also iv gifted this tutorial to many friends. BRAVO Neil keep it up i hope you can do some Tutorial on Microservices in .net I would buy that thing instnat.

Instructor

Neil Cummings
Professional freelance software developer
Neil Cummings
  • 4.7 Instructor Rating
  • 25,448 Reviews
  • 101,316 Students
  • 5 Courses

Neil Cummings is a professional freelance software developer.  Starting out in the IT industry about 15 years ago, initially working mostly on SharePoint before embracing more lightweight frameworks such as Angular and ASP.NET Core.

He has worked for companies such as Microsoft and Rackspace before trying out the freelance route.  Also a Microsoft certified trainer.

  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Accessibility statement
Udemy
© 2021 Udemy, Inc.