Tweet

@hashnode

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

19 Feb

The Z-index is a powerful yet confusing concept of CSS

Let's make it easy in this quick thread👇

🧵

z-index is a CSS property that controls stacking order of elements along Z axis.

Image a hypothetical line starting from your eye to screen, that is Z-axis

⭐ Note that z-index only works on positioned elements.

You need to specify the position (relative, absolute, sticky, fixed) if you want to arrange an element using z-index

Read 5 tweets

Pratham 👨‍💻🚀

@Prathkum

17 Feb

Everything you need to know about CSS Flexible Box Layout👇

THREAD🧵

Start appyling display: flex; property to parent element
This will take the all the elements in horizontal direction

You can also change the direction of elements. For doing so, you need to mention the flex-direction property

The flex-direction property specifies the direction of the items within the flex container

Read 11 tweets

Pratham 👨‍💻🚀

@Prathkum

15 Feb

Beginner friendly thread to start with Web Development in 2021

THREAD🧵👇

Did you know you don't need any prior coding knowledge to start with web development.

You can start it with scratch. You neither need to install any software initially you can make your first site on Notepad or some online editor

(2 / 13)

📌 Tools you need

- An editor, where you can write some code.

There are two options

1. Install editor on your machine
2. Use an online editor

(3 / 13)

Read 13 tweets

Pratham 👨‍💻🚀

@Prathkum

14 Feb

Some important topics of JavaScript before diving into React

A Thread🧵

1️⃣ ES6 classes

Although new developers are working with functional components, there is a possibility that you may encounter old written class component code. So it can be helpful to learn basic of ES6 class.

2️⃣ Basic understanding of var, let and const

You should have the basic understanding of variable declaration. When to use var, let or const. What is the block scope and stuff like that.

for example

var x = 2;
// Here x is 2
{
let x = 4;
// Here x is 4
}
// Here x is 2

Read 9 tweets

Pratham 👨‍💻🚀

@Prathkum

13 Feb

Start your 100 Days of Code journey with this thread⚡

🧵👇

Hey, there👋

If you want to learn web development then this thread is for you. In this thread, I'll try to give a basic overview of

What 100DaysOfCode is?
How to manage your time?
How to divide your time?

And any other doubt you have in mind... So Let's go

(2 / nn)

In this 100 Days you need to cover mainly 4 technologies

- HTML
- CSS
- JavaScript
- DOM

Now you might be wondering why DOM? But trust me its important and necessary😉

(3 / nn)

Read 22 tweets

Pratham 👨‍💻🚀

@Prathkum

12 Feb

Don't repeat my mistakes❌👇

When I was learning Java, about 3 years ago, I tried to remember the code of the star patterns (It may sound silly)🙃

I was like what is the use of this star pattern in the real world. They meant nothing to me

(1 / 4)

Later I realized that coding is about creating logic in the mind so that we can reach an effective solution

By star patterns, they were trying to make my better understanding on for loops and if conditions. So that my logic building ability can be improved

(2 / 4)

The other big mistake I made was "didn't ask this question at the time".

I think I should have asked
Why star patterns?
What's the use of this?

But we learn from our mistakes. I also learned

(3 / 4)

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