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.
A thread 🧡on Resources-for-preparation-Of-Placements Part -2 (Lecture video links)

**Designing**

- SYSTEM DESIGN

- Gaurav Sen - (
https://t.co/rzNpoBlK3q)

- SudoCode -

- LOW LEVEL DESIGN

- Soumyajit bhattacharya - (https://t.co/PCc8ZQAL8i)

- Sandeep Kaul - (https://t.co/ZH9Jq9Ei3p)

- Crack the System DesigN Interview - (https://t.co/8rhrPZZm1F)

- System Design Interview β€” Alex Xu -

- Designing Data Intensive Applications - (https://t.co/OhkTqqCQPx)

- System Design Interview - (https://t.co/7QvMtVRGvf)

- System Design - (https://t.co/ytpm3oy0tL)

- Services Engineering - (https://t.co/JPxM5YntWz)

- Engineering Blogs -

**Git and Github**

- Git and GitHub for Poets - (https://t.co/DsXVNVtENy)

**Projects**

- WEB DEVELOPMENT - (https://t.co/w1cEHZFRQz)

- DATA SCIENCE - (https://t.co/SJfFP4U0z0)

- MACHINE LEARNING -

You May Also Like