Home Collections Top 20 AngularJs Free Online Courses

Top 20 AngularJs Free Online Courses


Angular is a front-end, client-side, framework that is absolutely a beast. Developed for years under Google’s leadership, this open-source technology will likely shape how you build apps for years to come.

Angular is fast, effecient, and a joy to build with. They call it “One framework. Mobile & desktop.” for good reason: it’s made to be used everywhere.

Basically there are two types of Free Online Courses for AngularJs Developers here:

  1. Free Angular Online Courses by top Universities
  2. Free Online Courses by Experts (Individuals & Companies)

1. Single Page Web Applications with AngularJS

Johns Hopkins University

Taught by:  Yaakov Chaikin, Adjunct Professor, Graduate Computer Science

Do you want to write powerful, maintainable, and testable front end applications faster and with less code? Then consider joining this course to gain skills in one of the most popular Single Page Application (SPA) frameworks today, AngularJS. Developed and backed by Google, AngularJS is a very marketable skill to acquire.

2. Front-End JavaScript Frameworks: Angular
The Hong Kong University of Science and Technology
Taught by:  Jogesh K. Muppala, Associate Professor

This course concentrates mainly on Javascript based front-end frameworks, and in particular the Angular framework (Currently Ver. 4.x). This course will use Typescript for developing Angular application. Typescript features will be introduced in the context of Angular as part of the exercises. You can also checkout more Udemy courses here.

At the end of this course you will:

  • Be familiar with client-side JavaScript frameworks and the Angular framework
  • Be able to implement single page applications in Angular
  • Be able to use various Angular features including directives, components and services
  • Be able to implement a functional front-end web application using Angular
  • Be able to use Angular Material and Angular Flex-Layout for designing responsive Angular applications
  • Be able to use Observables and RxJS in the context of Angular applications

3. Learn Angular 5 from Scratch
Created by:  Gary Simon

Angular 5 has just released and along with it, this brand new course that will provide you with all of the necessary fundamentals to help you get started developing Angular 5 apps.

This powerful frontend Javascript framework is actively developed by Google, and it’s quite possibly the most popular framework among developers.

It allows you to build beautiful and flexible user interfaces with the familiarity of Javascript.

This course is less than 60 minutes, which ensures that we’re only going to focus on the basics. Surprisingly, you’re going to find that these basics will take you quite far!

4. Create a CRUD Application with Ionic 3 and Firebase
Taught by:  Paul Halliday

In this course by Paul Halliday, author of Learn Ionic 3 From Scratch and Master Ionic Native; we create a Shopping List application with Ionic 3 and Firebase.

At the end of this course you will be able to:

  1. Create a high performance mobile application using web technologies (HTML5 and JavaScript).
  2. Understand the Create, Retrieve, Update, Delete pattern(s) with AngularFire2
  3. Use the Observable pattern and RxJS

We use Firebase for our real-time database and authentication, as well as the latest release candidate which includes the modularisation of AngularFire2 into different modules.

5. Capstone: Photo Tourist Web Application

Johns Hopkins University

Taught by:  Jim Stafford, Adjunct Professor, Graduate Computer Science

In this Capstone project for the Photo Tourist you will implement a Ruby on Rails web application that makes use of both a relational and NoSQL database for the backend and expose the data through services to the Internet using Web services and a responsive user interface operating in a browser from a desktop and mobile device. You will have a chance to revisit and apply what you have learned in our previous courses to build and deploy a fully functional web application to the cloud accessible to your co-workers, future employers, friends, and family. You might also be interested in to know Are Programming Certificates Worth the Money?

Using the application you develop, your users will be able to

  • Create an account
  • Upload and download photos to the site and make them accessible to others
  • Provide descriptions of trips and photos that others can read
  • Organize photos by location and trip,
  • Find photos based on location
  • Find photos based on text searches of descriptions
  • Locate the place where the photo was taken on a map

6. Quickstart AngularJS
Taught by:  Sandip Gautam

This course will not only teaches you how to make applications in AngularJS, but how to start, plan, design and develop an application. How to structure your application into three different components of MVC: Model, View and Controllers. How to code these components using AngularJS. The analysis used to make an application can be used for developing application in any other frameworks like Backbone and Ember.

While making the application called BooKart, you will learn:

  • How to design, plan and develop your application using MVC
  • Data Binding to update views automatically
  • Moving data to scope & business logic to controllers
  • Organizing your code using Modules
  • Create Single page application (SPA) using Routing
  • Dependency Injection to organize your code into small reusable objects
  • Directives to teach new syntax to HTML and filters for formatting data
  • Apply animations to different parts of the application

7. AngularJS For Beginners
Created by:  Stone River eLearning

This AngularJS crash course is aimed at those who already have a basic understanding of HTML, CSS and Javascript, but who may have limited experience of AngularJS projects. With 3 hours of content and over 50 lectures, it’s a fast and efficient way to get yourself up to speed with this framework and start using it in the real world.

This course will allow you to grasp the basic concepts of AngularJS and its main features. You’ll be provided with functional examples throughout to compound your learning, giving you the opportunity to put it to practical use.

After an overview of environment setup and MVC architecture, you’ll get to grips with the more complex attributes of AngularJS, including modules and dependency injection, controllers, expressions, directives, scopes, filter, routing, and two-way data binding.

From Section 4 onwards, you’ll build up a framework for your own dynamic app using bootstrap layouts, filters, list routing and setting parameters. You’ll learn how to add useful functions like adding, updating and deleting elements, form validation and more. You’ll even tackle debugging with Chrome console and add custom directives to make your HTML as readable as it can be.

By the end of the course, you will be confident enough to begin your own AngularJS projects, using the framework for creating web and hybrid applications of your own. You will have solidified your understanding of the AngularJS language and will be more than capable of putting to real world use with immediate effect.

8. Learn Angular 4 from Scratch
Taught by:  Gary Simon

In this 100% free Angular 4 course, I’m going to make the assumption that you have never touched Angular in your life. Experience with AngularJS (1.0) or Angular 2 is not mandatory. Learn the very basics such as how to install an Angular 4 app, all the way to creating your own services and integrating UI animations.

9. Getting Started with Angular 2+
Taught by:  Ryan Chenkie

In this course we’ll get down to basics with Angular 2. We’ll get a really good sense of how to use it by building out ng2-cribs, a real estate listing application that allows users to view listings, search and filter them, and add new ones in.

  • You will learn the basics of how to build a simple but real-world application with Angular.
  • You will learn how to use some of the most common features of Angular, including components, directives, forms, HTTP, and more!
  • You will learn about the structure of an Angular applications and how components fit together with one another.
  • You will learn how to use injectable services and how to make XHR requests from them using Angular’s Http module.

10. Try Angular v4 | An Incredible Front End Framework by Google
Taught by:   Justin Mitchel

In this course you will learn the fundamentals of Angular so you can get started right away. We’ll even show you how to build a live website using Heroku.

  • Create Angular Apps
  • Angular can be a web app, a mobile app, or even a native mobile app (with Ionic)
  • URL Routing
  • Custom Pipes
  • Search
  • HTTP requests with Angular
  • Creating custom Services
  • Deploy an Angular app to Heroku
  • Integrate Bootstrap (v3) to Angular

11. Multiplatform Mobile App Development with NativeScript

The Hong Kong University of Science and Technology

Taught by:  Jogesh K. Muppala, Associate Professor

This course focuses on developing truly cross-platform, native iOS and Android apps using NativeScript (Ver 3.x). The framework uses Angular, TypeScript or modern JavaScript to get truly native UI and performance while sharing skills and code with the web. You will learn about UI development with NativeScript UI and layout support and access the native mobile platform’s capabilities from Javascript.

You should have already completed the Bootstrap 4 and the Angular courses in this specialization before proceeding with this course. At the end of this course you will be able to (a) Build mobile applications targeting multiple platforms with a single codebase, (b) Leverage your Angular, TypeScript and Javascript skills, and (c) Use various features of the Ionic framework to build truly cross-platform mobile applications

12. Angular 2 Routing: Up And Running
Created by:   BTree Press

Angular 2’s router comes with many features for routing based on path’s and loading specific components. This course gives you a fast and furious intro to how to configure your routes, navigate between them, and use services and guards when navigating to routes.

  • Build A Angular Route
  • Map Routes To Components
  • Work WIth Router Links
  • Lazy Load Modules With Angular 2 Router
  • How To Use The Router Link Active To Style The Angular 2 Navigation Elements
  • Build Dynamic Navigation With Angular 2 Ng For
  • Dynamically Create Navigation With Angular 2 Router
  • Use Route Params To Load Data In Angular 2 Router
  • Managing Rx Subscriptions With Async Pipe And Behavior Subjects

13. AngularJS Authentication: Secure Your App with Auth0
Created by:  Ryan Chenkie

Authentication for traditional web applications is fairly straight-forward: we send our credentials to the server, a session is created, and a cookie is returned to be saved in the browser. This method works well for round-trip applications, but it isn’t a good way to do authentication in modern single page apps, like those built with AngularJS.

  • Secure AngularJS applications with JSON Web Tokens
  • Set up JWT middleware on a NodeJS (Express) app
  • Make authenticated HTTP requests from an AngularJS
  • Create a user profile area with their avatar
  • Redirect to a login route when the user becomes unauthenticated
  • Apply multi-factor authentication to add additional security
  • Login with social providers like Google and Twitter

14. Angular 4 Development Decoded
Created by:  Maruti Makwana

If you are not familiar with Angular Framework and if you have question in your mind that

  • From Where i should start learning Angular 4?
  • Do i need to Choose JavaScript or TypeScript with Angular application?
  • How can i learn Angular 4 as quick as possible?

Then this Course is answer of these questions.

I am dealing with AngularJS Projects and Providing training on this from Couple of years and i know most students get confused with different terms of Angular and they need easy and cool way to understand some complex concepts. After great success of some angularJS courses on Udemy i decided to put this course on Angular 4 for my Students.

15. AngularJS Masterclass – Deep Dive & Understand AngularJS
Created by:  Sandip Gautam

This course is gonna help you make complex web application in AngularJS. This course will not only help you learn AngularJS, but to understand it, as it covers lot of JavaScript, HTML, Clean Coding, Design Pattern concepts, which you should understand to know better about AngularJS. This course uses AngularJS Version 1.3.

  • Create Medium to Complex Web Applications Using AngularJS
  • No Faffing, All Lectures are Packed with Information
  • You will have understanding of All the Core Concepts of AngularJS
  • You will know why angularjs is so popular and why you should start using it
  • Dont just learn Angularjs But understand it with JavaScript, HTML, Design Pattern and Clean Code concept
  • You will know mostly used directives and filters of AngularJS
  • You will know how Dependency Injection, two way data binding, scope to scope communication works
  • You will know when to use $apply and $watch methods of scope
  • You will know how to handle business logic in controller and how controller inheritance works
  • You will know how to use AngularJS built in services and how to create your own services to encapsulate single responsibilities or business logic
  • Server side interaction using Mongo Lab API and how to use promises
  • You will know how to Create Single Page Applications
  • You will know how to Create Custom Directives & Filters
  • Awesome discounts on all of my upcoming courses
  • Get Hands on By Creating An Application Using Modularized Approach
  • Complimentary Contents for Free

16. Responsive Website Basics: Code with HTML, CSS, and JavaScript

University of London, Goldsmiths

Taught by:  Dr Matthew Yee-King,  Dr Marco Gillies,  Dr Kate Devlin

In this course you will learn three key website programming and design languages: HTML, CSS and JavaScript. You will create a web page using basic elements to control layout and style. Additionally, your web page will support interactivity. At the end of the course, you will be able to:

  • Define the purpose of HTML, CSS and JavaScript
  • Make a simple web page using HTML
  • Use CSS to control text styles and layout
  • Use CSS libraries such as Bootstrap to create responsive layouts
  • Use JavaScript variables and functions
  • Manipulate web page content using JavaScript
  • Respond to user input using JavaScript

17. Component Driven Development using angular 1.5
Created by:  Md Mujibur Rahman

A new way of developing angular 1.x applications using components. Components stripped away lot of scope related complexities and made development more fun. Components are major building blocks of Angular 2, learning how to write components will also help you in migrating your existing angular 1.x application to Angular 2. I named this course Component Driven Development as we will be writing only components and coupling them together to build a complete SPA.

18. Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova
The Hong Kong University of Science and Technology
Created by:   Jogesh K. Muppala, Associate Professor

At the end of this course you will be able to (a) Build mobile applications targeting multiple platforms with a single codebase, (b) Leverage your HTML5, CSS, Javascript and Angular skills, and (c) Use various features of the Ionic framework to build hybrid mobile applications

19. React vs Angular vs Vue.js by Example
Created by:  Gary Simon

With all of the various javascript libraries and frameworks, you might be a little bit confused as to where to begin. Right now, the three powerhouses in the javascript world are React, Angular and Vue.js.

Sometimes, the best course of action is to make up your own mind based on your own experiences.

And that’s exactly what this course will aim to do. We’re going to design and develop a single app in React, Angular and Vue.js.

The following is the basic flow of what we’re going to learn in React, Angular, and Vue.js:

  • Installing & Getting Started with a Project
  • Component Structure
  • Templating
  • Styling
  • Integrating CSS Frameworks
  • Working with API’s

20. HTML, CSS, and Javascript for Web Developers

Johns Hopkins University

Taught by:  Yaakov Chaikin, Adjunct Professor, Graduate Computer Science

In this course, we will learn the basic tools that every web page coder needs to know. We will start from the ground up by learning how to implement modern web pages with HTML and CSS. We will then advance to learning how to code our pages such that its components rearrange and resize themselves automatically based on the size of the user’s screen. You’ll be able to code up a web page that will be just as useful on a mobile phone as on a desktop computer. No “pinch and zoom” required! Last but certainly not least, we will get a thorough introduction to the most ubiquitous, popular, and incredibly powerful language of the web: Javascript. Using Javascript, you will be able to build a fully functional web application that utilizes Ajax to expose server-side functionality and data to the end user.