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
๐Ÿ”—

You May Also Like

ADI SHANKAR AND SRI TOTAKACHARYA

Adi Shankaracharya chose his disciple Totakacharya to be the first head of the Math at Joshimath.
The Narsingh Mandir (Mandir of Sri Narasimha) in Joshimath is one of the 108 Divyadesams and also the home of Badrinath during the winter months.


Totakacharya was earlier a boy named โ€˜Giriโ€™ and a devout disciple of Adi Shankaracharya. Unlike others, he was not known to be an expert in Shastras but his dedication to his Guru was complete and he used to listen to His discourses with utmost faith and devotion.
@SriRamya21


One morning as Adi Shankara and his disciples were getting ready for the discourse, Giri was delayed. The other disciples urged their Guru to commence the lesson on Bramhsutra Bhashya telling him that Giri would anyway not be able to comprehend its deep meaning.
@RajeAiyer


Adi Shankar responded โ€œเคจเคพเคฏเคฎเคพเคคเฅเคฎเคพ เคชเฅเคฐเคตเคšเคจเฅ‡เคจ เคฒเคญเฅเคฏเฅ‹ เคจ เคฎเฅ‡เคงเคฏเคพโ€ โ€“ Atman cannot be attained through discourses or mere intellect.
He,then, awakened the supreme knowledge in Giri.
Giri spontaneously composed: เคถเฅเคฐเฅ€ เคถเค™เฅเค•เคฐเคฆเฅ‡เคถเคฟเค•เคพเคทเฅเคŸเค•เคฎเฅ extolling his Guruโ€™s grace.


Adi Shankaracharya granted sanyasa to Giri and gave him the name Totakacharya.
The story of how Giri became Totakacharya is a great example of the importance of faith and devotion in your Guru and not the mere knowledge of the Shastras.
@DetheEsha