Projects In JavaScript & JQuery (Udemy.com)

Learn JavaScript and JQuery Building Ten Projects

Created by: Eduonix Learning Solutions

Produced in 2018

icon
What you will learn

  • Master JavaScript for Web projects
  • Learn the use of JQuery
  • Use JavaScript and jQuery in professional projects
  • Design web projects more effectively and elegantly

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 86 / 100

icon
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.
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 Who this course is for:
  • 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

icon
Instructor Details

placeholder

Eduonix creates and distributes high quality technology training content. Our team of industry professionals have been training manpower for more than a decade. We aim to teach technology the way it is used in industry and professional world. We have professional team of trainers for technologies ranging from Mobility, Web to Enterprise and Database and Server Administration.

icon
More courses by Eduonix Learning Solutions

Learn Ruby on Rails from Scratch

$11.99

Learn Adobe Photoshop from Scratch

$11.99

The Full Stack Web Development

$11.99

Learn Nodejs by building 12 projects

$11.99

Learn HTML5 Programming From Scratch

$11.99

Learn Socket Programming in C from Scratch

$11.99

icon
More jquery courses

jQuery UI in Action: Build 10 jQuery UI Projects

$11.99

jQuery in Action: Build 16 jQuery Projects

$11.99

AJAX using Javascript and JQuery + 2 Projects

$11.99

Learn jQuery for beginners web development

$11.99

jQuery for Beginners - Create Website Animations Easily

$11.99

Learn How to Build a Website with jQuery

$11.99

icon
Reviews

4.3

50 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Cottrell

This course is great for newbies in Javascript and JQuery. It is very well explained.A good place to start learning about JQuery and JavaScript.

By Edward Bentley

I'm enjoying the course, my only complaint is not knowing before hand the reason why I'm doing what I'm doing. So if things were explained better that would be helpful. Overall if I had to do a project exactly like it I'm good, but if it had some other tasks I may get lost because it wasn't explained well. –but still pushing through.

By Arjun Khode

Some of the shared code is wrong/doesn't work. He makes a lot of mistakes while coding which are confusing at times.But very useful strong projects to build a portfolio.

By Jonathan Martin

The presentation is professional and very clear. There is a lot of material in this course and each project explores different but very important functionality. As my first course purely covering JavaScript, but having done lots of backend and styling previously, I think this course was great and I learned a lot. The only criticism I have is I would have liked to see more use of jQuery with API's, as in the YouTube API project (which appears to require updating as of April 2016).

By Pat Russell

I'm about halfway through this course, and I'm really enjoying it. The learning projects seem to reflect real-world usefulness, and there are lots of other tips to pick up along the way with things like css (which I'm also new to). The instructor has a style I prefer - straight to the point, clear with explanations and obviously knows the subject inside out. My only criticism - and this might be because I'm also only learning other web tech - is that he sometimes races through putting everything together without explaining any of the decisions that have gone before - you can tell that he's following a "here's one I made earlier" script. But overall, great - I would recommend it for a beginner to JQuery provided they've at least dabbled in javascript, html, css.

By Anonymized User

I think it that the lecturer starts from scratch for each example, when he makes mistakes and troubleshoots, it is a valuable lesson.

By Kelvin Mbewe

always the best, I really enjoy brad's top 10 projects and ive consumed almost have of them under my best, thanks man

By Yaso Nagapuri

This is one of the best programming courses I have ever taken. The pace was reasonable, explanations clear and one comes away with an understanding

By Haroldsx450

I am currently half way through this course and am extremely happy with its contents, instructor and best of all the SERVICE. These guys are great, most of the problems I have had has been typos on my behalf but Eduonix have responded to every query with a polite tone pointing this out and letting me know where the problem was. I've done a few courses on udemy now and find most of the courses do not offer the after sales service like Eduonix does.

If you after knowledge in Javascript/jQuery then this course is for you.

Thanks Guys

By Rene Perea

This course was a great introduction to javascript, Jquery it helped me better understand the power of javascript.

By Madeline Findlay

Projects are nice but instructor is not clearly explaining what is being done and instead just write code. That goes for a big minus as not everyone who takes this course does know everything about jquery and javascript. Same thing goes for other courses of this instructor.

By Carlos Pereira

Moving from easy to difficult without a middle, is not the best way to keep different abilities on board. I found the start easy then the jump was to great to the next level. The low cost made it OK.

Is it worthwhile? Yes, only because the cost is low.