17 Complete JavaScript projects explained step by step
3.8 (28 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
349 students enrolled
Wishlisted Wishlist

Please confirm that you want to add 17 Complete JavaScript projects explained step by step to your Wishlist.

Add to Wishlist

17 Complete JavaScript projects explained step by step

Learn faster and enhance your JavaScript skills by building 17 complete projects step by step from scratch
3.8 (28 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
349 students enrolled
Last updated 11/2016
English
Curiosity Sale
Current price: $10 Original price: $185 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 9.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create practical and useful apps for everyday use
  • Create a calculator
  • Create a digital clock
  • Create word length calculator
  • Create a percentage calculator
  • Create a button color changer
  • Create an to display the day of the week
  • Create a contact form with local storage
View Curriculum
Requirements
  • A text editor and web browser is required.
  • You need to have basic knowledge of HTML ,CSS and JavaScript
Description

The best way  for a  beginner to enhance their skills is by practicing building various projects.

This course is a beginner course for those who have some basic knowledge of how HTML, CSS and JavaScript works. 

Some of the projects you will be creating in this practical hands on course include:

  • Creating a functional calculator
  • Creating a digital clock
  • Creating  a word count tool
  • Creating a button color changer
  • Creating a percentage tip calculator
  • Creating a contact form with local storage

HTML will be used to create the structure of these applications.

CSS will be used to apply styling to make the applications look nice and presentable.
Java script creates the functionality for the app and required HTML and CSS to be in place before it can do it's thing.
They are are like a canvas for JavaScript to work on.

In this course you will learn useful and practical steps to creating web based browser apps that will work when viewed with any modern web browser.
I will be using google chrome for this project and i advise you do the same.

A good text editor makes writing code fun and productive. 
 I will be using sublime text editor for this course. It is a cross platform text editor that will work on any platform  like windows and macs.It is free to download and use but recommend that you purchase a full license after trying it out if you enjoy using it.
Another good cross platform text editor is brackets which is open source and completely free to use. By open source i mean  developers from around the world can contribute to make it even better.

By the end of this course you will be confident to build more useful projects .

Who is the target audience?
  • This course is for anyone with basic knowledge of HTML ,CSS and JavaScript
Students Who Viewed This Course Also Viewed
Curriculum For This Course
106 Lectures
09:40:35
+
Basic Introduction
5 Lectures 30:55


Css Syntax Rule
05:22

How To Access jQuery Library
09:49

Javascript Syntax
05:49
+
Project 1: Creating a Calculator
6 Lectures 36:44


Creating directory and files
03:15

Creating the app structure with -HTML
10:27

Styling the app with - CSS
09:49

Creating the functionality with Javascript
09:57
+
Project 2: Creating a digital clock
6 Lectures 31:06
Overview
01:31


Creating directory and files
03:25

Creating the app structure with - HTML
07:39

Styling the app with - CSS
08:51

Adding functionality with - Javascript
08:30
+
Project 3: Creating a Percentage Tip Calculator
6 Lectures 39:08
Overview
01:22


Creating directory and files
02:32

Creating the app structure with - HTML
11:23

Aplying the the styling with - CSS
10:26

Adding the functionality with - Javascript
12:01
+
Project 4: Creating a word length Calculator
6 Lectures 32:07
Overview
01:18


Creating directory and files
04:47

Creating the app structure with - HTML
08:48

Aplying the the styling with - CSS
08:14

Adding the functionality with - Javascript
07:36
+
Project 5: Creating a contact form
6 Lectures 39:32
Overview
01:58


Creating directory and files
03:31

Creating the app structure with - HTML
09:48

Aplying the the styling with - CSS
10:31

Adding the functionality with - Javascript
09:49
+
Project 6: Creating an app to display the day of the week
6 Lectures 39:56
Overview
01:56


Creating directory and files
05:42

Creating the app structure with - HTML
10:10

Aplying the the styling with - CSS
08:44

Adding the functionality with - Javascript
10:54
+
Project 7: Creating a color changing app
6 Lectures 28:11
Overview
01:25


Creating directory and files
03:08

Creating the app structure with - HTML
06:47

Aplying the the styling with - CSS
08:15

Adding the functionality with - Javascript
07:56
+
Project 8: Create an Image Slider
6 Lectures 22:38
Overview
01:08


Creating project directory and files
02:23

Creating the structure
08:44

Applying the styling
03:05

Creating functionality with JavaScript
06:12
+
Project 9: Creating a maths addition game
6 Lectures 33:48
Overview
01:05


Creating the directory and files
01:48

Creating the structure
12:15

Applying the styling
04:40

Creating the functionality
12:42
8 More Sections
About the Instructor
Bluelime Learning Solutions
4.0 Average rating
1,578 Reviews
35,303 Students
86 Courses
Learning made simple

Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills .

Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need.