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
Download
1 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.