* Cantinho Satkeys

Refresh History
  • FELISCUNHA: Votosde um santo domingo para todo o auditório  4tj97u<z
    Hoje às 11:06
  • j.s.: bom fim de semana  49E09B4F
    23 de Novembro de 2024, 21:01
  • j.s.: try65hytr a todos
    23 de Novembro de 2024, 21:01
  • FELISCUNHA: dgtgtr   49E09B4F  e bom fim de semana
    23 de Novembro de 2024, 12:27
  • JPratas: try65hytr A Todos  101yd91 k7y8j0
    22 de Novembro de 2024, 02:46
  • j.s.: try65hytr a todos  4tj97u<z 4tj97u<z
    21 de Novembro de 2024, 18:43
  • FELISCUNHA: dgtgtr  pessoal   49E09B4F
    20 de Novembro de 2024, 12:26
  • JPratas: try65hytr Pessoal  4tj97u<z classic k7y8j0
    19 de Novembro de 2024, 02:06
  • FELISCUNHA: ghyt74   49E09B4F  e bom fim de semana  4tj97u<z
    16 de Novembro de 2024, 11:11
  • j.s.: bom fim de semana  49E09B4F
    15 de Novembro de 2024, 17:29
  • j.s.: try65hytr a todos  4tj97u<z
    15 de Novembro de 2024, 17:29
  • FELISCUNHA: ghyt74  pessoal   49E09B4F
    15 de Novembro de 2024, 10:07
  • JPratas: try65hytr A Todos  4tj97u<z classic k7y8j0
    15 de Novembro de 2024, 03:53
  • FELISCUNHA: dgtgtr   49E09B4F
    12 de Novembro de 2024, 12:25
  • JPratas: try65hytr Pessoal  classic k7y8j0 yu7gh8
    12 de Novembro de 2024, 01:59
  • j.s.: try65hytr a todos  4tj97u<z
    11 de Novembro de 2024, 19:31
  • cereal killa: try65hytr pessoal  2dgh8i
    11 de Novembro de 2024, 18:16
  • FELISCUNHA: ghyt74   49E09B4F  e bom fim de semana  4tj97u<z
    09 de Novembro de 2024, 11:43
  • JPratas: try65hytr Pessoal  classic k7y8j0
    08 de Novembro de 2024, 01:42
  • j.s.: try65hytr a todos  49E09B4F
    07 de Novembro de 2024, 18:10

Autor Tópico: Create An Image Gallery From Scratch Using Html, Css & Js  (Lida 46 vezes)

0 Membros e 1 Visitante estão a ver este tópico.

Online mitsumi

  • Moderador Global
  • ***
  • Mensagens: 117505
  • Karma: +0/-0
Create An Image Gallery From Scratch Using Html, Css & Js
« em: 24 de Novembro de 2022, 10:21 »


Last updated 8/2021
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 918.80 MB | Duration: 1h 29m

Learn to create a responsive image gallery with lightbox

What you'll learn
Create An Image Gallery
Work with Images
Work with Arrays in JavaScript
Use CSS Grid
Requirements
Basics of HTML, CSS & JavaScript
A computer that can run a code editor (eg. VS Code)
Description
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 JavaScript.In modern websites, we can see that image galleries are used a lot. There are a lot of JavaScript 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, & JavaScriptA Computer that can run a code editor (Eg. VS Code)What will you learn:How to create an image galleryHow to use CSS GridHow to manipulate DOM using JavaScriptHow to deploy a website onlineWe 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!
Overview
Section 1: Introduction
Lecture 1 Introduction To The Course
Lecture 2 Course Structure
Section 2: Working With Images on Websites
Lecture 3 How To Optimize and Resize Images
Lecture 4 Create A Loading Screen Using Canva
Section 3: CSS Grid - The Basics
Lecture 5 CSS Grid - The Basics
Section 4: The Design
Lecture 6 Setting Up The Project
Lecture 7 Writing The HTML
Lecture 8 CSS for The Image Grid
Lecture 9 CSS for The Lightbox
Lecture 10 Making It Responsive
Section 5: JavaScript Basics
Lecture 11 Manipulating The DOM
Lecture 12 Arrays In JavaScript
Section 6: Functionality Of The Image Gallery
Lecture 13 Populate Images In The Image Grid
Lecture 14 Displaying The Lightbox
Lecture 15 The Next & Previous Buttons
Section 7: Conclusion
Lecture 16 Test & Deploy Website
Lecture 17 Conclusion
Beginner/Intermediate Web Designers


Download link

rapidgator.net:
Citar
https://rapidgator.net/file/1ea7bf3740eaf52150e4d16f9d9403db/jmbkk.Create.An.Image.Gallery.From.Scratch.Using.Html.Css..Js.rar.html

uploadgig.com:
Citar
https://uploadgig.com/file/download/2cbd4619e179942d/jmbkk.Create.An.Image.Gallery.From.Scratch.Using.Html.Css..Js.rar

nitroflare.com:
Citar
https://nitroflare.com/view/FAF89C288351851/jmbkk.Create.An.Image.Gallery.From.Scratch.Using.Html.Css..Js.rar

1dl.net:
Citar
https://1dl.net/rx6wxm5x713i/jmbkk.Create.An.Image.Gallery.From.Scratch.Using.Html.Css..Js.rar.html