jQuery UI Development

Become an expert in jQuery UI by mastering concepts like jQuery Traversing, jQuery Events and effects, AJAX using jQuery, UI Widgets and jQuery Mobile.

jQuery UI Development

Course Description

The jQuery UI Development training course is designed to provide knowledge and skills to become a successful UI Developer. It starts with the fundamental concepts of jQuery DOM Traversing, jQuery Events API, jQuery Effects to advance topics of jQuery UI Widgets, jQuery Mobile etc. Participants will also get to implement one realtime UI Project to a web application and mobile app. jQuery UI training certifies you with ‘in demand’ Front End Technologies to help you grab the top paying UI/Front End Developers as job title with HTML5, CSS3, Javascript & jQuery skills. jQuery is a widely used JS Library in the web. 70% of all websites are run on jQuery. It has lots of demand in the web world. Big Brands that use jquery are: WordPress.com, Pinterest, Reddit, MSN.com, WordPress.org, Amazon, Yandex, Microsoft.com, GO.com, Ask.co... Read More »

The jQuery UI Development training course is designed to provide knowledge and skills to become a successful UI Developer. It starts with the fundamental concepts of jQuery DOM Traversing, jQuery Events API, jQuery Effects to advance topics of jQuery UI Widgets, jQuery Mobile etc. Participants will also get to implement one realtime UI Project to a web application and mobile app.

jQuery UI training certifies you with ‘in demand’ Front End Technologies to help you grab the top paying UI/Front End Developers as job title with HTML5, CSS3, Javascript & jQuery skills. jQuery is a widely used JS Library in the web. 70% of all websites are run on jQuery. It has lots of demand in the web world. Big Brands that use jquery are: WordPress.com, Pinterest, Reddit, MSN.com, WordPress.org, Amazon, Yandex, Microsoft.com, GO.com, Ask.com, ESPN, Craigslist, About.com, Go Daddy, Stack.

 

Projects

Project #1: Developing Admin for Content Management System
Type: CMS (Web Application)
Data: You will developing a real time UI Web pages and UI Components for a Content Management System.

Project #2: jQuery Mobile App
Type: Corp Event
Data: You will developing an Event Mobile App using jQuery Mobile.

Assignments
Each class has practical assignments which shall be finished before the next class and helps you to apply the concepts taught during the class.

Read Less
Course Outcomes:
  • Understand Basic & Advanced methods of jQuery Library
  • Apply various jQuery methods in building UI projects
  • Develop Rich Interactive Web pages
  • Learn where to use and how to use jQuery UI Widgets, Events jQuery Mobile
  • Apply jQuery Library to create Highly Rich Web & Mobile Apps
  • Work on a real time UI for Web and Mobile App.
Course Details:

Target Audience

The course is designed for professionals who want to learn jQuery UI & Mobile Library and wish to apply it on Web & Mobile Front end.


The following professionals can go for this course:

  1. Front End UI Developers who want develop Web Apps

  2. Professionals who want to build UI widgets for Enterprise Web Apps

  3. Professionals who want to build HTML5 based Mobile Apps

  4. UI Designers & Developers

  5. Freelance Web designers/developers

Access Timeframe

You get lifetime access to Learning Management System (LMS) where presentations, quizzes, installation guide & class recordings are there.

Prerequisites

The pre-requisite for this course include knowledge of Basic HTML, CSS & Javascript.
Certificate Info:

Type of Certification

Certificate of Completion

Format of Certification

Digital

Method of Obtaining Certification

At the end of your course, you will work on a real time Project. You will receive a Problem Statement along with a dataset to work. Once you are successfully through with the project (reviewed by an expert), you will be awarded a certificate with a performance based grading.

Course Outline

Learning Objectives : In this module, you will understand about jQuery and overview of what jQuery does for web pages. you will also learn Basics of HTML CSS and how jQuery is used to manipulate your DOM CSS Selectors.

Topics :

  • Intro to jQuery History
  • The jQuery Object($)
  • Basic DOM HTML Document/Page Types
  • CSS Selectors
  • IDE’s for jQuery
  • jQuery CDN Installation
  • jQuery Functions
  • Selectors
  • Querying DOM
  • Traversing the DOM
  • jQuery Selectors
  • jQuery Basic Functions
  • DOM Traversing

Learning Objectives : In this module, you will learn how jQuery is used manipulate DOM easily, Also you will learn about readily available jQuery effects that can be applied to web page to make Rich Interactive Websites.

Topics :

  • Adding and Removing DOM elements
  • Iterating with each()
  • DOM elements
  • Modifying Properties and Attributes
  • jQuery Filters
  • jQuery Effects, hide/show, fading methods, chaining
  • Animate Function

Learning Objectives : In this module, you will learn jQuery Event event delegation and various events type in.

Topics :

  • jQuery Form Selectors
  • Form Validation
  • Form Submission
  • Events
  • Event Handling
  • jQuery on() off()
  • Custom Events and Triggers

Learning Objectives : In this module, you will learn about AJAX and how you can communicate with server using jQuery inbuilt functions and other jQuery utilities.

Topics :

  • AJAX using jQuery
  • Interacting with Server-Side
  • PHP and $.each and Templating
  • Twitter/Github API
  • Deferreds

Learning Objectives : In this module, you will learn about jQuery plugins, how to use them into your web projects and basic plugin development.

Topics :

  • jQuery 3rd party plugins
  • Plugin Implementation
  • Plugin Development

Learning Objectives : In this module, you will learn about jQuery UI and single UI Component. We will look through the APIs of each Component.

Topics :

  • Accordion Widget
  • Tabs Widget
  • Tooltip Widget
  • Menu Widget
  • Widget
  • Datepicker Widget
  • jQuery Mobile

Learning Objectives : In this module, you will learn about Basics of jQuery Mobile. And also various UI components available in jQuery Mobile.

Topics :

  • jQuery Mobile CSS Framework
  • jQuery Mobile Events
  • Mobile Widgets

DON'T HAVE TIME?

We can send you everything you need to know about this course through email.
We respect your privacy. Your information is safe and will never be shared.