Course Description

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.

Features/Technologies: HTML5, CSS3, jQuery, JavaScript, Conditionals

What are the requirements?

• Basic Javascript, HTML and CSS should be known to the student

What am I going to get from this course?

• Over 50 lectures and 9 hours of content!
• Master JavaScript for Web projects
• Learn the use of JQuery
• Use JavaScript and jQuery in professional projects
• Design web projects more effectively and elegantly

What is the target audience?

• Basic Knowledge of Web programming is Expected. This is not a beginner's course
• Intermediate Web programmers and developers shall find this course extremely useful

Curriculum

Section 1: Introduction

                Lecture 1             Course Intro

Section 2: Simple JavaScript Quiz

                Lecture 2             Project Intro

                Lecture 3             JavaScript Fundamentals

                Lecture 4             Quiz File Structure and HTML

                Lecture 5             Quiz CSS

                Lecture 6             Quiz JavaScript

Section 3: jQuery Content Slider

                Lecture 7             Project Intro

                Lecture 8             jQuery Fundamentals

                Lecture 9             Content Slider HTML & CSS

                Lecture 10           Content Slider JavaScript

Section 4: Youtube Search Engine

                Lecture 11           Project Intro

                Lecture 12           HTML & CSS

                Lecture 13           Searchbar Styling & Animation

                Lecture 14           YouTube API GET Request

                Lecture 15           Displaying Results From API

                Lecture 16           Paging Buttons & Lightbox

Section 5: FAQ Accordian Slider

                Lecture 17           Project Intro

                Lecture 18           FAQ Slider HTML

                Lecture 19           FAQ Slider CSS

                Lecture 20           FAQ Slider JavaScript

Section 6: Ajax PHP Shoutbox

                Lecture 21           Project Intro

                Lecture 22           Ajax Shoutbox HTML & CSS

                Lecture 23           Connect PHP to MySQL

                Lecture 24           jQuery Ajax POST Request

                Lecture 25           Inserting and Selecting Data From MySQL

Section 7: Apple Style Thumbslider

                Lecture 26           Project Intro

                Lecture 27           Thumbslider HTML

                Lecture 28           Thumbslider CSS

                Lecture 29           Thumbslider JavaScript

Section 8: Create a jQuery Plugin

                Lecture 30           Project Intro

                Lecture 31           Environment & Git Repository Setup

                Lecture 32           Creating The Main Plugin File

                Lecture 33           Creating The Manifest File

                Lecture 34           Publishing A Plugin To The Registry

Section 9: jQuery Portfolio Gallery

                Lecture 35           Project Intro

                Lecture 36           PGallery HTML & CSS

                Lecture 37           Image Categories

                Lecture 38           Image Overlay Effect

                Lecture 39           LightBox & Responsive Layout

Section 10: jQuery Mobile App

                Lecture 40           Project Intro

                Lecture 41           jQuery Mobile UI

                Lecture 42           Adding Runs to LocalStorage

                Lecture 43           Displaying Runs

                Lecture 44           Editing Runs

                Lecture 45           Deleting Runs from localStorage

Section 11: Tic Tac Toe Game

                Lecture 46           Project Intro

                Lecture 47           Tic Tac Toe HTML

                Lecture 48           Tic Tac Toe CSS

                Lecture 49           Tic Tac Toe Logic-JavaScript

Section 12: Course Summary

                Lecture 50           Summary

Benefits of online course: 

1. High Quality Content
2. Learn Anywhere Anytime & at Your Pace
3. 24X7 Customer Support
5. Complete Student Support Throughout The Program
6. Online Video Training Material

*offer valid for a limited time period

For any query talk to our Expert

Mob:- +918587999769

      Project Intro