AngularJS For Everyone
Video Lectures
Displaying all 21 video lectures.
Lecture 1![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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![]() 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. |