Angular Basics Online Training

Focused View

Shaun Wassell

26:27:23

156 View

1. Introduction.mp4

00:59

2. Main Benefits of Angular.mp4

15:05

3. Create and Run an Angular App.mp4

06:26

4. Angular Project Structure.mp4

24:09

5. Introduction.mp4

00:56

6. Create and Display Angular Components.mp4

20:34

7. Insert Variables Into Component HTML.mp4

12:47

8. Introduction to Component Inputs.mp4

16:18

9. Introduction.mp4

01:05

10. Creating Custom Types.mp4

14:54

11. Adding Fake Data For Development.mp4

13:38

12. Adding Styles to Angular Components.mp4

23:16

13. Introduction.mp4

00:51

14. Displaying Components in Different Containers.mp4

09:35

15. Handling Click Events.mp4

10:01

16. How is Angulars Event-Handling Different.mp4

06:03

17. Adding Click-Handlers to Entire Components.mp4

24:51

18. Introduction.mp4

01:13

19. Creating a Welcome Message.mp4

11:22

20. Showing and Hiding Elements With The ngIf Directive.mp4

09:31

21. Other Methods for Hiding Elements.mp4

12:17

22. Using State to Keep Track of Favorites.mp4

11:12

23. Introduction.mp4

01:00

24. Where Should We Put Application State.mp4

21:02

25. Keeping Variables In Sync with Setters.mp4

09:56

26. Displaying Lists with the ngFor Directive.mp4

05:12

27. Introduction.mp4

01:01

28. Creating a Reusable Component.mp4

11:34

29. Displaying the Same Component with Different Data.mp4

18:00

30. Keeping Variables in Sync with Getters.mp4

10:45

31. Passing Functions as Inputs.mp4

13:00

32. Introduction.mp4

00:54

33. Adding Routing to an Application.mp4

14:32

34. Creating Page Components.mp4

08:17

35. URL Parameters.mp4

14:09

36. Linking Between Pages.mp4

11:20

37. Introduction.mp4

01:17

38. Navigating Programmatically.mp4

17:07

39. Passing Multiple Functions as Inputs.mp4

15:23

40. Creating a 404 Page.mp4

10:19

41. Displaying 404 Pages Intentionally.mp4

05:52

42. Introduction.mp4

00:50

43. Additional Routing Techniques.mp4

09:35

44. Persisting Data in LocalStorage.mp4

25:23

45. Automatically Persisting Member Variables.mp4

11:04

46. Introduction.mp4

01:00

47. Persisting Data in SessionStorage.mp4

05:20

48. Persisting Data in Cookies.mp4

17:48

49. Sharing Data Between Pages.mp4

15:22

50. Adding Main Application Data to LocalStorage.mp4

12:31

51. Introduction.mp4

00:56

52. How Forms Used to Work.mp4

12:34

53. Creating A New List Item.mp4

02:54

54. Creating Two-Way Form Bindings.mp4

12:24

55. Adding Fields to Forms.mp4

17:22

56. Introduction.mp4

00:49

57. Two-Way Bindings with ngModel.mp4

09:07

58. Creating a Reusable Form Component.mp4

10:17

59. Pre-Populating Form Values.mp4

26:00

60. Introduction.mp4

00:47

61. What Are Angular Services.mp4

08:06

62. Creating and Injecting Services.mp4

13:08

63. Loading Data from a Service.mp4

11:28

64. Storing Complex Logic in Services.mp4

15:04

65. Introduction.mp4

01:03

66. Basic CRUD Operations in Services.mp4

10:42

67. Loading Resources by ID in Services.mp4

07:20

68. Updating Resources in Services.mp4

06:17

69. Creating Resources in Services.mp4

06:06

70. Deleting Resources in Services.mp4

05:18

71. Creating Another Service.mp4

16:40

72. Introduction.mp4

01:05

73. Basic Redux Concepts.mp4

12:11

74. Basic Application Setup.mp4

10:01

75. Creating Actions and Reducers.mp4

19:18

76. Reading Redux Values and Dispatching Actions.mp4

12:49

77. Introduction.mp4

00:52

78. Adding Types to a Redux App.mp4

09:49

79. Accessing Multiple Values in Redux.mp4

15:52

80. Creating Redux Selectors.mp4

22:13

81. Introduction.mp4

01:08

82. Using MaterialUI Sliders with Redux.mp4

18:12

83. Converting Buttons to Sliders.mp4

12:52

84. Creating a Reusable Color Slider.mp4

18:23

85. Introduction.mp4

01:15

86. Adding a New Color Input.mp4

11:09

87. Deleting Colors.mp4

08:15

88. Combining Hex Colors Using Selectors.mp4

21:27

89. Redux DevTools.mp4

08:00

90. Introduction.mp4

00:54

91. Why is Implementing a Calendar So Difficult.mp4

06:18

92. Basic Calendar Implementation Strategy.mp4

09:29

93. Introduction to the Moment Library.mp4

19:30

94. Basic Calendar Implementation.mp4

21:25

95. Introduction.mp4

01:09

96. Basic Calendar Controls.mp4

09:52

97. Controlled vs Uncontrolled Components.mp4

15:07

98. Library-Agnostic Components.mp4

13:36

99. Calendars with URL Parameters.mp4

13:04

100. Introduction.mp4

01:05

101. Event-Tracker Implementation Strategy.mp4

05:55

102. Create a Vanilla Angular Modal.mp4

10:52

103. Build a New Event Form.mp4

14:07

104. Show and Hide Modals.mp4

14:43

105. Introduction.mp4

01:15

106. Basic Calendar Styling.mp4

15:05

107. New Event Form Styling.mp4

05:57

108. Create New Events.mp4

14:30

109. Display Events in Calendar Cells.mp4

12:23

110. Introduction.mp4

01:18

111. Date-Picker Basics.mp4

20:31

112. Create a Dropdown Component.mp4

07:58

113. Display a Calendar Inside a Dropdown.mp4

09:00

114. Implement Date Selection.mp4

12:41

115. Introduction.mp4

01:08

116. Basic Date-Range Setup.mp4

20:23

117. Select Start and End Dates.mp4

09:56

118. Display Multiple Selected Dates.mp4

08:44

119. Select In-Between Dates.mp4

08:55

120. Introduction.mp4

01:00

121. Multi-Date Date-Picker TypeScript Logic.mp4

08:52

122. Multi-Date Date-Picker Basics.mp4

09:06

123. Toggle Selected Dates.mp4

10:39

124. Define Pill-Style Classes.mp4

13:38

125. Check If Previous and Next Dates Are Selected.mp4

12:00

126. Introduction.mp4

01:28

127. Basic Reusable Form Component Design.mp4

07:27

128. Implement an Initial Reusable Form.mp4

20:27

129. Form Field Configuration Options.mp4

16:03

130. Introduction.mp4

01:10

131. Display Different Input Types.mp4

13:51

132. Basic Form Validation.mp4

14:17

133. Display Form Validation Error Messages.mp4

07:09

134. Introduction.mp4

00:54

135. Handle Form Submission.mp4

09:04

136. Create Reusable Form Validators.mp4

18:06

137. Form Validation with Regular Expressions.mp4

06:52

138. Introduction.mp4

00:48

139. Validate Form Fields On Change.mp4

15:38

140. Validate On Field-Blur.mp4

06:50

141. Switch Between On Change and On Submit.mp4

12:31

142. Simplify Validation Logic.mp4

09:27

143. Introduction.mp4

00:55

144. Basic Strategy for Adding New Input Types.mp4

13:26

145. Create a Separate Text Input Component.mp4

23:10

146. Introduction.mp4

01:16

147. Multi-Field Form Validation.mp4

13:01

148. Create Reusable Multi.mp4

09:34

149. Global Form Validation.mp4

06:28

150. Display Errors on Specific Inputs.mp4

13:38

151. Introduction.mp4

00:47

152. Create a Reusable Radio Group Component.mp4

21:13

153. Create a Reusable Checkbox Group Component.mp4

13:24

154. Create a Reusable Dropdown Selector Component.mp4

10:35

Description

While this is foundational Angular training, you'll get the most out of this course if you have at least six months of experience with software development. This course prepares app developers to write and develop with the Angular platform so that you can quickly build scalable web applications.

Angular is a development platform that is increasingly popular because of how quickly a web application written in it can scale up from a one-person project to an enterprise-level tool. Angular relies on unique components and frameworks for building web applications that are easy to update, but also makes it challenging to code in without training.

More details

This Angular Basics training will introduce even brand new developers or non-technical professionals to what a coding framework is and how the Angular platform speeds development and scaling.

For anyone who leads an IT team, this JavaScript training can be used to onboard new app developers, curated into individual or team training plans, or as a JavaScript reference resource.

Angular Basics: What You Need to Know

This Angular Basics training has videos that cover JavaScript libraries topics including:

Building single-page client applications using HTML and TypeScript
Writing Angular components for easy templates and scalable development
Importing additional functionality to your applications with TypeScript Libraries
Using Angular modules to collect related code into functional sets for you

Who Should Take Angular Basics Training?

This Angular Basics training is considered foundational-level JavaScript training, which means it is valuable for new or aspiring IT professionals and non-technical professionals.

JavaScript basics. If Angular is your first language, thatâ€™s great. This Angular Basics course will define all the general terms associated with development while explaining what makes Angular unique.

New or aspiring IT professionals. If you hope to become an app developer, or you've recently started your first application development job, this Angular Basics training will show you whether or not the Angular development platform is right for you and your projects. In addition to making you a more effective developer, it'll also explain the basics of using components, frameworks and development platforms so you can make better development choices throughout your entire career.

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Angular

Shaun Wassell

Instructor's Courses

"I love seeing people go from earning peanuts to being able to comfortably take their families on multiple vacations — just because they were willing to learn something 'nerdy!'"

Shaun brings nearly 10 years of software development experience to his training. Prior to joining CBT Nuggets, he was a senior full-stack developer. His interest in technology started as a child because he wanted to create video games and his parents bought him GameMakerStudio. When Shaun isn’t creating training, he enjoys gardening, distance running, investing, and learning foreign languages.

Certifications: None

Areas of expertise: Web development, programming, data science

CBT Nuggets

View courses CBT Nuggets

CBT Nuggets is renowned for providing innovative training that's informative, meaningful, and engaging. We provide a variety of training, primarily in IT, project management, and office productivity topics. Our comprehensive library contains thousands of training videos ranging from Cisco networking to Microsoft Word. Whether you want to pass a certification exam, increase your skills, or simply learn new things, we've got you covered! All of our training is delivered through high-quality online streaming video. Subscribers can train 24 hours a day, seven days a week, from the convenience of a computer or mobile device. CBT Nuggets trainers are the rock stars of training, renowned for their expertise, industry-wide credibility, and engaging personalities. They enable CBT Nuggets to deliver accurate, up-to-date training, using a laid-back whiteboard presentation style. There are no scripts, EVER. Our trainers love to teach, and it shows! CEO and founder Dan Charbonneau was a Microsoft trainer when he began recording CBT Nuggets' very first training videos back in the 1990s. He wanted to help provide large organizations, small teams and individuals with comprehensive and budget-conscious training, and he realized it couldn't be done in a classroom. From the CBT Nuggets World Headquarters in Eugene, Oregon, Dan and his team promise each video will be informative, comprehensive, accurate, and fun to watch.