TrueschoTruescho
All Courses
Build Websites with Figma, HTML, and CSS
Coursera
Course
Unknown

Build Websites with Figma, HTML, and CSS

Scrimba

Ideal for aspiring frontend developers to convert Figma mockups into functional interfaces using HTML, CSS, and JavaScript through hands-on projects.

Unknown5 weeksEnglish

About this Course

This course is ideal for aspiring frontend developers seeking a challenge and eager to acquire the skills needed to translate visually appealing mockups into functional user interfaces. Throughout the program, you'll apply and enhance your HTML, CSS, and JavaScript proficiency by constructing five captivating designs – starting from a straightforward card and progressing to a landing page, an analytics dashboard, a sales website, and culminating in an animated event site. This course is designed to maximize your independent practice. You'll be provided with detailed Figma designs, enabling you to transform them into user interfaces that exhibit excellence across various screen sizes. Upon completing each project, Gary Simon, a UI expert and esteemed web development educator, will walk you through the code he employs to bring the mockup to life. This offers you the opportunity to compare your solution, gain valuable insights, and discover numerous tips and tricks along the way

What You'll Learn

  • Create user interfaces from mockups
  • Build responsive layouts
  • Enhance HTML, CSS, and JavaScript skills through multiple projects

Prerequisites

  • Basic familiarity with topic and terminology
  • Readiness for practice through applied exercises

Instructors

G

Gary Simon

Topics

Software Development
Computer Science
Mobile and Web Development
Web Design
User Interface (UI)
Figma (Design Software)
Web Design and Development
Front-End Web Development
Javascript
Mockups

Course Info

PlatformCoursera
LevelUnknown
PacingUnknown
PriceFree

Skills

تطوير البرمجيات
علوم الحاسوب
تطوير الويب والهواتف
تصميم الويب
واجهة المستخدم
فيجما (برمجيات التصميم)
تصميم وتطوير الويب
تطوير الويب الأمامي
Javascript
Mockups

Start Learning Now