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 ๐Ÿ‘จโ€๐Ÿ’ป๐Ÿš€

9 websites that will help you learn web development faster (they are free) ๐Ÿงต

1. How HTTP Works

Everything you need to know about HTTP based system.

๐Ÿ”—
https://t.co/gVZS4RzS1a


2. 30 Days of Node

Learn Node step by step with interactive examples and code snippet in 30 days.

๐Ÿ”— https://t.co/9nbtMiNB1C


3. How DNS Works

Learn what happens when you type a website address in your browser

๐Ÿ”— https://t.co/SqMRNnDbc3


4. Git

Check out this excellent free website to learn git visually.

๐Ÿ”— https://t.co/rQJMISBDfS
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

More from Coding

5 amazing websites that will blow the mind of a developer. Definitely check them out

๐Ÿงต๐Ÿ‘‡๐Ÿป

1๏ธโƒฃ Animation generator

- Dead simple visual tools to help you generate CSS for your projects.

๐Ÿ”—
https://t.co/IFmIEgDiVY


2๏ธโƒฃ Neural Network Visualizer

- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.

๐Ÿ”— https://t.co/mTAlFbJsOW


3๏ธโƒฃ Blockchain Demo

- A visual demo of blockchain technology

๐Ÿ”— https://t.co/I1RwxYcM1Z


4๏ธโƒฃ Developer Roadmaps

- Step by step guides and paths to learn different tools or technologies

๐Ÿ”— https://t.co/VSNPdG8jQR
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