(back) ASPNET Core and Angular (back)

• 1. Introduction
• 1. Introduction
• 2. Setting up the development environment


• 2. Building a Walking Skeleton
• 1. Introduction
• 2. Creating the DotNet Core WebAPI using the DotNetCLI
• 3. Reviewing the Project files in the DotNet Web API
• 4. Running the DotNet Core application
• 5. Environment settings and using dotnet watch
• 6. Creating the first Model and DataContext
• 7. Creating the Database using Entity Framework migrations
• 8. Retrieving data from the Database
• 9. Making our code asynchronous
• 10. Creating the Angular application using AngularCLI
• 11. The Angular bootstrapping and running the Angular app
• 12. Adding VS Code extensions used in this course
• 13. Making HTTP requests in Angular
• 14. Adding CORS support to the API
• 15. Displaying data from the API on the HTML page
• 16. Adding Bootstrap and Font-Awesome to our Angular app
• 17. Adding GIT for source control
• 18. Summary of Section 2


• 3. Security
• 1. Intoduction
• 2. Storing passwords in the Database
• 3. Creating the User model
• 4. The Repository pattern
• 5. Creating an Interface for the Repository
• 6. Creating the concrete Auth Repository and Register Method
• 7. Creating the Login repository method
• 8. Registering services in the Startup class
• 9. Creating the Register method in our Auth Controller
• 10. Using DTOs (Data Transfer Objects)
• 11. Validation in the API
• 12. Token Authentication
• 13. Creating the Login method in the API
• 14. Using the Authentication middleware
• 15. Summary of Section 3


• 4. Client side login and register
• 1. Introduction
• 2. Creating the Navigation and Login form
• 3. Introduction to Angular template forms
• 4. Introduction to Angular Services
• 5. Injecting the Angular services in our Components
• 6. Using ngIf to conditionally display HTML Elements
• 7. Adding a component so users can Register to our site
• 8. Parent to Child Component communication using Input properties
• 9. Component Communication Child to Parent using Output properties
• 10. Adding the register method to the Auth Service
• 11. Summary of Section 4


• 5. Error Handling
• 1. Introduction
• 2. Handling exceptions in the API
• 3. Setting up the Global exception handler in the API
• 4. Handling errors in Angular
• 5. Summary of Section 5


• 6. Adding 3rd party components to our app
• 1. Introduction
• 2. Wrapping 3rd party libraries as an Angular service
• 3. Using the Angular JWT library to improve token handling
• 4. Using the Angular JWT library to decode tokens
• 5. Adding Ngx Bootstrap to power our Bootstrap components
• 6. Bringing some color to our app with a theme from Bootswatch
• 7. Summary of Section 6


• 7. Routing in Angular
• 1. Introduction
• 2. Setting up routing in Angular
• 3. Setting up our links in the nav component
• 4. Using routing in our components
• 5. Protecting our routes with a route guard
• 6. Protecting multiple routes with a single route guard using dummy routes
• 7. Summary of Section 7


• 8. Extending the API
• 1. Introduction
• 2. Extending the User Model
• 3. Exploring Entity Framework migrations
• 4. Entity Framework Relationships
• 5. Seeding Data to the Database - Part 1
• 6. Seeding Data to the Database Part 2
• 7. Creating a new repository for our API
• 8. Creating the Users Controller
• 9. Shaping the data to return with DTOs
• 10. Using AutoMapper Part 1
• 11. Using AutoMapper Part 2
• 12. Summary


• 9. Building a great looking User Interface
• 1. Introduction
• 2. Introduction to Interfaces in Typescript
• 3. Adding Interfaces to our Typescript code
• 4. Creating another Angular service
• 5. Retrieving the Members into the Member List Component
• 6. Creating Member Cards to display on our Member list page
• 7. Giving our Members some style with CSS
• 8. Adding animated buttons to the member cards
• 9. Using Auth0 JwtModule to send up jwt tokens automatically
• 10. Creating the Member Detailed View component class
• 11. Designing the Member detailed view template - left hand side
• 12. Adding a tabbed panel for the right hand side of the Member detailed page
• 13. Using Route Resolvers to retrieve data
• 14. Adding a photo gallery to our application
• 15. Summary


• 10. Updating Resources
• 1. Introduction
• 2. Creating a Member Edit Component
• 3. Designing the template for the member profile edit page - part 1
• 4. Creating the Member Edit Template part 2
• 5. Adding a CanDeactivate route guard
• 6. Persisting the Member updates
• 7. Finishing off the Member edit component
• 8. Summary


• 11. Adding Photo upload functionality to the application
• 1. Introduction
• 2. Where should we store the photos
• 3. Using Cloudinary as a photo storage solution
• 4. Creating the Photos controller Part 1
• 5. Creating the Photos Controller Part 2
• 6. Testing the Photo upload with Postman
• 7. Creating the Photo upload component in Angular
• 8. Adding a 3rd Party File Uploader
• 9. Configuring the 3rd Party file uploader
• 10. Adding the Set Main photo functionality to the API
• 11. Adding the Set Main Photo functionality to the SPA
• 12. Using the array filter method to provide instant feedback in the SPA
• 13. Output properties revisited.
• 14. Adding the main photo to the Nav bar
• 15. Any to Any component communication in Angular
• 16. Using BehaviorSubject to add any to any communication to our app.
• 17. Adding the Delete photo function to the API
• 18. Adding the Delete Photo functionality to the SPA
• 19. Summary


• 12. Reactive Forms in Angular
• 1. Introduction
• 2. Introduction to Reactive Forms in Angular
• 3. Validation in Reactive forms
• 4. Custom Validators in Reactive forms
• 5. Providing Validation feedback to the user
• 6. Using the Reactive Forms FormBuilder Service
• 7. Expanding the Registration form
• 8. Handling Dates in Forms
• 9. Updating the Register method in the API
• 10. Completing the Registration implementation
• 11. Fixing the Photos issue for newly registered users
• 12. Summary


• 13. Action Filters in ASP.NET Core
• 1. Introduction
• 2. Using a TimeAgo pipe for dates in Angular
• 3. Using Action Filters


• 14. Paging, Sorting and Filtering
• 1. Introduction
• 2. Paging in ASP.NET Core Web API
• 3. Adding a PagedList class
• 4. Setting up the paging helper classes
• 5. Implementing pagination in the API
• 6. Setting up pagination in the SPA
• 7. Using nix-bootstrap pagination module
• 8. Filtering in the API
• 9. Adding additional filtering parameters to the API
• 10. Adding filtering functionality to the SPA
• 11. Sorting results in the API
• 12. Adding the Sorting functionality to the SPA
• 13. Summary


• 15. Adding the 'Likes' functionality from start to finish
• 1. Introduction
• 2. Configuring the EF relationship so users can like each other
• 3. Creating the Like entity
• 4. Adding the Send Like functionality in the API
• 5. Retrieving the list of users liked and liked by user
• 6. Adding the Send like functionality to the SPA
• 7. Creating the Lists component
• 8. Summary of Section 15


• 16. Add a private messaging system to the application
• 1. Introduction
• 2. Creating the Message Entity and relationships
• 3. Adding the repository methods for the messages
• 4. Adding the Create Message method in the API
• 5. Adding the Repository methods for an Inbox, Outbox
• 6. Creating the Message Controller
• 7. Adding the Message thread methods to the API
• 8. Working with the message component in the SPA
• 9. Designing the Inbox and Outbox template
• 10. Getting the message thread in the component
• 11. Designing the message tab chat system
• 12. Adding Query params to an Angular route
• 13. Adding the send message functionality and a challenge
• 14. Challenge solution - resolving the issue with the photos
• 15. Adding the Delete message functionality to the API
• 16. Deleting messages in the SPA
• 17. Adding the Mark as Read functionality
• 18. Summary of Section 16


• 17. Publishing
• 1. Introduction
• 2. Using NG Build - Running our Angular app from the Kestrel server
• 3. Angular Production build with the Angular CLI
• 4. Using the Angular CLI for Ahead of Time Compilation
• 5. Installing MySQL on Mac OSX
• 6. Installing MySQL on Windows
• 7. Entity Framework Database Providers - updating the SDK to match the provider
• 8. Swapping the Database backend to MySQL
• 9. Fixing the Ignored include warnings in the API
• 10. Publishing our app to an IIS Server
• 11. Preparing a Linux server for publishing our application
• 12. Publishing the app to the Linux server
• 13. Course Wrap Up


• 18. Course Updates - 22 Jul 2018
• 1. Introduction
• 2. Update the .Net Core project to .Net Core 2.1
• 3. Update the Angular application to use Angular v6
• 4. A brief overview of the updated code
• 5. Updating GIT to use a single repo for the projects


• 19. Bonus - Publishing the application to Azure
• 1. Setting up the Azure Resource group, App Service and Database
• 2. Publishing the app to Azure


• 20. Bonus - Identity and Role Management

2. Building a Walking Skeleton

• 1. Introduction
• 2. Creating the DotNet Core WebAPI using the DotNetCLI
• 3. Reviewing the Project files in the DotNet Web API
• 4. Running the DotNet Core application
• 5. Environment settings and using dotnet watch
• 6. Creating the first Model and DataContext
• 7. Creating the Database using Entity Framework migrations
• 8. Retrieving data from the Database
• 9. Making our code asynchronous
• 10. Creating the Angular application using AngularCLI
• 11. The Angular bootstrapping and running the Angular app
• 12. Adding VS Code extensions used in this course
• 13. Making HTTP requests in Angular
• 14. Adding CORS support to the API
• 15. Displaying data from the API on the HTML page
• 16. Adding Bootstrap and Font-Awesome to our Angular app
• 17. Adding GIT for source control
• 18. Summary of Section 2

3. Security

• 1. Introduction
• 2. Storing passwords in the Database
• 3. Creating the User model
• 4. The Repository pattern
• 5. Creating an Interface for the Repository
• 6. Creating the concrete Auth Repository and Register Method
• 7. Creating the Login repository method
• 8. Registering services in the Startup class
• 9. Creating the Register method in our Auth Controller
• 10. Using DTOs (Data Transfer Objects)
• 11. Validation in the API
• 12. Token Authentication
• 13. Creating the Login method in the API
• 14. Using the Authentication middleware
• 15. Summary of Section 3

3. Security

• 1. Intoduction
• 2. Storing passwords in the Database
• 3. Creating the User model
• 4. The Repository pattern
• 5. Creating an Interface for the Repository
• 6. Creating the concrete Auth Repository and Register Method
• 7. Creating the Login repository method
• 8. Registering services in the Startup class
• 9. Creating the Register method in our Auth Controller
• 10. Using DTOs (Data Transfer Objects)
• 11. Validation in the API
• 12. Token Authentication
• 13. Creating the Login method in the API
• 14. Using the Authentication middleware
• 15. Summary of Section 3

17. Publishing

• 1. Introduction
• 2. Using NG Build - Running our Angular app from the Kestrel server
• 3. Angular Production build with the Angular CLI
• 4. Using the Angular CLI for Ahead of Time Compilation
• 5. Installing MySQL on Mac OSX
• 6. Installing MySQL on Windows
• 7. Entity Framework Database Providers - updating the SDK to match the provider
• 8. Swapping the Database backend to MySQL
• 9. Fixing the Ignored include warnings in the API
• 10. Publishing our app to an IIS Server
• 11. Preparing a Linux server for publishing our application
• 12. Publishing the app to the Linux server
• 13. Course Wrap Up

18. Course Updates - 22 Jul 2018

• 1. Introduction
• 2. Update the .Net Core project to .Net Core 2.1
• 3. Update the Angular application to use Angular v6
• 4. A brief overview of the updated code
• 5. Updating GIT to use a single repo for the projects

18. Course Updates - 22 Jul 2018

• 1. Introduction
• 2. Update the .Net Core project to .Net Core 2.1
• 3. Update the Angular application to use Angular v6
• 4. A brief overview of the updated code
• 5. Updating GIT to use a single repo for the projects

19. Bonus - Publishing the application to Azure

• 1. Setting up the Azure Resource group, App Service and Database
• 2. Publishing the app to Azure

<SITEMAP>  <MVC>  <ASP>  <NET>  <DATA>  <KIOSK>  <FLEX>  <SQL>  <NOTES>  <LINUX>  <MONO>  <FREEWARE>  <DOCS>  <ENG>  <CHAT ME>  <ABOUT ME>  < THANKS ME>