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
The average salary for a Data Scientist is $117,000.

Want to become a Google Certified Data Scientist?

Here are 4 free courses from Google you don't want to miss:

1. Learn Python basics for data analysis

This course is designed to teach you the fundamentals of the Python programming language, especially for the purpose of data analysis.

πŸ‘‰
https://t.co/q8SIIUytbM


2. Introduction to Data Science

This course will give you a comprehensive introduction to Data Science and Analytics Landscape.

πŸ‘‰ https://t.co/QwYX0U0mzY


3. Data Science with Python

This Data Science with Python program provides learners with a complete understanding of data analytics tools & techniques.

This program is an ideal kickstarter for anyone looking to become a data scientist today.

πŸ‘‰ https://t.co/jVlrdbX654


4. Data Science with Python

Getting started with Python can help you gain knowledge on data analysis, visualization, NumPy, SciPy, web scraping, and natural language processing.

This program is an ideal kickstarter to become a data scientist today.

πŸ‘‰ https://t.co/B70J8zD74g
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

1/ Some initial thoughts on personal moats:

Like company moats, your personal moat should be a competitive advantage that is not only durableβ€”it should also compound over time.

Characteristics of a personal moat below:


2/ Like a company moat, you want to build career capital while you sleep.

As Andrew Chen noted:


3/ You don’t want to build a competitive advantage that is fleeting or that will get commoditized

Things that might get commoditized over time (some longer than


4/ Before the arrival of recorded music, what used to be scarce was the actual music itself β€” required an in-person artist.

After recorded music, the music itself became abundant and what became scarce was curation, distribution, and self space.

5/ Similarly, in careers, what used to be (more) scarce were things like ideas, money, and exclusive relationships.

In the internet economy, what has become scarce are things like specific knowledge, rare & valuable skills, and great reputations.