Course Kingdom
HomeCoursesJobsWebinarsBlogSavedAboutTelegram
Course Kingdom

Course Kingdom is an initiative to provide free education in a legit way. We provide free coupons of premium courses from different platforms, webinars, and job opportunities.

Quick Links

  • Home
  • Courses
  • Categories
  • Webinars
  • Jobs
  • Blog
  • Saved Courses
  • About Us
  • FAQ
  • Terms and Conditions
  • Privacy Policy

Social

  • Telegram

© 2026 Course Kingdom. All rights reserved.

Course Kingdom

— Course —

  1. Home
  2. Courses
  3. Learn Projects In JavaScript And JQuery
Learn Projects In JavaScript And JQuery
Web Development

2 October, 2022

Master JavaScript and jQuery by building 10 real world projects in this brilliant JavaScript and jQuery online tutorial.

$89.00FREE

Learn Projects In JavaScript And JQuery

JavaScript is the world's most popular language and is widely used in almost all web projects. JQuery has also become hugely popular within few years of its launch. These two technologies are must for any web developer and in order to help you master them in a practical manner we have created this elite course where you will use these technologies to create actual projects and will learn the nuances of their usage in real world.

The following projects have been selected for this course

CH1: Simple JavaScript Quiz

Description: We will start with a fairly simple project of a one page, multiple choice JavaScript quiz. In this projct we will look at some of the essentials when it comes to HTML5, CSS and JavaScript. We will look at event handlers, variables and even 'for loops' and arrays

Features/Technologies: HTML5, CSS3, JavaScript, Variables & Arrays, Loops, Responsive Design

CH2: jQuery Content Slider

Description: jQuery is well known for thigs like image gallerys, sliders, scrollers, etc. We will be building a very clean application which will allow us to click a 'next' button to fade in the next slide and a 'prev' button to go in the reverse direction. We will use the fadeIn() and fadeOut() animation methods to do this

Features/Technologies: HTML5, CSS3, JavaScript, Lists, jQuery selectors, methods like addClass() and removeClass() and animation methods like fadeIn() and fadeOut()

CH3: YouTube Search Engine

Description: In this project we will use the YouTube Data API v3 to build a video search engine. We will use the 'search . list' method to do this. We will also implement 'FancyBox', which is a lightbox script. This will allow use to have the video open on our site instead of being redirected to YouTube.

Features/Technologies: HTML5, CSS3, JavaScript, Youtube Data API v3, jQuery $.get() request, inserting HTML via html() method

CH4: FAQ Accordian Slider

Description: We will build a content accordion. This is great for an FAQ section but ofcourse could be used in many different contexts. We will use the slideToggle() method and some others

Features/Technologies: HTML5, CSS3, JavaScript, jQuery, Lists, jQuery Selectors, jQuery slide methods

CH5: Ajax PHP Shoutbox

This project will implement many technologies to build a shoutbox/chat module. We will build a backend MySQL database and connect via PHP. We will then make a request to another .php file which will insert the data into the correct tables

Features/Technologies: HTML5, CSS3, JavaScript, jQuery, AJAX, PHP, MySQL, PHPMyAdmin

CH6: Apple Style Thumbslider

In this project we will build an image slider much like ones you see on Apple's website and apps. It will use thumbnail banivation as well as autoscroll

Features/Technologies: HTML5, CSS3, JavaScript, jQuery, Custom animate() method

CH7: Create a jQuery Plugin

In this chapter we will actually create a simple jQuery plugin, get it ready and then upload it to the jQuery. com plugin registry. We will also look at using Git and Github. com

Features/Technologies: HTML5, CSS3, JavaScript, jQuery, jQuery plugin conventions, Git, Github, Command line utility

CH8: jQuery Portfolio Gallery

We will build an image gallery with a few features such as categorization, lightbox effect and overlay effect

Features/Technologies: HTML5, CSS3, JavaScript, jQuery, Lightbox2 Plugin

CH9: jQuery Mobile App

This will be our first mobile based app. We will use HTML5 and jQuery Mobile framework. You will learn how to build multi-page templates with jQuery Mobile. We will be building a miletracker app which will allow you to enter run or jog mileage and the date along with the ability to update and delete. localStorage will be used for storing data

Features/Technologies: HTML5, CSS3, JavaScript, jQuery, jQuery Mobile, localStorage api

CH10: Tic Tac Toe

This will be a nice and simple application. It is a very basic tic tac toe game. It will implement a few rules and conditionals for things like not being able to click in the same square twice.

Become one of the best & informed JavaScript & JQuery Developer by building projects to make you a Complete Industry Professional

 

Enroll NowJoin us on Telegram
Udemy Courses TelegramSubscribe on YouTube
Share
← Back to all courses

Related Courses

NEWLearn to Build Websites using Twitter Bootstrap
Web Development

Learn to Build Websites using Twitter Bootstrap

25 April, 2026
$89.00FREE
NEWLearn windows movie maker from scratch | Deep Learning from A to Z from beginners
Video & Content Marketing

Learn windows movie maker from scratch | Deep Learning from A to Z from beginners

25 April, 2026
$89.00FREE
NEWLearn To Build A Financial App in iOS
Mobile Development

Learn To Build A Financial App in iOS

25 April, 2026
$89.00FREE
NEWIonic Assessment
Mobile Development

Ionic Assessment

25 April, 2026
$89.00FREE
From Sanatan Hindu

Explore Sanatan Hindu Wisdom

Discover articles on Hindu rituals, mantras, festivals, and spiritual practices from sanatanhindu.co.in

Hindu Marriage Rituals Explained Step by Step
Sanskars

Hindu Marriage Rituals Explained Step by Step

A comprehensive guide to Hindu marriage rituals and customs

25 April, 2026
🙏
Daily Panchang

Daily Panchang — Sunday, 26 April 2026

Hindu Panchang for Sunday, 26 April 2026 — Dashami, Magha, Vaishakha, VS 2083. Includes Rahu Kaal, Choghadiya, and Abhijit Muhurat timings.

25 April, 2026
Maha Navami Pooja and Kanya Pujan Vidhi: A Comprehensive Guide
Festivals

Maha Navami Pooja and Kanya Pujan Vidhi: A Comprehensive Guide

Learn the significance, steps, and mantras for Maha Navami Pooja and Kanya Pujan, a vital part of Navratri celebrations

25 April, 2026
Navratri Garba and Dandiya — Cultural Significance
Festivals

Navratri Garba and Dandiya — Cultural Significance

Discover the cultural significance of Navratri Garba and Dandiya, traditional dances during Navratri

25 April, 2026
Durga Puja in Bengal — Traditions, Pandals and Rituals
Festivals

Durga Puja in Bengal — Traditions, Pandals and Rituals

Durga Puja, a significant festival in Bengal, celebrates Goddess Durga's victory over Mahishasura, symbolizing good over evil.

25 April, 2026
Jagannath Ji Ki Aarti — Complete Guide with Lyrics and Significance
Aartis & Bhajans

Jagannath Ji Ki Aarti — Complete Guide with Lyrics and Significance

Jagannath Ji Ki Aarti lyrics, significance, and vidhi. Know the benefits and importance of this aarti.

25 April, 2026
Visit Sanatan Hindu