HOT
blank

17 Complete JavaScript projects explained step by step

Development

Rating4.3
Enroll Now

17 Complete JavaScript projects explained step by step, available at $59.99, has an average rating of 4.3, with 110 lectures, based on 131 reviews, and has 949 subscribers.

You will learn about 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 This course is ideal for individuals who are This course is for anyone with basic knowledge of HTML ,CSS and JavaScript It is particularly useful for This course is for anyone with basic knowledge of HTML ,CSS and JavaScript.

Enroll now: 17 Complete JavaScript projects explained step by step

Summary

Title: 17 Complete JavaScript projects explained step by step

Price: $59.99

Average Rating: 4.3

Number of Lectures: 110

Number of Published Lectures: 110

Number of Curriculum Items: 110

Number of Published Curriculum Objects: 110

Original Price: $174.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

  • This course is for anyone with basic knowledge of HTML ,CSS and JavaScript

Target Audiences

  • This course is for anyone with basic knowledge of HTML ,CSS and JavaScript

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 .

Course Curriculum

Chapter 1: Basic Introduction

Lecture 1: Introduction

Lecture 2: HTML document structure

Lecture 3: Css Syntax Rule

Lecture 4: How To Access jQuery Library

Lecture 5: Javascript Syntax

Chapter 2: Project 1: Creating a Calculator

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating directory and files

Lecture 4: Creating the app structure with -HTML

Lecture 5: Styling the app with – CSS

Lecture 6: Creating the functionality with Javascript

Chapter 3: Project 2: Creating a digital clock

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating directory and files

Lecture 4: Creating the app structure with – HTML

Lecture 5: Styling the app with – CSS

Lecture 6: Adding functionality with – Javascript

Chapter 4: Project 3: Creating a Percentage Tip Calculator

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating directory and files

Lecture 4: Creating the app structure with – HTML

Lecture 5: Aplying the the styling with – CSS

Lecture 6: Adding the functionality with – Javascript

Chapter 5: Project 4: Creating a word length Calculator

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating directory and files

Lecture 4: Creating the app structure with – HTML

Lecture 5: Aplying the the styling with – CSS

Lecture 6: Adding the functionality with – Javascript

Chapter 6: Project 5: Creating a contact form

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating directory and files

Lecture 4: Creating the app structure with – HTML

Lecture 5: Aplying the the styling with – CSS

Lecture 6: Adding the functionality with – Javascript

Chapter 7: Project 6: Creating an app to display the day of the week

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating directory and files

Lecture 4: Creating the app structure with – HTML

Lecture 5: Aplying the the styling with – CSS

Lecture 6: Adding the functionality with – Javascript

Chapter 8: Project 7: Creating a color changing app

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating directory and files

Lecture 4: Creating the app structure with – HTML

Lecture 5: Aplying the the styling with – CSS

Lecture 6: Adding the functionality with – Javascript

Chapter 9: Project 8: Create an Image Slider

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating project directory and files

Lecture 4: Creating the structure

Lecture 5: Applying the styling

Lecture 6: Creating functionality with JavaScript

Chapter 10: Project 9: Creating a maths addition game

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating the directory and files

Lecture 4: Creating the structure

Lecture 5: Applying the styling

Lecture 6: Creating the functionality

Chapter 11: Project 10: Creating a Todo List App

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Create directory and files

Lecture 4: Create the structure for the app

Lecture 5: Apply the styling

Lecture 6: Adding the functionality with javascript

Lecture 7: Adding functionality with JavaScript -Part 2

Chapter 12: Project 11: Create an interactive quiz

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating a directory and files

Lecture 4: Creating the structure

Lecture 5: Applying the styling

Lecture 6: Adding functionality with JavaScript -part 1

Lecture 7: Adding functionality with JavaScript -part 2

Chapter 13: Project 12 : Create a countdown timer

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Create project directory and files

Lecture 4: Create the structure with HTML

Lecture 5: Apply styling with CSS

Lecture 6: Create the functionality with Javascript

Chapter 14: Project 13: Create a balloon popping game

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Create the structure with HTML

Lecture 4: Create the styling with CSS

Lecture 5: Create the functionality with Javascript

Chapter 15: Project 14: Create RRS News Feed

Lecture 1: Overview

Instructors

Rating Distribution

  • 1 stars: 11 votes
  • 2 stars: 5 votes
  • 3 stars: 20 votes
  • 4 stars: 40 votes
  • 5 stars: 55 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024