Learn Angular A-Z: Complete Tutorial for Beginners
It’s not an exaggeration to say Angular changed the way we build web applications. Learn the A to Z of Angular in this comprehensive four-hour video course. ► Download unlimited photos, fonts, and templates with Envato Elements:
Angular is a larger framework than React or Vue, providing more features and built-in capabilities out of the box. But that makes it a bit more difficult to get started.
In this course, you’ll learn everything you need to get started writing applications with Angular. We’ll start at the very beginning: you’ll install the Angular command-line tools, and we’ll create a new project together.
You’ll learn how to display data with Angular’s directives and templating syntax, as well as binding data to properties, attributes, and handling events. We’ll then dive into components, and you’ll learn how to create components that accept input and provide output. You’ll also learn how to set up two-way binding and manipulate styles within your components.
Later, we’ll look at some of the services and concepts that Angular uses, such as dependency injection, modules, and observables. You’ll learn how to create and use modules to organize your application, handle and validate form input with reactive forms, and build single-page applications with Angular’s router. Here’s the course structure:
1. Introduction
00:00:00 1.1 Introduction
2. Getting Started
00:01:52 2.1 Installing and Using the Angular CLI
00:15:22 2.2 Creating a Data Model
00:22:46 2.3 Iterating Arrays
00:30:13 2.4 Making Decisions
00:41:46 2.5 Binding Data to Properties and Attributes
00:47:54 2.6 Binding Events
00:54:58 2.7 Using ngModel to Bind Values to Form Controls
01:05:02 2.8 Listening for Changes to ngModel Values
01:12:43 2.9 Using Getters to Filter and Provide Data
3. Creating Custom Components
01:18:14 3.1 Creating a Component With Input
01:27:24 3.2 Outputing Information From a Component
01:33:17 3.3 Initializing Component Functionality
01:41:02 3.4 Setting Up Two-Way Binding
01:48:33 3.5 Practicing Two-Way Binding
01:55:30 3.6 Styling Components
4. Using Angular’s Services
02:01:29 4.1 Using Observables to Create an Event Bus
02:15:30 4.2 Refactoring the WishListItem Component
02:19:24 4.3 Injecting Dependencies
02:26:17 4.4 Issuing HTTP Requests
02:36:05 4.5 Providing Options for HTTP Requests
02:43:30 4.6 Handling Errors for HTTP Requests
5. Using Modules
02:51:42 5.1 Creating Modules
03:01:19 5.2 Exporting Single Components
6. Working With Reactive Forms
03:06:02 6.1 Introducing Reactive Forms
03:14:39 6.2 Creating Control Groups
03:20:02 6.3 Validating Reactive Forms
03:33:05 6.4 Writing Custom Validators
7. Using Angular’s Router
03:42:31 7.1 Defining Routes
03:50:49 7.2 Handling “Not Found“ Pages
03:56:19 7.3 Navigating to Routes
04:03:28 7.4 Providing Data to Routes
04:10:17 7.5 Using Route Parameters
8. Conclusion
04:20:05 8.1 Conclusion
Useful Links:
• Course Source Files:
• Angular:
• :
• Visual Studio Code:
We have a lot to cover, so let’s get started!
Read free Angular tutorials on Envato Tuts :
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill:
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements:
► Subscribe to Envato Tuts on YouTube:
► Follow Envato Tuts on Twitter:
► Follow Envato on Facebook:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
1 view
392
80
1 month ago 04:04:23 1
Angular Crash Course 2024 (for Beginners)
1 month ago 01:33:52 1
Learn Web Development And ACTUALLY Get A Job | Ultimate Guide
2 months ago 00:32:49 1
Как это быть разработчиком: вызовы, ожидания, перестроение мозгов
2 months ago 00:08:17 1
Что такое Swift? Преимущества и недостатки языка программирования Swift
2 months ago 00:25:14 1
Roadmap для веб-разработчика | Что учить для Front end | Как стать Back end-разработчиком?
3 months ago 00:18:05 1
Обзор моего любимого JavaScript
3 months ago 05:39:32 1
Angular 18 Full Course - Complete Zero to Hero Angular 18 full Tutorial #octacademy #learnangular
3 months ago 00:14:05 1
Программирование было сложным, пока я не узнал это
3 months ago 00:00:57 1
ПРОБЛЕМЫ с ИКОНКАМИ ⛓️💥 логотипов? #javascript #css #html #coding #learning #course #programming
3 months ago 00:17:42 1
How To Make Water Ripples With Watercolors By Rashmi Soni #watercolor #painting #seascape#water
4 months ago 00:09:41 9
Slots Slots Slots Everybody | VueConf US 2024
4 months ago 00:04:35 2
ТОП БЕСПЛАТНЫХ Курсов по Frontend! Javascript, React, Vue, Angular... ВЫУЧИТЬСЯ С НУЛЯ!
5 months ago 10:11:35 19
Kubernetes Full Course In 10 Hours | Kubernetes Tutorial For Beginners | Learn Kubernetes | Edureka
5 months ago 01:17:45 1
Volkswagen VW T3 Bus 1/25 Scale Model Kit Build How To Assemble Paint Decal Glass Open Doors