Data-driven websites: JSON, APIs and Templates

Sparen Sie mit 40% Rabatt auf 3 Monate Coursera Plus bei den Fähigkeiten, die Sie zum Strahlen bringen. Jetzt sparen

kurs ist nicht verfügbar in Deutsch (Deutschland)

Wir übersetzen es in weitere Sprachen.

Data-driven websites: JSON, APIs and Templates

Dieser Kurs ist Teil von Spezialisierung „Full-Stack Web Development“

Dozent: Professor Matthew Yee-King

Bei enthalten

Mehr erfahren

4 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Mittel

Empfohlene Erfahrung

8 Stunden zu vervollständigen

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

4 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Mittel

Empfohlene Erfahrung

8 Stunden zu vervollständigen

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

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

Kompetenzen, die Sie erwerben

Kategorie: Web Services
Kategorie: Javascript
Kategorie: Data Structures

Werkzeuge, die Sie lernen werden

Kategorie: JSON
Kategorie: Application Programming Interface (API)
Kategorie: Hypertext Markup Language (HTML)
Kategorie: Restful API

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

Januar 2026

Bewertungen

11 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Full-Stack Web Development“

Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.

Lernen Sie neue Konzepte von Branchenexperten
Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 4 Module

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.

Das ist alles enthalten

4 Videos3 Lektüren3 Aufgaben1 Unbewertetes Labor

4 VideosInsgesamt 26 Minuten

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

3 LektürenInsgesamt 40 Minuten

Course structure and navigation15 Minuten
Learn effectively this course15 Minuten
Course syllabus 10 Minuten

3 AufgabenInsgesamt 33 Minuten

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

1 Unbewertetes LaborInsgesamt 30 Minuten

From static to dynamic sites30 Minuten

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.

Das ist alles enthalten

2 Videos2 Aufgaben2 Unbewertete Labore

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.

Das ist alles enthalten

3 Videos2 Lektüren4 Aufgaben2 Unbewertete Labore

3 VideosInsgesamt 17 Minuten

Introduction: Networked data and REST APIs1 Minute
Introduction to REST APIs10 Minuten
Using a website and identifying REST API calls6 Minuten

2 LektürenInsgesamt 61 Minuten

Activity – Find a REST API and attempt to access it60 Minuten
Using a local REST API 1 Minute

4 AufgabenInsgesamt 42 Minuten

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

2 Unbewertete LaboreInsgesamt 60 Minuten

Set up the bookshop API30 Minuten
Experiment with the book API30 Minuten

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.

Das ist alles enthalten

2 Videos2 Aufgaben1 Unbewertetes Labor

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Professor Matthew Yee-King

University of London

24 Kurse436.875 Lernende

von

University of London

Mehr von Mobile and Web Development entdecken

Packt
Interactive Web Content Using AJAX and JSON in JavaScript
Kurs
Status: Kostenloser Testzeitraum
Johns Hopkins University
Introduction to Javascript and Ajax: Building Web Apps
Kurs
Coursera
Build a Website using an API with HTML, JavaScript, and JSON
angeleitetes Projekt
Coursera
Data Querying in C#: Ecommerce Analytics API
angeleitetes Projekt

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018

„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020

„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021

„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Häufig gestellte Fragen

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.