Build a Custom Modal using HTML CSS & JavaScript

preview_player
Показать описание
In this web development project we are going to create a modal component using HTML CSS & JavaScript.

🎱 Code for this Video:
-----------------------------------------------------------------------------
Get 30 days of SkillShare premium for FREE:

👨‍🏫 Check out my Website for more tutorials and Udemy Course👨‍🏫 :
-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro
00:29 - Project overview
02:25 - Project setup
04:40 - Basic CSS styling
08:11 - Button classes styling using CSS
11:09 - Create the modal component in HTML
14:44 - Styling the modal component using CSS
22:27 - Add click event to the button using JavaScript
26:07 - Create the modal component suing JavaScript
29:01 - Close the modal using JavaScript click event listener
32:20 - The this keyword for accessing the button in HTML using JavaScript
39:37 - Create a second modal
44:44 - Toggle between two modals
48:22 - Create a new HTML page using a click event on the closing button

-------------------------------------------------------------------------------------------------
💖 Support The Channel by becoming a patreon!

Crash Courses Videos:

-------------------------------------------------------------------------------------------------
Video Playlist:

Complete JavaScript Array Methods Series:

Regular Expressions:

Learn JavaScript by creating a Game:

Create a Responsive Website:

-------------------------------------------------------------------------------------------------
FOLLOW ON SOCIAL MEDIA:

#modal #javascript #norbertbmwebdevelopment
Рекомендации по теме
Комментарии
Автор

thanks bro, your content is helpful for me👍👍👍👍👍👍👍👍👍👍

good_baby_asia