AngularJS Fundamentals and Practice

An in-depth project-based introduction to AngularJS concepts with lots of code, examples and a complete application

Created bySid Azad

Last updated 6/2014

English

What you'll learn

Enable you to write professional AngularJS applications
Enable you to think in AngularJS and design a modern web-app (SPA)

Course content

9 sections • 29 lectures • 5h 41m total length

Introduction to the Course3:21
Review of Web Architecture, Web-dev History and Single Page Apps7:36
Hello, AngularJS9:16

Bootstrap CSS and Introduction to AngularJS Services8:49
Writing an authentication service, Using LocalStorage with AngularJS19:17
Using templates with ng-include: Logging out9:58
Implement logout by updating a service to clear local storage and track the current user, use ng-include to load templates, and redirect to login with the location service.
Controller-Directive Communication: Projects Pane Directive11:59

Separation of Responsibilities in AngularJS, '&' scope13:41
Projects Pane Directive: Adding new projects15:18
Develop a project service to add and fetch user projects from local storage, using get user index and get projects for a user, preventing duplicates and updating the controller display.
AngularJS Checkboxes, $index, $watch: Deleting and Refreshing projects20:45
Communicating between directives, ng-click, ng-if: Project Details Directive10:28

Requirements

Some knowledge of JavaScript
Some knowledge of web development (nice to have)

Description

AngularJS is a JavaScript framework developed by Google. Front end development is now officially revolutionized with the advent of SPAs (Single Page Applications) and it is increasingly looking like AngularJS is going to be the de-facto framework of the future for building SPAs.

This course will not only teach you to program using AngularJS but also how to think in AngularJS and how to architect, design and test a modern web application.

This course is divided into 2 parts.

The first part focuses on getting a solid understanding of AngularJS concepts with plenty of working code examples using Plunkr.
The second half creates a comprehensive Web Application (SPA) using these concepts with special focus on Design, Architecture and testing a modern web app.

This is a project based course with 2 parts spanning 29 videos and over 300 minutes of content.

- An approach of understanding AngularJS concepts
- Follow-up with many live coding examples
- A project that covers various components and aspects of AngularJS
- A video dedicated to unit testing using Karma and Jasmine libraries
- Examples using third part libraries including
- Angular UI Bootstrap
- Bootstrap CSS
- Angular Local Storage library
- Karma
- Jasmine

Who this course is for:

Front-end developers who want to learn AngularJS
Back-end developers who want to learn Front End programming with a promising framework (AngularJS)
Technology enthusiasts
Hobbyists with some JavaScript experience

AngularJS Fundamentals and Practice

What you'll learn

Explore related topics

Course content

Introduction to the Course3 lectures • 20min

AngularJS: Basic Concepts4 lectures • 1hr 7min

Understanding Scopes and different kinds of scopes4 lectures • 24min

Programming Directives2 lectures • 21min

Final Project Kick-off: Setup, Design, Directory Structure3 lectures • 38min

Landing Page and Dashboard: Directive/Controller communication4 lectures • 50min

Decoupling Directive/Controller, Callbacks: Writing the Projects Pane Directive4 lectures • 1hr

Remote calls with $http Service, Searching with AngularJS Filters, Applying CSS2 lectures • 17min

Unit Testing and Third Party Libraries: Karma, Jasmine, Angular UI Bootstrap3 lectures • 45min

Requirements

Description

Who this course is for: