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)
If you are a beginner, I would suggest you to ask questions

That's it. That's the PRO TIP๐Ÿ”ฅ

Forgive me if my mistakes are childish for you๐Ÿ˜…

(4 / 4)

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Pratham ๐Ÿ‘จโ€๐Ÿ’ป๐Ÿš€

Pratham ๐Ÿ‘จโ€๐Ÿ’ป๐Ÿš€ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

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

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Prathkum

13 Feb
Start your 100 Days of Code journey with this threadโšก

๐Ÿงต๐Ÿ‘‡ Image
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
9 Feb
A compiled tweet of the CSS cheats sheet I created in the last few days

๐Ÿงต๐Ÿ‘‡
Border-radius
Flexbox
Read 8 tweets
6 Feb
We can't create gradient border directly but we have a trick๐Ÿ˜‰

A SHORT THREAD๐Ÿงต Image
This is pretty easy. It will just take 5 minutes๐Ÿ˜„

STEP 1:
- Create your element around which you want to create gradient border

In this example I have a sqaure around which I'll create gradient border
STEP 2:
- Create pseudo-element with little extra height and width

Let's say if my sqaure height width is 300px then I'll set 304px height and width of pseudo-element
Read 6 tweets
4 Feb
Everything you need to know about useEffect hook of React

A beginner's guide

Thread๐Ÿงต๐Ÿ‘‡
If you're familiar with class components then you might know that we have various lifecycle methods but in functional components, we don't have any lifecycle methods.

Instead we have a powerful hook called useEffect๐Ÿ’ช
By using useEffect, you tell React that your component needs to do something after render. React will remember the function you passed (we'll refer to it as our โ€œeffectโ€), and call it later after performing the DOM updates

So let's start by understanding the syntax first๐Ÿ‘‡
Read 14 tweets
2 Feb
Use the border radius effectively and create awesome shapes๐Ÿคฉ

A Quick Thread๐Ÿงต๐Ÿ‘‡ Image
You might have used something like this before๐Ÿ‘‡

border-radius: 10px;
border-radius: 50%;
border-radius: 20px 10px;
border-radius: 10px 20px 30px 40px;

but have you used this?๐Ÿ‘‡

border-radius: 40% 22% 33% 45% / 45% 69% 65% 36%;
Attached image showing a rectangle with 10px border-radius all sides. This is what we probably all know.

border-radius: 20px; Image
Read 9 tweets
31 Jan
Positioning in CSS allows you to display your element wherever you want on the screen

But when I was learning it, I found it little bit confusing๐Ÿ˜…

So in this thread I'll try to explain it in easiest manner with practical implementation. Let's start

THREAD๐Ÿงต๐Ÿ‘‡
There are 5 values that you can pass in position property

- static
- relative
- absolute
- fixed
- sticky

In this thread we will be focusing on relative and absolute positioning as both are widely used
Let's start with understanding what document flow is?

๐Ÿ“Œ Elements are displayed on the screen as they written in the HTML document

Consider the following piece of code:

H1, P, H3 and div are displayed on the screen in exact order as they written in the HTML file.
Read 14 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!