Data-driven websites: JSON, APIs and Templates

Économisez sur les compétences qui vous font briller avec 40 % de réduction sur 3 mois de Coursera Plus. Économisez maintenant

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.

Data-driven websites: JSON, APIs and Templates

Ce cours fait partie de Spécialisation "Full-Stack Web Development"

Instructeur : Professor Matthew Yee-King

Inclus avec

4 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Intermédiaire

Expérience recommandée

8 heures à compléter

Planning flexible

Apprenez à votre propre rythme

4 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Intermédiaire

Expérience recommandée

8 heures à compléter

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

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

Compétences que vous acquerrez

Catégorie : Web Services
Catégorie : Javascript
Catégorie : Data Structures

Outils que vous découvrirez

Catégorie : JSON
Catégorie : Application Programming Interface (API)
Catégorie : Hypertext Markup Language (HTML)
Catégorie : Restful API

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

janvier 2026

Évaluations

11 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation "Full-Stack Web Development"

Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.

Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable

Il y a 4 modules dans ce cours

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.

Inclus

4 vidéos3 lectures3 devoirs1 laboratoire non noté

4 vidéosTotal 26 minutes

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

3 lecturesTotal 40 minutes

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

3 devoirsTotal 33 minutes

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

1 laboratoire non notéTotal 30 minutes

From static to dynamic sites30 minutes

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.

Inclus

2 vidéos2 devoirs2 laboratoires non notés

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.

Inclus

3 vidéos2 lectures4 devoirs2 laboratoires non notés

3 vidéosTotal 17 minutes

Introduction: Networked data and REST APIs1 minute
Introduction to REST APIs10 minutes
Using a website and identifying REST API calls6 minutes

2 lecturesTotal 61 minutes

Activity – Find a REST API and attempt to access it60 minutes
Using a local REST API 1 minute

4 devoirsTotal 42 minutes

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

2 laboratoires non notésTotal 60 minutes

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

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.

Inclus

2 vidéos2 devoirs1 laboratoire non noté

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

Professor Matthew Yee-King

University of London

24 Cours436 850 apprenants

Offert par

University of London

En savoir plus sur Mobile and Web Development

Packt
Interactive Web Content Using AJAX and JSON in JavaScript
Cours
Statut : Essai gratuit
Johns Hopkins University
Introduction to Javascript and Ajax: Building Web Apps
Cours
Coursera
Build a Website using an API with HTML, JavaScript, and JSON
Projet Guidé
Coursera
Data Querying in C#: Ecommerce Analytics API
Projet Guidé

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Foire Aux 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.