Udemy - Projects In JavaScript & JQuery

Discussion in 'Coding Tutorials' started by sAsUk3, Jun 1, 2016.

  1. sAsUk3

    sAsUk3 Member

    Likes Received:

    Udemy - Projects In JavaScript & JQuery

    Lectures: 50
    Video: 9 hours
    Skill Level: All Levels
    Languages: English, captions
    Includes: Lifetime access 30 day money back guarantee!, Available on iOS and Android, Certificate of Completion
    Homepage: Projects In JavaScript & JQuery

    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

    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

    Section 1: Introduction
    Lecture 1 Course Intro 03:48

    Section 2: Simple JavaScript Quiz
    Lecture 2 Project Intro 01:31
    Lecture 3 JavaScript Fundamentals 18:26
    Lecture 4 Quiz File Structure and HTML 11:26
    Lecture 5 Quiz CSS 07:15
    Lecture 6 Quiz JavaScript 17:54

    Section 3: jQuery Content Slidr
    Lecture 7 Project Intro 02:15
    Lecture 8 jQuery Fundamentals 12:52
    Lecture 9 Content Slider HTML & CSS 18:59
    Lecture 10 Content Slider JavaScript 17:08

    Section 4: Youtube Search Engine
    Lecture 11 Project Intro 02:50
    Lecture 12 HTML & CSS 18:58
    Lecture 13 Searchbar Styling & Animation 14:58
    Lecture 14 YouTube API GET Request 15:21
    Lecture 15 Displaying Results From API 22:01
    Lecture 16 Paging Buttons & Lightbox 14:02

    Section 5: FAQ Accordian Slider
    Lecture 17 Project Intro 02:20
    Lecture 18 FAQ Slider HTML 10:17
    Lecture 19 FAQ Slider CSS 06:44
    Lecture 20 FAQ Slider JavaScript 10:44

    Section 6: Ajax PHP Shoutbox
    Lecture 21 Project Intro 01:51
    Lecture 22 Ajax Shoutbox HTML & CSS 18:32
    Lecture 23 Connect PHP to MySQL 06:56
    Lecture 24 jQuery Ajax POST Request 10:23
    Lecture 25 Inserting and Selecting Data From MySQL 17:14

    Section 7: Apple Style Thumbslider
    Lecture 26 Project Intro 01:43
    Lecture 27 Thumbslider HTML 09:54
    Lecture 28 Thumbslider CSS 14:03
    Lecture 29 Thumbslider JavaScript 18:03

    Section 8: Create a jQuery Plugin
    Lecture 30 Project Intro 02:06
    Lecture 31 Environment & Git Repository Setup 16:29
    Lecture 32 Creating The Main Plugin File 16:25
    Lecture 33 Creating The Manifest File 05:09
    Lecture 34 Publishing A Plugin To The Registry 09:51

    Section 9: jQuery Portfolio Gallery
    Lecture 35 Project Intro 01:55
    Lecture 36 PGallery HTML & CSS 22:37
    Lecture 37 Image Categories 12:05
    Lecture 38 Image Overlay Effect 16:22
    Lecture 39 LightBox & Responsive Layout 06:35

    Section 10: jQuery Mobile App
    Lecture 40 Project Intro 02:25
    Lecture 41 jQuery Mobile UI 23:56
    Lecture 42 Adding Runs to LocalStorage 16:05
    Lecture 43 Displaying Runs 10:53
    Lecture 44 Editing Runs 18:00
    Lecture 45 Deleting Runs from localStorage 08:10

    Section 11: Tic Tac Toe Game
    Lecture 46 Project Intro 01:25
    Lecture 47 Tic Tac Toe HTML 05:51
    Lecture 48 Tic Tac Toe CSS 06:13
    Lecture 49 Tic Tac Toe Logic-JavaScript 17:09

    Section 12: Course Summary

    Hidden Content:
    You must 'reply' and click 'Like' before you can see the hidden content.
    leo700 likes this.
  2. igslipknot

    igslipknot New Member

    Likes Received:
  3. leo700

    leo700 New Member

    Likes Received:
    Is this includes course files ?

Share This Page