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 πŸ’₯

πŸ”—

πŸ“‚ COURSE FILES πŸ“‚

πŸ”—

πŸ“š LESSON LIST πŸ“š

How to Build a Website with HTML and CSS (BONUS Figma Web Design Tutorial)

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:

Google Fonts:

Visual Studio Code:

HTML Boilerplate Extension:

Live Server Extension:

Border Box Explainer:

Font Awesome:

Font Awesome to PNG:

Image Optim:

Lorem Ipsum Generator:

Netlify Drop:

CSS Autoprefixer:

CSS Minifier:

🌟 TOP RECOMMENDED COURSES 🌟

CSS

(Paid) Build Responsive Real World Websites with HTML5 and CSS3

(Free) CSS Crash Course For Absolute Beginners

JAVASCRIPT

(Paid) The Complete JavaScript Course 2019: Build Real Projects!

(Free) Learn JavaScript – Full Course for Beginners

REACT

(Paid) The Complete React Web Developer Course (with Redux)

(Free) React JS Crash Course – 2019

πŸ”” SUBSCRIBE πŸ””

πŸ‘‹ FOLLOW US πŸ‘‹

INSTAGRAM:

FACEBOOK:

source


Content DisclaimerΒ 
This Content is Generated from RSS Feeds, if your content is featured and you would like to be removed, pleaseΒ Contact Us With your website address and name of site you wish to be removed from.

Note:
You can control what content is distributed in your RSS Feed by using your Website Editor.

Tech Shop Offers