• Call Now
    040 6666 6158
  • What's App
    +91 9642115000
  • Email
    info@rgsitsolutions.com

HTML and jQuery Training

HTML and jQuery Training

About Course

Master the skills of HTML and jQuery Training and learn the basics of Web Designing and Development This course is suitably designed for clearing the basic concepts of Web Development.

List of courses in this combo pack:

  • HTML
  • jQuery

Key Features:

  • A comprehensive, in-depth combo of HTML 5 and jQuery.. This course clears the basic concepts of web designing as it prepares in the latest version of HTML and jQuery.
  • 20hours of Intensive High-Quality in-depth Video E-Learning Sessions
  • 40 Hours of various Lab Exercises and Project Work
  • 70% of extensive learning through Hands-on exercises, Project Work, Assignments and Quizzes.
  • The training will be followed by a Quiz and Project Assignments. Once you complete them you will be provided with Intellipaat Course Completion Certification.
  • 24*7 Lifetime Support with guaranteed assistance for resolution of every problem and technical query.
  • Lifetime Access to Videos, Tutorials and Course Material
  • Guidance to Resume Preparation and Job Assistance

About HTML and jQuery Training Course

HTML5

HTML5 is the next generation of the HTML standard. It represents a vast advance concept for modern web applications which can function like desktop applications. It adds the existing capabilities what we have in earlier versions like HTML 4.01, XHTML 1.0, and XHTML 1.1. HTML5 is a standard for structuring and presenting content on the World Wide Web. HTML5 is teamwork between the WWW (World Wide Web) Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).

JQuery

JQuery is an open-source library used for client-side scripting. The JQuery course covers the core jQuery library, Document Object Model manipulation, and use of the UI library to work with various UI components.

This hands-on JQuery training course is designed to provide the basic, intermediate and advanced skills necessary to enhance Web pages using JQuery. Delegates will learn key concepts such as how to use variables, operators, functions, OOP, Document & Event handling and write scripts for form elements.

Project Work:

Project – Login Page and Load the data

Problem Statement – It creates a login page which contains two fields that are the username and the password. If user enters the correct value then it will show a successful message and redirect to the another page which includes three options:

  • Load Data
  • Reload Data
  • Load Content

Curriculum

HTML5

Module 1 – HTML Part 1

  • Internet
  • Web technology
  • Web technology Example
  • Internet server
  • Server types
  • HTTP protocol
  • HTTP methods
  • HTML programming
  • Difference between LET & post
  • GET example
  • Post Example
  • HTML introduction
  • Tolls for create HTML document
  • Marketing element with tags
  • Adding an attribute to an aliment
  • Document type Declaration
  • HEAD element
  • Adding comment
  • Defining the structure of the page body
  • Defining the use of the terms HTML
  • Distinction between CORE & HTML5 family
  • HTML-5 benefits
  • Syntax
  • Multimedia support
  • Silver light/video
  • The canvas element
  • A drawing cont
  • Support tech. of HTML 5
  • Geo location
  • Drag & Drop
  • Web storage
  • Web workers
  • Web socket

Module 2 – HTML Part 2

  • Elements of HTML file
  • Header Element
  • Navigation Element
  • Footer Element
  • Section Element
  • Aside Element
  • Address Element
  • Article Element
  • Menu Element
  • Problem with DIVAS
  • Specification for HTML
  • How to create menu with command table
  • Create menu with unordered & order list
  • Difference between section & Article Element
  • DIV element
  • Web form creation

JQuery

Module 1-Introduction to Jquery

  • Objectives
  • What is JQuery?
  • What JQuery Simplifies?
  • How to use JQuery Library
  • Accessing Google Hosted CDN
  • How to select an HTML element?
  • DOM Not Loaded
  • DOM Loaded
  • onload
  • Drawback of window.onload
  • The document ready Handler
  • onloadvsdocument.ready
  • What JQuery Performs?
  • Wrapper Set
  • Finding Zero Elements
  • Select Elements & Perform Action
  • Chain Multiple Methods
  • The PlainObject
  • JQuery Prototype
  • JQuery no-conflict Mode
  • JQuery Version
  • Summary

Module 2-Working with Selectors & CSS

  • Objectives
  • The html Function
  • The css Function
  • The val Function
  • The addClass Function
  • The removeClass Function
  • The toggleClass Function
  • The hasClass Function
  • The attr Function
  • The removeAttr Function
  • The prop Function
  • The removeProp Function
  • Attribute Equal Selector
  • Attribute Not Equal Selector
  • Attribute Start With Selector
  • The attributeEndsWith selector
  • The attributeContains selector
  • The attributeContainsPrefix selector
  • The attributeContainsWord selector
  • Has Attribute Selector
  • Multiple Attribute Selector
  • All Selector
  • Class selector
  • Element Selector
  • ID Selector
  • Multiple Selector
  • lang Selector
  • Not Selector
  • Root Selector
  • Target Selector
  • EQ Selector
  • LT Selector
  • The gt selector
  • Even Selector
  • Odd Selector
  • First Selector
  • Last Selector
  • Focus Selector
  • Header Selector
  • The first-child selector
  • The last-child selector
  • First & Last, Child Selector
  • The first-of-type selector
  • The last-of-type selector
  • Nth Child Selector
  • The nth-last-child selector
  • Only Child Selector
  • Contains Selector
  • Has Selector
  • Empty Selector
  • Parent Selector
  • Button Selector
  • Checkbox Selector
  • Form Element Selector
  • Checked Selector
  • Disabled Selector
  • Enabled Selector
  • Selected Selector
  • Child Selector
  • Descendant Selector
  • Next Adjacent Selector
  • Next Siblings Selector
  • Summary

Module 3-

Working with JQuery Core

  • Objectives
  • Utility Functions
  • The type Function
  • The isEmptyObject Function
  • The isPlainObject Function
  • The each Function
  • The extend Function
  • The fn.extend Function
  • The isFunction Function
  • The isWindow Function
  • The isNumeric Function
  • The noop Function
  • The now Function
  • The isArray Function
  • The makeArray Function
  • The inArray Function
  • The globalEval Function
  • The grep Function
  • The map Function
  • The merge Function Utility Functions
  • The type Function
  • The isEmptyObject Function
  • The isPlainObject Function
  • The each Function
  • The extend Function
  • The fn.extend Function
  • The isFunction Function
  • The isWindow Function
  • The isNumeric Function
  • The noop Function
  • The now Function
  • The isArray
  • Function
  • The makeArray Function
  • The inArray Function
  • , The globalEval Function
  • The grep Function
  • The map Function
  • The merge Function
  • Summary

Module 4-Event Handling

  • Objectives
  • JQuery Event Model
  • Binding Event Handlers
  • The bind Event Attachment
  • The unbind Event Attachment
  • The delegate Event Attachment
  • JQuery New Event API
  • The on Event Attachment
  • The off Event Attachment
  • Using Methods Event Attachmen
  • More Event Handlers
  • The pageX Event Properties
  • The pageY Event Properties
  • The currentTarget Property
  • The relatedTarget Property
  • The target Property
  • The data Property
  • The preventDefault Method
  • The stopImmediatePropagation Method
  • The result Property
  • The type Property
  • The which Property
  • JQuery Event Classficiation
  • The Form Events
  • The Mouse Events
  • The Keyboard Events
  • The focus Event
  • The focusin Event
  • The blur Event
  • The focusout Event
  • The hover Event
  • The one Event Attachment
  • The trigger Function
  • The Custom Events
  • Trigger Pass Data
  • Submit Form Without submit() func
  • The triggerHandler Function
  • Summary

Module 5-Working with DOM Elements

  • Objectives
  • DOM Manipulation
  • DOM Manipulation Function Classfication
  • DOM Insertion
  • Around
  • The wrap Function
  • The wrapAll Function
  • The wrapInner Function
  • The unwrap Function
  • DOM Insertion
  • Inside
  • The append Function
  • The appendTo Function
  • The prepend Function
  • The prependTo Function
  • DOM Insertion
  • Outside
  • The after Function
  • The insertAfter Function
  • The before Function
  • The insertBefore Function
  • The empty Function
  • The replaceAll Function
  • The replaceWith Function
  • The replaceAll Function
  • The get Function
  • The index Function
  • The toArray Function
  • Summary

Module 6-Working with AJAX

  • Synchronous vs Asynchronous
  • Advantage and Disadvantages
  • Get vs Post
  • Data Types
  • jQuery $.ajax() : The heart
  • The jqXHR Object
  • Ajax core method : Settings
  • A Sample AJAX request
  • jQuery $.get() Method
  • jQuery $.post() Method
  • .load method
  • AJAX EVENTS
  • Helper Function
  • References

Project –

Login Page and Load the data

Problem Statement –

It creates a login page which contains two fields that is username and password. If user enters the correct value then it will show a successful message and redirect to the another page which includes three options:
  • Load Data
  • Reload Data
  • Load Content
Sample Description

Enquiry Form


 

 

 

 

classroom_training
corporate-training
realtime_projects