HomeCoursesLearn Coding Basics in JavaScript

Beginner

25h

Learn Coding Basics in JavaScript

Gain insights into JavaScript basics, including syntax, conditional statements, arrays, functions, and DOM. Discover practical skills for entry-level web development and build interactive web experiences.

Join 2.7 million developers at

Overview

Content

Reviews

The demand for skilled JavaScript programmers is increasing in today's tech-driven world. This comprehensive course is for individuals with no prior programming experience—it provides an accessible learning path for beginners. Throughout the course, you will gain a strong grasp of JavaScript syntax, enabling you to craft dynamic and engaging online content. You will start by learning the basic concepts in programming such as conditional statements, arrays, functions, and loops and then move on to advanced topics such as the Document Object Model (DOM), event handling, and classes in JavaScript. This comprehensive coverage empowers you to grasp the intricacies of JavaScript for practical web development applications. After taking this hands-on learning course, you’ll be equipped with the necessary skills for entry-level web development roles. You’ll possess a solid foundation in JavaScript and the confidence to design and develop interactive web experiences.

The demand for skilled JavaScript programmers is increasing in today's tech-driven world. This comprehensive course is for indiv...Show More

WHAT YOU'LL LEARN

An understanding of basic concepts in programming

An understanding of variables, decisions, and loops

Familiarity with arrays, strings, functions, and their operations

Basic knowledge of advanced concepts in JavaScript including classes, DOM, and event handling

Hands-on experience with practice problems through editable and executable solutions

An understanding of basic concepts in programming

TAKEAWAY SKILLS

Web Development

Content

121 Lessons14 Quizzes2 Assessments4 Challenges

About the Course

2 Lessons

Get familiar with coding fundamentals, interactive tools, and hands-on challenges in JavaScript.

Getting Started

Code Conventions

Press Start

4 Lessons

Look at the basics of programming, JavaScript history, and your first JS program.

Programming

History of Programming and JavaScript

Your First JavaScript Program

Summary: Press Start

Programming Basics

7 Lessons

Work your way through JavaScript comments, variables, pop-up dialogs, and basic user interaction.

The Importance of Comments and Programming Grammar

Variables

Pop-Up Interaction

Summary: Programming Basics

Quiz: Programming Basics

Challenge: Programming Basics

Solution: Programming Basics

Letters and Words

8 Lessons

Enhance your skills in manipulating strings, using escape characters, and template literals in JavaScript.

Chars and Strings

Find the Char

Exploring Strings

Exploring Template Literals and Creating Mad Libs

Summary: Letter and Words

Quiz: Letters and Words

Challenge: Letters and Words

Solution: Letters and Words

Numbers

9 Lessons

Explore JavaScript numbers, arithmetic, variable and string manipulation, random generation, and practical challenges.

Numeric Data Types and Notations

Arithmetic Operations

Variable Manipulation

Collections

8 Lessons

Tackle array usage, manipulation, transformations, and multi-dimensional structures in JavaScript.

Arrays

Array Manipulation

Array Transformations

Multi-Dimensional Arrays

Summary: Collections

Quiz: Collections

Challenge: Collections

Solution: Collections

Logic

9 Lessons

Master Booleans, logical and comparison operators, flow control, and build an interactive JS game.

Introduction to Boolean Data Types

Loops in JavaScript

6 Lessons

Try out using loops for repetitive tasks and solving coding challenges.

Loops

For and Nested Loops

Summary: Loops in JavaScript

Quiz: Loops in JavaScript

Challenge: Loops in JavaScript

Solution: Loops in JavaScript

Functions

9 Lessons

Unpack the core of JavaScript functions, from definitions to parameters, return values, callbacks, and practical challenges.

Introduction to Functions

Functions in JavaScript

Parameters and Arguments

Random Number Generation and Return Values

Test Your Skills: Mid-Course Assessment

Assessment

10.

Objects

6 Lessons

Examine JavaScript objects, properties, methods, and practical object manipulation techniques.

Introduction to Objects

Properties and Methods

11.

The Document Object Model

8 Lessons

Grasp the fundamentals of manipulating the DOM to dynamically update web content using JavaScript.

Introduction to The Document Object Model

Navigating the DOM tree

DOM Attributes and Styling

A Simple To-Do List

Summary: The Document Object Model

Quiz: The Document Object Model

Challenge: The Document Object Model

Solution: The Document Object Model

12.

The Main Event

8 Lessons

Solve problems in JavaScript event-based programming, form handling, and dynamic UI updates.

Introduction to Event-Based Programming

Forms and Keyboard Events

Mouse Events

To-Do List App

Summary: The Main Event

Quiz: The Main Event

Challenge: The Main Event

Solution: The Main Event

13.

Going Loopy Over Arrays

9 Lessons

Simplify complex array and object iteration methods and enhance practical JavaScript manipulation.

Spread Operator

Array Iteration Methods: forEach and Map

Array Iteration Methods: Filter and Reduce

Object Iteration

To-Do List Project

Summary: Going Loopy Over Arrays

Quiz: Going Loopy Over Arrays

Challenge: Going Loopy Over Arrays

Solution: Going Loopy Over Arrays

14.

Let’s Get Functional

9 Lessons

Build on JavaScript functions, recursion, scope, hoisting, closures, and functional programming techniques.

Parameters

Recursive Functions

Scope

Hoisting, Functions, and Closure

Functional Programming and Pure Array Updates

Summary: Let’s Get Functional

Quiz: Let's Get Functional

Challenge: Let's Get Functional

Solution: Let's Get Functional

15.

Getting Classy

8 Lessons

Step through creating and managing JavaScript classes and object-oriented programming principles.

Copying Objects in JavaScript

Object-Oriented Programming

Components of Class

Virtual Pet Game

Summary: Getting Classy

Quiz: Getting Classy

Challenge: Getting Classy

Solution: Getting Classy

16.

It’s About Time

7 Lessons

Walk through manipulating dates, timing, animations, and dynamic calculations in JavaScript.

Time and Date Manipulation

Timing and Asynchronous Techniques

Jumping Frog Animation and Cookie Grabber Game

Summary: It’s About Time

Quiz: It’s About Time

Challenge: It’s About Time

Solution: It’s About Time

Pushing Your Limits: A Comprehensive Assessment

Assessment

17.

Wrap Up

3 Lessons

Master the steps to integrate professional practices, pursue continual learning, and harness JavaScript's versatility.

Professional Practices and Advanced JavaScript

Next Steps

Conclusion

18.

Appendix

1 Lessons

Find out about accessing built-in browser consoles and recommended text editors for coding.

Additional Browsers

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

SitePoint

Developed by MAANG Engineers

Every Educative lesson is designed by our in-house team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, no fluff. Just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Software Developer

Carlos Matias La Borde

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Personalized Interview Prep

Skip the LeetCode grind with a custom roadmap that adapts to your goals. Hands-on practice for Coding Interviews, System Design, and more.

Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Course

JavaScript in Practice: Getting Started

Delve into practical JavaScript skills, from basic concepts to integration with HTML/CSS, and discover its history and evolution in software development through hands-on exercises.

6 h

beginner

Course

The Complete Guide to Modern JavaScript

Gain insights into JavaScript from basics to ES2021, delve into TypeScript essentials, and test your knowledge through quizzes and coding challenges to reinforce learning.

6 h

beginner

Course

Mastering Data Structures and Sorting Algorithms in JavaScript

Gain insights into efficient algorithm creation with JavaScript. Delve into data structures and sorting algorithms, including Trees, Graphs, Heaps, and Linked lists, optimizing space and time.

3 h

beginner

Course

JavaScript in Practice: Getting Started

beginner

6 hour

Course

The Complete Guide to Modern JavaScript

beginner

6 hour

Course

Mastering Data Structures and Sorting Algorithms in JavaScript