JavaScript, Jquery, HTML5-CSS3, AngularJS Contents - Customized

JAVASCRIPT Frameworks jQuery: (Professional)
Training Contents Training Contents

Nodejs:
1. Overview of jQuery
 Installation of node js .
 What's jQuery and what's so good about it?
 Modules installation local and global
 Who is using it?
 Routing
 Cross-browser compatibility
 Express framework
 jQuery UI and Plugins
 Routing using express
 DB API
2. Getting started with jQuery
 Sessions
 Downloading and including jQuery
 Google and Microsoft CDN
Javascript Pure MVC
 Developer vs. Production versions (compressed v/s
 creating classes,controllers and models using
uncompressed)
JavaScript
 jQuery namespace and jQuery '$' alias
 routing with pure JavaScript
 Revisiting HTML DOM
 using inheritance to extend inherited controllers
 Debugging jQuery problems
 Mini project
3. Using jQuery
RequireJs
 Making sure that the page is ready
 Understanding issues and dependencies for file
 Selections using CSS3
loading
 Filters
 Asynchronous loading of files
 Multiple item selectors
 Using requirejs to address dependency handling
 Best practices
and asynchronous loading
 Decorating with CSS
 integrating requirejs with pure Javascript code
 Changing styles
 Integrating requirejs with backbonejs
 Adding/removing classes
 Requirejs configuration and paths
 Effects with jQuery (e.g. hiding, revealing, and
 Requirejs Optimizations
toggling elements)
 Basic Animations
Javascript workflows
 Call-back functions
Gruntjs
 Event handlers
 Using GruntJs to handle JavaScript workflow
 Adding and removing HTML elements
 understanding the grunt file
 Modifying content
 Running the grunt file
 Running application instance and handling with
4. Handling User Scrolling
grunt
 The scroll event
 Floating navigation
Bower
 Scrolling the document
 Library management issues
 Customizing scroll bars
 Handling libraries using bower
 Installing libraries using bower
5. Handling Resizing
 upgrading libraries
 The resize event
 dependencies
 Layout switcher
 Resizable elements (text area, plane splitter)
Yeoman
 Using yeoman to combine grunt and bower
6. Ajax with jQuery
 Scaffolding
 Overview of Ajax
 running the application
 Loading content asynchronously
 Handling the entire application workflow
 Fetching JSON data
 jQuery's Ajax facilities
jQuery Continued…
HTML5 & CSS Contents
 Common settings
 GET and POST requests HTML5 Overview
 Ajax Events  HTML5 History/Timeline
 Consuming XML  HTML5 Design Principles
 Sending HTML form data  What is (and isn’t) HTML5
 Loading external scripts dynamically  HTML Review
 Interactive Ajax  Doctype
 Spinners and progress indicators  Root Element
 Endless scrolling  <head> Element
 Syntax
7. Forms
 Simple form validation 2. HTML5 Elements
 The submit event  Content Models
 Validation plugin  New Structural Elements
 Form hints  HTML4/HTML5 Comparison
 Other New Elements
8. Controls  Redefined Elements
 Date picker  Obsolete Elements
 Date validation  HTML5 Outlines
 Sliders  When Can I Use It?
 Drag and drop  Feature Detection: Techniques
 Sorting with jQuery UI's sortable  Feature Detection: Examples
 Progress bar  Feature Detection: Modernizr
 CSS Styling
9. Dialogs and Notifications  Validating
 Simple modal dialog  Accessibility (WAI-ARIA)
 jQuery UI dialog
 Growl-style notifications 3. Forms
 1-up notification  HTML5 Forms Overview
 New Input Types: Contact Info
10. Advanced Concepts  New Input Types: Native Date Picking
 Best Practices  Opera’s Rendering of Date Input Types
 Clean code  New Input Types: Number and Range
 Comments  New Attributes
 Map objects  Detecting Support
 Name spacing  Accessibility (WAI-ARIA)
 Scoping  Styling Form Elements
 Client-side templating  Avoiding Validation
 Why browser-sniffing should be avoided  The Constraint Validation API
 Feature detection  Custom Validation Example
 Plugins
 Extending jQuery CSS - Introduction
 Coexisting with other JavaScript libraries  What's new about CSS3
(like prototype.js)  CSS3 Modularity
 Queuing and dequeuing animations
 Themes CSS Review
 Building custom themes using the Theme  Units in CSS
 builder  CSS Selectors
 Positioning
Advanced Selectors  Accessibility
 Resolving Specificity  Backwards Compatibility
 Pseudo-classes  Media API
 Pseudo-elements  Rolling Custom Controls
 Combinators
 Attribute Selectors 5. Canvas
 The @.. Rules  Canvas Overview
 The Canvas Element
CSS3 Browser Compatibility  The 2D Context
 Browser-specific properties  The Coordinate System
 What's supported where  Rectangles
 Paths
New Visual Effects in CSS3  Paths; Drawing Methods
 Rounded Corners  Curves and Arcs
 Color and Opacity: RGBA  Colors and Styles
 Text and Box Shadows  Gradients
 Gradients  Patterns
 Transformations: Scale, Translate
Advanced Visual Effects  Transformations: Rotate
 Border Image  Drawing States
 Multiple Backgrounds  Image Drawing
 Reflection  Animations
 Masks  Responding to User Events: Keyboard
 Responding to User Events: Mouse
Layout  Compositing
 Multi-column Layout  Text
 Text overflow ellipsis  Pixel Manipulations
 toDataURL()
Web Fonts  Accessibility
 @font-face  Canvas and Internet Explorer
 Copyright and open source fonts
 Font services and APIs 6. Geolocation
 Geolocation Overview
2D Transformations  Privacy Concerns
 scale  API Methods
 translate  API Attributes
 skew  Using the Geolocation API: Success
 rotate Handlers
 matrix  Using the Geolocation API: Error Handlers
 Using the Geolocation API: The Third
Animation Argument
 Transitions  watchPosition() and clearWatch()
 Keyframes  Fallback Support: Geo.js
 Triggering Animation
7. Local Data Storage
4. HTML5 Media (HTML Continued)  Local Data Storage Overview
 Audio and Video Element  Web Storage Overview
 Using the Media Elements  Web Storage API
 Attributes  Data Types
 Formats  JSON (JavaScript Object Notation)
 Serving Device-Specific Files  Accessing Storage
 The Storage Event  Detecting Connectivity
 Database APIs
 Web SQL Databases 12. Appendix C – Web Sockets
 Web Databases: Opening the DB, Creating Tables, and  Web Sockets Overview
Inserting Data  Using the WebSockets API
 Web Databases: Selecting, Using, and Deleting Data  WebSockets on the Server
 IndexedDB  Fallback Solutions
8. Web Messaging
 Cross Document Messaging
 Using the postMessage API
 Server-Sent Events Overview
 EventSource API
 Using the EventSource API: Client-side
 Event Stream Format: Server-side
 Simple Implementation
 XMLHttpRequest Level 2
 Cross-Origin Requests
 Making a Cross-Origin Request
 Progress Events
 Using Progress Events
9. Web Workers
 Web Workers Overview
 What Can You Do with a Worker?
 Message Passing
 Handling Errors
 Stopping Workers
 Loading and Executing External Scripts
 Workers within Workers
 Subworkers: An Example
 Security Notes
 Shared Workers: The Parent Page
 Shared Workers: Within the Worker
10. Appendix A – Microdata

 What Is It?
 Why Use It?
 Data Model
 Typed Items
 Using Microdata
11. Appendix B – Offline

 Offline Web Applications Overview
 Adding and Service a Cache Manifest
 Cache Manifest Sections
 Updating the Cache
 The ApplicationCache Object: Methods and Status
Values
 The ApplicationCache Object: Events
 Programmatically Updating the Cache
AngularJS Contents
1. Introduction to Angular.JS
 How Angular.js is opinionated 8. Communicating with Servers
 Difference between Backbone.js and Angular.js  Communicating over $http
 Configuring the requests
2. Angular.js Building Blocks  Sending Http Headers
 Controller Component  Caching Responses
 Model Component  Request and Response Transformation
 View Component  Using RESTful Resources
 Directives  Communication over WebSockets
 Filters
 Services 9. Unit Testing
 DI in Angular.js  Testing Models using Jasmine
 Test considerations for Directives and Filters
3. Anatomy of an Angular.js Applications  Using Angular Mocks
 Creating Boundaries using ng-app
 Model View Controller 10. Modular JavaScript
 Templates and Data Binding  Techniques for modularizing JavaScirpt code
 Repeating elements in templates 11. Miscellaneous
 Using Expressions, CSS Classes and Styles  Overview of OSS Angular Modules
 Using Controllers for UI responsibility separation  Customizing Angular Modules
 Responding to model changes
4. Data Binding in Angular.js

 Understanding Built-in Directives
 Scope resolution
 One way and Two way data binding
5. Using Filters
 Filters Overview
 Understanding Filter Expressions
 Building custom Filters
6. Services
 Services Overview
 Modularity using Services
 Injecting Services
7. Directives
 Directives Overview
 Creating Directives
 The Directive Definition Object
 Compilation and Linking
 Creating Components

JavaScript, Jquery, HTML5-CSS3, AngularJS Contents - Customized

Uploaded by

JavaScript, Jquery, HTML5-CSS3, AngularJS Contents - Customized

Uploaded by

JAVASCRIPT Frameworks jQuery: (Professional)

Training Contents Training Contents

10. Appendix A – Microdata

11. Appendix B – Offline

4. Data Binding in Angular.js

You might also like