If you're learning or planning to learn Web Development in 2021 then this thread is for you

πŸ§΅πŸ‘‡πŸ»

WHERE TO START? Front-end or Backend?

- Well this may be a debatable question but I would suggest you to start with front-end development

- It depends entirely on the individual but in my opinion, starting with front-end development has its advantages.

{ 2 / 16 }
WHY TO START WITH FRONT-END DEVELOPMENT?

- More visual content gives you an aesthetic vibe

- You can share your creations

- Easier to get feedback as you can show your webpages to any non technical person as well

{ 3 / 16 }
FUNDAMENTALS ARE IMPORTANT

- Don't rush! Spend some time on HTML, CSS and JavaScript. You can do pretty amazing things using these three languages

{ 4 / 16 }
- Make sure to learn and build some web pages using HTML and CSS before jumping onto JavaScript

- JavaScript is the backbone of web development, Don't rush to start with React/Angular/vue or any other front-end framework or library

{ 5 / 16 }
- I don't think we should set some time after which you can start with front-end framework. Just make sure to be develop your strong hold on the foundation.

- I spent about 3-4 months with HTML, CSS and JS

{ 6 / 16 }
DOCUMENT YOUR LEARNING✍️

- Take a short note of what you learn on the daily basis will be helpful in the long term

- Whenever you go for an interview or some test, you can revise through your notes

{ 7 / 16 }
- You can also share your learning, projects or anything on social media. It also helps you to be up-to-date

- Write your achievements or failures while learning a specific topic, create tutorials, write article, etc

{ 8 / 16 }
There are a lot of free tools and courses on the internet you can start with

- I always recommend start with a crash course so that you can have taste of things. Later on, you can buy a course or learn by self teaching

{ 9 / 16 }
DYNAMIC FIELDπŸš€

- Web development is a constantly evolving field. To be a great developer, you need to stay updated

- Almost daily, we come across with new concepts, technique, framework, library, designs, etc. So as to survive strongly in this world, you should be updated
- In order to keep up with these, You can read latest article, watch YouTubers, be active on social media, etc

- It will be more beneficial if you can put new concepts into practice. It will help you to understand a specific concept more accurately and effectively

{ 11 / 16 }
THERE IS ALWAYS A SLIGHT MARGIN TO IMPROVEπŸ€

- You can't be perfect in this field but you can try to be

- Always be open to learn new things, as this is the vast field learning new techniques always pays off

{ 12 / 16 }
BE POSITIVE😁

- During your journey you will face many challenges. But it does not matter. What matters is your attitude towards your problems

{ 13 / 16 }
- I started learning programming on my old PC. I used to write code in my phone as well. But I didn't give up

- Frustration is the basic side effect of coding. Just take a break. No need to burden yourself

{ 14 / 16 }
This all may sound like a little hectic but it's actually not.

Do not burden yourself. Just try to code daily so that you can develop consistency inside you. Does not matter for hours or minutes

{ 15 / 16 }
That's pretty much it. Don't think much just start. Let me know if i can help you in any way

All the bestπŸ˜„

More from Pratham πŸ‘¨β€πŸ’»πŸš€

5 great gradient background sites for every web developer and designer 🎨

πŸ§΅πŸ‘‡πŸ»


1️⃣ uiGradients

- A handpicked collection of beautiful color gradients for designers and developers.

πŸ”—
https://t.co/EainhiePop


2️⃣ Eggradient

- Ready to use gradient background colors. βœ“ Cool Gradients are prepared according to the latest design trends

πŸ”— https://t.co/F0uYVsZbA4


3️⃣ Mesh Gradients

- Create beautiful gradient like aurora UI in few clicks

πŸ”— https://t.co/MV8PT7q3Kz


4️⃣ CSS Gradient

- Create beatiful gradeint either linear or radial on different angles

πŸ”— https://t.co/dlCExilHAT
You can learn 90% of CSS using these 10 threads

πŸ§΅πŸ‘‡

1. All you need to know about CSS


2. Getting started with CSS animations


3. Z-index is tricky but this thread solve all your doubts


4. CSS positioning concepts
If you know CSS then you can use these amazing generators and save your time

Thread πŸ§΅πŸ‘‡πŸ»

1️⃣ CSS Box Shadow Generator

- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects

πŸ”—
https://t.co/6La36IzBLj


2️⃣ Glassmorphism

- Generate glassmorphic design easily

πŸ”— https://t.co/qrKqDV5tzY


3️⃣ Cool Backgrounds

- Explore a beautifully curated selection of cool backgrounds that you can add to your next project

πŸ”— https://t.co/df7VSaRSh9


4️⃣ Pixel art

- Create CSS pixel art, export the results to CSS and download them.

πŸ”— https://t.co/ojD8qwzuhx

More from Coding

If you are a developer then these GitHub repositories or websites will boost your knowledge to the next level

A Thread 🧡

1️⃣ JavaScript

- A kind of eBook in the form of readme. Covers from beginners to intermediate concepts of JavaScript

πŸ”—
https://t.co/SM9jcxuoZ1


2️⃣ Python

- A huge list of python projects, snippets, example and almost everything related to Python which helps you understand it in detail

πŸ”—

3️⃣ React Lifecycle

- Interactive React Lifecycle Methods diagram.

πŸ”— https://t.co/7UVoA1rXCZ


4️⃣ Cheatsheets

- JavaScript cheatsheets incluse express4, Node.js, React, MongoDB

πŸ”— https://t.co/Jm9izXrcMu

You May Also Like

THREAD: 12 Things Everyone Should Know About IQ

1. IQ is one of the most heritable psychological traits – that is, individual differences in IQ are strongly associated with individual differences in genes (at least in fairly typical modern environments). https://t.co/3XxzW9bxLE


2. The heritability of IQ *increases* from childhood to adulthood. Meanwhile, the effect of the shared environment largely fades away. In other words, when it comes to IQ, nature becomes more important as we get older, nurture less.
https://t.co/UqtS1lpw3n


3. IQ scores have been increasing for the last century or so, a phenomenon known as the Flynn effect. https://t.co/sCZvCst3hw (N β‰ˆ 4 million)

(Note that the Flynn effect shows that IQ isn't 100% genetic; it doesn't show that it's 100% environmental.)


4. IQ predicts many important real world outcomes.

For example, though far from perfect, IQ is the single-best predictor of job performance we have – much better than Emotional Intelligence, the Big Five, Grit, etc. https://t.co/rKUgKDAAVx https://t.co/DWbVI8QSU3


5. Higher IQ is associated with a lower risk of death from most causes, including cardiovascular disease, respiratory disease, most forms of cancer, homicide, suicide, and accident. https://t.co/PJjGNyeQRA (N = 728,160)