Home>Courses>Learn Coding Basics in JavaScript

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.

Beginner

121 Lessons

25h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

2 Assessments

406 Playgrounds

14 Quizzes

Course Overview

What You'll Learn

Course Content

Recommendations

Course Overview

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 ...Show More

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

TAKEAWAY SKILLS

Web Development

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

Course Content

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

11.

Objects

6 Lessons

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

Introduction to Objects

Properties and Methods

12.

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

13.

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

14.

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

15.

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

16.

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

17.

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

19.

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

20.

Appendix

1 Lessons

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

Additional Browsers

Course Author

SitePoint

Trusted by 2.5 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."

Carlos Matias La Borde

Software Developer

"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

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

Hands-on Learning Powered by AI

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

Instant 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.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

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!

Related Courses and Skill Paths

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.

beginner

6 hours

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.

beginner

6 hours

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.

beginner

3 hours

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