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 best color palette for every web developer and designer 🎨

🧵👇


1. Color hunt

- Color Hunt is a free and open platform for color inspiration with thousands of trendy hand- picked color palettes

🖇️
https://t.co/xR0FVTjK0L


2. Adobe color wheel

Explore and create accessible color palettes using color wheel, in variety of color variations and contrast levels. It will tell you automatically if two colors are not accessible

🖇️ https://t.co/ndsgBauTEc


3. Palette Ninja

Palette ninja is an online color scheme generator that allows you to create harmonious color schemes in seconds

🖇️ https://t.co/cuzP21tn2Z


4. My color space

Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color

🖇️ https://t.co/kmjrXOceAj
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
6 beginner friendly websites that will boost your HTML and CSS learning process 🚀

🧵👇🏻

1️⃣ Learn HTML

- The easiest way to learn HTML & CSS. Learn HTML provides an interactive tutorial that explains how to build HTML & CSS websites step by step.

🔗
https://t.co/W1XytKL1MI


2️⃣ HTML best practice

- A very well written document on HTML best practice

🔗 https://t.co/6PTcY1U5Cw


3️⃣ Learn to Code HTML & CSS

- Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS

🔗 https://t.co/LwY9E2qUNS


4️⃣ Hex Invaders

- Hex Invaders is a fun way to learn and understand what hex codes are and how they work

🔗 https://t.co/EpQyhlN7pv
12 websites that will help you learn web development faster (completely 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
JavaScript is powerful.

But sometimes, you can do great things using CSS.

A long thread of CSS tips and tricks:

1. Smooth


2. Change marker styling


3. Add styling to video


4. Change input caret

More from Coding

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
Do not write CSS code, use these free generators instead that can help you immensely

A Thread 🧵

1️⃣ Stripes generator

- Pure CSS Stripes Generator that you can use for backgrounds.

🔗
https://t.co/5uTPrwA5xD


2️⃣ Gradient generator

- As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile

🔗 https://t.co/Yr6pueoWgx


3️⃣ Pattern generator

- It lets you create background pattern for free

🔗 https://t.co/NQuV7pxLIz


4️⃣ CSS Accordion Slider Generator

- Create fully responsive, css only accordion sliders

🔗 https://t.co/x0qaDhN0z9
6 amazing GitHub repositories that can help you as a developer

🧵 👇🏻

1️⃣ HTML Best Practice

- This repo will help you writing maintainable and scalable HTML documents

🔗
https://t.co/CvvfjSrfCL


2️⃣ 30 Days Of React

- Learn React in 30 days. A well divided topics of React in days. Definitely check it out

🔗 https://t.co/8WTc1RQOGV


3️⃣ Design resources

- Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

🔗 https://t.co/82o5Eyhlji


4️⃣ Websites a programmer should visit

- A well curated list of websites a programmer should visit

🔗 https://t.co/ltdIqcQ6cT

You May Also Like

Хајде да направимо мали осврт на случај Мика Алексић .

Алексић је жртва енглеске освете преко Оливере Иванчић .
Мика је одбио да снима филм о блаћењу Срба и мењању историје Срба , иза целокупног пројекта стоји дипломатски кор Британаца у Београду и Оливера Иванчић


Оливера Илинчић је иначе мајка једне од његових ученица .
Која је претила да ће се осветити .

Мика се налази у притвору због наводних оптужби глумице Милене Радуловић да ју је наводно силовао човек од 70 година , са три бајпаса и извађеном простатом пре пет година

Иста персона је и обезбедила финансије за филм преко Беча а филм је требао да се бави животом Десанке Максимовић .
А сетите се и ко је иницирао да се Десанка Максимовић избаци из уџбеника и школства у Србији .

И тако уместо романсиране верзије Десанке Максимовић утицај Британаца

У Србији стави на пиједестал и да се Британци у Србији позитивно афирмишу како би се на тај начин усмерила будућност али и мењао ток историје .
Зато Мика са гнушањем и поносно одбија да снима такав филм тада и почиње хајка и претње која потиче из британских дипломатских кругова

Најгоре од свега што је то Мика Алексић изговорио у присуству високих дипломатских представника , а одговор је био да се све неће на томе завршити и да ће га то скупо коштати .
Нашта им је Мика рекао да је он свој живот проживео и да могу да му раде шта хоће и силно их извређао