Latest Courses
DVC and Git For Data ScienceCheck course
CMake, Tests and Tooling for C/C++ ProjectsCheck course
Build A Professional Responsive Portfolio Website : React JSCheck course
Django | Build a Chatbot as a Personal Assistant Using AICheck course
Jq Command Tutorials for Bash Shell ScriptingCheck course
Learn API First Development With Open API Spring Boot KotlinCheck course
Advanced Reinforcement Learning: policy gradient methodsCheck course
Computational Linguistics - Beginner CourseCheck course
Design & Code Twitter Home Page with JavaScript, CSS & FigmaCheck course
Data Science: Transformers for Natural Language ProcessingCheck course
DVC and Git For Data ScienceCheck course
CMake, Tests and Tooling for C/C++ ProjectsCheck course
Build A Professional Responsive Portfolio Website : React JSCheck course
Django | Build a Chatbot as a Personal Assistant Using AICheck course
Jq Command Tutorials for Bash Shell ScriptingCheck course
- 25% Design & Code Twitter Home Page with JavaScript, CSS & Figma

Design & Code Twitter Home Page with JavaScript, CSS & Figma

$14.99Track price

Add your review
Add to wishlistAdded to wishlistRemoved from wishlist 0
Add to compare

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

We will learn how to use Lit JS to develop native shareable components.

We will learn how to encapsulate our HTML and CSS into JavaScript classes using Lit JS

We will learn how to build simple future–ready native web components

We only use pure vanilla JavaScript to create customizable components and scope our CSS styles inside each of them

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

Specification: Design & Code Twitter Home Page with JavaScript, CSS & Figma

Duration

11.5 hours

Year

2022

Level

Expert

Language

English, English [Auto]

Certificate

Yes

Quizzes

No

User Reviews

0.0 out of 5
0
0
0
0
0
Write a review

There are no reviews yet.

Be the first to review “Design & Code Twitter Home Page with JavaScript, CSS & Figma”

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Design & Code Twitter Home Page with JavaScript, CSS & Figma
Design & Code Twitter Home Page with JavaScript, CSS & Figma

$14.99

Price tracking

Java Code Geeks
Logo
Register New Account
Reset Password
Compare items
  • Total (0)
Compare