Angular Tutorial For Beginners
4.0 (150 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,475 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.0 (150 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,475 students enrolled
Last updated 4/2017
English [Auto-generated]
Price: Free
  • 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
  • Javascript
  • HTML
  • CSS

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
Setting Up a Beginner-Friendly Angular Development Environment
4 Lectures 11:21
Introduction to the Angular For Beginners Course, Welcome !

Setting Up an Angular Development Environment

Running the the Lessons Code

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

Building Your First Angular Component - Component Composition

Component @Input - How To Pass Input Data To an Angular Component

Angular Event Handling

Angular Component Templates - Inline Vs External

Styling Angular Components - Learn About Component Style Isolation

Angular Component Interaction - Extended Components Example

Angular Components Tutorial For Beginners - Components Exercise !

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

Angular Directives - Inputs, Output Event Emitters, Template References

Angular Core Directives - ngFor

Angular Core Directives - ngClass and ngStyle

Angular Core Directives - ngIf

Directives vs Components - Learn Why Directives Might be a Better Choice

Exercise - Improve the Collapsible Directive

Introduction to Angular Directives - Exercise Solution
Introduction To Template Syntax - Step By Step
4 Lectures 16:49
Angular Template Syntax - Properties

Angular Template Syntax - Interpolation

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

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

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

Angular Services - Using the HTTP service to do an HTTP POST

Angular Services - HTTP Error Handling

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

Angular Modularity - @NgModule and Feature Modules

Angular Services - Exercise - Do an HTTP DELETE

Angular Services - Exercise Solution - Do an HTTP DELETE

Introduction To The Angular CLI

Bonus Lecture: Learn More About The Angular University And My YouTube Channel
About the Instructor
Angular University
4.3 Average rating
1,463 Reviews
12,290 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,