Introduction to Javascript and Ajax: Building Web Apps

Seize the savings! Get 40% off 3 months of Coursera Plus and full access to thousands of courses.

Introduction to Javascript and Ajax: Building Web Apps

This course is part of HTML, CSS, and Javascript for Web Developers Specialization

Instructor: Yaakov Chaikin

6,557 already enrolled

Included with

Learn more

2 modules

Gain insight into a topic and learn the fundamentals.

48 reviews

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

2 modules

Gain insight into a topic and learn the fundamentals.

48 reviews

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

What you'll learn

Fundamental and advanced Javascript programming concepts
How to interact with the Document Object Model (DOM)
How to handle user events with Javascript
How to create responsive and interactive websites with Javascript and AJAX

Skills you'll gain

Tools you'll learn

Details to know

Shareable 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

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the HTML, CSS, and Javascript for Web Developers Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

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

There are 2 modules in this course

Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones.

The course covers fundamental Javascript programming concepts, starting with variables, data types, operators, and control flow mechanisms. It will then teach learners about object-oriented programming in Javascript, object creation using literals and constructors, prototypes, and the intricacies of the 'this' keyword. After which, the course goes into the power of Javascript arrays, using namespaces and IIFEs to prevent variable collisions, and discussion of closures and their use cases in Javascript programming. After covering the fundamental Javascript programming concepts, the course transitions into building dynamic and interactive websites by using Javascript and AJAX (Asynchronous JavaScript and XML) to interact with the Document Object Model (DOM), handle user events, and dynamically update web page content. The course will also talk about the HTTP protocol, different HTTP request methods, and how to work with JSON data. Building on these skills, learners will gain practical, hands-on experience by converting the restaurant website into a dynamic single-page application (SPA) powered by Javascript and AJAX.

What fun would a web site be if there was no functionality to it? In this course, we are going to concentrate on learning the fundamentals of the Javascript language. A lot of even seasoned developers “tinker” with Javascript without really understanding how the language works. That leads to viewing the language as more of a nuisance instead of a powerful tool. That is why we are going to concentrate not only on the “how” but also on the “why”, so you are empowered by the Javascript language features, not confused by them. We’ll cover just about everything - from common language constructs and Javascript types to objects, functions, arrays, closures, and scope isolation.

What's included

23 videos4 readings9 assignments1 peer review

23 videos Total 149 minutes

Lecture 40, Part 1: Adjusting Development Environment for Javascript Development 5 minutes
Lecture 40, Part 2: Where to Place Javascript Code 5 minutes
Lecture 41, Part 1: Defining Variables, Function, and Scope 9 minutes
Lecture 41, Part 2: Defining Variables, Function, and Scope 5 minutes
Lecture 42, Part 1: Javascript Types 5 minutes
Lecture 42, Part 2: Javascript Types 4 minutes
Lecture 43, Part 1: Common Language Constructs 9 minutes
Lecture 43, Part 2: Common Language Constructs 4 minutes
Lecture 43, Part 3: Common Language Constructs 8 minutes
Lecture 44: Handling Default Values 5 minutes
Lecture 45, Part 1: Creating Objects Using 'new Object()' Syntax 7 minutes
Lecture 45, Part 2: Creating Objects Using Object Literal Syntax 6 minutes
Lecture 46: Functions Explained 9 minutes
Lecture 47, Part 1: Passing Variables by Value vs. by Reference 7 minutes
Lecture 47, Part 2: Passing Variables by Value vs. by Reference 8 minutes
Lecture 48: Function Constructors, prototype, and the 'this' Keyword 12 minutes
Lecture 49: Object Literals and the 'this' Keyword 7 minutes
Lecture 50, Part 1: Arrays 8 minutes
Lecture 50, Part 2: Arrays 4 minutes
Lecture 51: Closures 7 minutes
Lecture 52, Part 1: Fake Namespaces 6 minutes
Lecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs) 9 minutes
Module 4 Wrap-Up 1 minute

4 readings Total 19 minutes

Welcome to Course 4: Introduction to Javascript 10 minutes
Recommended Books 5 minutes
New Tutorials - here is how... 2 minutes
Frequently Asked Questions 2 minutes

9 assignments Total 270 minutes

Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes

1 peer review Total 60 minutes

Module 4 Coding Assignment 60 minutes

In this course, we are going to take all those newly learned Javascript language skills and learn how to utilize them within the context of a web page. We’ll start by learning how to properly manipulate the web page components using the Javascript Document Object Model API. We will then move on to learning one of the most popular ways of serving up data to a web site - Ajax. We'll learn about the protocol that the language of the web speaks in (HTTP), how to set up and handle Ajax requests and responses, as well as how to process JSON data. We'll finish the course by connecting our restaurant web site from Course 3 (Coding the Static Restaurant Site) to a real backend service that will allow us to pull the data for the restaurant menu dynamically from the server without having to reload the entire page.

What's included

17 videos7 readings3 assignments1 peer review

17 videos Total 139 minutes

Welcome to Module 5: Using Javascript to Build Web Applications 1 minute
Lecture 53, Part 1: DOM Manipulation 7 minutes
Lecture 53, Part 2: DOM Manipulation 12 minutes
Lecture 54: Handling Events 10 minutes
Lecture 55: The 'event' Argument 6 minutes
Lesson 56: HTTP Basics 13 minutes
Lesson 57, Part 1: Ajax Basics 6 minutes
Lesson 57, Part 2: Ajax Basics 13 minutes
Lesson 57, Part 3: Ajax Basics 7 minutes
Lecture 58: Processing JSON 9 minutes
Lecture 59: Fixing Mobile Nav Menu Automatic Collapse 7 minutes
Lecture 60: Dynamically Loading Home View Content 9 minutes
Lecture 61, Part 1: Dynamically Loading Menu Categories View 8 minutes
Lecture 61, Part 2: Dynamically Loading Menu Categories View 11 minutes
Lecture 62: Dynamically Loading Single Category View 13 minutes
Lecture 63: Changing 'active' Button Style Through Javascript 6 minutes
Course Wrap-Up 1 minute

7 readings Total 25 minutes

Using Javascript to Build Web Applications 10 minutes
CONNECT WITH ME! 2 minutes
Recommended Books 5 minutes
Check out the final deployed site 2 minutes
Frequently Asked Questions 2 minutes
New Tutorials - here is how... 2 minutes
CONNECT WITH ME! 2 minutes

3 assignments Total 90 minutes

Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes

1 peer review Total 60 minutes

Module 5 Coding Assignment 60 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings

(16 ratings)

Yaakov Chaikin

Johns Hopkins University

5 Courses 1,283,522 learners

Offered by

Johns Hopkins University

Explore more from Mobile and Web Development

Coursera
Introduction to Javascript: The Basics
Guided Project
Packt
Interactive Web Content Using AJAX and JSON in JavaScript
Course
Status: Free Trial
Packt
Introduction to AJAX and Mini-Projects
Course
Status: Free Trial
Johns Hopkins University
Coding the Static Restaurant Site
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

5 stars
72.91%
4 stars
10.41%
3 stars
8.33%
2 stars
4.16%
1 star
4.16%

Showing 3 of 48

Reviewed on Aug 9, 2024

The real-workd projects were invaluable for translating concepts into real-world applications

Reviewed on Jul 27, 2024

It is good overall but the versions used are so outdated, I hope they put a year on when was this course published. Thanks Yaakov!

Reviewed on Dec 9, 2024

Good introductory course, although previous coding experience will help you a lot at certain points.

View more reviews

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.