Create An Image Gallery From Scratch Using HTML, CSS & JS

Learn to create a responsive image gallery with lightbox

Hi, welcome to my course. This course will help you teach you how an image gallery is created. We will create a Responsive Image Gallery from scratch using HTML, CSS, and jаvascript.

In modern websites, we can see that image galleries are used a lot. There are a lot of jаvascript libraries that help you create an image gallery. It is not a bad thing to use those libraries in your website. But the main aim of this course is to help you understand how an image gallery works. So, creating it from scratch will help you become a better programmer.

Here are the prerequisites for this course:

Basics of HTML, CSS, & jаvascript

A Computer that can run a code editor (Eg. VS Code)

What will you learn:

How to create an image gallery

How to use CSS Grid

How to manipulate DOM using jаvascript

How to deploy a website online

We will write all the code on-screen. There won't be any code copied and pasted from anywhere. I will also try to explain everything that we write. I will provide the source code as a downloadable resource. So, if you are stuck, you can check that out.

By the end of the course, if you follow along with me, you will have created a responsive image gallery from scratch.

So, if you are interested in improving your web development/coding skills, then you can join me in this course. I hope you will learn a lot in this course.

Happy coding!