Basic JavaScript: Build 4 Basic JavaScript Projects
4.5 (30 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.
641 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Basic JavaScript: Build 4 Basic JavaScript Projects to your Wishlist.

Add to Wishlist

Basic JavaScript: Build 4 Basic JavaScript Projects

JavaScript Basics from Scratch! A 100% Practical JavaScript Course with Quizzes, Exercises, Hands-On Practices &Projects
4.5 (30 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.
641 students enrolled
Last updated 1/2017
Current price: $10 Original price: $40 Discount: 75% off
1 day left at this price!
30-Day Money-Back Guarantee
  • 4.5 hours on-demand video
  • 11 Articles
  • 14 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Learn, Practice, Test and Apply JavaScript
Learn JavaScript from Scratch
Test your JavaScript Knowledge with Quizzes
Solve JavaScript Exercises
Complete JavaScript Hands-On Practices
Develop JavaScript Projects
Boost your confidence as a JavaScript Developer
Make your webpages interactive
View Curriculum
  • Basic knowledge of HTML and CSS would be helpful (not necessary)
  • Google Chrome or any other modern web browser
  • Komodo Edit or any other text editor

*** Learn, Test, Practice and Implement JavaScript ***

*** Lots of JavaScript Examples, Quizzes, Exercises, Hands-On Practices and JavaScript Projects ***

Just learning the concepts of a new programming language is not at all going to help you. After understanding the basics of a programming language, you should have the chance to test your understanding, code it yourself, practice it and finally apply your skills to develop real-world projects.

This course Practical JavaScript: JavaScript Basics helps you not only learn the basics of JavaScript, but also learn how to apply your JavaScript knowledge to come up with really unique web applications.

Unlike most of the other JavaScript courses available online, this course focuses more on practice. This course is structured in such a way that as a student, you get the maximum coding experience which will boost your confidence to write JavaScript code on your own.

The whole course is structured in such a way that you get the chance not only to learn JavaScript concepts, but also to test your knowledge, practice what you have learned and implement applications.

In the first section Learn JavaScript (JavaScript Basics), you will learn the basics of JavaScript you need to know. This section follows a Problem-Solution approach. You will find the solution to a specific problem in each lecture. In this section, you will learn how to setup the JavaScript development environment, where and how to write your JavaScript code, how to use JavaScript variables and arrays to store data, how to use functions to make your code reusable, how to make decisions with conditional statements, how to repeat a task with loops and how to perform different operations.

Once you understand the basics, next is the Quiz time. You can test your understanding with a number of quizzes available in the Test Your Understanding (Quizzes) section. If you get many wrong answers and also if there is anything you don't understand, please revisit the corresponding lecture in the JavaScript Basics section before proceeding to the Exercises section.

Once you are thorough with the basics, proceed to the Code it Yourself (Exercises) section to try the exercises. A number of simple exercises are given that cover all the points explained in the JavaScript Basics section. Try each exercise on your own and once your are done, download the resource file and check whether your solution is correct.

By completing these sections, you will be confident enough to write your own JavaScript code. So, it will be easy for you to practice JavaScript. The Practice JavaScript (Hands-On Practices) section offers a number of practices that you will find useful while programming.

The last section is Let's Develop (JavaScript Projects). You will develop a couple of real-world JavaScript projects from scratch. The projects available as of now are

  1. BMI Calculator
  2. Country Trivia
  3. Quote of the Day
  4. Digital Clock

As the section title says, this sections is going to boost your confidence to develop more JavaScript projects.

This course will be updated frequently with more lectures, exercises, hands-on practices and JavaScript projects.

So what are you waiting for? Join this 100% Practical JavaScript course and be a smart JavaScript developer.

Who is the target audience?
  • Anyone who wants to learn JavaScript from scratch
  • Anyone who wants to learn JavaScript by Coding
  • Anyone who wants to learn JavaScript with Examples, Quizzes, Exercises, Hands-On Practices and Projects
  • Anyone who wants to improve JavaScript skills
  • Anyone who wants to improve their confidence as a JavaScript developer
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 37 Lectures Collapse All 37 Lectures 04:42:48
Getting Started
1 Lecture 03:08

Learn the structure of this course and also understand how to proceed.

Preview 03:08
Learn JavaScript (JavaScript Basics)
14 Lectures 02:31:18

You just need any text editor and a browser to write and run your JavaScript code. In this lecture, you get links to download popular text editors (if you don't have any) and web browsers.

How to Setup the Environment?

You learn where to write your JavaScript code (either internal or external) and how to run the code.

Where to Write my JavaScript code and How to See the Output?

You learn the basic building blocks of JavaScript including expressions, comments etc.

How to Write the JavaScript Code?

You learn how to declare a variable and assign values to it and also different types of data that can stored in a variable.

How to Deal with Data?

You learn how to collect data from the user using prompt method and HTML inputs. You also understand how to display output to the user using alert method, on the console etc.

How to Collect Data from and Display Data to the User?

You learn how to use arrays to store more than one piece of information.

How to Deal with Collection of Data?

You learn how to make your code reusable and manageable with functions. By the end of this lecture, you will be able to write and call functions.

How to Write Reusable Block of Code to Perform a Specific Task?

You understand different types of operators including arithmetic, logical, assignment and comparison operators.

Preview 12:47

You learn how to use parentheses effectively to change the default operator precedence.

How to Change the Order of Operations?

You learn conditional statements including if, if...else if...else and switch statements.

How to Perform Different Actions in Different Conditions?

You learn different kinds of loops such as for loop, while loop and do...while loop.

How to Execute a Block of Code Repeatedly?

You learn how to access the array items easily using for loop.

How to Loop through an Array?

You learn how to deal with strings in specific.

How to Deal with Strings?

Learn how to simulate real-world objects using JavaScript Objects.

How to Simulate Real-World Objects?
Test Your Understanding (Quizzes)
0 Lectures 00:00
Quiz 1: Setup
3 questions

Quiz 2: Basics
3 questions

Quiz 3: Variables
8 questions

Quiz 4: Data
4 questions

Quiz 5: Operators
5 questions

Quiz 6: Functions
5 questions

Quiz 7: Conditionals
4 questions

Quiz 8: Loops
3 questions
Code it Yourself (Exercises)
10 Lectures 03:28

Exercise covering concepts of JavaScript building blocks, variables and collecting and displaying data to the use.

Exercise #1: Variables

Exercise covering concepts of collecting inputs from and displaying data to the user.
Exercise #2: Using prompt and alert

Exercise covering concepts of JavaScript arrays.
Exercise #3: Arrays

Exercise covering concepts of JavaScript functions without parameters, with parameters and returning values.
Exercise #4: Functions

Exercise covering concepts of arithmetic operators.
Exercise #5: Operators

Exercise covering concepts of assignment operators.
Exercise #6: Assignment Operators

Exercise covering concepts of arithmetic operators and functions.
Exercise #7: Mathematical Operation

Exercise covering concept of operator precedence.

Exercise #8: Operator Precedence

Exercise covering concept of conditional statements.
Preview 00:24

Exercise covering concept of looping through an array.
Exercise #10: Loop through Array
Practice JavaScript (Hands-On Practices)
7 Lectures 59:41

You will reverse a string practising the concept of for loop.

Hands-On Practice: Reverse a String

You will count the number of vowels in a string practising the concept of switch statement.

Hands-On Practice: Count the Number of Vowels

You will find the largest value in an array practising the concept of conditional statement.

Hands-On Practice: Find the Largest Number in an Array

You will find the factorial of a number practising the concept of loop.

Hands-On Practice: Find the Factorial

You will implement a simple queue practising the concept of loops and arrays.

Hands-On Practice: Implement a Queue

You will find the longest word in a string practising the concept of arrays.

Hands-On Practice: Find the Longest Word

You will display the multiplication table of the number asked by the user.

Preview 08:42
Let's Develop (JavaScript Projects)
4 Lectures 01:05:11

An application to calculate Body Mass Index (BMI).

BMI Calculator

Find the currency, capital and primary language of different countries in the world.

Country Trivia

Display an inspirational quote over an image. The image and the quote will be selected randomly.

Preview 14:59

A digital clock that appears on a webpage. This project uses Date object to get the time and setInterval method to update the time.

Digital Clock
Bonus Section
1 Lecture 00:18
Bonus Lecture: Special Offers on Other Courses!!!
About the Instructor
Crypters Infotech
4.3 Average rating
318 Reviews
3,690 Students
7 Courses
Career Enhancement Training Solutions

Crypters Infotech is a division of Crypters Infosystems and Solutions Pvt. Ltd IT Company. We offer industry-oriented training that helps even fresh heads to become IT giants. Our professional team of trainers provide high quality training with an outlook towards future. We provide training mainly in web development and mobile app development.