JavaScript Programming Essentials

JavaScript Programming Essentials

This course is part of multiple programs.

Instructors: IBM Skills Network Team

What you'll learn

Describe JavaScript development concepts, list ES6 features, outline data structures, and explore arrays, DOM, AJAX, and debugging techniques.
Explore handling errors and exceptions, functions and events, apply string manipulation and error-handing techniques, and traverse the DOM.
Compare functions, values, reference types, and strategies in promises and async/await, and discuss modifying the appearance of DOM elements.
Employ JavaScript functions, services, tools, and libraries to create and style navigation and pages, and AJAX to fetch and display data from APIs.

Details to know

Earn a career certificate

Add to your LinkedIn profile

Assessments

12 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Build your subject-matter expertise

This course is available as part of

When you enroll in this course, you'll also be asked to select a specific program.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 5 modules in this course

JavaScript has become the most popular programming language amongst software developers. This JavaScript essentials course is designed for anyone interested in a software engineering career as a web, mobile, front-end, back-end or full stack developer.

You’ll start with JavaScript basics, covering fundamental concepts and ECMAScript 6 features. You’ll also explore key data structures, including arrays, DOM, AJAX, and effective debugging techniques. Next, you will focus on honing your error handling and DOM manipulation skills. You’ll explore handling errors and exceptions in JavaScript, become proficient in working with functions and events, apply string manipulation techniques, and learn to traverse and manipulate the DOM to create dynamic web pages. You’ll use JavaScript functions, tools, and libraries to create and style navigation and pages and utilize AJAX to fetch and display data from APIs. Throughout this course, we will provide step-by-step instructional guidance through videos followed by hands-on labs to practice what you learn. You will also complete a final project to showcase your newly acquired JavaScript programming skills and build a dynamic website. This course is for JavaScript beginners and assumes a basic working knowledge of HTML, CSS and Git.

In this module, you will learn about introductory JavaScript development concepts. You will learn the basics of software development, including the evolution of JavaScript with ES6, which standardized the JavaScript language. You will explore variables and data types in JavaScript. You will acquire an understanding of operators and expressions with the help of examples. You will study different types of functions and concepts, such as closure and hoisting. You will get oriented to ECMAScript. Finally, you will learn about events in JavaScript and their triggers to make dynamic web pages.

What's included

11 videos2 readings3 assignments6 app items3 plugins

11 videosTotal 59 minutes

Course Introduction3 minutesPreview module
Introduction to Development Concepts6 minutes
Introduction to JavaScript and ES66 minutes
Data Types and Variables4 minutes
Operators and Expressions4 minutes
Control Flow and Conditional Statements4 minutes
Looping and Iteration6 minutes
Introduction to Functions and Types of Functions5 minutes
ECMAScript Function Syntax and Return Statement7 minutes
Function Closure and Function Hoisting5 minutes
Events in JavaScript5 minutes

2 readingsTotal 5 minutes

Course Syllabus and Prerequisites3 minutes
Module 1 Summary: Introduction to JavaScript Development2 minutes

3 assignmentsTotal 40 minutes

Module 1 Graded Quiz: Introduction to JavaScript Development20 minutes
Practice Quiz: Introduction to JavaScript10 minutes
Practice Quiz: Introduction to JavaScript Functions and Events10 minutes

6 app itemsTotal 90 minutes

Hands-on Lab: Setting up The Environment15 minutes
Hands-on Lab: Working with Variables and Their Scope15 minutes
Hands-on Lab: Implementing Control Flow and Conditional Statements15 minutes
Hands-on Lab: Writing Your First Javascript Function15 minutes
Hands-on Lab: Develop Followers Count Milestone Alerts Using Functions15 minutes
Hands-on Lab: Develop Product Feedback Survey Form Using Events15 minutes

3 pluginsTotal 16 minutes

Helpful Tips for Course Completion2 minutes
Reading: Introduction to addEventListener 8 minutes
Module 1 Cheatsheet: Introduction to JavaScript Development6 minutes

In this module, you will learn about arrays and objects. You will first acquire a strong understanding of arrays and gain practical skills in creating, manipulating, and iterating arrays. You will learn about various JavaScript array methods and explore two-dimensional arrays. Additionally, you will gain a clear understanding of classes and objects in JavaScript and learn about accessing object properties. You’ll explore various string manipulation techniques and recognize the importance of the math object in JavaScript and the use of date objects.

What's included

8 videos1 reading3 assignments4 app items1 plugin

8 videosTotal 48 minutes

Introduction to Arrays4 minutesPreview module
Manipulating and Iterating Arrays6 minutes
Array Methods6 minutes
Working with Two-Dimensional Arrays 5 minutes
Classes and Objects in JavaScript4 minutes
Accessing Object Properties7 minutes
Introduction to String and String Manipulation7 minutes
Introduction to Math and Date Objects 6 minutes

1 readingTotal 1 minute

Module 2 Summary: Arrays and Objects in JavaScript1 minute

3 assignmentsTotal 40 minutes

Module 2 Graded Quiz: Arrays and Objects in JavaScript20 minutes
Practice Quiz: Introduction to Arrays in JavaScript10 minutes
Practice Quiz: Introduction to Objects and Strings in JavaScript10 minutes

4 app itemsTotal 120 minutes

Hands-on Lab: Working with Array Iteration for Restaurant Menu List30 minutes
Hands-on Lab: Display Employee Information Using Array Methods30 minutes
Hands-on Lab: Develop an Application to Create Book Management System using Objects30 minutes
Hands-on Lab: Create Text Analysis Tool for Speed Testing Using String Manipulations30 minutes

1 pluginTotal 10 minutes

Module 2 Cheatsheet: Arrays and Objects in JavaScript10 minutes

In this module, you will learn about debugging techniques and tools in JavaScript. In lesson 1, you will explore more about the Try-catch block as a debugging tool. You will get oriented to the working of the DOM and its various nodes. You will study various methods to access and manipulate DOM elements. In lesson 2, you will learn key components of the Browser Object Model (BOM) and how to use them in an HTML file. Next, you will understand different traversing methods and techniques using examples. You also learn how to style the DOM to change its visual representation.

What's included

6 videos1 reading3 assignments3 app items3 plugins

6 videosTotal 40 minutes

Introduction to Debugging in JavaScript6 minutesPreview module
Introduction to the Document Object Model (DOM) 8 minutes
Manipulating DOM Elements 6 minutes
Introduction to Browser Object Model (BOM)6 minutes
Traversing the DOM 6 minutes
Styling DOM Elements6 minutes

1 readingTotal 2 minutes

Module 3 Summary: Working with DOM in JavaScript2 minutes

3 assignmentsTotal 40 minutes

Module 3 Graded Quiz: Working with DOM in JavaScript20 minutes
Practice Quiz: Working with DOM 10 minutes
Practice Quiz: Traversing and Styling of DOM 10 minutes

3 app itemsTotal 90 minutes

Hands-on Lab: Debug a JavaScript Application in Chrome Dev Tools30 minutes
Hands-on Lab: Create a To-Do List Using JavaScript30 minutes
Hands-on Lab: Develop Colorful Memory Match Game Using JavaScript DOM30 minutes

3 pluginsTotal 21 minutes

Reading: DOM Manipulation Methods11 minutes
Reading: JavaScript and Browser Support5 minutes
Module 3 Cheatsheet: Working with DOM in JavaScript5 minutes

In this module, you will learn the importance of JavaScript Object Notion (JSON) in data interchange. In lesson 1, you will also be able to differentiate between JSON and object. You will understand asynchronous and synchronous programming using examples. You will also learn the key difference between asynchronous and synchronous programming. You will explore the history and evolution of Asynchronous JavaScript and XML (AJAX). You will acquire knowledge of best practices to implement AJAX in development. You will also learn the features and functionalities of XMLHttpRequest with examples. In lesson 2, you will learn callbacks using an example. You will also learn about promises, their three states, syntax, and advantages. You will explore the characteristics of fetch API and its different methods to interact with data on web resources. You will also learn about Axios and its syntax using an example. You will be able to differentiate between Axios and fetch API.

What's included

7 videos1 reading3 assignments2 app items3 plugins

7 videosTotal 41 minutes

Introduction to JSON 6 minutesPreview module
Introduction to Async and Sync Execution 6 minutes
Introduction to AJAX (Asynchronous JavaScript and XML) 5 minutes
Http Requests with XMLHttpRequest (XHR)5 minutes
Understanding Promises for API 6 minutes
Understanding the fetch() API4 minutes
Introduction to Axios5 minutes

1 readingTotal 2 minutes

Module 4 Summary: JavaScript Async2 minutes

3 assignmentsTotal 40 minutes

Module 4 Graded Quiz: JavaScript Async20 minutes
Practice Quiz: JavaScript Async and HTTP Requests10 minutes
Practice Quiz: Asynchronous Data Retrieval Techniques10 minutes

2 app itemsTotal 60 minutes

Hands-on Lab: Develop an Application to Fetch Health Articles using XMLHttpRequest30 minutes
Hands-on Lab: Call API to Fetch Weather Data Using fetch()30 minutes