Meet Your Course Guide
by Amos Q. Haviv, Matt Frisbie, Chandermani, Rodrigo Branas
AngularJS: Maintaining Web Applications
- AngularJS
- Table of Contents
- AngularJS
- Meet Your Course Guide
- Course Structure
- Course Structure
- 1. Core Learning – AngularJS Essentials
- Lesson 1: Getting Started with AngularJS
- Lesson 2: Creating Reusable Components with Directives
- What is a directive?
- Using AngularJS built-in directives
- The ngApp directive
- The ngController directive
- The ngBind directive
- The ngBindHtml directive
- The ngRepeat directive
- The ngModel directive
- The ngClick directive and other event directives
- The ngDisable directive
- The ngClass directive
- The ngOptions directive
- The ngStyle directive
- The ngShow and ngHide directives
- The ngIf directive
- The ngInclude directive
- Refactoring application organization
- Creating our own directives
- Animation
- Lesson 3: Data Handling
- Lesson 4: Dependency Injection and Services
- Lesson 5: Scope
- Lesson 6: Modules
- 2. Core Coding – AngularJS By Example
- Lesson 1: Building Our First App – 7 Minute Workout
- What is 7 Minute Workout?
- Code organization
- The 7 Minute Workout model
- Adding app modules
- The app controller
- The 7 Minute Workout view
- Adding start and finish pages
- Learning more about an exercise
- Displaying the remaining workout time using filters
- Adding the next exercise indicator using ng-if
- Lesson 2: More AngularJS Goodness for 7 Minute Workout
- Formatting the exercise steps
- Tracking exercise progress with audio clips
- Pausing exercises
- Enhancing the workout video panel
- Animations with AngularJS
- AngularJS CSS animation
- AngularJS JavaScript animation
- Adding animation to 7 Minute Workout
- Workout history tracking using Angular services
- AngularJS services primer
- Implementing workout history tracking
- Adding the workout history view
- AngularJS eventing
- Enriching history tracking with AngularJS eventing
- Persisting workout history in browser storage
- Filtering workout history
- Filtering and ordering using ng-repeat
- Lesson 3: Building Personal Trainer
- The Personal Trainer app – the problem scope
- The Personal Trainer model
- The Personal Trainer layout
- Implementing the workout and exercise list
- Building a workout
- Building left nav
- Adding the WorkoutBuilderService service
- Adding exercises using exercise nav
- Implementing WorkoutDetailController
- Implementing the workout builder view
- AngularJS forms
- AngularJS form constructs
- The ng-model directive
- Controlling model updates with ng-model-options (Angular 1.3)
- ng-model – beyond data binding
- Understanding NgModelController
- Implementing a decimal-to-integer formatter and parser
- AngularJS validation
- The AngularJS model state
- Workout builder validation
- Custom validation for an exercise count
- Saving the workout
- The AngularJS form directive and form validation
- Revisiting Angular scopes
- Lesson 4: Adding Data Persistence to Personal Trainer
- AngularJS and server interactions
- $http service basics
- Personal Trainer and server integration
- Loading exercise and workout data
- Loading exercise and workout lists from a server
- Mapping server data to application models
- Understanding promise chaining
- Loading exercise and workout data from the server
- Fixing workout and exercise detail pages
- Creating and resolving custom promises
- Fixing workout and exercise detail pages continued…
- Performing CRUD on exercises/workouts
- Loading exercise and workout data
- Getting started with $resource
- Using $resource to access exercise data
- Exercising CRUD with $resource
- Request/response interceptors
- AngularJS request/response transformers
- Handling routing failure for rejected promises
- Fixing the 7 Minute Workout app
- Lesson 5: Working with Directives
- Directives – an introduction
- Anatomy of a directive
- Building a remote validation directive to validate the workout name
- Model update on blur
- Implementing a remote validation clues directive
- Understanding directive-isolated scopes
- AngularJS jQuery integration
- Lesson 1: Building Our First App – 7 Minute Workout
- 3. Your AngularJS Technique Library – AngularJS Web Application Cookbook
- Lesson 1: Maximizing AngularJS Directives
- Introduction
- Building a simple element directive
- Working through the directive spectrum
- Manipulating the DOM
- Linking directives
- Interfacing with a directive using isolate scope
- Interaction between nested directives
- Optional nested directive controllers
- Directive scope inheritance
- Directive templating
- Isolate scope
- Directive transclusion
- Recursive directives
- Lesson 2: Expanding Your Toolkit with Filters and Service Types
- Introduction
- Using the uppercase and lowercase filters
- Using the number and currency filters
- Using the date filter
- Debugging using the json filter
- Using data filters outside the template
- Using built-in search filters
- Chaining filters
- Creating custom data filters
- Creating custom search filters
- Filtering with custom comparators
- Building a search filter from scratch
- Building a custom search filter expression from scratch
- Using service values and constants
- Using service factories
- Using services
- Using service providers
- Using service decorators
- Lesson 3: AngularJS Animations
- Introduction
- Creating a simple fade in/out animation
- Replicating jQuery's slideUp() and slideDown() methods
- Creating enter animations with ngIf
- Creating leave and concurrent animations with ngView
- Creating move animations with ngRepeat
- Creating addClass animations with ngShow
- Creating removeClass animations with ngClass
- Your Coding Challenge
- Staggering batched animations
- Lesson 4: Sculpting and Organizing your Application
- Lesson 5: Working with the Scope and Model
- Lesson 6: Testing in AngularJS
- Lesson 7: Screaming Fast AngularJS
- Introduction
- Recognizing AngularJS landmines
- Creating a universal watch callback
- Inspecting your application's watchers
- Deploying and managing $watch types efficiently
- Optimizing the application using reference $watch
- Optimizing the application using equality $watch
- Optimizing the application using $watchCollection
- Optimizing the application using $watch deregistration
- Optimizing template-binding watch expressions
- Optimizing the application with the compile phase in ng-repeat
- Optimizing the application using track by in ng-repeat
- Trimming down watched models
- Lesson 8: Promises
- Introduction
- Understanding and implementing a basic promise
- Chaining promises and promise handlers
- Implementing promise notifications
- Your Coding Challenge
- Implementing promise barriers with $q.all()
- Creating promise wrappers with $q.when()
- Using promises with $http
- Using promises with $resource
- Using promises with Restangular
- Incorporating promises into native route resolves
- Implementing nested ui-router resolves
- Lesson 1: Maximizing AngularJS Directives
- 4. Full-Stack AngularJS – MEAN Web Development
- Lesson 1: Getting Started with Node.js
- Lesson 2: Building an Express Web Application
- Lesson 3: Introduction to MongoDB
- Introduction to NoSQL
- Introducing MongoDB
- Key features of MongoDB
- MongoDB shell
- MongoDB databases
- MongoDB collections
- MongoDB CRUD operations
- Creating a new document
- Reading documents
- Updating existing documents
- Deleting documents
- Deleting all documents
- Deleting multiple documents
- Deleting a single document
- Lesson 4: Introduction to Mongoose
- Lesson 5: Managing User Authentication Using Passport
- Introducing Passport
- Understanding Passport strategies
- Understanding Passport OAuth strategies
- Setting up OAuth strategies
- Handling OAuth user creation
- Using Passport's Facebook strategy
- Using Passport's Twitter strategy
- Using Passport's Google strategy
- Installing Passport's Google strategy
- Configuring Passport's Google strategy
- Wiring Passport's Google strategy routes
- Lesson 6: Introduction to AngularJS
- Introducing AngularJS
- Key concepts of AngularJS
- Installing AngularJS
- Structuring an AngularJS application
- Bootstrapping your AngularJS application
- AngularJS MVC entities
- AngularJS routing
- AngularJS services
- Managing AngularJS authentication
- Lesson 7: Creating a MEAN CRUD Module
- Introducing CRUD modules
- Setting up the Express components
- Creating the Mongoose model
- Setting up the Express controller
- The error handling method of the Express controller
- The create() method of the Express controller
- The list() method of the Express controller
- The read() middleware of the Express controller
- The update() method of the Express controller
- The delete() method of the Express controller
- Implementing an authentication middleware
- Implementing an authorization middleware
- Wiring the Express routes
- Configuring the Express application
- Introducing the ngResource module
- Implementing the AngularJS MVC module
- Finalizing your module implementation
- Lesson 8: Adding Real-time Functionality Using Socket.io
- Lesson 9: Testing MEAN Applications
- Introducing JavaScript testing
- Testing your Express application
- Testing your AngularJS application
- Introducing the Jasmine framework
- AngularJS unit tests
- AngularJS E2E tests
- Lesson 10: Automating and Debugging MEAN Applications
- Reflect and Test Yourself! Answers
- Bibliography
- Index
- Setting up OAuth strategies
- Deleting all documents
Hello and welcome to this AngularJS – Maintaining Web Applications course. You now have a clear pathway from learning AngularJS core features right through to coding full-stack AngularJS web applications!
|
This course has been planned and created for you by me Shiny Poojary – I am your Course Guide, and I am here to help you have a great journey along the pathways of learning that I have planned for you. I’ve developed and created this course for you and you’ll be seeing me through the whole journey, offering you my thoughts and ideas behind what you’re going to learn next and why I recommend each step. I’ll provide tests and quizzes to help you reflect on your learning, and code challenges that will be pitched just right for you through the course. |
If you have any questions along the way, you can reach out to me over email or telephone and I’ll make sure you get everything from the course that we’ve planned – for you to become a working AngularJS developer and able to work in the full-stack. Details of how to contact me are included on the first page of this course.
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.