Introduction to Javascript and Ajax: Building Web Apps

Introduction to Javascript and Ajax: Building Web Apps

本课程是 HTML, CSS, and Javascript for Web Developers 专项课程的一部分

位教师：Yaakov Chaikin

5,597 人已注册

包含在 Coursera Plus 中

了解更多

2个模块

深入了解一个主题并学习基础知识。

4.6

（43 条评论）

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

2个模块

深入了解一个主题并学习基础知识。

4.6

（43 条评论）

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

您将学到什么

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

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

12 项作业

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是 HTML, CSS, and Javascript for Web Developers 专项课程专项课程的一部分

在注册此课程时，您还会同时注册此专项课程。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
获得可共享的职业证书

该课程共有2个模块

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.

涵盖的内容

23个视频4篇阅读材料9个作业1次同伴评审

23个视频总计148分钟

Lecture 40, Part 1: Adjusting Development Environment for Javascript Development5分钟
Lecture 40, Part 2: Where to Place Javascript Code5分钟
Lecture 41, Part 1: Defining Variables, Function, and Scope8分钟
Lecture 41, Part 2: Defining Variables, Function, and Scope4分钟
Lecture 42, Part 1: Javascript Types5分钟
Lecture 42, Part 2: Javascript Types4分钟
Lecture 43, Part 1: Common Language Constructs8分钟
Lecture 43, Part 2: Common Language Constructs4分钟
Lecture 43, Part 3: Common Language Constructs7分钟
Lecture 44: Handling Default Values4分钟
Lecture 45, Part 1: Creating Objects Using 'new Object()' Syntax7分钟
Lecture 45, Part 2: Creating Objects Using Object Literal Syntax5分钟
Lecture 46: Functions Explained8分钟
Lecture 47, Part 1: Passing Variables by Value vs. by Reference6分钟
Lecture 47, Part 2: Passing Variables by Value vs. by Reference7分钟
Lecture 48: Function Constructors, prototype, and the 'this' Keyword12分钟
Lecture 49: Object Literals and the 'this' Keyword6分钟
Lecture 50, Part 1: Arrays8分钟
Lecture 50, Part 2: Arrays4分钟
Lecture 51: Closures6分钟
Lecture 52, Part 1: Fake Namespaces6分钟
Lecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs)8分钟
Module 4 Wrap-Up0分钟

4篇阅读材料总计19分钟

Welcome to Course 4: Introduction to Javascript10分钟
Recommended Books5分钟
New Tutorials - here is how...2分钟
Frequently Asked Questions2分钟

9个作业总计270分钟

Optional Practice Quiz30分钟
Optional Practice Quiz30分钟
Optional Practice Quiz30分钟
Optional Practice Quiz30分钟
Optional Practice Quiz30分钟
Optional Practice Quiz30分钟
Optional Practice Quiz30分钟
Optional Practice Quiz30分钟
Optional Practice Quiz30分钟

1次同伴评审总计60分钟

Module 4 Coding Assignment60分钟

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.

涵盖的内容

17个视频7篇阅读材料3个作业1次同伴评审

17个视频总计138分钟

Welcome to Module 5: Using Javascript to Build Web Applications0分钟
Lecture 53, Part 1: DOM Manipulation6分钟
Lecture 53, Part 2: DOM Manipulation11分钟
Lecture 54: Handling Events9分钟
Lecture 55: The 'event' Argument6分钟
Lesson 56: HTTP Basics12分钟
Lesson 57, Part 1: Ajax Basics5分钟
Lesson 57, Part 2: Ajax Basics13分钟
Lesson 57, Part 3: Ajax Basics6分钟
Lecture 58: Processing JSON9分钟
Lecture 59: Fixing Mobile Nav Menu Automatic Collapse6分钟
Lecture 60: Dynamically Loading Home View Content9分钟
Lecture 61, Part 1: Dynamically Loading Menu Categories View8分钟
Lecture 61, Part 2: Dynamically Loading Menu Categories View10分钟
Lecture 62: Dynamically Loading Single Category View13分钟
Lecture 63: Changing 'active' Button Style Through Javascript6分钟
Course Wrap-Up1分钟

7篇阅读材料总计25分钟

Using Javascript to Build Web Applications10分钟
CONNECT WITH ME!2分钟
Recommended Books5分钟
Check out the final deployed site2分钟
Frequently Asked Questions2分钟
New Tutorials - here is how...2分钟
CONNECT WITH ME!2分钟

3个作业总计90分钟

Optional Practice Quiz30分钟
Optional Practice Quiz30分钟
Optional Practice Quiz30分钟

1次同伴评审总计60分钟

Module 5 Coding Assignment60分钟

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

授课教师评分

4.8 (13个评价)

Yaakov Chaikin

Johns Hopkins University

5 门课程1,275,504 名学生

提供方

Johns Hopkins University

从 Mobile and Web Development 浏览更多内容

Coursera Project Network
Introduction to Javascript: The Basics
指导项目
状态：免费试用
Packt
JavaScript Fundamentals
课程
Coursera Project Network
Introduction to JavaScript
指导项目
状态：免费试用
IBM
JavaScript Programming Essentials
课程

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

自 2018开始学习的学生

''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'

Jennifer J.

自 2020开始学习的学生

''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'

Larry W.

自 2021开始学习的学生

''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'

Chaitanya A.

''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'

学生评论

4.6

43 条评论

5 stars
76.74%
4 stars
11.62%
3 stars
6.97%
2 stars
4.65%
1 star
0%

显示 3/43 个

已于 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!

已于 Dec 9, 2024审阅

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

已于 Jul 24, 2024审阅

Really awesome course, I recommend for anyone who wants to learn web development

查看更多评论

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

了解更多

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

探索学位

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能，使其在数字经济中脱颖而出

了解更多

常见问题

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.