Angular Tutorial For Beginners
4.1 (134 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6,065 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Angular Tutorial For Beginners to your Wishlist.

Add to Wishlist

Angular Tutorial For Beginners

Updated to Angular 4 (formerly Angular 2) - Learn the Angular Framework Step By Step
4.1 (134 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6,065 students enrolled
Last updated 4/2017
English
English
Price: Free
Includes:
  • 2.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Use the Angular framework core module, which includes - Components, Directives, Pipes, Services and Modules
View Curriculum
Requirements
  • Javascript
  • HTML
  • CSS
Description

This tutorial is an introduction to the Angular application development framework, and its meant for beginners. The goal of the course is to cover the fundamental aspects of Angular development: Components, Directives, Pipes, Services and Modules, and establish some solid ground for further courses. In a short time and with the help of the lessons code you should be up and running, and be able to know the essentials of Typescript and know how to build simple Angular components and applications.

Course Content

We will first learn about how Angular relates to the MVC paradigm by building our first component, and see the Angular change detection mechanism in action for the first time. This quick start will give you a feel of what the framework looks like, and before going any further we will present better the language that we will be using: Typescript.

We will then do a detailed step by step introduction to Angular Components and Directives. We will then cover how each of the Angular core directives work, their syntax and some typical use cases: NgFor, NgStyle, NgIf, and NgSwitch.

We will learn about how to use the standard pipes and on how to build our own pipe. We will then do an introduction on how to build Angular Services using the HTTP module.

We will cap off the course with an introduction on how to debug Angular applications using either Augury or simply just the console.

What you will Learn

With this course and the code contained in it, you should already be able to put together a large variety of Angular components, as well as feel comfortable setting up a development project and debugging it.

Who is the target audience?
  • Web Developers looking to learn the Angular framework
Students Who Viewed This Course Also Viewed
Curriculum For This Course
36 Lectures
02:15:54
+
Setting Up a Beginner-Friendly Angular Development Environment
4 Lectures 11:21
Introduction to the Angular For Beginners Course, Welcome !
01:55

Setting Up an Angular Development Environment
04:00

Running the the Lessons Code
01:57

Quick Note About Asking Questions In The Help Forums
03:29
+
Introduction To Components Step By Step
9 Lectures 36:47
Angular Tutorial For Beginners - Build Your First App - Hello World Step By Step
05:58

Building Your First Angular Component - Component Composition
03:01

Component @Input - How To Pass Input Data To an Angular Component
04:37

Angular Event Handling
04:08

Angular Component Templates - Inline Vs External
02:32

Styling Angular Components - Learn About Component Style Isolation
03:51

Angular Component Interaction - Extended Components Example
09:23

Angular Components Tutorial For Beginners - Components Exercise !
01:07

Angular Components Tutorial For Beginners - Components Exercise Solution Inside
02:10
+
Introduction To Directives - Step By Step
8 Lectures 31:31
Angular Directives Tutorial - Write Your First Custom Directive
04:31

Angular Directives - Inputs, Output Event Emitters, Template References
04:00

Angular Core Directives - ngFor
03:49

Angular Core Directives - ngClass and ngStyle
03:00

Angular Core Directives - ngIf
04:01

Directives vs Components - Learn Why Directives Might be a Better Choice
08:01

Exercise - Improve the Collapsible Directive
01:30

Introduction to Angular Directives - Exercise Solution
02:39
+
Introduction To Template Syntax - Step By Step
4 Lectures 16:49
Angular Template Syntax - Properties
03:53

Angular Template Syntax - Interpolation
02:39

Introduction To Zones - How does the Angular event handling mechanism work ?
05:13

Angular Pipes - Learn Why Standard Pipes Might Not Work, Create a Custom Pipe
05:04
+
Debugging Angular Applications
1 Lecture 03:03
How To Debug An Angular Application - Debugging via Augury or the Console
03:03
+
Introduction To Angular Services - Step By Step
10 Lectures 36:35
Angular Services Tutorial - Writing Your First Service - Learn @Injectable
03:58

Angular Services - Introduction to the HTTP Service - Do a GET HTTP Server Call
03:45

Angular Services - Using the HTTP service to do an HTTP POST
05:32

Angular Services - HTTP Error Handling
02:17

How to Setup a Development REST API HTTP Server with Express and ts-node
02:45

Angular Modularity - @NgModule and Feature Modules
04:47

Angular Services - Exercise - Do an HTTP DELETE
00:53

Angular Services - Exercise Solution - Do an HTTP DELETE
03:54

Introduction To The Angular CLI
07:22

Bonus Lecture: Learn More About The Angular University And My YouTube Channel
01:22
About the Instructor
Angular University
4.4 Average rating
1,643 Reviews
13,991 Students
7 Courses
Learn and Keep Up with The Angular Ecosystem

About the Angular University:

The Angular University aims to be the one place that you  go in order to learn and keep up with the Angular ecosystem. We provide premium quality video tutorials, screencast style.

About the course instructor:

Hello, my name is Vasco  and I'm a Software Developer with 17 years of experience, very seasoned building user interfaces with Angular. I've worked as a Frontend Developer/Architect in a large variety of enterprise projects throughout the years.   

I worked on a ton of projects, everything from single page applications to help build the European Criminal Record Information Exchange System, to brand new e-banking portals, to corporate banking portals, and more. I've been a key part of internal framework teams that built frameworks for in-house departments of tens of developers. And that's just a few of them, please check my Linkedin for extensive recommendations.

I also love to teach, write and talk about technology.  I am looking forward to be your Angular  instructor,

Kind Regards,

Vasco