OReilly Manning – Building a Real Site with Angular

Video Introducing this tutorial

00001 Introducing the case study
00002 Using Bootstrap in our project
00003 Installing Bootstrap using NPM
00004 Exercise 1 - Referencing CSS and JavaScript files
00005 Preparing the application
00006 Setting up basic routing
00007 Creating a 404 page
00008 Making links work with routing
00009 Using a separate routing file
00010 The concepts of Data Models and Views
00011 Creating a model
00012 Creating the data service
00013 Binding data to a view and looping with ngFor
00014 Creating a sub-component view
00015 Using routing for sub-components
00016 Exercise 2 - Creating models data and views
00017 Exercise 2 - solution walkthrough
00018 Why we should use observables with data
00019 How template driven forms work
00020 Setting up navigation to show a form
00021 Creating a form
00022 Binding a form
00023 Saving the form data
00024 Finishing the form
00025 Dynamic classes applied to form elements
00026 Validation messages and controlling the submit button
00027 Custom validation rules
00028 Exercise 3 - Implementing custom validation
00029 Exercise 3 - Solution walkthrough
00030 Setting up navigation to show a form
00031 Creating a reactive form
00032 Setting and reading form control values
00033 Programatically adding controls
00034 Using the FormBuilder
00035 Implementing validators
00036 Validation messages and controlling the submit button
00037 Fixing a lifecycle bug
00038 Implementing the delete functions
00039 Displaying data with pipes
00040 Exercise 4 - Displaying the calendar component
00041 Exercise 4 - Solution walkthrough
00042 Exercise 5 - Create the add edit and delete functionality
00043 Exercise 5 - Solution walktrough part 1
00044 Exercise 5 - Solution walktrough part 2
00045 Responding to the calendar click event

©2021 | All rights reserved.