I wasted 2 months in tutorial hellπŸ˜–πŸ˜«

But WTF is Tutorial Hell? πŸ€·β€β™€οΈ

How to escape it?πŸ™„

Thread πŸ§΅πŸ‘‡
As I started learning to code, I was stuck in tutorial hell. It felt like, I am learning a lot of the stuff.

I have mastered CSS and JS.
After Creating a lot of projects while watching tutorials.

One day I decided to create a project of my own.
and the biggest myth busted 😫.

I came to know that I don't know anything
so I started another course and then the same happens,

until I discovered that I was in tutorial hell.
⚑ WTF is Tutorial Hell?

Tutorial hell is when you continuously watch tutorials one after another and you feel like,

You are learning a lot of things.
But when you start doing something your own,

you found out you're even not able to solve a basic coding problem.
⚑ The problem with tutorial hell?

- you get fake confidence.
- Fake feeling of growth.
Quote by Albert Einstein -

" insanity is doing the same thing over and over again and expecting different results."
There is nothing wrong with using tutorials to learn new things.

You just need to stop that desire of starting a new tutorial as soon as you finish the one you were working on.
When you complete a tutorial,

try to recreate the same code using only your memory.

You will probably be stuck in a few things so rewatch/reread and again start the solving problem.
⚑ How to Break tutorial hell?

- Learn the Basics
- take Proper Notes
- Start With a Small problem
- Be consistent
- Teach others
- Build Projects

Deep Dive πŸ‘‡
βœ” 1. Learn Basics -

Don't try to jump into advanced stuff without learning enough basics.

Core Fundamentals >>>> frameworks
βœ” 2. take proper Notes -

Notes are the best way to revise your learning because we humans are never able to remember all the things.

Note the key points.
βœ” 3. Start with a small problem -

Always start with small coding problems, do not try to solve big problems because you get demotivated easily in the beginning.
Coding is all about solving problems so always break your problem into small sub-problem.
Be careful with this feeling. always take breaks.
βœ” 4. Be consistent -

Do not try to learn everything in one or two months.

be consistent with your learning soon you will see Great results.
βœ” 5. Teach others -

teaching is the best way to Recalling back what we have learned.
βœ” 6. Build Projects -

The more you code, The better you become πŸ’›,

Don't just watch the tutorials, practice what you learn.
Thanks for stopping and checking these resources, I'm sure it's going to help you at some point in time.

1. Follow @Ali6nX404 for more such content.

2. Quote retweet the first and share what do you think of this?

Cheers! πŸ₯‚

β€’ β€’ β€’

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

Keep Current with Mahesh πŸ‘½πŸ›Έ

Mahesh πŸ‘½πŸ›Έ 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 @Ali6nX404

4 Dec
When you read CSS code and find some weird code like :

-webkit-,
-moz-,
-o-,
-ms-

Let's understand about themβš‘πŸ‘‡
What we're going to cover:-

β—Ό What is the vendor prefix.
β—Ό Prefixes used by major browsers
β—Ό Why we Use?
β—Ό property supported by browsers or not
β—Ό How we can use vendor prefixes?
β—Ό automate the vendor prefix writing
πŸ“Œ What is the vendor prefix?

CSS properties starting with -webkit-, -moz-, -ms- or -o- are called vendor prefixes.

These are the vendor-prefixed offered by the relevant rendering engines.
Read 13 tweets
3 Dec
Level up your CSS With These Generators and tools✨

threadπŸ§΅πŸ‘‡ Image
1️⃣ This is the best generator to design your next project grid layout visually.

Copy the CSS code directly.
grid.layoutit.com
2️⃣ This Generator allows you to create complex shapes easily.

bennettfeely.com/clippy/
Read 11 tweets
22 Oct
Cheat Sheets that always save my time during development πŸš€

Thread πŸ‘‡
1️ HTML cheatsheet -
htmlcheatsheet.com
2️⃣ CSS cheat sheet -

htmlcheatsheet.com/css/
Read 10 tweets
21 Oct
Confused between boxes and box model πŸ™„πŸ€”

π˜‰π˜°π˜Ήπ˜¦π˜΄ - π˜‰π˜°π˜Ήπ˜¦π˜΄ 𝘳𝘦𝘀𝘡𝘒𝘯𝘨𝘢𝘭𝘒𝘳 π˜‰π˜°π˜Ήπ˜¦π˜΄ 𝘌𝘷𝘦𝘳𝘺𝘸𝘩𝘦𝘳𝘦 πŸ€·β€β™‚οΈπŸ˜…

Let's learn the most important concept 𝑩𝒐𝒙 𝑴𝒐𝒅𝒆𝒍 π’Šπ’ π‘ͺ𝑺𝑺.

Thread πŸ‘‡ Image
The first thing you need to understand is that,

Everything displayed is just a box.

Everything you see on a web page is made up of rectangles boxes.
on a website, you will see all the content is just a combination of boxes,

Arranged on top to, on next to, bottom, or nested in each other.

Header, nav, footer everything made up with boxes.

Usually, we called it HTML elements instead of rectangles boxes.
Read 21 tweets
8 Oct
Confused About rem and em units in CSS?

Which is better to use in CSS πŸ™„

Let's understand both units ✨

threadπŸ§΅πŸ‘‡
em and rem both are known as relative units in CSS.

You've probably been using em and rem units now for a while already,

but still, you might be confused about which unit is best in which scenario.
1️⃣ What is em?

An em value is equal to the computed font size of the parent of that element.

example if font size of parent element is 20 px then 1em is equal to 20px.
Read 15 tweets
6 Oct
Total 1k Views, 100+ reactions, and 30 comments on my first blog from various platforms. 😎😍

5 things I learned during the creation of that article.

threadπŸ§΅πŸ‘‡
1️⃣ Research before write:-

I chose gradient because I use gradient a lot in my CSS art creation and,

I noticed there are not many well-detailed blogs available on the internet.

So I decided to go with it 🀠
Key point -

1. always do research about your blog topic.

2. Nothing is 100% new but we can improve at least 1% for easy understanding of readers.

3. Don't fall into research hell.

how to avoid research hell thread by @akoskm
Read 10 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

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(