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

Overview

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

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

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.