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 🎯

40+ Resources to Learn..
Data Structures & Algorithms 🔥🤩🚀

From:
⭕Youtube.
🆓Free Courses.
💰 Paid Courses.
🤩 Websites.
📚 Books.

Mega Thread 🧵🤯 👇

⭕ Youtube.

⭕ Data Structures and Algorithms | How to master DSA for coding interviews?
🔗
https://t.co/pt8y650bub

⭕ Data Structures and Algorithms for Beginners
🔗

⭕ Data Structures Easy to Advanced Course - Full Tutorial from a Google Engineer
🔗 https://t.co/uKgpRpj9Hf

⭕ Introduction to Data Structures
🔗 https://t.co/2zO5jFru8G

⭕ Algorithms and Data Structures - Full Course for Beginners from Treehouse
🔗

⭕ Data Structures - Full Course Using C and C++
🔗 https://t.co/pcWKANq5Ko

⭕ Data Structures and Algorithms in JavaScript - Full Course for Beginners
🔗

⭕ Data Structures & Algorithms By CS Dojo
🔗 https://t.co/n9U44GjLMt

⭕ Algorithms & Data Structures Full Crash Course
🔗

More from Catagory jee

The epic thread 🧵 on the best "free" resources to start coding and go professional.

Basic Programming and Computing Concepts

CS50 by Harvard
Source:
https://t.co/GYXktrSbCw

Prerequisites: None

Probably the best free course for beginners and professionals alike. It goes through the very basics of programming and painlessly shifts to advance topics.

Programming with Python

CS50P by Harvard
Source: https://t.co/vv7YUWWVV8

Prerequisites: CS50 will help but not necessary.

Takes forward the best things of CS50 but in Python. Undoubtedly, the best Python Course you will find on the internet.

Artificial Intelligence (Theory Focused)

CS50's Introduction to Artificial Intelligence with Python by Harvard
Source: https://t.co/ms2c5mxdTC

Prerequisites: CS50P

This is a more theory and concept focused Course that will be your entry point to AI.

AI with Tensorflow

Tensorflow 2.0 Beginner Tutorial by Aladdin Persson
Source: https://t.co/D7hpDOazZA

Prerequisites: CS50P and CS50 AI with Python

The best beginners tutorial on Tensorflow.
Harvard University offers a ton of free online classes.

From Computer Science to Artificial Intelligence.

Here are 5 courses you don't want to miss:

1. Introduction to Computer Science

This is the best course to start with CS.

You'll learn about all the basic concepts and fundamentals of programming to start into tech field.

👉
https://t.co/cPTPFJbBPI


2. Introduction to Game Development

Learn about the development of 2D and 3D interactive games in this hands-on course.

This course will help you to explore the design of games such as Super Mario Bros., Pokémon, Angry Birds, and more.

👉 https://t.co/uSNS8u5hse


3. Web Programming with Python and JavaScript

This course will help you to go deep into the design and programming concepts.

Learn about the implementation of web apps with Python, JavaScript, and SQL using frameworks like Django, React & Bootstrap.

👉 https://t.co/DemRj49O0l


4. Mobile App Development with React Native

Learn about mobile app development.

React Native, a popular framework maintained by Facebook that enables cross-platform native apps using JavaScript without Java or Swift.

👉 https://t.co/4stZkyqVjT

You May Also Like

शमशान में जब महर्षि दधीचि के मांसपिंड का दाह संस्कार हो रहा था तो उनकी पत्नी अपने पति का वियोग सहन नहीं कर पायी और पास में ही स्थित विशाल पीपल वृक्ष के कोटर में अपने तीन वर्ष के बालक को रख के स्वयं चिता पे बैठ कर सती हो गयी ।इस प्रकार ऋषी दधीचि और उनकी पत्नी की मुक्ति हो गयी।


परन्तु पीपल के कोटर में रखा बालक भूख प्यास से तड़पने लगा। जब कुछ नहीं मिला तो वो कोटर में पड़े पीपल के गोदों (फल) को खाकर बड़ा होने लगा। कालान्तर में पीपल के फलों और पत्तों को खाकर बालक का जीवन किसी प्रकार सुरक्षित रहा।

एक दिन देवर्षि नारद वहां से गुजर रहे थे ।नारद ने पीपल के कोटर में बालक को देख कर उसका परिचय मांगा -
नारद बोले - बालक तुम कौन हो?
बालक - यही तो मैं भी जानना चहता हूँ ।
नारद - तुम्हारे जनक कौन हैं?
बालक - यही तो मैं भी जानना चाहता हूँ ।

तब नारद ने आँखें बन्द कर ध्यान लगाया ।


तत्पश्चात आश्चर्यचकित हो कर बालक को बताया कि 'हे बालक! तुम महान दानी महर्षि दधीचि के पुत्र हो । तुम्हारे पिता की अस्थियों का वज्रास्त्र बनाकर ही देवताओं ने असुरों पर विजय पायी थी।तुम्हारे पिता की मृत्यु मात्र 31 वर्ष की वय में ही हो गयी थी'।

बालक - मेरे पिता की अकाल मृत्यु का क्या कारण था?
नारद - तुम्हारे पिता पर शनिदेव की महादशा थी।
बालक - मेरे उपर आयी विपत्ति का कारण क्या था?
नारद - शनिदेव की महादशा।
इतना बताकर देवर्षि नारद ने पीपल के पत्तों और गोदों को खाकर बड़े हुए उस बालक का नाम पिप्पलाद रखा और उसे दीक्षित किया।