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.
100 Angular Challenge
12h 23m 17s
English
Free
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!
About the Author: udemy
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.
Watch Online 89 lessons
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 |