AngularJS For Everyone

Video Lectures

Displaying all 21 video lectures.
Lecture 1
Series Introduction
Play Video
Series Introduction
Build modern, interactive websites using the most popular front-end JavaScript framework, AngularJS. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 2
Two-way Data Binding
Play Video
Two-way Data Binding
Here we build our first AngularJS app by showing off Angular's 2 way data-binding. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 3
Repeating Over Data With ng-repeat
Play Video
Repeating Over Data With ng-repeat
Here we repeat over an array of data and an object using ng-repeat. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 4
Basic Filtering In Angular
Play Video
Basic Filtering In Angular
Here we show off Angular's easy basic filtering on an object with an input and ng-model. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 5
Our First Controller
Play Video
Our First Controller
Here we show how to write our first controller. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 6
Adding A Form Event
Play Video
Adding A Form Event
Here we add a form and form event to our controller. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 7
Controller As Syntax
Play Video
Controller As Syntax
Here we follow best practices and use the ControllerAs syntax. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
http://leveluptuts.com/level-up-pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 8
Using Filters In Angular Templates
Play Video
Using Filters In Angular Templates
Here we show you how filters are good for more than just narrowing down a collection of items. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

https://docs.angularjs.org/api/ng/filter

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 9
Conditional Classes With ngClass
Play Video
Conditional Classes With ngClass
Here we show you how to set classes conditionally in AngularJS. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

https://docs.angularjs.org/api/ng/filter

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
http://leveluptuts.com/level-up-pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 10
ngIf vs ngShow & ngHide
Play Video
ngIf vs ngShow & ngHide
Here I show you how to use ngIf and ngShow & ngHide to show and hide content. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

https://docs.angularjs.org/api/ng/filter

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 11
Properly Including Images With ngSrc
Play Video
Properly Including Images With ngSrc
Here I show you how to use ngSrc to include images without a not found error. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 12
Including Templates and Inline SVG with ngInclude
Play Video
Including Templates and Inline SVG with ngInclude
Here I show you how to use ngInclude to include code like HTML templates or even inline SVG. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 13
Adding External Modules
Play Video
Adding External Modules
Here we show you how to add an additional module for Angular called ngAnimate. This module applies classes when modifying your data to write transition or animation CSS off of. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 14
Animating With Angular Part 1
Play Video
Animating With Angular Part 1
Here I show you how you can add a simple in and out state animation for an ng-if toggle. We animate our list toggling in and out. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 15
Animating In Angular Part 2
Play Video
Animating In Angular Part 2
Here I show you how you can add a simple in and out state animation for an ng-repeat. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 16
Adding Modules With Bower
Play Video
Adding Modules With Bower
Here I show you how you can add a module easily with Bower. In this video we add UI-Router. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 17
Client Side Routing with UI Router
Play Video
Client Side Routing with UI Router
Here I show you how you can add a module easily with Bower. In this video we add UI-Router. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 18
Separate Template Files with UI Router
Play Video
Separate Template Files with UI Router
In this AngularJS For Everyone Tutorial, I show you how you can break out your routes into separate files using templateUrl. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 19
Defining Your Controller In UI Router
Play Video
Defining Your Controller In UI Router
Here I show you how you define your controller in your router using the ControllerAs syntax with UI Router. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 20
Angular Directives Explained
Play Video
Angular Directives Explained
Here I explain the basics of what a Directive in Angular is and then we create a basic hello world directive. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
http://leveluptuts.com/level-up-pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Lecture 21
Creating A Basic Directive
Play Video
Creating A Basic Directive
Here I elaborate a bit on the previous directive lesson as we move into a more complex modular directive.Subscribe for more free tutorials https://goo.gl/6ljoFc, more Angular Tutorials: https://goo.gl/vFi0CQ

Support Free Tutorials
https://store.leveluptutorials.com/

The best shared web hosting
http://www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
https://store.leveluptutorials.com/products/pro

Subscribe to the Level Up Newsletter
http://eepurl.com/AWjGz

To Support Level Up Tuts:
http://leveluptuts.com/donations

Simple cloud hosting, built for developers.:
https://www.digitalocean.com/?refcode=67357174b09e

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.