Tweet

https://twitter.com/Prathkum/status/1404078008055521284?s=20

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @Prathkum

Pratham

@Prathkum

25 Jun

Next 27 tweets are the Complete Introduction to CSS Grid Layouts including everything

🧵👇🏻

Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex you can make only 1D layout but Grid gives you the full power of creating a 2D layout

Let's start

{ 02 / 28 }

First things first, start with giving the display property "grid" to the container element or parent element.

{ 03 / 28 }

Read 28 tweets

Pratham

@Prathkum

23 Jun

I have created enormous handmade notes for Web development beginners.

Here are some of my handmade JavaScript and CSS notes/cheat sheets that can help you 🧵 👇🏻

0. Semantic HTML

2. CSS border-radius

Read 13 tweets

Pratham

@Prathkum

23 Jun

Let's talk about some CSS concepts that we rarely used but they will prove that CSS is so deep.

🧵👇🏻

1. Select grammatical errors

::grammar-error pseudo-element select a grammatically incorrect sentence. Although this feature has not been standardized yet.

🔗 developer.mozilla.org/en-US/docs/Web…

2. You can optimize the performance of your web page by adding one line of CSS

The `will-change` property

- will-change tells the browser that how an element is expected to change
- Increase the responsiveness

Read 7 tweets

Pratham

@Prathkum

23 Jun

I again brought 5 awesome GitHub repositories for beginners

🧵👇🏻

1. Project-based learning

A curated list of project-based tutorials covering JavaScript, Python and many other popular languages

🔗 github.com/tuvtran/projec…

2. Awesome Linux software

A list of awesome applications, software, tools, and other materials for Linux distros

🔗 github.com/luong-komorebi…

Read 6 tweets

Pratham

@Prathkum

22 Jun

Are you planning to create your first CSS art for fun? Start with the basic shapes.

Here are 26 easy to hard shapes and figures you can try first 🧵👇🏻

In general, analyze any image and try to think how can you make it using different shapes.

Two concepts that you need to master

1. border-radius
2. linear-gradient

1. Circle Yellow 🔵

- Pretty simple, we just need to make a square and apply the border-radius 50% in order to give it a circular shape

Read 28 tweets

Pratham

@Prathkum

22 Jun

Planning to learn React? Knowledge of a few JavaScript concepts can make the process easier for you.

Let's see some basic JavaScript modules that can help you 🧵👇🏻

Keep JavaScript aside for a moment, Knowledge of basic HTML and CSS is a must in my opinion.

React is all about building user interface so you'll be working with HTML and CSS as well. So start with these first

1. Basic programming knowledge which is must

- Data types in JavaScript
- Variables
- Statements
- Control statements
- Operators

Read 13 tweets

Share this page!

Pratham

Try unrolling a thread yourself!

More from @Prathkum

Pratham

Pratham

Pratham

Pratham

Pratham

Pratham

Did Thread Reader help you today?

Like this author's thread?