Angular for beginners: Learn from scratch

Learn skills to be productive with angular 4

Created byBluelime Learning Solutions

Last updated 3/2026

English

What you'll learn

Setup development environment for Angular4
Use Angular CLI
Generate components
Nest components
Define external HTML templates
Define inline HTML templates
Use Interpolations
Use conditional statements with templates
Display data from arrays
Bind data
Display assets in view

Course content

4 sections • 45 lectures • 4h 1m total length

Introduction1:51
Installing Node.js4:24
Installing Angular CLI4:21
What is Git ?4:09
Basic Git Architecture illustration4:01
Git work flow3:09
Installing Git6:02
Git Configuration6:12
How to retrieve specific configuration settings2:32
Initialising git repository5:18
Adding files to staging index6:18
How to commit files to repository2:49
Using Git help4:06
Installing SublimeText Editor3:49

Create a new project4:08
Introduction to Angular 4 Components9:22
Angular 4 component -Continued5:22
Introduction to basic Templating in Angular44:28
Defining External HTML Templates2:15
Defining Inline HTML Templates6:36
Using Interpolation with Templates4:49
Using ngFor directives4:58
Using conditionals with Templates7:59
Property binding5:22
Event Binding10:41
Defining CSS in Angular46:53
Css Class Binding10:02
Css Style binding6:59
Setting up Syntax highlighting with Sublimetext3:01
Creating a service in angular45:53
Using a Service in angular 44:50
How to use services in Components8:57
Setting up angular4 animations3:38
Getting component ready for animation5:39
Animation states and styles8:15
Attaching animation to template11:29

Requirements

Basic working knowledge of HTML and CSS
Basic knowledge of JavaScript

Description

AngularJS is one of the most popular JavaScript framework available today for creating web applications. And now Angular 4 and TypeScript are bringing true object oriented web development to the mainstream, in a syntax that is strikingly close to Java 8. Angular 4 is the next version of Google’s massively popular MV* framework for building complex applications in the browser (and beyond).

This AngularJS 4 beginners course provides you the skills needed to create dynamic web applications. You will learn about some concepts of AngularJS.

Angular allows your application to have an expanded HTML library. Learn to add behaviour to your HTML and speed up your application’s responsiveness. Angular js is famous for creating single page application which is known as SPA. Angular developers are well in demand with recruiters.

Who is This Course for?
This course is aimed at absolute beginners who want learn about Angular Js.
Beginner developers
Beginner programmers

Prerequisites

Basic Knowledge of HTML
Basic Knowledge of CSS
Basic Knowledge of JavaScript

What You will learn:

How to setup a development environment
How to create a new project in angular 4
How to generate components
How to nest components
How to use basic templates
How to use interpolation with your templates
How to define external HTML templates
How to define inline HTML Templates
How to create arrays
How to use *ngFor directives to display objects of an array
How to use conditional statements with your templates
How to interact with components
How to data bind

Who this course is for:

Beginner developers
Beginner programmers
Beginner angular 4 developer

Angular for beginners: Learn from scratch

What you'll learn

Explore related topics

Course content

Getting the lab environment ready14 lectures • 59min

Angular 4 Basics22 lectures • 2hr 22min

Deploying Angular4 App8 lectures • 39min

Course Resources & Learning Tips1 lecture • 2min

Requirements

Description

Who this course is for: