Tweet

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

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

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

Pratham

@Prathkum

22 Jun

Here are some great websites that can help you in your next web development project.

Including colors, accessibility, backgrounds, icons, testing, and much more 🧵👇🏻

1. Color hunt

- Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes

🔗 colorhunt.co

2. Adobe color wheel

Explore and create accessible color palettes using color wheel, in a variety of color variations and contrast levels. It will tell you automatically if two colors are not accessible

🔗 color.adobe.com/create/color-a…

Read 21 tweets

Pratham

@Prathkum

19 Jun

JavaScript is an enormous language but you don't need to learn everything in the beginning.

Here is the detailed explanation on JavaScript for Web Development 🧵👇🏻

JavaScript is a kind of language that as you progress deeper in the field, you will come to know a lot more cool concepts about it.

Prerequisites if you want to learn JavaScript for web development 👇🏻

- HTML
- CSS

First and foremost, it's a programming language so you should know about basic programming concepts:

- Data types in JavaScript
- Variables
- Statements
- Control statements
- Operators
- And other basic stuff....

Read 19 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?