What you'll learn
- Utilize native web component API to develop reusable custom elements
- Fast-track native web component development using Lit JS framework
- Design custom components using Figma Variants & Auto Layout
- Learn how to set up a Design System in Figma for the Twitter UI Project
- Intermediate understanding of 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
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
We will learn how to use Lit JS to develop native shareable components.
We will learn how to build simple future-ready native web components
One of the best practices in front-end development is to reuse code as much as possible. However, transfering design to HTML markup tends to be complex.
We will use Lit JS to make our development life easy because it is built on top of native web component API
Since Lit JS uses native web component API, our development environment is simple yet powerful
Who this course is for:
- Designers who want to add Twitter Figma Project to their portfolio
- Developers who want to transfer Figma components to code
- Developers who want to create native custom components from scratch
Redeem discounts for all of our Udemy courses by clicking on our website button.
I am a UX UI Design Lead working at TD Bank. I have a Bachelor's in Graphic Design, and 2 Graduate Certificates in both Interactive Media Design, and User Experience Design. I also have a Diploma in Mathematics which taught me how to Design with precision.
Bad UX is everywhere, and I am here to fix them with my multidisciplinary design background. In my design tool kit, aesthetics plays a big role because I love to make boring information visually pretty. I love solving problem by creating UX flows and UI prototypes.
Enhancing user experience is my main area of expertise. Everything has to be pixel perfect otherwise I go crazy.