AngularJS for the Real World Learn by creating a WebApp

AngularJS for the Real World – Learn by creating a WebApp, available at $19.99, has an average rating of 4.15, with 70 lectures, 3 quizzes, based on 185 reviews, and has 1683 subscribers.

You will learn about Develop a Real Time MV* Web Application with AngularJS and Firebase Build an AngularJS SPA (Single Page Application) Get familiar with concepts like 2-Way DataBinding, Services, Views, Routing, Directives and much more.. Learn about the Angular built-in services, focusing on the $http service that will help you handling XHR Learn how to secure your application by building Authentication and Authorization functionalities Learn how to implement an AngularJS API in your application Master all the built-in AngularJS directives such as ng-repeat, ng-if, ng-switch, ng-show & ng-hide, ng-model, ng-controller and so on Write better code by implementing AngularJS best practices This course is ideal for individuals who are This AngularJS (1.x) Course is meant for Web Developers looking to build a solid knowledge on AngularJS or Beginners will find a solid AngularJS foundation enriched with real world examples and best practices or Developers already familiar to AngularJS but looking to improve their skillset or People who are not yet familiar with HTML, CSS, Javascript should take this course after acquiring at least a basic knowledge on the topics It is particularly useful for This AngularJS (1.x) Course is meant for Web Developers looking to build a solid knowledge on AngularJS or Beginners will find a solid AngularJS foundation enriched with real world examples and best practices or Developers already familiar to AngularJS but looking to improve their skillset or People who are not yet familiar with HTML, CSS, Javascript should take this course after acquiring at least a basic knowledge on the topics.

Enroll now: AngularJS for the Real World – Learn by creating a WebApp

Summary

Title: AngularJS for the Real World – Learn by creating a WebApp

Price: $19.99

Average Rating: 4.15

Number of Lectures: 70

Number of Quizzes: 3

Number of Published Lectures: 70

Number of Published Quizzes: 3

Number of Curriculum Items: 73

Number of Published Curriculum Objects: 73

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Develop a Real Time MV* Web Application with AngularJS and Firebase

Build an AngularJS SPA (Single Page Application)

Get familiar with concepts like 2-Way DataBinding, Services, Views, Routing, Directives and much more..

Learn about the Angular built-in services, focusing on the $http service that will help you handling XHR

Learn how to secure your application by building Authentication and Authorization functionalities

Learn how to implement an AngularJS API in your application

Master all the built-in AngularJS directives such as ng-repeat, ng-if, ng-switch, ng-show & ng-hide, ng-model, ng-controller and so on

Write better code by implementing AngularJS best practices

Who Should Attend

This AngularJS (1.x) Course is meant for Web Developers looking to build a solid knowledge on AngularJS

Beginners will find a solid AngularJS foundation enriched with real world examples and best practices

Developers already familiar to AngularJS but looking to improve their skillset

People who are not yet familiar with HTML, CSS, Javascript should take this course after acquiring at least a basic knowledge on the topics

Target Audiences

This AngularJS (1.x) Course is meant for Web Developers looking to build a solid knowledge on AngularJS

Beginners will find a solid AngularJS foundation enriched with real world examples and best practices

Developers already familiar to AngularJS but looking to improve their skillset

People who are not yet familiar with HTML, CSS, Javascript should take this course after acquiring at least a basic knowledge on the topics

In this Course you’ll learn how to build an Angular?1.x?Real Time Application using Firebase and AngularJS while leveraging great Angular Development best practices.

Added a new Section(30+ mins of brand new content):Authentication and Authorization with AngularJS and Firebase.

AngularJSis famous Javascriptframework developed by Google and an increasing number of companies are currently looking for expert AngularJS Developers. Mastering AngularJS is a great opportunity that will help you getting a new and better job in the web development industry.

Reviews

“The best AngularJS course I have seen”, “Great course, with clear explanation, easy to follow and a lot of content”, “Teaching and Learning Angular at it’s best”, “This course is simply awesome , after taking this course, I became aware of what I’m doing and what I’m coding”.

This AngularJS course will teach you how this framework can dramatically improve your efficiency, reduce your coding time and deliver your next project as a Single Page Application (SPA).

You’ll learn how to create AngularJS directives, controllers, modules, how 2-way data bindingworks and, more important, how to build an AngularJS Web Application from scratch.

You’ll learn some of the best practices and how to deal with common mistakes that a developer can face when dealing with AngularJS projects and you’ll dig deeper into the built-in components of this technology.

AngularJSis a Javascript framework used to create Single Page Applications (SPAs) with a declarative approach. This means that Angular is completely extensible: you can define, for example, your own DSL (Domain Specific Language) and services.

The framework is developed and maintained by Google. At the minute it has more then 1.3K contributors on GitHub and is being used in more than 243.000 live websites (Youtube, IndieGoGo, Aerlingus, Virgin America, Forbes are only a few) and is backed by a wide community (more than 122k questions only on stackoverflow).

There are plenty between documentation, tutorials, examples and fiddles in additions to discussion groups, specialized sites and forums where you can find inspiration or solutions to common problems.

Audience

If you are new to AngularJS, no worries. I will drive you through the main topics and will not assume that you are already familiar with the framework.

On the other hand, If you already know AngularJS, you know that it can be as sweet as a rainbow unicorn or as bitter as your worst nightmare: this is why we will teach you a few best practices as well as examples of patterns and anti-patterns all over the course, so that you’ll learn a more efficient and clear way of coding your NG apps.

Content and Overview

In this course you’ll find 7+ hours of video content; source code is provided for each lesson and in general there will be 2 downloadable attachments per lesson: the start and final source code; this will let you double check that your changes are correct as long as you proceed throughout each chapter. Links to external resources are also provided where useful. Last but not least, I will support you with each question you might have.

The course is divided in 16 sections, each one consisting in several videos (more than 63in total) where we will cover the different components of the AngularJS framework.

By the end of course, you will:

Learn how to setup AngularJS and how its architecture is built; (Installation, MVW approach)

Acquire familiarity with the main AngularJS components: modules, controllers, routing, 2 way data binding, dependency injection, prototypical inheritance, scopes, filter, directives, services and templates;

We will talk a lot about forms, user data validation and filtering. You will learn how to implement a robust form with validation, thanks to Angular Forms and its built-in validator. In other words you will learn how to improve the user experience of your application;

Learn how to use $http to query a webserver and handle promises in a response;

Be able to build a full Backend Mock to test your application, by using the Angular $HttpBackend service in the NgMock module;.

We will dedicate some lessons to custom directives: first a simple implementation then we will unveil the secrets of the “link function”, how to isolate the scope and how to make directives reusable with any application.

Transform your App into a Real Time application, and learn how to use Firebase and Angular to make updated content available in Real Time on any device.

Learn how to secure your application by building Authentication and Authorisation functionalities.

What you will obtain at the end of the course

At the end of the course you will have a deep understanding of the basic concepts of AngularJS, and you will be ready to start your next project by using this great framework.

Course Curriculum

Chapter 1: Course Overview

Lecture 1: Course Outline

Lecture 2: About your Instructor!

Lecture 3: Why AngularJS?

Lecture 4: MVW: Model – View – Whatever

Lecture 5: Environment Setup

Chapter 2: AngularJS – Lets see what this is all about

Lecture 1: Your First AngularJS Application

Lecture 2: Controllers in AngularJS

Lecture 3: Application Data Model: The $scope service

Lecture 4: Best Practice: ControllerAs Syntax

Lecture 5: Services, Factories and Providers

Lecture 6: Best Practice: Avoiding Globals when declaring a Module

Chapter 3: Routing and Templating in AngularJS

Lecture 1: Introduction to Routing: ng-route and ng-view

Lecture 2: Enabling the HTML5 Mode for friendly URLs

Lecture 3: HTML5 Mode and Subfolders

Lecture 4: Route Controllers and the $routeParams service

Lecture 5: NgInclude: Templating in Angular

Chapter 4: Its time to build our AngularJS Event App

Lecture 1: NgForm: How to quickly Angularize a bootstrap form

Lecture 2: The NgSubmit Directive (and a quick look at angular.copy)

Lecture 3: Refactoring and Annotation: Moving our code from a controller to a Factory

Lecture 4: Retrieving Data from a Service

Chapter 5: Loops in AngularJS: The ng-repeat directive

Lecture 1: NgRepeat: Loop on a Dataset and display the records

Lecture 2: Repeat multiple DOM elements with ng-repeat-start and ng-repeat-end

Lecture 3: Deal with duplicates in ng-repeat: track by explained

Chapter 6: AngularJS Form Controls

Lecture 1: Ng-Options and grouping

Lecture 2: NgSelect: How to set a Default option by using the track by property

Lecture 3: Radio Buttons: The ng-value directive

Lecture 4: ng-true-value, ng-false-value and ng-click

Lecture 5: Dynamically display content: the ng-if directive

Lecture 6: Exploring the input date directive

Chapter 7: AngularJS Form Validations

Lecture 1: Introduction to Validation

Lecture 2: Tracking a Form validity

Lecture 3: 4 Useful directives: ng-show/ng-hide and ng-minlength/ng-maxlength

Lecture 4: The ngPattern Directive: RegExp driven validation

Lecture 5: Prevent invalid form data from being submitted: 2 different methods

Lecture 6: Cosmetic Changes: Angular CSS for Validations & ngClass

Lecture 7: ng-messages – Improved Validation message management

Chapter 8: AngularJS Filters: Lets make our events searchable!

Lecture 1: Introduction & App improvements

Lecture 2: Basic filtering in Angular

Lecture 3: Strict search and OrderBy

Lecture 4: Using filters inside controllers (and services, and directives)

Lecture 5: The $filter service

Lecture 6: Implementing Custom Filters in AngularJS

Chapter 9: Services: Interacting with REST APIs and Promises

Lecture 1: Introduction

Lecture 2: $http and AngularJS Promises: Fetching our events by using a GET request

Lecture 3: Using the resolve property to initialize data

Lecture 4: The $q Service: Process promises and chaining

Chapter 10: BONUS: NgMock: How to simulate backend functionalities in Angular

Lecture 1: NgMock: Introduction

Lecture 2: NgMock in Action

Chapter 11: Building our AngularJS API with the $http service and ngMock

Lecture 1: Introduction and App improvements

Lecture 2: Create Events via $http.post

Lecture 3: Inline Editing and UpdateEvents

Lecture 4: Deleting Events: $Index or Object?

Chapter 12: Custom Directives: Lets teach some new tricks to our DOM

Lecture 1: Introduction to Custom Directives: A simple implementation

Lecture 2: The link function

Lecture 3: Scope and Directives: Isolated Scope and others

Lecture 4: How to make a directive reusable in ANY AngularJS application

Lecture 5: Directive Controllers: Lets build a directive for our homepage

Lecture 6: Directive Transclusion

Chapter 13: Organize our code by feature – A best practice approach to our folder structure

Lecture 1: AngularJS Best Practices: Folder-by-feature application structure

Chapter 14: Transform our AngularJS App into a Real Time Application, with Firebase

Lecture 1: Introduction to Firebase

Lecture 2: Adding Firebase to our Application: AngularFire

Lecture 3: Synchronized arrays and 3-way data binding: $firebaseArray

Lecture 4: Add, Edit and Delete events in Real Time: $add, $save, $remove

Chapter 15: JAN 16: Authentication and Authorization with AngularJS and Firebase

Lecture 1: Building the Signup page: the Firebase createUser function (Native)

Lecture 2: [Activity] Validation and AuthFactory

Lecture 3: Registering New Users with the $firebaseAuth service

Lecture 4: Authenticating registered users into the Angular app: $loginWithPassword

Lecture 5: Securing the Application: $requireAuth and User Redirect

Chapter 16: Conclusion and whats next

Lecture 1: Congratulations!

Lecture 2: 2018: New Lectures coming!

Instructors

Alessandro Russo
Business Strategist and Tech Lead@WebYourMind.com

Rating Distribution

1 stars: 5 votes

2 stars: 5 votes

3 stars: 22 votes

4 stars: 65 votes

5 stars: 88 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!