How I setup VS Code for a beginners front-end workflow



🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/

💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b

Here’s how to use VS Code to create a simple setup for a front-end workflow for HTML, SCSS/CSS, and vanilla JavaScript files.

0:00 – Intro
0:22 – Download and install VS Code
0:57 – Set up files and folders
1:06 – Add boilerplate HTML
2:03 – Create SCSS files and add general styles
5:46 – Add JavaScript file
6:15 – Installing Live Sass extension
7:27 – Watching Sass files and loading local website
9:01 – Customizing Live Sass
10:24 – Getting themes from the Marketplace

_____________________________________

SUPPORT THE CHANNEL
⭐ Join channel members and get perks: https://www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ/join
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme

WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/

RECOMMENDATIONS
⌨ My keyboard– get 10% off with code THECODERCODER — https://vissles.com/?ref=mu96kxst5w
💻 Other gear — https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books — https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses — https://coder-coder.com/best-web-development-courses/

🔽 FOLLOW CODER CODER
Blog — https://coder-coder.com/
Twitter — https://twitter.com/thecodercoder
Instagram — https://www.instagram.com/thecodercoder

#webdevelopment #coding #programming

source