Learn Projects In JavaScript And JQuery

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

Course 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. Become one of the best & informed JavaScript & JQuery Developer by building projects to make you a Complete Industry Professional.   The following projects have been selected for this course: Simple JavaScript Quiz - Description: We will start with a fairly simple project of a one page, multiple choice JavaScript quiz. In this project we will look at some of the essentials when it ... Read More »

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.

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

 

The following projects have been selected for this course:

Simple JavaScript Quiz – Description: We will start with a fairly simple project of a one page, multiple choice JavaScript quiz. In this project 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

jQuery Content Slider – Description: jQuery is well known for things 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 add Class() and remove Class() and animation methods like fade In() and fade Out()

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

FAQ Accordian Slider – Description: We will build a content accordian. This is great for an FAQ section but of course 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

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

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

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

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

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 mile tracker app which will allow you to enter run or jog mileage and the date along with the ability to update and delete. Local Storage will be used for storing data.

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

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.

Read Less
Course Details:

Prerequisites

Basic Javascript, HTML and CSS should be known to the student.
Certificate Info:

Type of Certification

Certificate of Completion

Format of Certification

Digital

Method of Obtaining Certification

Students may download a soft copy of the certificate through the Eduonix portal.
About Instructor:

Eduonix learning Solutions is the premier training and skill development organization which was started with a vision to bring world class training content, pedagogy and best learning practices to everyone’s doorsteps.


Course Outline

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.