AngularJS Fundamentals

Start building modern AngularJS applications with component architecture and best practices.

AngularJS

1.5.x

Duration

38 lessons, 2.5 hours

What you’ll learn

Build modern AngularJS applications. From MVC patterns through to Directives, Forms, Events, Expressions, Factories, Services, Routing, Filters and custom Components and Directives. After this course you’ll be empowered with knowledge to build AngularJS applications.

Using ng-click 06:02

Todd Motto

Google Developer ExpertGoogle Developer Expert

Requirements

  • HTML/CSS experience
  • JavaScript basic knowledge
  • HTTP (Ajax) experience
  • Understanding of DOM APIs

Fantastic course. Everything you could ever wish for in a fundamentals course on Angular. This course asks the question "why?" and responds with the answers! Great course.

Ryan Woodcox

JavaScript Developer

Angular Fundamentals is the clearest, and best produced Angular course on the market! Clear, concise, packed with best practices and skilled me up very quickly!

Kyle Hebert

JavaScript Developer

Hands down the best courses available for Angular! Just follow along, you'll fall in love with Angular. Daunting concepts aren't scary anymore, they're a breeze.

Vatsal Pande

Full-Stack Engineer, eBay

Todd is the best Angular instructor out there with unrivalled knowledge. His courses give you all you need to build first-class Angular apps.

Sebastien Pelletier

Technical Team Lead, iBwave

Todd does an immense job breaking concepts down into something far simpler. I strongly recommend Ultimate Angular to anyone looking to improve their understanding of core Angular knowledge!

Houssein Djirdeh

JavaScript Engineer, Deloitte Digital

Todd's courses are incredible, they've changed the way we write our code. His Angular courses are the best you'll find for beginners, teams, seniors. They've taken our team's skills to the next level.

Ben Brown

Lead Engineer, TalkTalk

Here’s what's covered…

Everything you need, structured and ready to go

Course overview (1 lessons)

  • Source files

    Readme

Architecture and anatomy (1 lessons)

  • Architecture and anatomy

    07:20

Getting started (1 lessons)

  • Setup and app module

    02:47

Rendering data with Controllers (4 lessons)

  • Creating a Controller

    02:48
  • Binding to $scope

    02:33
  • Dependency Injection and minification

    02:23
  • Using controllerAs syntax

    02:18

Code Lab: 1 (1 lessons)

  • Lab: 1

    03:00

Rendering HTML with Directives (7 lessons)

  • ng-repeat

    05:34
  • ng-show/ng-hide

    05:16
  • ng-if

    02:34
  • ng-switch

    04:29 Watch lesson
  • ng-class

    05:24
  • ng-model

    02:54
  • ng-href/ng-src

    01:33

Code Lab: 2 (1 lessons)

  • Lab: 2

    02:56

Event binding with Directives (4 lessons)

  • ng-click

    06:01
  • ng-submit

    04:18
  • ng-blur/ng-focus

    01:12
  • ng-change

    01:34

Code Lab: 3 (1 lessons)

  • Lab: 3

    06:25

Expressions (1 lessons)

Code Lab: 4 (1 lessons)

  • Lab: 4

    02:51

Formatting with filters (4 lessons)

  • Date filter

    02:44
  • Currency filter

    02:12
  • Filtering and sorting collections

    04:34 Watch lesson
  • JSON debugging

    01:34

Services and API communication (2 lessons)

  • $http and View binding

    05:05
  • Services and Factories

    04:14

Code Lab: 5 (1 lessons)

  • Lab: 5

    11:46

Custom Components and Directives (3 lessons)

  • Behaviour Directives

    05:13
  • Template Directives and Controllers

    06:07
  • Property binding and stateful Directives

    06:32

Code Lab: 6 (1 lessons)

  • Lab: 6

    04:50

Building powerful forms (5 lessons)

  • Binding Models to forms

    05:56 Watch lesson
  • Internal validation states

    04:13
  • ng-options

    03:52
  • ng-disabled

    02:38
  • Data-driven validation errors

    02:21

Routing and Views (1 lessons)

  • Routes and Views with ui-router

    05:59
Arrow down

Get the complete package...

Everything you need to start mastering Angular today

AngularJS Kickstart Package

2 courses

MOST POPULAR

AngularJS Ultimate Package

3 courses

100% money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get every cent back.

Student and location discounts

Not-so-good exchange rate? (i.e. India/Brazil)
Get in touch for a coupon. Student? Email us from your student email or attach your student ID.