filmov
tv
Create an Intro Component using HTML, SCSS(CSS) and JavaScript | Web Dev Workshop
Показать описание
This is a solution to the Base Apparel Coming Soon Page on Frontend Mentor, coded by Web Dev Workshop. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- JavaScript
- SASS (SCSS)
- Desktop-first workflow
Happy learning!
0:00 - Intro
0:10 - Setting Up The Project
4:17 - Building The Base
6:49 - Building The HTML
9:46 - Styling With SCSS(CSS)
16:59 - Functionality Using JavaScript
22:52- Adding Responsiveness
25:48 - Finishing Up
26:01 - Outro
#html,#csstutorial,#scss,#javascript, #webdevworkshop ,#frontenddevelopment,#webdesignbasics,#responsivewebdesign,#html5,#css3,#javascriptes6,#webdevelopmenttips,#webdesign,#webdevelopmentforbeginners,#webdevelopmentprojects,#webdevelopmenttools,#frontendtips,#webdesignprinciples,#webdevelopmentresources,#webdesigntutorials,#webdevelopmenttutorials,#cssframeworks,#bootstrap,#tailwindcss,#webanimations,#userinterfacedesign,#webdevelopmentbestpractices,#frontenddevelopment,#javascriptframeworks,#frontendcoding,#webdevelopmentbasics,#webdesigntips,#scssfeatures,#javascripttips,#frontendprojects,#cssoptimization,#javascripttutorials, #webdevelopmentworkshop,#sourcecode, #sourcecodewebsite
Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- JavaScript
- SASS (SCSS)
- Desktop-first workflow
Happy learning!
0:00 - Intro
0:10 - Setting Up The Project
4:17 - Building The Base
6:49 - Building The HTML
9:46 - Styling With SCSS(CSS)
16:59 - Functionality Using JavaScript
22:52- Adding Responsiveness
25:48 - Finishing Up
26:01 - Outro
#html,#csstutorial,#scss,#javascript, #webdevworkshop ,#frontenddevelopment,#webdesignbasics,#responsivewebdesign,#html5,#css3,#javascriptes6,#webdevelopmenttips,#webdesign,#webdevelopmentforbeginners,#webdevelopmentprojects,#webdevelopmenttools,#frontendtips,#webdesignprinciples,#webdevelopmentresources,#webdesigntutorials,#webdevelopmenttutorials,#cssframeworks,#bootstrap,#tailwindcss,#webanimations,#userinterfacedesign,#webdevelopmentbestpractices,#frontenddevelopment,#javascriptframeworks,#frontendcoding,#webdevelopmentbasics,#webdesigntips,#scssfeatures,#javascripttips,#frontendprojects,#cssoptimization,#javascripttutorials, #webdevelopmentworkshop,#sourcecode, #sourcecodewebsite