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 👨‍💻🚀

I've brought you some amazing GitHub repositories of web development tips and tricks 🌟

THREAD🧵🔽

1️⃣ JS Tips

- A huge list of 73 great tips and tricks of JavaScript

🔗
https://t.co/r0J9vW8WrH


2️⃣ CSS Protips

- A collection of tips to help take your CSS skills pro. Definitely check it out

🔗 https://t.co/5haB2xTWuz


3️⃣ JS Tips and Tricks

- Some advanced tips and tricks of JavaScript that can help you to take your skills onto next level

🔗 https://t.co/NvfoANwweV


4️⃣ Git Tips

- Git is an essential tool for very programmer. in this repo you'll find the most commonly used git tips and tricks

🔗 https://t.co/34qvOhYCZE
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
5 great code snippet websites for every web developer and designer

🧵👇🏻


1️⃣ 30 Seconds of Code

- Short code snippets for all your development needs

🔗
https://t.co/91L4bAxkgF


2️⃣ Free Frontend

- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles

🔗 https://t.co/2sIAm73EdZ


3️⃣ Little Snippets

- A free collection of HTML and CSS code snippets

🔗 https://t.co/qxAyA2wA6U


4️⃣ CSS Deck

- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

🔗 https://t.co/LcZYnipvCy
7 GitHub repositories will make you a standout developer from 99% of people:

1. Memphis

An open-source real-time data processing platform.

• Message broker
• Schema Management
• Zero ops
• Cloud-native
• Rapid development
• Significantly lower development time

🔗
https://t.co/w5L2aCM3do


2. The art of command line

Master the command line, in one page.

🔗 https://t.co/uF2RlcUIxb


3. Public APIs

A collective list of free APIs for use in software and web development

🔗 https://t.co/vDRQKBf15V


4. Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

🔗 https://t.co/bIGEEPcMkJ

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
7 best GitHub repositories that can help you as a developer

Thread 🧵👇🏻

1️⃣ Awesome For Beginner

- A list of awesome beginners-friendly projects.

🔗
https://t.co/4ycLUOE52j


2️⃣ Awesome Python

- A curated list of awesome Python frameworks, libraries, software and resources.

🔗 https://t.co/6B3Ito5wML


3️⃣ 30-seconds-of-code

- Short JavaScript code snippets for all your development needs

🔗 https://t.co/zWcmMtg2xa


4️⃣ Dev Portfolio

- A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass

🔗 https://t.co/DR1fiO7TS9

You May Also Like