Learn Projects In JavaScript And JQuery - Online Course

by Jagranjosh

Learn Projects In JavaScript And JQuery - Online Course

"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...View more

Specification

  • Language: English
  • Category: IT Services & Architecture
  • Product Type: Online Course
Product Description

"

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

 

Also boost your career in Website Development by learning:

 • Learn to Build Apps for Facebook and Chrome Store

• Learn to Build Websites using Twitter Bootstrap

• Learn Javascript And JQuery From Scratch

• Learn How to Build Ecommerce Website From Scratch

 

Table of Contents

SECTION 1:Introduction

1 Course Intro

SECTION 2: Simple JavaScript Quiz

2 Project 1 Intro

3 JavaScript Fundamentals

4 Quiz File Structure and HTML

5 Quiz CSS

6 Quiz JavaScript Logic

SECTION 3: jQuery Content Slider

7 Project 2 Intro

8 jQuery Fundamentals

9 Content Slider HTML & CSS

10 Content Slider JavaScript

SECTION 4:Youtube Search Engine

11 Project 3 intro

12 SearchVidz HTML & CSS

13 Searchbar Styling & Animation

14 YouTube API GET Request

15 Displaying Results From API

16 Paging and Lightbox

SECTION 5:FAQ Accordian Slider

17 Project 4 Intro

18 FAQ Slider HTML

19 FAQ Slider CSS

20 FAQ Slider JavaScript

SECTION 6:Ajax PHP Shoutbox

21 Project 5 intro

22 Ajax Shoutbox HTML and CSS

23 Connect PHP to MySQL

24 jQuery Ajax POST Request

25 Inserting and Selecting Data From MySQL

SECTION 7:Apple Style Thumbslider

26 Project 6 Intro

27 Thumbslider HTML

28 Thumbslider CSS

29 Thumbslider JavaScript

SECTION 8:Create a jQuery Plugin

30 Project 7 Intro

31 Environment & Git Repository Setup

32 Creating the Main Plugin File

33 Creating The Manifest File

34 Publishing A Plugin To The Registry

SECTION 9:jQuery Portfolio Gallery

35 Project 8 Intro

36 PGallery HTML and CSS

37 Image Categories

38 Image Overlay Effect

39 LightBox & Responsive Layout

SECTION 10: jQuery Mobile App

40 Project 9 Intro

41 jQuery Mobile UI

42 Adding Runs to localStorage

43 Display Runs

44 Editing Runs

45 Deleting Runs from localStorage

SECTION 11:Tic Tac Toe Game

46 Project 10 Intro

47 Tic Tac Toe HTML

48 Tic Tac Toe CSS

49 Tic Tac Toe Logic-JavaScript

SECTION 12:Course Summary

50 Course Summary

"

You May Also Be Interested In
  • Rs. 1499

Promo Code SAVE25

Use promocode SAVE25 to get upto 25% discount on offer price Minimum Order value - Rs 50/-. Offer is valid for all Jagran Josh products.

Best Sellers

Learn Projects In JavaScript And JQuery - Online Course
Learn Projects In JavaScript And JQuery - Online Course
"

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

Promo Code SAVE25

Use promocode SAVE25 to get upto 25% discount on offer price Minimum Order value - Rs 50/-. Offer is valid for all Jagran Josh products.

Specification
  • Language: English
  • Category: IT Services & Architecture
  • Product Type: Online Course
Product Description

"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 ... Read More

This website uses cookie or similar technologies, to enhance your browsing experience and provide personalised recommendations. By continuing to use our website, you agree to our Privacy Policy and Cookie Policy.OK