Master Frontend Development for Free.

Thread: 🧵

Note: Choose one or two resources and concentrate on building projects.

Building projects are the one & only way to excel in web development.
1️⃣ Internet:

1. How does Internet work?
🔗 https://t.co/xzyO8cMfRw

2. What is HTTP?
🔗 https://t.co/dftCCarGvk
3. How do Browsers Work?
🔗 https://t.co/3mwSrLhXvY

4. What is Domain?
🔗 https://t.co/2ekY8qdGsN
5. What is Hosting?
🔗 https://t.co/wdTzfhh00C

6. DNS and How it Works?
🔗 https://t.co/hLfxOsLEdd
2️⃣ HTML:

💢 YouTube.
1. Introduction to Web Development:
🔗 https://t.co/xmV0JHPIQd

2. HTML Tutorials for Beginners [2021]
🔗 https://t.co/NN6qmbKdsY

3. HTML Crash Course for Absolute Beginners.
🔗 https://t.co/TCXbF0KPAt
💢 Websites.
4. 🔗 https://t.co/lBHImm9nuw

5. 🔗 https://t.co/Svvh9VDy4o

💢 HTML Roadmap By @_georgemoller
https://t.co/sMK3bIOaFp
@_georgemoller 3️⃣ CSS:

💢 YouTube.
1. CSS Tutorial - Zero to Hero.
🔗 https://t.co/V7Z4AxS8he

2. CSS Crash Course for Absolute Beginners.
🔗 https://t.co/dUCUgXv3vu

3. Learn CSS in 20 Minutes.
🔗 https://t.co/810g4KOlCQ
@_georgemoller 💢 Websites.
4. 🔗 https://t.co/leznvNyARB

5. 🔗 https://t.co/E107e05Fcc

6. 🔗 https://t.co/CVAQ5NHEIG

💢 CSS Roadmap By @_georgemoller
https://t.co/GO4QT6pM9C
@_georgemoller 💢 Paid Courses to Learn HTML and CSS.

1. 🔗 https://t.co/OGbRLZw2r4

2. 🔗 https://t.co/khYAqp6MKb

3. 🔗 https://t.co/a5YYYrsxhj
@_georgemoller 💢 Improve CSS Skills By Playing GAMES.
1. 🔗 https://t.co/ovGtjAFeua

2. 🔗 https://t.co/OY7lyZO4Fn

3. 🔗 https://t.co/cVMofgjYMs

4. 🔗 https://t.co/w4jKZ7hoaP

5. 🔗 https://t.co/XQ9So0qxFV
@_georgemoller 4️⃣ Build Projects Using HTML and CSS for PRACTICE.

💢 YouTube.
1. Build a website with Responsive Layout
🔗 https://t.co/iEpiG4v7kr

2. Microsoft Homepage Clone.
🔗 https://t.co/f4BwaYSRDi

3. Build a Pricing Block Using HTML and CSS
🔗 https://t.co/h2bGBb9hFY
@_georgemoller 4. Create a Website with Video Background.
🔗 https://t.co/eO14T4Qczg

5. https://t.co/lNDjTC2ooq

6. https://t.co/efMC0zaemg
@_georgemoller 💢 Websites to Practice front end Skills.

1. 🔗 https://t.co/OJdKepVkUx
2. 🔗 https://t.co/nBjYusozad
3. 🔗 https://t.co/T25dT1rj35
4. 🔗 https://t.co/e8deJdqvKf
@_georgemoller 5️⃣ JavaScript

💢 YouTube

1. JavaScript Tutorials for Beginners.
🔗 https://t.co/47ftH0XilL

2. Playlist of Awesome JavaScript
🔗 https://t.co/TSUEZSEvKA

3. Namaste JavaScript Course
🔗 https://t.co/am4r93ltnB

4. Some Useful threads👇
A. https://t.co/q8bVYaaZLj
@_georgemoller B. https://t.co/IPzIRfIJ6W

C. https://t.co/pYMkLPmQKV

D. https://t.co/Z3HFFuNFgl

E. https://t.co/krf94LkFl4

D. https://t.co/iiApZVx2Wz
@_georgemoller 💢 Paid Courses to Master JavaScript

1. https://t.co/R2M23o2qxA

2. https://t.co/0QcNyTxWpG

3. https://t.co/0QcNyTxWpG
@_georgemoller 💢 Build Projects Using JavaScript.

1. Build 15 JavaScript Projects By @freeCodeCamp
🔗 https://t.co/VGjU2urFW6

2. 10 JavaScript Projects in 10 hours by @florinpop1705
🔗 https://t.co/GS346ZdGqx
@_georgemoller @freeCodeCamp @florinpop1705 3. Learn JavaScript By building 7 Games by @ania_kubow
🔗 https://t.co/302gbHaHdb

4. Build a Calculator. By @DevSimplified
🔗 https://t.co/wcN0pIe6zT

5. Build an Analog Clock.
💢 https://t.co/jMDtgVXzgZ

6. JavaScript Form Validation.
🔗 https://t.co/eyrduSlcmq
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 7. Shopping Cart Using JavaScript.
🔗 https://t.co/1Ewqf5ucWr

8. https://t.co/lNDjTC2ooq
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 6️⃣ Git

💢 Youtube
1.Git tutorials for Beginners.
🔗 https://t.co/MiNqmJOPvb

2. Git and GitHub for Beginners.
🔗 https://t.co/8QFY8gaemT

3. Git and GitHub full Course in 5 hours.
🔗 https://t.co/U60ikWYt5O
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 4. Free Git and GitHub course on Udemy
🔗 https://t.co/LV6bNiVqDy

💢 Websites

1. https://t.co/AvaZN0o9J0

2. https://t.co/C3miJlS8vl

3. https://t.co/UjJvO5jS2T
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 💢 CheatSheets.
1. https://t.co/UHJL8oBw3W

2. https://t.co/tnG3QvCXU4

3. https://t.co/vg7qe5kk15

4. https://t.co/RR4sppuTNx
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 7️⃣ CSS Framework.
Pro tip:
Before getting into any Frameworks,

Make Sure that your CSS basics are Strong.

⭕ Tailwind CSS.

Official Website: https://t.co/biRzjiSlBg

💢 Youtube

1. https://t.co/0EJa85wx14

2. https://t.co/wayaYjRHJw
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 3. Tailwind CSS Crash Course.
🔗 https://t.co/2uEj6eb1Xq

💢 Websites.
1. https://t.co/EdontsY4GS

2. https://t.co/XLK5DkGOj3
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 💢 Projects to Practice Tailwind CSS.

1. Your first Tailwind Website.
🔗 https://t.co/NtFiaw8FUx

2. Build a Gym Website.
🔗 https://t.co/zwmx410tXd

3. Build a Modern Landing Page.
🔗 https://t.co/OGxR8Su1Kr
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 8️⃣ JavaScript Framework.

⭕ REACTJs
Official Website: https://t.co/ImSGpOkTcq

💢 YouTube.

1. React tutorials for Beginners.
🔗 https://t.co/vToH5MDBeN

2. ReactJs Crash Course.
🔗 https://t.co/CMgL3nolEa

3 . React full Course in 12 Hours.
🔗 https://t.co/IhrRXeMOmT
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 4. React Full course in 10 hours. By @freeCodeCamp
🔗 https://t.co/hRyTIMFPmI

5. React from Scratch by @academind_real
🔗 https://t.co/EtqO3prYGQ

💢 Paid courses to learn React Js

1. Top 6 Course to Learn React.
🔗 https://t.co/SxU65Sn7h2
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified @academind_real 💢 Website:

1. https://t.co/chZMjz5QVz

2. https://t.co/7OOEwbqM4s

3. https://t.co/UzPcHDnMv2

💢 Build Projects to Practice ReactJs.

1. Five Top Notch Projects by @MadhavBahlMD to learn React.

🔗 https://t.co/PGD3dncMZt

2. 15 React Projects.
🔗 https://t.co/5vzsMLyUJz
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified @academind_real @MadhavBahlMD 3. Chat Application using React Js.
🔗 https://t.co/16T8IIn5Lk

4. Master ReactJs By Building Real Projects. By @jsmasterypro
🔗 https://t.co/VBVoNIFDez

5. React Projects Playlist by @traversymedia
🔗 https://t.co/uFAjPqll3S
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified @academind_real @MadhavBahlMD @jsmasterypro @traversymedia If you enjoyed reading this thread,

1. Do Retweet the FIRST TWEET.

2. Follow me and turn on notifications:
@mdjunaidap (won't cost you a penny)
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified @academind_real @MadhavBahlMD @jsmasterypro @traversymedia 🚨 700+ Tools & Resources 🤩
Goldmine🌟 for Developers, Designers, and Creators.

Learn.
Build.
Sell.

I've Curated incredible tools and learning resources for developers, designers & content creators.
https://t.co/2XaQR6ASYw

More from Mohammed Junaid 🎯

More from Catagory jee

Tools you will regret not knowing as a coder (trust me)🧵 ↓

👨‍💻 Icons:
https://t.co/v0dkE7xnM3
📝 Resume: https://t.co/nOBrCRzGYd
🎨 Illustrations, vector images: https://t.co/MSDgzqyndc
🍥 3D icons: https://t.co/skKrqgJMdy
🗃️ Create visual guides: https://t.co/pUmq0rXTrA
➗ Learn sorting visually:

📚 Learn Anything: https://t.co/m76TvGCi3y
🎠 Create bg with text: https://t.co/iFSixERygy
🍥 Source code to picture: https://t.co/azc3n5mlh5
🎥 Photo engine: https://t.co/4FusgEFSd4
👨‍💻 Handy Dev tools: https://t.co/H8HeFi5n3E
🎨 High-class illustrations:

Thanks for checking this out.

Follow @saumya1singh for more such threads. I generally write about tech, mobile app development, open-source, paid opportunities in tech, job updates & my journey! ✨

If you loved this, like and retweet the first tweet to help others.
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

You May Also Like

The first ever world map was sketched thousands of years ago by Indian saint
“Ramanujacharya” who simply translated the following verse from Mahabharat and gave the world its real face

In Mahabharat,it is described how 'Maharishi Ved Vyasa' gave away his divine vision to Sanjay


Dhritarashtra's charioteer so that he could describe him the events of the upcoming war.

But, even before questions of war could begin, Dhritarashtra asked him to describe how the world looks like from space.

This is how he described the face of the world:

सुदर्शनं प्रवक्ष्यामि द्वीपं तु कुरुनन्दन। परिमण्डलो महाराज द्वीपोऽसौ चक्रसंस्थितः॥
यथा हि पुरुषः पश्येदादर्शे मुखमात्मनः। एवं सुदर्शनद्वीपो दृश्यते चन्द्रमण्डले॥ द्विरंशे पिप्पलस्तत्र द्विरंशे च शशो महान्।

—वेद व्यास, भीष्म पर्व, महाभारत


Meaning:-

हे कुरुनन्दन ! सुदर्शन नामक यह द्वीप चक्र की भाँति गोलाकार स्थित है, जैसे पुरुष दर्पण में अपना मुख देखता है, उसी प्रकार यह द्वीप चन्द्रमण्डल में दिखायी देता है। इसके दो अंशो मे पीपल और दो अंशो मे विशाल शश (खरगोश) दिखायी देता है।


Meaning: "Just like a man sees his face in the mirror, so does the Earth appears in the Universe. In the first part you see leaves of the Peepal Tree, and in the next part you see a Rabbit."

Based on this shloka, Saint Ramanujacharya sketched out the map, but the world laughed