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

访问权限由 New York State Department of Labor 提供

6,497 人已注册

2个模块

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

48 条评论

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

2个模块

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

48 条评论

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个视频总计149分钟

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

4篇阅读材料总计19分钟

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

9个作业总计270分钟

Optional Practice Quiz 30分钟
Optional Practice Quiz 30分钟
Optional Practice Quiz 30分钟
Optional Practice Quiz 30分钟
Optional Practice Quiz 30分钟
Optional Practice Quiz 30分钟
Optional Practice Quiz 30分钟
Optional Practice Quiz 30分钟
Optional Practice Quiz 30分钟

1次同伴评审总计60分钟

Module 4 Coding Assignment 60分钟

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.