💥 Get 20% off 1 yr of Frontend Mentor Pro with my code JESSCHAN20 -- https://www.frontendmentor.io/?via=jesschan
Links mentioned in video:
Download VS Code: https://code.visualstudio.com/download
Emmet Shortcuts: https://www.youtube.com/watch?v=45eWEO0gRHI
VS Code Keyboard Shortcuts: https://www.youtube.com/watch?v=dLzMz2Jk_qU
_______________
💻 LEARN TO CODE 💻
MY COURSE:
🟢 Responsive Design for Beginners -- Learn how to build a website from scratch -- https://coder-coder.com/responsive
RECOMMENDED RESOURCES:
Tools and resources I use myself and highly recommend, with exclusive discounts (affiliate links help support this channel-- thank you!)
🔷 Frontend Mentor Pro -- Practice building real-world projects (10% off with code JESSCHAN10) -- https://www.frontendmentor.io/?via=jesschan
🔷 Boot.dev -- Learn back-end development (25% off) -- https://www.boot.dev/?promo=CODERCODER
🔷 Zero to Mastery -- Learn web dev, AI, DevOps and more with 100+ courses -- https://academy.zerotomastery.io/a/aff_s3xc407h/external?affcode=441520_ti97uk6b
OTHER STUFF:
🟢 Coder Coder Dark -- My VS Code theme -- https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme
🟢 Coder Coder Merch -- get my hoodie, coffee cup, and more! -- https://coder-coder.com/merch
SOCIALS:
https://twitter.com/thecodercoder
https://www.instagram.com/thecodercoder
_______________
0:00 - Intro & Setup
2:52 - Creating files/folders
7:10 - Writing code
12:06 - Searching in files
16:40 - Themes
19:23 - Prettier Extension
22:38 - Live Server Extension
24:21 - Font Settings
26:14 - Command Palette
27:00 - Zooming
28:27 - Keyboard Shortcuts
30:38 - Navigating File Lines/Symbols
33:01 - Integrated Git Tool
35:09 - Integrated Terminal
36:46 - Debugging
42:30 - Toggle Minimap
42:47 - Disable AI Features
43:54 - Profiles
#css #javascript #html