access
lifetime
content
6 Hours
Description
AngularJS is the future of programming. It helps developers become more efficient, more productive, and deliver rich client-side experiences with every line of code. This course dives into real world benefits and applications, so you'll be fully ready to add AngularJS features to your current projects.- Master this increasingly popular framework w/ 6 hours of content & 85 lectures
- Understand & build a fully-functional single page application
- Perform form validation w/ zero lines of code
- Create & interact w/ Bootstrap in AngularJS
- Get tools, tips & tricks for debugging your AngularJS applications
- Go through two examples of AngularJS applications
- Build easily re-usable bits of HTML & JavaScript w/ custom AngularJS directives
- Interact with a REST API
Asim Hussain has over 15 years of experience with clients like European Space Agency and Google. He now has his own digital agency in London called Bubblegum, which specializes in web and mobile applications using AngularJS, Node, Django, IonicFramework. Asim himself has worked for 3 years with AngularJS in order to learn the tricks and tips to pass along to beginners.
Details & Requirements
- Length of time users can access this course: lifetime
- Access options: web streaming, mobile streaming
- Certification of completion not included
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: all levels
Compatibility
- Text editor required
- Basic HTML, CSS & Javascript knowledge recommended
Terms
- Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.
Course Outline
- Introduction
- Course Overview
- How to get the best out of this course
- How to submit and validate a form in AngularJS
- Example starter and completed code for this section
- Data Binding
- Controllers & Modules
- Submitting a form using $http
- Form validation using HTML5
- Form validation using core AngularJS
- Form validation using Angular Auto Validate
- User feedback with Ladda buttons
- Creating a list application with searching and sorting
- Example starter and completed code for this section
- Looping in AngularJS
- Handling clicks
- Showing details when clicking on a row
- How to implement client side searching
- How to implement client side ordering
- User feedback
- Debugging Tools, Tips and Tricks
- How to debug your AngularJS applications
- Deep dive into scope
- Example starter and completed code for this section
- Understanding Scope: Child Scope
- Understanding Scope: Root Scope
- Understanding Scope: The Dot Notation
- Communicating between controllers using Services
- Example starter and completed code for this section
- Breaking out the list application into two controllers
- Sharing data between controllers using rootScope
- Sharing data between controllers using Services
- Creating our first service
- Consuming our service in our controllers
- Connect our application to a REST API using ngResource
- Example starter and completed code for this section
- What are resources?
- Configuring AngularJS resources
- Creating our first resource
- Setting up ngInfinateScroll
- Implementing pagination
- Removing client side searching & sorting
- Watch scope variables for changes
- Server side sorting & ordering
- Adding a loading spinner
- Showing a warning when no results are returned
- Convert the detail panel to a form
- Update a contact using our resource
- Delete a contact using our resource
- Create a bootstrap modal using angularStrap
- Reusing snippets of HTML with ng-include
- Creating a contact using our resource
- Promises in AngularJS with the $q service
- Display images with ng-src
- Adding a datepicker using angularStrap
- Adding toaster messages with angularjsToaster
- Adding font awesome
- Adding a material design bootstrap theme
- Create template functions with Filters
- Example starter and completed code for this section
- Creating custom filters
- Convert the application into an SPA using uiRouter
- Example starter and completed code for this section
- What is a Single Page Application?
- Setup and install uiRouter
- Deciding on our URL routes
- Creating our List route
- ui-view
- Defining a controller for a route
- Creating our Edit route
- Exposing the routes parameters in the controller
- Prefer ui-sref over ng-href
- Implementing the Edit route
- Redirecting to another url using $state.go
- Controllers vs Services
- Implementing the Create route
- Highlighting menu items using ui-sref-active
- Multiple named views using uiRouter
- A better search with ng-model-options
- Creating reusable components with Directives
- Example starter and completed code for this section
- Introduction to Directives
- Creating a directive for our spinner
- Restrict and the 3 ways to define directives
- Everything is just a directive
- Understanding Transclude
- Isolate Scope
- Understanding Isolate Scope =
- A way to think about directives
- Understanding Isolate Scope @
- Creating a business card directive
- Understanding Isolate Scope &
- Defining a controller for our directive
- Advanced
- How to structure complex AngularJS projects
access
lifetime
content
6 Hours