Angular for Beginners Course [Full Front End Tutorial with TypeScript]

Angular for Beginners Course [Full Front End Tutorial with TypeScript]

freeCodeCamp.org via freeCodeCamp Direct link

) Introduction to Angular

1 of 68

1 of 68

) Introduction to Angular

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Angular for Beginners Course [Full Front End Tutorial with TypeScript]

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ) Introduction to Angular
  2. 2 ) Introduction to Typescript
  3. 3 ) SPA and Local Setup
  4. 4 ) Typescript Data Types and Functions
  5. 5 ) Classes and Interface
  6. 6 ) Typescript decorators and tsconfig file
  7. 7 ) Angular Installation and Binding Syntax
  8. 8 ) Built-in Directives
  9. 9 ) Built-in Pipes
  10. 10 ) Adding Bootstrap CSS to App
  11. 11 ) ngOnInt and Component Communication using Input and Output
  12. 12 ) Change Detection and ngOnChanges
  13. 13 ) ngDoCheck
  14. 14 ) ViewChild, ViewChildren and AfterViewInit
  15. 15 ) Content Projection, AfterContentInit and OnDestroy
  16. 16 ) Introduction
  17. 17 ) Resolution Modifiers
  18. 18 ) Value Providers
  19. 19 ) Setting Up HttpClientModule
  20. 20 ) HttpService , RxJs observables and http get
  21. 21 ) RxJs Observable and Observer
  22. 22 ) Http Put and Delete
  23. 23 ) Http Request
  24. 24 ) ShareReplay RxJs Operators
  25. 25 ) Async Pipe
  26. 26 ) catchError operator
  27. 27 ) map operator
  28. 28 ) Http Interceptor
  29. 29 ) APP_INITIALIZER
  30. 30 ) Angular Router and default Route
  31. 31 ) Adding Angular material and navigation
  32. 32 ) Wild card, dynamic route and ActivatedRoute service
  33. 33 ) ParamMap and Activate Route Service
  34. 34 ) Introduction
  35. 35 ) Validation
  36. 36 ) Pristine, Dirty State and Reset Form
  37. 37 ) Custom Directives and Custom Validation
  38. 38 ) Navigation using Router Service
  39. 39 ) Feature and Routing Module
  40. 40 ) Nested and Child Route
  41. 41 ) Lazy Loading
  42. 42 ) Configure Lazy Loading using CLI
  43. 43 ) Using ProvidedIn Any
  44. 44 ) Router Events
  45. 45 ) Listening to Router Events
  46. 46 ) CanActivate
  47. 47 ) CanActivateChild
  48. 48 ) CanLoad
  49. 49 ) Introduction
  50. 50 ) Using Material Controls
  51. 51 ) Nested Form Controls
  52. 52 ) Dynamic Forms
  53. 53 ) Built-in Validators
  54. 54 ) Reset Form
  55. 55 ) Control Level Validation
  56. 56 ) SetValue and PatchValue
  57. 57 ) ValueChanges and UpdateOn
  58. 58 ) map operator with Form
  59. 59 ) Custom Validator
  60. 60 ) CanDeactivate Guard and Form
  61. 61 ) Custom Pipe
  62. 62 ) Resolve Guard
  63. 63 ) Error Handling
  64. 64 ) Introduction
  65. 65 ) First test
  66. 66 ) Testing Component and Service
  67. 67 ) Using Netlify for Deployment
  68. 68 ) GitHub Actions to Automate Tasks

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.