HTML and Jquery Training

IntelliPaat

How long?

  • online
  • on demand

What are the topics?

IntelliPaat

Disclaimer

Coursalytics is an independent platform to find, compare, and book executive courses. Coursalytics is not endorsed by, sponsored by, or otherwise affiliated with any business school or university.

Full disclaimer.

Who should attend

  • Software Developers and IT Professionals
  • UI Designers and HTML and Java Developers

What are the prerequisites for taking up this training course?

Anybody can take up this training course regardless of their skill set. Although, a basic knowledge of Java language can be helpful.

About the course

This is a combo course that includes the complete understanding of HTML and jQuery. You will be able to design and develop highly complex web applications. Some of the topics included are HTML5, client-side scripting using jQuery, jQuery library and DOM manipulation.

What will you learn in this training course?

  • Core concepts of HTML and jQuery
  • HTML compatibility, utility and interoperability
  • HTML5 Page encoding and Markup
  • jQuery event handling
  • jQuery AJAX and UI basics
  • Various UI components of jQuery
  • jQuery operators, functions and OOP
  • Document and event handling in jQuery

Why should you take up this training course?

HTML5 is being deployed by corporations to build their websites since it has improved semantics, cleaner markup and improved coding features. jQuery is a powerful, yet light weight, framework; it offers multiple plugins for specific purposes. It is easier to utilize since it uses the familiar CSS syntax. This training course provides you with all skills needed in HTML and jQuery to pursue a career that provides high growth opportunities.

HTML5 and jQuery Course Content

HTML Course Content

  • Understanding HTML

Introduction to the Internet, and Web Technologies, learning about Server, Server types, HTTP Protocol, programming and methods, introduction to HTML programming, creation of HTML tags, marketing element with tags, adding attributes to an element, HTML5 Document Declaration and Document Structure, the strengths of HTML5 – extensive multimedia support, Canvas element, drag and drop features, geolocation, web storage, web workers and web sockets.

  • Deep dive into HTML

Detailed understanding of HTML5, the various elements like Header, Footer, Navigation, Section, Address, Article and Menu Elements, HTML specifications, creation of menu with order and unordered list, command table, distinguishing between Section & Article Element, web form creation and DIV element.

Hands-on Exercise – Write an htmp page with Header, Footer, Navigation elements, Create menu with order and unordered list, Create a web form, Create a div and a span element.

Jquery Course Content

  • Introduction to JQuery

Introducing JQuery, the objective of JQuery, fast and concise JavaScript Library, learning to use the JQuery Library, JQuery strengths of animation, event handling, HTML document traversing and Ajax interactions, accessing Google Hosted CDN, understanding DOM Loaded and DOM Not Loaded, the difference between window.onload and document.ready, understanding the wrapping element, selecting elements and performing action, finding zero elements, chaining multiple methods, JQuery Version, JQuery Prototype, no-conflict mode.

Hands-on Exercise – Traverse HTML document using Ajax interactions and retrived the values of elements, Access Google Hosted CDN

  • Working with Selectors & CSS

Introduction to Cascading Style Sheets, and CSS Selectors, understanding the various functions like HTML, CSS, Val, AddClass, RemoveClass, toggleClass Function, hasClass Function, understanding attr Function, removeAttr Function, prop Function, removeProp Function, Attribute Equal Selector, Attribute Not Equal Selector, Attribute Start with Selector, Attribute Ends with Selector, understanding Class, Element, ID, Lang, Not, Root Selector, working with last-of-type selector, Only Child Selector, Parent, Empty, Form and Button Selector.

Hands-on Exercise – Perform css operations to change the properties and alignments of page elements and tags

  • Working with JQuery Core

Introduction to JQuery Core, understanding how JQuery Core is defined in the JQuery Script, understanding the various functions like isEmptyObject, isPlainObject, isNumeric, isWindow Function, isArray Function, isEmptyObject, isPlainObject, the merge and map function, summary.

Hands-on Exercise – Use functions isEmptyObject, isPlainObject, isNumeric, isWindow Function, isArray Function, isEmptyObject, isPlainObject, the merge and map function

  • Event Handling

The objectives of JQuery Event Model, Binding Event Handlers, the bind and unbind event attachment, JQuery New Event API, current Target and related Target Property, JQuery Event Classification, form, mouse, keyboard events, trigger functions, custom events, the trigger Handler Function, summary.

Hands-on Exercise – Bind Event Handlers, Bind and Unbind event, set current Target and related Target Property, Handle events of form field entry, mouse clicks, keyboard events, trigger functions, custom events, the trigger Handler Function

  • Working with DOM Elements

Understanding the of Document Object Model, DOM Manipulation and function classification, the various Functions like wrap, wrapAll, wrapInner, unwrap, working with append, prepend, DOM Insertion, insertAfter, replaceAll Functions, summary.

Hands-on Exercise – Manipulate DOM using jQuery methods like wrap, wrapAll, wrapInner, unwrap, working with append, prepend, DOM Insertion, insertAfter, replace All

  • Working with AJAX

Understanding Asynchronous JavaScript, comparing Synchronous and Asynchronous, the advantages and disadvantages of AJAX, the data types, Get vs Post, 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.

Hands-on Exercise – Use heart plugin to show ratings of a webpage, Use $.ajax() to define GET and POST request handlers, Use jqXHR Object, Send a AJAX request, Use jQuery $.get() Method, Use $.post() Method

HTML and jQuery Project

What projects I will be working on this HTML and Jquery training?

Project – Login Page and Load the data

Industry : Internet

Problem Statement – How to create a typical login page

Topics : 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 another page which includes three options: Load Data, Reload Data, Load Content. This is a hands-on project that helps you understand how HTML and JQuery works.

Highlights:

  • Detailed HTML like Header, Footer, Navigation
  • Working with JQuery library
  • DOM programming API

HTML and jQuery Certification

At the end of the course, there will be a quiz and project assignments. Once you complete them, you will be awarded with Intellipaat Course Completion Certificate. Become highly in demand with Intellipaat certifications!

Videos and materials

HTML and Jquery Training at IntelliPaat

From  $113

Something went wrong. We're trying to fix this error.

Thank you for your application

We will contact the provider to ensure that seats are available and, if there is an admissions process, that you satisfy any requirements or prerequisites.

We may ask you for additional information.

To finalize your enrollment we will be in touch shortly.

Disclaimer

Coursalytics is an independent platform to find, compare, and book executive courses. Coursalytics is not endorsed by, sponsored by, or otherwise affiliated with any business school or university.

Full disclaimer.

Because of COVID-19, many providers are cancelling or postponing in-person programs or providing online participation options.

We are happy to help you find a suitable online alternative.