filmov
tv
Build a Custom Modal using HTML CSS & JavaScript

Показать описание
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
🎱 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
Комментарии