Projects In JavaScript and JQuery (Udemy.com)

Master JavaScript for Web projectsLearn the use of JQueryUse JavaScript and jQuery in professional projectsDesign web projects more effectively and elegantly

( 216 Reviews )

Created by: Eduonix Learning Solutions

Produced in 2018

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 86 / 100

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 courseCH1: Simple JavaScript QuizDescription: 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 arraysFeatures/Technologies: HTML5, CSS3, JavaScript, Variables & Arrays, Loops, Responsive DesignCH2: jQuery Content SliderDescription: 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 thisFeatures/Technologies: HTML5, CSS3, JavaScript, Lists, jQuery selectors, methods like addClass() and removeClass() and animation methods like fadeIn() and fadeOut()CH3: YouTube Search EngineDescription: 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() methodCH4: FAQ Accordian SliderDescription: 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 othersFeatures/Technologies: HTML5, CSS3, JavaScript, jQuery, Lists, jQuery Selectors, jQuery slide methodsCH5: Ajax PHP ShoutboxThis 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 tablesFeatures/Technologies: HTML5, CSS3, JavaScript, jQuery, AJAX, PHP, MySQL, PHPMyAdminCH6: Apple Style ThumbsliderIn 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 autoscrollFeatures/Technologies: HTML5, CSS3, JavaScript, jQuery, Custom animate() methodCH7: Create a jQuery PluginIn 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. comFeatures/Technologies: HTML5, CSS3, JavaScript, jQuery, jQuery plugin conventions, Git, Github, Command line utilityCH8: jQuery Portfolio GalleryWe will build an image gallery with a few features such as categorization, lightbox effect and overlay effectFeatures/Technologies: HTML5, CSS3, JavaScript, jQuery, Lightbox2 PluginCH9: jQuery Mobile AppThis 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 dataFeatures/Technologies: HTML5, CSS3, JavaScript, jQuery, jQuery Mobile, localStorage apiCH10: Tic Tac ToeThis 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, ConditionalsWho this course is for:Basic Knowledge of Web programming is Expected. This is not a beginner's courseIntermediate Web programmers and developers shall find this course extremely useful

Beginner Level

Time: 2h

Instructor Details

Eduonix Learning Solutions

4.3 Rating
216 Reviews

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.

Introduction to JavaScript (2015)

4.1 (42 Reviews)

Provider: freeCodeCamp

Free

JavaScript Tutorial for Beginners by The Net Ninja

JavaScript Tutorial for Beginners by The Net Ninja (2015)

4.9 (21 Reviews)

Provider: YouTube
Time: 5h

Free

Code! Programming with p5.js for Beginners

Code! Programming with p5.js for Beginners (2019)

4.2 (14 Reviews)

Provider: YouTube
Time: 7h

Free

More Courses

Reviews

4.3

216 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Christopher Waddell on 5/17/2019

This course is just JQuery, that's lazy and less relevant thesedays

By Abhijeet Das on 5/7/2019

Good course. Basics cleared. Gives confidence for working on big projects.

By Leandro Da Souza on 5/5/2019

a little more in depth would have been nice, like why we do what we are currently doing, at times you just follow along which feels like you are just copying instead of learning.

By Ryan Wemmer on 3/23/2019

Great examples, clear project goals, and easy to follow instructor. Good course.

By Robin Cunningham on 3/20/2019

As usual, an informative instructional lesson.

By Joshua Morris on 3/5/2019

This course is wonderful as a refresher for those who have dabbled in web development previously.

By Howard Teems on 2/27/2019

So far so good!

By Aniel Feyt on 11/26/2018

Great projects to teach you how to use jQuery. It does contain some outdated content but you should be able to figure it out if you have enough experience using Javascript.

By Glenn Yago on 9/21/2018

so far, seems okay, perhaps because the usage and examples are somewhat in need of being updated... but I will have to reserve judgement until I am thoroughly done with the final lecture. thanks.

By Mmachoene Deshea Papo on 8/29/2018