Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Learn HTML and CSS for Beginners - Coding from a Figma Design

LearnWebCode via YouTube

Start learning Write review
Corporate Finance Institute Ad

Get 35% Off CFI Certifications - Code CFI35

Learn More → Coursera Ad

40% Off All Coursera Courses

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Embark on a comprehensive journey to master HTML and CSS fundamentals in this beginner-friendly tutorial. Learn to code a website from a Figma design, exploring essential concepts like developer roles, coding environments, and layout techniques. Dive into practical lessons on CSS box model, grid systems, and working with SVG icons. Discover how to implement Google Fonts, create background color splashes, and optimize your VS Code settings. Gain valuable insights into finding joy in coding and preview exciting projects to further enhance your skills.

Syllabus

Your New Career Path
What Is A Developer?
How / Where Do We Write Code?
Let's Start Coding The Homepage
Layout Spacing Basics
Finding Your Joy
VS Code Settings & Google Fonts
CSS Box Model
CSS Grid Multiple Columns
SVG Icons
Quick SVG Figma Tip
Background Splashes of Color
Preview of Projects

Taught by

LearnWebCode

Reviews

5.0 rating, based on 1 Class Central review

Start your review of Learn HTML and CSS for Beginners - Coding from a Figma Design

  • Profile image for Nandana Bhattacharya
    Nandana Bhattacharya
    The instructor have explained very well. He explained the designer view and from it how we can create htmk css code and he also have shown the magic button on figma to click on the element and get its properties and codes, which was awesome
Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.