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

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