filmov
tv
25 Mini Projects - HTML, CSS & JavaScript | Master Frontend Development 🔥
Показать описание
🔥 Welcome to the ultimate HTML, CSS & JavaScript mini-project compilation! In this video, I’ve compiled 25 hands-on projects to help you master web development. These projects cover a range of skills, including animations, UI designs, responsive layouts, and much more. 💻
⏰ Timestamps:
00:00 - What's inside this Video
01:21 - Animated Login & SignUp Form
21:52 - Sliding Menubar using CSS
28:50 - CSS Card Animation with Hover Effect
35:38 - Responsive Team Section Card
42:40 - Social Media Icons with Hover Effect
48:30 - CSS Mix Blend Mode Effect
53:52 - Put Video inside Text
56:58 - Put an Image inside Text
59:37 - Image Background Remover using JS & API
01:11:46 - Parallax Website using JavaScript
01:23:25 - Image Slider using JavaScript
01:43:37 - Responsive Image Gallery
01:53:51 - Landing Page with Sliding Text Effect
02:07:09 - Website with Dark & Light Theme
02:25:01 - Fully Responsive Portfolio Website
03:25:21 - Social Media Dashboard with Dark Theme
04:05:53 - WhatsApp UI Clone using CSS
04:50:38 - Responsive Resume using HTML & CSS
05:35:49 - Responsive Drop Down Menu Bar
05:50:19 - Neumorphism Responsive Card UI Design
06:05:08 - Dark Breadcrumb with Search Option
06:14:36 - CSS Glowing Pagination Effect
06:18:58 - Animated Search Bar using HTML & CSS
06:29:29 - Neumorphism Toggle Switch
06:36:21 - Responsive Product Card UI Design
07:03:51 - Outro
.....................................................................
Watch More:
FullStack Projects:
React JS Projects:
Coding Tips:
Tech Podcasts:
.....................................................................
Let's Connect :
................................................................................
Don't Forget To Like, Comment, Share & Subscribe To Our Youtube Channel
#codingmaster #webdevelopment #coding #WebDevelopment
#HTMLCSSJavaScript #FrontendDevelopment #JavaScriptProjects #CSSAnimation #ResponsiveDesign
Thanks For Watching :)
⏰ Timestamps:
00:00 - What's inside this Video
01:21 - Animated Login & SignUp Form
21:52 - Sliding Menubar using CSS
28:50 - CSS Card Animation with Hover Effect
35:38 - Responsive Team Section Card
42:40 - Social Media Icons with Hover Effect
48:30 - CSS Mix Blend Mode Effect
53:52 - Put Video inside Text
56:58 - Put an Image inside Text
59:37 - Image Background Remover using JS & API
01:11:46 - Parallax Website using JavaScript
01:23:25 - Image Slider using JavaScript
01:43:37 - Responsive Image Gallery
01:53:51 - Landing Page with Sliding Text Effect
02:07:09 - Website with Dark & Light Theme
02:25:01 - Fully Responsive Portfolio Website
03:25:21 - Social Media Dashboard with Dark Theme
04:05:53 - WhatsApp UI Clone using CSS
04:50:38 - Responsive Resume using HTML & CSS
05:35:49 - Responsive Drop Down Menu Bar
05:50:19 - Neumorphism Responsive Card UI Design
06:05:08 - Dark Breadcrumb with Search Option
06:14:36 - CSS Glowing Pagination Effect
06:18:58 - Animated Search Bar using HTML & CSS
06:29:29 - Neumorphism Toggle Switch
06:36:21 - Responsive Product Card UI Design
07:03:51 - Outro
.....................................................................
Watch More:
FullStack Projects:
React JS Projects:
Coding Tips:
Tech Podcasts:
.....................................................................
Let's Connect :
................................................................................
Don't Forget To Like, Comment, Share & Subscribe To Our Youtube Channel
#codingmaster #webdevelopment #coding #WebDevelopment
#HTMLCSSJavaScript #FrontendDevelopment #JavaScriptProjects #CSSAnimation #ResponsiveDesign
Thanks For Watching :)
7:03:57
25 Mini Projects - HTML, CSS & JavaScript | Master Frontend Development 🔥
0:19:35
#8 of 25 Beginner Projects - HTML, CSS, & JavaScript - Calculator ( Responsive Design )
0:26:41
#10 of 25 Beginner Projects - HTML, CSS, & JavaScript - Tip Calculator ( Responsive Design )
0:00:13
HTML CSS Mini Projects List🔥 #frontenddevelopment
0:00:15
Creative 3D Animation with Source Code using HTML and CSS | CSS Animation Project
0:00:06
basic HTML tags
0:28:40
#12 of 25 Beginner Projects - HTML, CSS, & JavaScript - To-do List ( Responsive Design )
0:00:12
HTML Input Tags List Tutorial For Beginners (Web Development)
1:00:05
🔴 Live: JavaScript DOM Manipulation | Day 26
0:16:54
#14 of 25 Beginner Projects - HTML, CSS, & JavaScript - Timer
0:22:18
#2 of 25 Beginner Projects - HTML, CSS, & JavaScript - Hex Colors ( Responsive Design )
0:11:37
#1 of 25 Beginner Projects - HTML, CSS, & JavaScript - Colors ( Responsive Design )
0:17:55
Html 25. Hello World Mini Project (Myanmar | မြန်မာ)
0:07:52
25 HTML Project Creating Mini Portfolio
0:33:48
#11 of 25 Beginner Projects - HTML, CSS, & JavaScript - Flashcards with Local Storage (Responsi...
0:00:09
HTML CSS Project ideas | HTML | CSS | for beginner, intermediate and advance.
0:00:05
🎉🚀Create a Battery Charging Effect Frontend Mini Project
0:28:29
#18 of 25 Beginner Projects - HTML, CSS, & JavaScript - Square Cards ( Template - Responsive )
0:00:13
HTML-CSS-JS mini projects | Anshu X Freelance
0:19:42
#7 of 25 Beginner Projects - HTML, CSS, & JavaScript - Digital Clock ( Responsive Design )
0:00:53
Mastering Productivity: My Ultimate ToDo List Strategy,to do list using html css js With Source code
0:00:29
Laptop In HTML And CSS #laptops #htmlcss #youtubeshorts
11:59:34
HTML CSS JS projects (Beginner): 30 projects using HTML CSS and JavaScript
0:00:18
How To Make YouTube Logo Using Html Css #codingandprogramming #learntocode #code #braincoder #html
Комментарии