Skip to main content

Build a Dynamic Data Table using JavaScript, CSS, and APIs

3h 7m 5s
English
Paid

Course description

This project is a practical immersion into modern frontend development. You will create a stylish and interactive data table that fetches up-to-date information from a real API — no mock data. The table will instantly respond to user actions: sorting, pagination, as well as switching between light and dark themes.

You will learn to use JavaScript for DOM manipulation, handle asynchronous requests with fetch and async/await, and apply responsive design to ensure the interface looks great on any screen. Loading indicators, state management, accessibility — all of this is as close as possible to real-world developer tasks.

By the end, you will have a beautiful, functional interface and confident skills that will help you move on to more complex projects or stand out in your next interview.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 18 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction

All Course Lessons (18)

#Lesson TitleDurationAccess
1
Introduction Demo
03:43
2
Page Elements UI
13:36
3
Color Variables UI
12:24
4
Table Styling UI
08:56
5
Pagination & Toggle UI
08:16
6
Table Mobile UI
10:03
7
Dark Mode JS
09:00
8
Fetch Users JS
16:46
9
Pagination JS
09:15
10
Sorting JS
18:59
11
Let's Keep Learning Together!
01:23
12
Introduction
05:02
13
Mac / Linux Device Setup
05:35
14
Windows Device Setup
06:58
15
VSCode Setup & Template
19:27
16
VSCode Extensions
09:11
17
DevTools
13:57
18
GitHub
14:34

Unlock unlimited learning

Get instant access to all 17 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Building Full-Stack Apps with AI

Building Full-Stack Apps with AI

Sources: Mckay Wrigley (takeoff)
The course "Building Full-Stack Apps with AI" teaches how to create comprehensive applications using artificial intelligence, suitable for both beginners and...
8 hours 3 minutes 16 seconds
Normal UI

Normal UI

Sources: Anthony Alicea
You don't need to be a designer to make a web application more user-friendly. Successful web applications are user-friendly web applications. The better...
39 minutes 16 seconds
ScrollTrigger Express

ScrollTrigger Express

Sources: Carl (Creative Coding Club)
ScrollTrigger is GreenSock's most revolutionary plugin to date. With its help, you can control all your animations with precision and...
10 hours 31 minutes 38 seconds
GSAP3: Beyond the Basics

GSAP3: Beyond the Basics

Sources: Carl (Creative Coding Club)
Ready to take your GSAP3 skills to the next level? In this course, I'll show you my favorite GSAP3 features that you absolutely need to know in order to...
8 hours 25 minutes 41 seconds
Scalable TDD & Testing

Scalable TDD & Testing

Sources: Logic Room
The course "Scalable TDD and Testing" will help JavaScript UI engineers master an approach to scalable testing that is not dependent on a specific framework.
2 hours 56 minutes 56 seconds