Watch and track your favorite playlist.
Curated by: Vanilla Parker (10 videos)
🟢 Learn how to build a responsive website from a Figma design with HTML, CSS, JS ➡️ https://coder-coder.com/responsive?utm_source=yt-ccb&utm_medium=video-description&utm_campaign=ccb ⭐ Starter code: https://github.com/thecodercoder/cc-developer-portfolio-starter ⭐ Finished source code & Figma file (inside the Coder Club): https://courses.coder-coder.com/courses/2574158/lectures/58456765 🔴 SETUP 0:00 - Intro 1:39 - Set up SiteGround site 7:14 - Create WordPress website 8:30 - SiteGround WordPress plugins & tools 🔴 STATIC HTML/SCSS WEBSITE 12:52 - Start building static website with HTML/SCSS 23:12 - HTML markup 40:06 - Global styles 1:28:45 - Header styles 1:35:23 - Hero styles 1:49:37 - Skills styles 2:05:39 - Projects styles 2:29:11 - Contact styles 🔴 CUSTOM WORDPRESS THEME 2:42:44 - Set up local WordPress, install starter theme & plugins 2:54:58 - Build custom theme 3:04:10 - Integrate HTML/SCSS into theme files 3:14:42 - Create ACF custom fields for content 4:05:28 - Custom post type for Projects 4:28:12 - Custom post type for Contact 5:06:23 - Migrate/deploy to staging/production ____________________________ 🟢 Learn how to build a responsive website from a Figma design with HTML, CSS, JS ➡️ https://coder-coder.com/responsive?utm_source=yt-ccb&utm_medium=video-description&utm_campaign=ccb 😎 Join the Coder Coder Club to support the channel! https://courses.coder-coder.com/p/club ✉️ Want to get emails about new videos, course sales, and other web dev news? Sign up here: https://coder-coder.com/subscribe/ 💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b 🤖 My main channel: @TheCoderCoder ## OTHER STUFF 👕 Get my hoodie here: https://coder-coder.com/merch 🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme 🔽 FOLLOW ME Twitter -- https://twitter.com/thecodercoder Instagram -- https://www.instagram.com/thecodercoder #css #javascript #html