<p><p> <style>clear {clear: both;display: block;overflow : hidden visibility: hidden;width:0px height=0px;}div.namecol {float: left;}div.timecol {float: right;}ul.outer {width: 600px;}ol.inner{list-style-type:circle;}li.keywords{display: inline-block;margin: 0 10px;}</style>Welcome</p><p>Watch the Online Video Course Building a Data-Driven App with AngularJS (2014) </p>4h 0m Intermediate Nov 13, 2014 </p><p>Want to create web applications that can handle multiple users, registration, and real-time data? With these AngularJS tutorials, you'll be quickly building apps with advanced features like these. Ray Villalobos starts the course with a Git, Node.js, and GitHub setup that will get you off on the right foot. Next, learn how to create your first controller, connect a Firebase database, and read, push, and delete data from that database. Ray then shows you how to set up user registration with Firebase's simpleLogin service, so you can log users in and out and pass registration data back and forth from the app. With a few finishing touches, like custom directives, your Angular app will be ready to publish.</p><div> </br><ul id= ' topics '>Topics include:<div> </br><ul id= ' topics '><li>Installing Git and Node.js on Mac or Windows</li><li>Installing AngularJS and its models</li><li>Creating modules and routes</li><li>Working with controllers</li><li>Connecting to Firebase data</li><li>Adding user registration</li><li>Searching, filtering, and deleting records</li><li>Creating custom directives</li></br><b> Subject:</b> Web </br> <b> Software:</b> Node.js, AngularJS </br> <b> Author:</b> Ray Villalobos </br> <br/> <ul class='outer' ><li><div><div class='namecol'> <b>Introduction</b> </div> <div class='timecol'> 7m 47s</div><br clear = both display = block class='clear'/></div> <ol class = 'inner'><li><div><div class='namecol'>Welcome</div><div class='timecol'> 1m 3s</div><br class='clear'/></div></li><li><div><div class='namecol'>What you should know before watching this course</div><div class='timecol'> 1m 41s</div><br class='clear'/></div></li><li><div><div class='namecol'>Using the exercise files</div><div class='timecol'> 5m 3s</div><br class='clear'/></div></li></ol></ul> <ul class='outer' ><li><div><div class='namecol'> <b>1. Installing Requirements</b> </div> <div class='timecol'> 14m 22s</div><br clear = both display = block class='clear'/></div> <ol class = 'inner'><li><div><div class='namecol'>Installing Git and Node.js on a Mac</div><div class='timecol'> 3m 2s</div><br class='clear'/></div></li><li><div><div class='namecol'>Installing Git and Node.js on a PC</div><div class='timecol'> 2m 5s</div><br class='clear'/></div></li><li><div><div class='namecol'>Working with our GitHub template</div><div class='timecol'> 6m 4s</div><br class='clear'/></div></li><li><div><div class='namecol'>Using Gulp.js automation</div><div class='timecol'> 3m 11s</div><br class='clear'/></div></li></ol></ul> <ul class='outer' ><li><div><div class='namecol'> <b>2. Getting Started</b> </div> <div class='timecol'> 29m 18s</div><br clear = both display = block class='clear'/></div> <ol class = 'inner'><li><div><div class='namecol'>Installing AngularJS, plus modules</div><div class='timecol'> 5m 4s</div><br class='clear'/></div></li><li><div><div class='namecol'>Including files with ng-include</div><div class='timecol'> 3m 52s</div><br class='clear'/></div></li><li><div><div class='namecol'>Creating modules and routes</div><div class='timecol'> 7m 38s</div><br class='clear'/></div></li><li><div><div class='namecol'>Configuring multiple routes</div><div class='timecol'> 3m 59s</div><br class='clear'/></div></li><li><div><div class='namecol'>Understanding Angular form validation</div><div class='timecol'> 8m 45s</div><br class='clear'/></div></li></ol></ul> <ul class='outer' ><li><div><div class='namecol'> <b>3. Working with Basic Controllers</b> </div> <div class='timecol'> 11m 55s</div><br clear = both display = block class='clear'/></div> <ol class = 'inner'><li><div><div class='namecol'>Creating your first controller</div><div class='timecol'> 7m 36s</div><br class='clear'/></div></li><li><div><div class='namecol'>Adding built-in services</div><div class='timecol'> 1m 41s</div><br class='clear'/></div></li><li><div><div class='namecol'>Adding the registration view to our controller</div><div class='timecol'> 2m 38s</div><br class='clear'/></div></li></ol></ul> <ul class='outer' ><li><div><div class='namecol'> <b>4. Using Firebase Data</b> </div> <div class='timecol'> 23m 51s</div><br clear = both display = block class='clear'/></div> <ol class = 'inner'><li><div><div class='namecol'>Creating a Firebase account</div><div class='timecol'> 4m 41s</div><br class='clear'/></div></li><li><div><div class='namecol'>Reading data from Firebase into our app</div><div class='timecol'> 8m 54s</div><br class='clear'/></div></li><li><div><div class='namecol'>Pushing data into Firebase</div><div class='timecol'> 6m 30s</div><br class='clear'/></div></li><li><div><div class='namecol'>Deleting data from Firebase</div><div class='timecol'> 3m 46s</div><br class='clear'/></div></li></ol></ul> <ul class='outer' ><li><div><div class='namecol'> <b>5. Adding User Registration</b> </div> <div class='timecol'> 1h 5m</div><br clear = both display = block class='clear'/></div> <ol class = 'inner'><li><div><div class='namecol'>Logging users with the Firebase simpleLogin service</div><div class='timecol'> 7m 14s</div><br class='clear'/></div></li><li><div><div class='namecol'>Creating a custom authentication service</div><div class='timecol'> 7m 5s</div><br class='clear'/></div></li><li><div><div class='namecol'>Logging users out</div><div class='timecol'> 9m 23s</div><br class='clear'/></div></li><li><div><div class='namecol'>Passing registration data to simpleLogin</div><div class='timecol'> 6m 45s</div><br class='clear'/></div></li><li><div><div class='namecol'>Adding user information to our database</div><div class='timecol'> 6m 29s</div><br class='clear'/></div></li><li><div><div class='namecol'>Storing custom user info</div><div class='timecol'> 11m 25s</div><br class='clear'/></div></li><li><div><div class='namecol'>Displaying user info in our template</div><div class='timecol'> 6m 27s</div><br class='clear'/></div></li><li><div><div class='namecol'>Tracking registered users</div><div class='timecol'> 10m 27s</div><br class='clear'/></div></li></ol></ul> <ul class='outer' ><li><div><div class='namecol'> <b>6. Working with Data</b> </div> <div class='timecol'> 57m 28s</div><br clear = both display = block class='clear'/></div> <ol class = 'inner'><li><div><div class='namecol'>Adding records using $push</div><div class='timecol'> 7m 57s</div><br class='clear'/></div></li><li><div><div class='namecol'>Reorganizing our data</div><div class='timecol'> 10m 29s</div><br class='clear'/></div></li><li><div><div class='namecol'>Passing information through routes</div><div class='timecol'> 7m 50s</div><br class='clear'/></div></li><li><div><div class='namecol'>Adding our checkins controller</div><div class='timecol'> 5m 58s</div><br class='clear'/></div></li><li><div><div class='namecol'>Working with array data</div><div class='timecol'> 4m 41s</div><br class='clear'/></div></li><li><div><div class='namecol'>Deleting and searching records</div><div class='timecol'> 6m 2s</div><br class='clear'/></div></li><li><div><div class='namecol'>Using Angular filters</div><div class='timecol'> 5m 5s</div><br class='clear'/></div></li><li><div><div class='namecol'>Using multiple filter parameters</div><div class='timecol'> 9m 26s</div><br class='clear'/></div></li></ol></ul> <ul class='outer' ><li><div><div class='namecol'> <b>7. Finishing Up Our App</b> </div> <div class='timecol'> 28m 4s</div><br clear = both display = block class='clear'/></div> <ol class = 'inner'><li><div><div class='namecol'>Including utility features in our app</div><div class='timecol'> 8m 9s</div><br class='clear'/></div></li><li><div><div class='namecol'>Adding and deleting awards</div><div class='timecol'> 10m 1s</div><br class='clear'/></div></li><li><div><div class='namecol'>Creating custom directives</div><div class='timecol'> 9m 54s</div><br class='clear'/></div></li></ol></ul> <ul class='outer' ><li><div><div class='namecol'> <b>Conclusion</b> </div> <div class='timecol'> 2m 22s</div><br clear = both display = block class='clear'/></div> <ol class = 'inner'><li><div><div class='namecol'>Next steps</div><div class='timecol'> 2m 22s</div><br class='clear'/></div></li></ol></ul>
