=Q udemy courses) ween Angular 4 (formerly Angular 2) - The Complete Guide Continue to Lecture + 10f 337 tems complete Reset progress 2 CcurencSection AllSeetions A Resources Seton: 1 ont Getting Started > 1, Course Introduction > 2, Whatis Angular? > 3, Angular vs Angular 2vs Angular & © 4, cUDeep Dive & Troubleshooting > 5, Project Setup and First App > 5, Editing the Fist App » 7, The Course structure > 8, Howto get the Most out of the Course > 9, Whatis TypeSerip? > 10. ABasic Project Setup using Bootstrap fr Styling Aprojectemplatezp © 17, where to find the Course Source Code A festapp.zp Eprojecttemplatezip secon: 2 1730 ‘The Basics > 12. Module Introduction > 13. Howan Angular App gets Loaded and started > 14. Components are important > 15. Creating a New Component16. Understanding the Role of AppModule and Component Declaration 17, Using Custom Components 18, Creating Components withthe CL & Nesting Components, 19, Working with Component Templates 20, Working with Component Styles 21. Fly Understanding the Component Selector sb basics-components.ip Assignment 1: Practicing Components 22 Whats Databinding? 23, String interpolation 24, Propery Binding 25, Property Binding vs ting Interpolation 26, Event Binding 27. Bindable Properties and Events 28, Passing and Using Data with Event Binding 29, TwoWay-Databinding 30. Important FormsModule is Required for Two-Way-Binding! 31. Combining al Forms of Databinding Rbasics-databindingzio Assignment: Practicing Databinding 32. Understanding Directives 33, Using ng to Output Data Concitlonaly 234. Enhancing nlf with an Else Condition 35, Styling Elements Dynamicaly with ngStyle 36, Apphing C55 Classes Dynamically with ngClass 37, Outputting Lists with ngFor Assignment 3: Practicing Directives 238, Getting the Index when using ngFor basicsdirectves.ip ‘Ebasice-databinding zip ‘basicsfnalip| show more(2)secton:3 ore Course Project - The Basics > 39, Project Introduction > 40, Planning the App: > 41, Setting up the Application Lpnistarcip > 42, Creating the Components > 43, Using the Components > 44, Adding 2 Navigation Bar ‘© 45, Ahernatve Non-Collapsable Navigation Bar > 46, creating a "Recipe" Model > 47. Adding Content tothe Recipes Components > 48. Outpurtinga List of Recipes with For > 49, Displaying Recipe Details 50, Working onthe Shoppinglistcomponent > 51. Creating an “ingredient” Model > 52. Creating and Outputtng the Shopping List > 53. Adding a Shopping List Edt Section > 54, Wrap Up & Next steps AL pribasiesfinalzip secon:4 a3 Debugging > 55. Understanding Angular Eror Messages A debuseing.zio > 56. Debugging Code in the rowser Using Sourcemaps > 57. Using Augury to Dive into Angular Apps AL vebuggingzio Sections ons Components & Databinding Deep Dive > 58. Module IntroductionLemp-databindingstartzip » 59. Spliving Apps into Components Lemp-databindingstartaip » 50. Property & Event Binding Overview » 51, Binding to Custom Properties > 62. Assigning an Alas to Custom Properties > 63. Binding to Cus 5m Eve > 54, Assigning an Alas to Custom Events > 68, Custom Property and Event Binding Summary > 66. Understanding View Encapsulation > 67. More on View Encapsulation > 88. Using Local References in Templates > 69, Getting Access tothe Template & DOM with @Viewchia > 70. Projecting Content inte Components with ng-content > 71. Understanding the Component Lifecycle > 72. Seeing Lifecycle Hooks in Action > 73, Lifecycle Hooks and Template Access > 74, Getting Access ro ngccontent with @ContentChild > 75. Wrapup Lemp-databinding.final2p 4+ Assignment 4 Practicing Property & Event Binding ané View Encapsulation Course Project - Components & Databinding > 76. Introduction &pribasiesfinalzip > 77. Adding Navigation with Event Binding and ng > 78. Passing Recipe Dat with Property Binding > 79, Passing Data with Event and Property Binding (Combined) > 80, Allowing the User to Ade ingredients tothe Shopping List 2 pr-cmp-databinding-inalzipDirectives Deep Dive > 81. Module mtroduction A directvesstartzip > 82. ngFor and nglfRecap A directvesstartip > 83. ngClassand neste Recap > 84 Creating a Basle Anribure Directive > 85. Using the Renderer to build a Better Atribute Directive {© 6. More about the Rende > 87. Using Hostistener to Listen te Host Events > 88, Using HostBinding to Bind to Host Properties > 89, Binding to Directive Properties > 90. What Happens behind the Scenes an Structural Directives > 91, Building 2 Structural Directive > 92. Understanding ngswiten A directvestinalzip Course Project - Directives > 93, Building and Using a Dropdown Directive £ pr-cmp-databinding-inal.zip ‘E prcirectives-inalzp Using Services & Dependency Injection > 94. Module Introduction SR servcesstrtzip > 95, Wry would you Need Services? Sk servcesstartzip > 96, creat inga Logging Service > 97. Injecting the Logging Service into Components > 98, creating a Data Service one on orto> 99. Understanding the Hierarchical Injector > 100, How many Instances of Service Should Ite? > 101, injecong Services into Services > 102, Using Service for Cross-Component Communication servcesstinalzip + Assignment 5: Practicing Services Course Project - Services & Dependency Injection > 103, introduction L prcirectives-inalzip > 104, Setting up the Services > 105. Managing Recipes ina Recipe Service > 106, Using a Service for Cross-Component Communication > 107, Adding the Shopping List Service > 108, Using Serices for "Push Notifications > 108, Adding ingredients to Recipes > 170, Passing Ingredients from Recines tothe Shopping Lis (via a Service) pr services-inalzip Changing Pages with Routing > 111, Module introduction routing startzip > 112, Why dowe need a Router? routing startzip © 113, Understanding che Example Project, > 114, Setting up and Loading Routes > 175, Navigating with Router Links » 118, Understanding Navigation Paths > 117, Sylng Active Router Links > 118, Navigating Programmatically ovat> 179, Using Relative Paths in Programmatic Navigation > 120, Passing Parameters to Routes > 121, Fetching Route Parameters > 122, Fetching Route Parameters Reactvely > 123, > 124, Passing Query Parameters and Fragments > 125, Retrieving Query Parameters and Fragments > 126, Practicing and some Common Gotchas > 127, Setting up Chil (Nestea) Routes > 128, Using Query Parameters. Practice > 128, Coniiguring the Hanling of Query Parameters > 130, Redirecting and Wildcard Routes © 131, Important: Redirection Path Matching > 132, Outsourcing the Route Configuration 133, An Introduction to Guards > 134, Protecting Routes with canctivate > 135, Protecting Child (Nested) Routes with canActivateChil > 136, Using a Fake Auth Service > 137. Controlling Navigation with canDeactivate > 138, Passing Static Data toa Route > 139, Resolving Oynamic Data withthe resolve Guard > 140, Understanding Location Strategies > 141, Wrap Up routing nalzip section: 12 os Course Project - Routing > 142, Planning the General structure £ priservcesinalzip > 143, Setting Up Routes > 144, Adding Navigation to the App> 145, Marking Active Routes > 146, Fixing Page Reload Issues > 147, child Routes: Challenge > 148, Adding Child Routing Together > 149, Conviguring Route Parameters > 150, Passing Dynamic Parameters to Links > 151, Syling Active Recipe tems > 152, Adding Editing Routes > 153, Retrieving Route Parameters > 154, Programmatic Navigation to the Eat Page > 155, One Nate about Route Observables © 156, Project cleanup £prirouting.finalzip Understanding Observables > 157, Module introduction A observables-startzip > 188, Analyzing a Bullen Angular Observable > 159, Bulling & Using a Fist Simple Observable > 160, Building & Using a Custom Observable from Seratch > 161, Unsubscribe! > 162, Where to learn more > 163, Using Subjects to Pass AND Listen to Data > 164, Understanding Observable Operators > 165, wrapup observables-inalaip Course Project - Observables > 166, Improving the Reactive Service ith Observables (Subjects) & prroutingfinalzip ‘E pr-observablesfinalzip oyHandling Forms in Angular Apps > 167, Module Introduction > 168, Why do we Need Angular’ Help? > 169, Templae-Orven (1) vs Reactive Approach » 170, An Example Form Eformscdstartzp > 171, TD: Creating the Form and Reg!stering the Controls > 172, TD: Submitting and Using the Form > 173, TD: Understanding Form State > 174, TD: Accessing the Form with @viewChild > 175, TD: Adding Validation to check User Input 8176, Buin Validators & Using HTMLS Validation > 177, TD:Using tne Form state > 178, TD: outputting Validation Frror Messages > 175, TD: Set Default Values with ngModel Property Binding > 180, TD: Using ngMedel with Two'Way-Bincing > 181, TB: Grouping Form Controls > 182, TD: Handling Radio Buttons > 183, TD: Setting and Patching Form Values > 184, TD: Using Form Data > 185, TO: Resetong Forms A forms-e-finalzip 4 Assignment 6 Practicing Template-Oriven Forms > 186, introduction to the Reactive Approach > 187, Reactive: Setup A forms-resctvestartzip > 188, Reactive: Creating a Form in Code > 189, Reactive: Syncing HTML and > 190, Reactive: Submitting the Form 0135» 191, Reactive: Adding Valldation > 192, Reactive: Gtting Access to Controls > 193, Reactive: Grouping Controls > 194, Reaccve: Arrays of Form Controls Forrarray) > 195, Reactive: Creating Custom Valldators > 196, Reactive: Using Eror Codes > 197, Reactive: Creating a Custom Asyne Validator > 198, Reaccve: Reacting to Status or Value Changes > 199, Reactive: Setting and Patching Values forms-rescivefinalip + Assignment 7; Practicing Reactive Forms secon: 16 0/2 Course Project - Forms > 200, introduction 2 pr-cbservablesfnalzip > 201, TD: Adding the Shopping List Form > 202 Adding Validation ta the Form > 203, Allowing the Selection of tems inthe List, > 204, Loading tne Shopping List Items into the Form > 205, Updating existing tems > 206, Resetting the Form > 207. Allowing the the User to Clear (Cancel the Form, > 208, Allowing the Deletion of Shopping List ems > 208, creating the Template for the (Reactive) Recipe Edt Form > 210. Creating the Form For Eating Recipes > 211, Syncing HTML with the Form > 212. Adding Ingredient Controls toa Form Array > 213, Adding new ingredient Controls > 214, Validating User Input > 215, Submitting the Recipe EditForm> 716, Adding a Delete and Clear (Cancel) Functionality > 217, Redirecting the User fatter Deleting a Recipe) > 218, Adding an image Preview > 219, Proving the Recipe Service Correctly > 220, Deleting Ingredients and Some Finishing Touches 2 priormssinalzip kpr-tormsreactve.ip Eprtormstdzio Using Pipes to Transform Output » 221, Introduction & Why Pipes are Useful > 222, Using Pipes Epipesstartzip > 223, Parametrizing Pipes > 224, where to learn more about Pipes > 225, chaining Mutiple Pipes > 226, Creating a Custom Pipe > 227. Parametriing a Custom Pipe > 228, bxample: Creating a fier Pipe > 223, Pure and impure Pipes (or: How to "fhe the Fier Pipe) > 230, Understanding the “async Pipe pipes-fnalzp + Assignment & Practicing Pipes Making Http Requests > 231, Introduction & How Http Requests Work in SPAS > 232, Example App & Backend Setup Lieostartzio > 233, Sending Requests (Example: POST Request) > 234, Adjusting Request Headers > 235, Sending GET Requests > 236, Sending 2 PUT Request orto237, Transform Responses Easily with Observable Operators (map0) 238, Using the Returned Data 239, Catching Http Errors 240, Using the “async” Pipe with Hsp Requests Lbvtosinalzio Course Project - Http > 241, introduction EL pritormesinalzip > 242, Setting up Firebase as a Dummy Backend > 243, Sending PUT Requests to Save Data > 244, GeTtng Back the Recipes > 245, Transforming Response Data to Prevent Errors pane Authentication & Route Protection in Angular Apps 246, Module Introduction pr-hep-finalzip 247, How Authentication Works in Single-Page- Applications 248, More about WT 249, Creating a Signup Page and Route 250, Setting up the Frebase SDK 251. Signing Users Up 252, Signin Users In 253, Requiring a Token (on the Backend) 254, Sending the Token 255. Checking and Using Authentication Status 256, Adding a Logout Button 257, Route Protection and Redirection Example 258, Wrap Up ome{© 259, Possible Improvements authenticatonsinalaip Using Angular Modules & Optimizing Apps > 260, Module Introduction Baumnemtiationsnalaip > 261, The Idea behind Modiles > 252. Understanding the App Module > 263, Understanding Feature Modules » 264, Creating a Recipe Festure Module > 265, Registering Routes Ina Feature Module > 256, Understanding Shared Modules > 267. Creating a Snared Module > 268, Creating a Shopping List Feature Module > 269, Loading Components via Selectors vs Routing > 270, ACommon Gotcha » 271, Creating the Auth Feature Module & optimizations-eature-shared-modulezip > 272, Understanding Lazy Loading » 273, Adding Lary Loading to the Recipes Module EL optimizationslazytoadingzip © 274, Protecting Lazy Loaded Routes with cantoad > 275, How Modules and Services Work Together > 276, Understanding the Core Module > 277. Creating a Basic Core Module » 278, Restructuring Services to use the Child Injector optimizations-core-module.zip » 279, Using Ahead-ofTime Compilation » 280, How to use ACT Compilation withthe CL! Li-sotstlis pat 0/23> 281, Preloading Lary Loaded Ro > 282, wrap up Loptimizationsinalzip Veationsinalaot-txed.2ip Secon: 22 Deploying an Angular App > 283, Module Intraduction » 284, Deployment Preparations and important Steps > 285, Example: Deploying to AWS S3 Angular Animations {© 286, Making Animations Work with Angular & > 287, Introduction > 288, Seting up the Starting Project, A ngt-animations-startzip > 289, Animations Triggers and State > 290, Switching between States > 291, Transitions > 292, Advance Transitions > 293, Transition Phases > 294, The Wold state > 285, Using Keyframes for Animations > 296, Grouping Transitions > 297, Animations - Finshedzip ‘E cLisbeta30-Animations Finshed.ip Engeanimationsfnished.zp ‘A Basic Introduction to Unit Testing in Angular Apps © 288, About this Section > 299, Introduction > 300, Why Unie Tess? one> 301. Analyzing the Testing Setup (as created by the CLD > 302, Running Tests (withthe CLD > 303, Adding a Component and some fitting Tests 304, Testing Dependencies: Components and Services > 305, simulating Asyne Tasks ick > 306, Using Yakeasyne’ ane > 307, Isolated vs Nondsolsted Tests A resuingzio ‘Engetesting-inalzip © 308, Further Resources & Where to Go Next A Testingzip section: 25 Course Roundup > 309, Course Roundun section: 26 About the Course Update & Angular 4 > 310, What changed with Angular 4? Angular 4 - What's New pat Custom Project & Workflow Setup > 311, Introduction > 312, Initatizing the Project > 313, Setting up the Basie Project Files > 314 Installing the Core Dependencies > 315, Filing che Project Files with Some Life > 316, indexhernt & Polyfils > 317, instaling Development Dependencies > 318, Setting up a Development Workfiow > 319, Finishing & Using the Development Workflow > 320, Setting up a Production Worktiow on on one> 321, Adding Types & Fixing Bugs > 322, Finishing Touches custom-projectap section: 28 on Bonus: TypeScript Introduction (for Angular 2 Usage) > 323, Introduction rypeserptain ‘2 ow te learn Typeseriotpat > 324, Using Types > 525, Classes > 326, interfaces > 327, Generics > 328, Wrap up & Modules © 229, Deep dive into Typescript nue Ue psboutudenyesn User Bees Op est udey comes P-ALETERST-rete) Bena an eer peed cee tr ise aise bestgssoweacemycomopreat Tone apks) MabletpsUmeoteSappet upp) Cares hobo nusenconrees) snr mpage came) (9 Eogih = Copi© 2017 Usry. ne. Tee esr Fly and Coke oy artpingalal oper emo