Udemy – Design & Code Twitter Home Page with JavaScript, CSS & Figma 2024-10

Published on: 2024-11-12 01:16:46

Categories: 28

Descriptions

Design & Code Twitter Home Page with JavaScript, CSS & Figma, In this course we will learn how to use the native web component technology to our advantage.. Design beautiful web components for Twitter using Figma. Transfer all those beautiful designs to front-end code using Lit JS. Code light & dark user interface for Twitter home page using JavaScript & Figma. Before we dive right into front-end coding, we will first design everything in Figma from scratch.. Not only will we design components in Figma, but also build a design system for our Twitter UI project. We will design reusable color, typography, & shadow styles. At the end, we transfer Figma styles to CSS variables

What you’ll learn

Design Figma components & develop them using JavaScript
Utilize native web component API to develop reusable custom elements
Fast-track native web component development using Lit JS framework
Encapsulate your CSS & JavaScript logic to develop light & dark theme components
Design custom components using Figma Variants & Auto Layout
Learn how to set up a Design System in Figma for the Twitter UI Project