Curriculum of HTML,CSS and Javascript jquery Development Training
MODULE 01:Implement and manipulate document structures and objects
Structure the UI by using semantic markup, including for search engines and screen readers (Section, Article, Nav, Header, Footer and Aside); create a layout container in HTML. Programmatically add and modify HTML elements; implement media controls; implement HTML5 canvas and SVG graphics. Change the location of an element; apply a transform; show and hide elements. Implement storage APIs, AppCache API and Geolocation API. Define the lifetime of variables; keep objects out of the global namespace; use the “this” keyword to reference an object that fired an event; scope variables locally and globally. Implement native objects; create custom objects and custom properties for native objects using prototypes and functions; inherit from an object; implement native methods and create custom methods.
Topic1: Create the document structure
- Using HTML5 semantic markup
- Creating a layout container in HTML
- Optimizing for search engines
- Optimizing for screen readers
Topic2: Write Code that interacts with UI controls
- Adding or modifying HTML elements
- Implementing media controls
- Implementing graphics with HTML5 canvas and SVG
Topic3: Apply styling to HTML elements programmatically
- Changing the location of an element
- Applying a transform
- Showing and hiding elements
Topic4: Implement HTML5 APIs
- Using the storage APIs
- Using the AppCache API
- Using the Geolocation API
Topic5: Establish the scope of objects and variables
- Establishing the lifetime of variables and variable scope
- Avoiding using the global namespace
- Leveraging the this keyword
Topic6: Create and Implement objects and methods
- Implementing native objects
- Creating custom objects
- Implementing inheritance
MODULE 02:Implement Program flow
This Module will describe you to Iterate across collections and array items; manage program decisions by using switch statements, if/then, and operators; evaluate expressions. Handle common events exposed by DOM (OnBlur, OnFocus, OnClick); declare and handle bubbled events; handle an event by using an anonymous function. Set and respond to error codes; throw an exception; request for null checks; implement try-catch-finally blocks. Receive messages from the HTML5 WebSocket API; use jQuery to make an AJAX call; wire up an event; implement a callback by using anonymous functions; handle the “this” pointer. Start and stop a web worker; pass data to a web worker; configure timeouts and intervals on the web worker; register an event listener for the web worker; limitations of a web worker.
Topic1: Implement Program flow
- Evaluating expressions
- Working with arrays
- Implementing special types of arrays
- Using advanced array methods
- Implementing iterative control flow
Topic2: Raise and Handle Events
- Handling DOM events
- Creating custom events
Topic3: Implement exception handling
- Implementing try..catch..finally constructs
- Checking for null values
Topic4: Implement a callback
- Implementing bidirectional communication with the web socket API
- Making webpages dynamic with jQuery and ajax
- Wiring up event with jQuery
- Implementing a callback with an anonymous function
- Using the this pointer
Topic5:-Create a web worker process
- Getting started with a web worker process
- Creating a worker process with the web worker API
- Using web workers
- Understanding web worker limitations
- Configuring timeouts and intervals
MODULE 03: Access and secure data
This module will give you proper vision to choose the appropriate controls based on requirements; implement HTML input types and content attributes (for example, required) to collect user input. Evaluate a regular expression to validate the input format; validate that you are getting the right kind of data type by using built-in functions; prevent code injection. Consume JSON and XML data; retrieve data by using web services; load data or get data from other sources by using XMLHTTPRequest. Binary data; text data (JSON, XML); implement the jQuery serialize method; Form. Submit; parse data; send data by using XMLHTTPRequest; sanitize input by using URI/form encoding.
Topic1:validate user input by using HTML5 elements
- Choosing input controls
- Implementing content attributes
Topic2: Validate user input by using JavaScript
- Evaluating regular expressions
- Evaluating regular expressions in JavaScript
- Validating data with built-in functions
- Preventing code injection
Topic3: Consume data
- Consuming JSON and XML data by using web services
- Using the XMLHttprequest object
Topic4: Serialize, deserialize and transmit data
- Sending data by using XMlHttpRequest
- Serializing and Deserializing JSON data
- Serializing and Deserializing binary data
MODULE 04: Use CSS3 in applications
In this module you will learn most Important part of web technologies,Apply styles to alter appearance attributes (size, border and rounding border corners, outline, padding, margin); apply styles to alter graphic effects (transparency, opacity, background image, gradients, shadow, clipping); apply styles to establish and change an element’s position (static, relative, absolute, fixed). Implement a layout using a flexible box model; implement a layout using multi-column; implement a layout using position floating and exclusions; implement a layout using grid alignment; implement a layout using regions, grouping and nesting. Animate objects by applying CSS transitions; apply 3-D and 2-D transformations; adjust UI based on media queries (device adaptations for output formats, displays and representations); hide or disable controls. Choose the correct selector to reference an element; define element, style and attribute selectors; find elements by using pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child). Reference elements correctly; implement inheritance; override inheritance by using !important; style an element based on pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child).
Topic1: Style HTML text properties
- Apply styles to text appearance
- Apply styles to text font
- Applying styles to text alignment, spacing, and indentation
- Applying styles to text hyphenation
- Applying styles for a text drop shadow
Topic2: Style HTML box properties
- Applying styles to alter appearance attributes
- Applying styles to alter graphic effects
- Apply styles to establish and change an element’s position
Topic3: Create a flexible content Layout
- Implement a layout using a flexible box model
- Implementing a layout using multi-column
- Implementing a layout using position, floating, and exclusions
- Implementing a layout using grid alignment
- Implementing a layout using regions, grouping, and nesting
Topic4: Create an animated and adaptive UI
- Animating objects by appliying CSS transitions
- Applying 3-D and 2-D transformations
- Adjusting UI based on media queries
- Hiding or disabling controls
Topic 5: Find elements using CSS selectors and jQuery
- Defining element, style, and attribute selectors
- Choosing the correct selector to reference an element
- Finding elements by using Pseudo-elements and pseudo-classes
Topic 6: Structure a CSS file by using CSS selectors
- Referencing elements correctly
- Implementing Inheritance Overriding inheritance using! important
- Styling an element based on pseudo-elements and pseudo-classes