Build a portfolio website with HTML, SCSS, and a WordPress custom theme

🔥 Host your website with SiteGround: https://www.siteground.com/go/meja9lxe98

⭐ Starter code: https://github.com/thecodercoder/cc-d...
⭐ Finished source code & Figma file (inside the Coder Club): https://courses.coder-coder.com/cours...

🔴 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/af...

🤖 My main channel: ‪@TheCoderCoder‬

OTHER STUFF

👕 Get my hoodie here: https://coder-coder.com/merch

🎨 Get my VS Code theme: https://marketplace.visualstudio.com/...

🔽 FOLLOW ME

Twitter --   / thecodercoder  
Instagram --   / thecodercoder  


#css #javascript #html