🔥 Host your website with SiteGround: https://www.siteground.com/go/meja9lxe98
⭐ 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, Sass/SCSS, JS ➡️ https://coder-coder.com/responsive/
😎 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