2015
Udemy
Alessandro Russo
7 hours
English

Course Description
In this Course you'll learn how to build an AngularJS Real Time Application using Firebase and Angular while leveraging great Angular Development best practices.
UPDATED: JAN '16
01-2016: Added a new Section (30+ mins of brand new content): Authentication and Authorization with AngularJS and Firebase.
AngularJS is famous Javascript framework 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 binding works 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.
AngularJS is 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 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.
What are the requirements?
Beginner/Intermediate in HTML and CSS
Basic Javascript knowledge is preferred
What am I going to get from this course?
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
What is the target audience?
This AngularJS Course is meant for Web Developers looking to build a solid knowledge on AngularJs
Beginners will find a solid Angular foundation enriched with real world examples and best practices
Developers already familiar to Angular 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

Section 1: Course Overview
Lecture 1
Course Outline
00:59
Lecture 2
About your Instructor!
02:09
Lecture 3
Why AngularJS?
04:24
Lecture 4
MVW: Model - View - Whatever
04:35
Lecture 5
Environment Setup
05:05
Section 2: AngularJS - Let's see what this is all about
Lecture 6
Your First AngularJS Application
12:26
Lecture 7
Controllers in AngularJS
09:07
Lecture 8
Application Data Model: The $scope service
04:43
Lecture 9
Best Practice: ControllerAs Syntax
07:21
Lecture 10
Services, Factories and Providers
10:44
Lecture 11
Best Practice: Avoiding Globals when declaring a Module
03:46
Quiz 1
AngularJS Basics
4 questions
Section 3: Routing and Templating in AngularJS
Lecture 12
Introduction to Routing: ng-route and ng-view
13:10
Lecture 13
Enabling the HTML5 Mode for friendly URLs
03:49
Lecture 14
HTML5 Mode and Subfolders
05:23
Lecture 15
Route Controllers and the $routeParams service
07:00
Lecture 16
NgInclude: Templating in Angular
07:57
Quiz 2
AngularJS Routing and templating
4 questions
Section 4: It's time to build our AngularJS Event App
Lecture 17
NgForm: How to quickly "Angularize" a bootstrap form
05:53
Lecture 18
The NgSubmit Directive (and a quick look at angular.copy)
05:39
Lecture 19
Refactoring and Annotation: Moving our code from a controller to a Factory
05:32
Lecture 20
Retrieving Data from a Service
06:49
Section 5: Loops in AngularJS: The ng-repeat directive
Lecture 21
NgRepeat: Loop on a Dataset and display the records
05:07
Lecture 22
Repeat multiple DOM elements with ng-repeat-start and ng-repeat-end
03:37
Lecture 23
Deal with duplicates in ng-repeat: track by explained
05:07
Section 6: AngularJS Form Controls
Lecture 24
Ng-Options and grouping
06:12
Lecture 25
NgSelect: How to set a Default option by using the track by property
05:13
Lecture 26
Radio Buttons: The ng-value directive
05:24
Lecture 27
ng-true-value, ng-false-value and ng-click
08:44
Lecture 28
Dynamically display content: the ng-if directive
02:02
Lecture 29
Exploring the input 'date' directive
06:08
Section 7: AngularJS Form Validations
Lecture 30
Introduction to Validation
01:21
Lecture 31
Tracking a Form validity
05:42
Lecture 32
4 Useful directives: ng-show/ng-hide and ng-minlength/ng-maxlength
05:51
Lecture 33
The ngPattern Directive: RegExp driven validation
04:07
Lecture 34
Prevent invalid form data from being submitted: 2 different methods
03:57
Lecture 35
Cosmetic Changes: Angular CSS for Validations & ngClass
08:24
Lecture 36
ng-messages - Improved Validation message management
10:52
Section 8: AngularJS Filters: Let's make our events searchable!
Lecture 37
Introduction & App improvements
02:36
Lecture 38
Basic filtering in Angular
07:22
Lecture 39
Strict search and OrderBy
04:23
Lecture 40
Using filters inside controllers (and services, and directives)
03:34
Lecture 41
The $filter service
02:05
Lecture 42
Implementing Custom Filters in AngularJS
05:15
Section 9: Services: Interacting with REST APIs and Promises
Lecture 43
Introduction
01:09
Lecture 44
$http and AngularJS Promises: Fetching our events by using a GET request
10:40
Lecture 45
Using the "resolve" property to initialize data
03:27
Lecture 46
The $q Service: Process promises and chaining
12:34
Section 10: BONUS: NgMock: How to simulate backend functionalities in Angular
Lecture 47
NgMock: Introduction
10:36
Lecture 48
NgMock in Action
06:17
Section 11: Building our AngularJS API with the $http service and ngMock
Lecture 49
Introduction and App improvements
02:45
Lecture 50
Create Events via $http.post
06:55
Lecture 51
Inline Editing and UpdateEvents
11:19
Lecture 52
Deleting Events: $Index or Object?
06:53
Section 12: Custom Directives: Let's teach some new tricks to our DOM
Lecture 53
Introduction to Custom Directives: A simple implementation
06:51
Lecture 54
The link function
07:53
Lecture 55
Scope and Directives: Isolated Scope and others
06:54
Lecture 56
How to make a directive reusable in ANY AngularJS application
02:59
Lecture 57
Directive Controllers: Let's build a directive for our homepage
14:58
Lecture 58
Directive Transclusion
05:12
Section 13: Organize our code by feature - A best practice approach to our folder structure
Lecture 59
AngularJS Best Practices: Folder-by-feature application structure
03:47
Section 14: Transform our AngularJS App into a Real Time Application, with Firebase
Lecture 60
Introduction to Firebase
04:44
Lecture 61
Adding Firebase to our Application: AngularFire
03:31
Lecture 62
Synchronized arrays and 3-way data binding: $firebaseArray
06:16
Lecture 63
Add, Edit and Delete events in Real Time: $add, $save, $remove
08:32
Quiz 3
AngularJS and Firebase
6 questions
Section 15: JAN '16: Authentication and Authorization with AngularJS and Firebase
Lecture 64
Building the Signup page: the Firebase createUser function (Native)
13:22
Lecture 65
[Activity] Validation and AuthFactory
1 page
Lecture 66
Registering New Users with the $firebaseAuth service
04:30
Lecture 67
Authenticating registered users into the Angular app: $loginWithPassword
06:02
Lecture 68
Securing the Application: $requireAuth and User Redirect
14:24
Section 16: Conclusion and what's next
Lecture 69
Congratulations!
01:09

http://0s.o53xo.ovsgk3lzfzrw63i.cmle.ru/angularjs-for-the-real-world-learn-to-create-a-webapp/

Download File Size:1012.38 MB

---