100 Angular Challenge
12h 23m 17s
English
Free
Course description
Build 100 Components, Services, Directives, Pipes in Angular and Much More! We will master all Angular has to offer by building 100 re-usable and practical Components, Directives, Services, Pipes and much more to be used in your personal or professional projects.
Read more about the course
Not only will we build 100 items, but we will also go over Jasmine and Unit Testing so we can write the most solid code possible and certify it does what it is supposed to.
As we dive deeper into our Angular application we will hit on its various other technologies in detail including:
TypeScript
JavaScript
HTML / CSS
Jasmine and Unit Testing
SASS
and more
By the end of this course you my goal for you is to 'Get Good. Get Great. Then Get Better' with Angular. Lets go!
Watch Online
0:00 0:00
| # | Lesson Title | Duration |
|---|---|---|
| 1 | Introduction: What are we building and who is this dude? | 06:49 |
| 2 | Tools We Use | 00:33 |
| 3 | Github Repo / Source Code | 00:33 |
| 4 | Updating Introduction | 00:53 |
| 5 | Creating a New Project with Angular CLI | 02:10 |
| 6 | Updating Versions | 03:26 |
| 7 | Understanding Our Configuration | 04:20 |
| 8 | Understanding our src setup | 04:59 |
| 9 | Generating Components with CLI | 02:04 |
| 10 | Configuring ng generate component to use scss | 02:38 |
| 11 | Converting Application to SCSS | 01:03 |
| 12 | How to Succeed with this Course | 01:25 |
| 13 | 1. Basic Toolbar | 10:18 |
| 14 | 2. Card | 10:22 |
| 15 | 3. Accordion | 11:41 |
| 16 | 4. Progress Bar | 08:27 |
| 17 | 5. Star Ratings | 10:04 |
| 18 | 6. Top of Page | 09:54 |
| 19 | 7A. Basic Routing Setup | 06:26 |
| 20 | 7B. Basic Routing Setup | 04:06 |
| 21 | 8. Lazy Loading Routes | 06:50 |
| 22 | 9. Truncate Pipe | 03:11 |
| 23 | 12. Loader Circular Component | 08:46 |
| 24 | 10. Credit Card Formater Pipe | 09:48 |
| 25 | 11. Credit Card Input Component | 14:15 |
| 26 | 13. Loader Loading Component | 13:54 |
| 27 | 14. Twitter Post Component | 11:31 |
| 28 | 15. LinkedIn Post Component | 05:02 |
| 29 | 16. Flatten Pipe | 05:52 |
| 30 | 17. Modal Component | 10:50 |
| 31 | 18. Debounce Click Directive | 07:57 |
| 32 | 19. Quote Component | 07:35 |
| 33 | 20. Toggle Component | 06:48 |
| 34 | 21. Filter Term Pipe | 03:32 |
| 35 | 22. Rich Text Viewer Component | 06:37 |
| 36 | 23. Debounce Search Component | 09:34 |
| 37 | 24. Search List Component | 12:33 |
| 38 | 25. Counter Component | 12:14 |
| 39 | 26. Simple Table | 09:57 |
| 40 | 27. Paging Component | 20:27 |
| 41 | 28. Tabs Component | 11:21 |
| 42 | 30. Ripple Directive | 10:04 |
| 43 | 31. Fade In Out Animation | 08:20 |
| 44 | 33. Sort Table Component | 21:34 |
| 45 | 34. Reactive Forms Email Component | 27:57 |
| 46 | 35. Form Dirty Guard | 08:07 |
| 47 | 36. User Service | 12:15 |
| 48 | 39. Ribbon Component | 12:48 |
| 49 | 40. Button Toggle Component | 12:49 |
| 50 | 41. Banner Cut Out Component | 08:53 |
| 51 | 42. Scale Directive | 03:51 |
| 52 | 43. Snackbar Component | 14:46 |
| 53 | 44. Simple Popup Component | 10:17 |
| 54 | 45. Countdown Timer Component | 19:02 |
| 55 | 46. Snackbar Service | 07:42 |
| 56 | 47. Copy Directive | 07:45 |
| 57 | 48. Lazy Load Image Directive | 15:48 |
| 58 | 50. Footer Component | 12:31 |
| 59 | 51. Slide Right Animation | 03:33 |
| 60 | 52. Skeleton Loader Component | 09:04 |
| 61 | 53. Social Media Bar Component | 14:19 |
| 62 | 54. Bottom Sheet Component | 08:42 |
| 63 | 55. Fieldset Toggle Component | 05:21 |
| 64 | 56. Pill Component | 08:01 |
| 65 | 57. Pill Filter List Component | 15:17 |
| 66 | 58. Not Found Component | 10:33 |
| 67 | 59. Password Component | 17:33 |
| 68 | 63. Title Service | 12:09 |
| 69 | 70. Rich Text Pipe | 04:43 |
| 70 | 72. Sort By Pipe | 05:50 |
| 71 | 73. Sort By Key Pipe | 05:29 |
| 72 | 75. Overlay Component | 03:51 |
| 73 | 76. Local Storage Service | 10:41 |
| 74 | 77. Route Params | 07:32 |
| 75 | 78. Common Scripts | 07:29 |
| 76 | 79. Active Route UI | 04:27 |
| 77 | 80. Auto Focus Input Directive | 03:47 |
| 78 | Testing Introduction | 01:19 |
| 79 | 92. Component Testing | 10:33 |
| 80 | 93. Guard Testing | 09:01 |
| 81 | 94. Pipe Testing | 04:55 |
| 82 | 95. Directive Testing | 13:09 |
| 83 | 96. Mock 3rd Party (Http) | 04:47 |
| 84 | 97. Service Testing | 10:38 |
| 85 | 98. Mock First Party Services | 05:05 |
| 86 | 99. Abstracting Services for Testing | 05:06 |
| 87 | 100. Testing Practice x 75 | 01:28 |
| 88 | Good job! | 02:32 |
| 89 | Bonus Lecture | 01:09 |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Angular Pro
Sources: ultimatecourses.com
Unlock Angular’s potential. All the advanced features, RxJS, Reactive Forms, Modular Architecture, TypeScript concepts, State Management, Unit Testing and a final project to cem...
16 hours 41 minutes 46 seconds
Conscious Angular Testing
Sources: Dmytro Mezhenskyi (decodedfrontend.io)
Write Tests Consciously. At the end of the course, you will be able to write and debug tests with a full and in-depth understanding of what you are doing and how things are work...
10 hours 37 minutes 7 seconds
Angular 9 Firebase Project Course
Sources: fireship.io
The Angular Firebase PWA Course will teach you how to build a complex progressive web app with Angular 9 (ivy), Material Design, and Firebase. It starts from absolute basics and...
2 hours 46 minutes 56 seconds
PROFESSIONAL Full Stack Developer
Sources: Amigoscode (Nelson Djalo)
Are you ready to level up your coding skills and become a full stack professional? Our new 50+ hours course is designed to equip you with the latest tools and techniques to buil...
54 hours 23 minutes 35 seconds
Accelerating Through Angular 2
Sources: codeschool
Learn how to use Angular with TypeScript to create dynamic web applications.
1 hour 4 minutes 35 seconds