"
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
"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.
Rs. 149
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.
"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
© 2024 Josh Shop. All Rights Reserved.