When will I have access to the lectures and assignments?

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.

What will I get if I subscribe to this Specialization?

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.

Is financial aid available?

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.

Data-driven websites: JSON, APIs and Templates

本课程是 Full-Stack Web Development 专项课程的一部分

位教师：Professor Matthew Yee-King

包含在中

了解更多

4个模块

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

中级等级

推荐体验

8 小时完成

灵活的计划

自行安排学习进度

4个模块

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

中级等级

推荐体验

8 小时完成

灵活的计划

自行安排学习进度

您将学到什么

Mainly, you will learn to use JavaScript to retrieve JSON data from REST APIs and transform it into HTML via template engines

您将获得的技能

您将学习的工具

要了解的详细信息

可分享的证书

添加到您的领英档案

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

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

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

积累特定领域的专业知识

本课程是 Full-Stack Web Development 专项课程专项课程的一部分

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

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

该课程共有4个模块

In this course, you will learn how to use JavaScript and data to turn static web pages into dynamic, interactive applications. Through interactive, guided lab activities on Coursera, you will manipulate the Document Object Model (DOM) and use structured data to generate and update content in the browser.

You will work with JSON data, learning how it is structured and how JavaScript can load, parse and process it. Using practical exercises, you will convert JSON into HTML, implement loops and searches, and dynamically display data on web pages. The course also introduces the principles of REST APIs, explaining how web applications communicate using HTTP and how JavaScript can retrieve and integrate real-world data. Finally, you will explore template engines and their role in generating dynamic content. By creating and integrating templates in hands-on labs and assessments, you will develop the skills needed to build data-driven web applications using modern JavaScript techniques.

单元详情

In this module, you’ll learn how websites move beyond static content to become dynamic and interactive. You’ll start by exploring how the DOM can change dynamically, gaining a theoretical foundation for concepts like DHTML and server-side updates. Then, through a guided lab, you’ll transform a static page into a dynamic one. Next, you’ll dive into data formats, understanding how structured data underpins dynamic content. You’ll even design your own data format for something you’re interested in, such as books or movies. By the end of the week, you’ll know how dynamic behaviour works, why data formats matter, and be ready to use them to generate web content in the next topic.

涵盖的内容

4个视频3篇阅读材料3个作业1个非评分实验室

4个视频总计26分钟

Introduction to this course4分钟
Introduction: Data-driven websites1分钟
The DOM can change dynamically10分钟
Data formats 12分钟

3篇阅读材料总计40分钟

Course structure and navigation15分钟
Learn effectively this course15分钟
Course syllabus 10分钟

3个作业总计33分钟

Check your understanding: Dynamic DOMs and data formats15分钟
The DOM can change dynamically9分钟
Data formats9分钟

1个非评分实验室总计30分钟

From static to dynamic sites30分钟

In this module, you’ll learn how to work with JSON in JavaScript and apply it in practical tasks. You’ll read JSON files, convert JSON data into HTML to display on a web page, and use loops and searches to process JSON objects. You’ll build hands-on skills for loading, transforming, and manipulating JSON data. By the end of the week, you’ll be able to integrate JSON into your JavaScript projects and complete an end-of-week challenge that brings all these techniques together.

涵盖的内容

2个视频2个作业2个非评分实验室

In this module, you’ll dive into REST APIs and discover how they enable communication between web applications. You’ll learn the core principles behind REST, practise identifying API calls on real websites, and experiment with accessing and using APIs through guided activities. You’ll also set up a demo API, review key JavaScript techniques, and finish with an assessment to consolidate your understanding.

涵盖的内容

3个视频2篇阅读材料4个作业2个非评分实验室

3个视频总计17分钟

Introduction: Networked data and REST APIs1分钟
Introduction to REST APIs10分钟
Using a website and identifying REST API calls6分钟

2篇阅读材料总计61分钟

Activity – Find a REST API and attempt to access it60分钟
Using a local REST API 1分钟

4个作业总计42分钟

Check your understanding: Networked data and REST APIs15分钟
Introduction to REST APIs 9分钟
Real-world REST APIs 9分钟
Setting up the demo REST API9分钟

2个非评分实验室总计60分钟

Set up the bookshop API30分钟
Experiment with the book API30分钟

In this module, you’ll focus on building dynamic web pages using template engines. You’ll start by exploring how template engines work and then practise creating templates in a short activity. Next, you’ll complete a guided lab where you integrate a real template engine into your own site, gaining hands-on experience with rendering dynamic content. Finally, you’ll apply these skills in a closing assessment.