In this free, step-by-step web development course you will start by designing a simple about me page using Figma, a web-based prototyping software. When you’re done you’ll move on to the next lesson where you’ll learn how to use HTML to create a website.
💥 DEMO SITE 💥
🔗 https://modest-bell-ca9ba0.netlify.com/
📂 COURSE FILES 📂
🔗 https://www.skillthrive.com/courses/web-development-course-about-me-page
📚 LESSON LIST 📚
How to Build a Website with HTML and CSS (BONUS Figma Web Design Tutorial)
https://www.youtube.com/playlist?list=PLW0RabRDhwwxhIBR3ctKnMBC7njzAmAlu
Lesson 1: Figma Web Design Tutorial: About Me Landing Page
Lesson 2: From Design to HTML: Step-by-Step HTML Tutorial
Lesson 3: From Design to CSS: Step-by-Step CSS Tutorial
🔗 MENTIONED RESOURCES 🔗
Figma: https://www.figma.com/
Google Fonts: https://fonts.google.com/
Visual Studio Code: https://code.visualstudio.com/
HTML Boilerplate Extension: https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate
Live Server Extension: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Border Box Explainer: https://www.paulirish.com/2012/box-sizing-border-box-ftw/
Font Awesome: https://fontawesome.com/
Font Awesome to PNG: http://fa2png.io/
Image Optim: https://imageoptim.com/mac
Lorem Ipsum Generator: https://loremipsum.io/
Netlify Drop: https://app.netlify.com/drop
CSS Autoprefixer: https://autoprefixer.github.io/
CSS Minifier: https://www.minifier.org/
🌟 TOP RECOMMENDED COURSES 🌟
CSS
(Paid) Build Responsive Real World Websites with HTML5 and CSS3
https://www.udemy.com/design-and-develop-a-killer-website-with-html5-and-css3/
(Free) CSS Crash Course For Absolute Beginners
JAVASCRIPT
(Paid) The Complete JavaScript Course 2019: Build Real Projects!
https://www.udemy.com/the-complete-javascript-course/
(Free) Learn JavaScript – Full Course for Beginners
REACT
(Paid) The Complete React Web Developer Course (with Redux)
https://www.udemy.com/react-2nd-edition/
(Free) React JS Crash Course – 2019
🔔 SUBSCRIBE 🔔
https://www.youtube.com/channel/UCvHKiUI75ytqUcN851fRR2w?sub_confirmation=1
👋 FOLLOW US 👋
INSTAGRAM: https://instagram.com/skillthrive/
FACEBOOK: https://facebook.com/skillthrive/