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 ๐ŸŽฏ

You May Also Like