Build a Dynamic Website: JavaScript, Fetch API, & User Experience
In this tutorial, we will explore how to build a dynamic website using JavaScript. You'll learn how to fetch data from an API, display the data on your page, implement a user search feature (filtering through the data), manipulate cookies to store preferences, and switch between dark and light themes. By the end of this tutorial, you'll have a functional website with multiple interactive features!
Resources:
Font Awesome (CDN): https://cdnjs.cloudflare.com/ajax/lib...
Fetch data from API: https://randomuser.me/api/?results=10
Github: https://github.com/Muswamba/JavaScrip...
Timestamps:
00:00 - Intro
02:48 - HTML Basics
32:27 - JavaScript: Creating Variables
47:26 - JavaScript: Fetching Data from API
51:22 - JavaScript: Display Data Dynamically
55:12 - JavaScript: Open Modal (if this is the next section)
1:23:04 - JavaScript: Filter and Search from List
1:25:40 - JavaScript: Theme Mode