Building projects are the one & only way to excel in web development.
Master Frontend Development for Free.
Thread: ๐งต
Building projects are the one & only way to excel in web development.
1. How does Internet work?
๐ https://t.co/xzyO8cMfRw
2. What is HTTP?
๐ https://t.co/dftCCarGvk
๐ https://t.co/3mwSrLhXvY
4. What is Domain?
๐ https://t.co/2ekY8qdGsN
๐ https://t.co/wdTzfhh00C
6. DNS and How it Works?
๐ https://t.co/hLfxOsLEdd
๐ข 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
4. ๐ https://t.co/lBHImm9nuw
5. ๐ https://t.co/Svvh9VDy4o
๐ข HTML Roadmap By @_georgemoller
https://t.co/sMK3bIOaFp
๐ข 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
4. ๐ https://t.co/leznvNyARB
5. ๐ https://t.co/E107e05Fcc
6. ๐ https://t.co/CVAQ5NHEIG
๐ข CSS Roadmap By @_georgemoller
https://t.co/GO4QT6pM9C
1. ๐ https://t.co/OGbRLZw2r4
2. ๐ https://t.co/khYAqp6MKb
3. ๐ https://t.co/a5YYYrsxhj
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
๐ข 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
๐ https://t.co/eO14T4Qczg
5. https://t.co/lNDjTC2ooq
6. https://t.co/efMC0zaemg
1. ๐ https://t.co/OJdKepVkUx
2. ๐ https://t.co/nBjYusozad
3. ๐ https://t.co/T25dT1rj35
4. ๐ https://t.co/e8deJdqvKf
๐ข 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
C. https://t.co/pYMkLPmQKV
D. https://t.co/Z3HFFuNFgl
E. https://t.co/krf94LkFl4
D. https://t.co/iiApZVx2Wz
JavaScript is an enormous language but you don't need to learn everything in the beginning.
— Pratham (@Prathkum) June 19, 2021
Here is the detailed explanation on JavaScript for Web Development \U0001f9f5\U0001f447\U0001f3fb pic.twitter.com/rNarhlHgiy
1. https://t.co/R2M23o2qxA
2. https://t.co/0QcNyTxWpG
3. https://t.co/0QcNyTxWpG
1. Build 15 JavaScript Projects By @freeCodeCamp
๐ https://t.co/VGjU2urFW6
2. 10 JavaScript Projects in 10 hours by @florinpop1705
๐ https://t.co/GS346ZdGqx
๐ 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
๐ https://t.co/1Ewqf5ucWr
8. https://t.co/lNDjTC2ooq
๐ข 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
๐ https://t.co/LV6bNiVqDy
๐ข Websites
1. https://t.co/AvaZN0o9J0
2. https://t.co/C3miJlS8vl
3. https://t.co/UjJvO5jS2T
1. https://t.co/UHJL8oBw3W
2. https://t.co/tnG3QvCXU4
3. https://t.co/vg7qe5kk15
4. https://t.co/RR4sppuTNx
\U0001f333 Git Cheat Sheet
— George Moller (@_georgemoller) July 12, 2021
\U0001f9f51/2 \U0001f447 pic.twitter.com/NUDfX7u5mW
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
๐ https://t.co/2uEj6eb1Xq
๐ข Websites.
1. https://t.co/EdontsY4GS
2. https://t.co/XLK5DkGOj3
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
โญ 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
๐ 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
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
๐ 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
1. Do Retweet the FIRST TWEET.
2. Follow me and turn on notifications:
@mdjunaidap (won't cost you a penny)
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
๐ฟ๐ป๐๐ ๐๐๐๐๐ ๐๐ ๐ ๐บ๐๐๐ : ๐ซ๐๐๐๐๐ & ๐ฝ๐๐๐๐๐
Once upon a time there was a Raja named Uttฤnapฤda born of Svayambhuva Manu,1st man on earth.He had 2 beautiful wives - Suniti & Suruchi & two sons were born of them Dhruva & Uttama respectively.
#talesofkrishna https://t.co/E85MTPkF9W
Now Suniti was the daughter of a tribal chief while Suruchi was the daughter of a rich king. Hence Suruchi was always favored the most by Raja while Suniti was ignored. But while Suniti was gentle & kind hearted by nature Suruchi was venomous inside.
#KrishnaLeela
The story is of a time when ideally the eldest son of the king becomes the heir to the throne. Hence the sinhasan of the Raja belonged to Dhruva.This is why Suruchi who was the 2nd wife nourished poison in her heart for Dhruva as she knew her son will never get the throne.
One day when Dhruva was just 5 years old he went on to sit on his father's lap. Suruchi, the jealous queen, got enraged and shoved him away from Raja as she never wanted Raja to shower Dhruva with his fatherly affection.
Dhruva protested questioning his step mother "why can't i sit on my own father's lap?" A furious Suruchi berated him saying "only God can allow him that privilege. Go ask him"
Once upon a time there was a Raja named Uttฤnapฤda born of Svayambhuva Manu,1st man on earth.He had 2 beautiful wives - Suniti & Suruchi & two sons were born of them Dhruva & Uttama respectively.
#talesofkrishna https://t.co/E85MTPkF9W
Prabhu says i reside in the heart of my bhakt.
— Right Singh (@rightwingchora) December 21, 2020
Guess the event. pic.twitter.com/yFUmbfe5KL
Now Suniti was the daughter of a tribal chief while Suruchi was the daughter of a rich king. Hence Suruchi was always favored the most by Raja while Suniti was ignored. But while Suniti was gentle & kind hearted by nature Suruchi was venomous inside.
#KrishnaLeela
The story is of a time when ideally the eldest son of the king becomes the heir to the throne. Hence the sinhasan of the Raja belonged to Dhruva.This is why Suruchi who was the 2nd wife nourished poison in her heart for Dhruva as she knew her son will never get the throne.
One day when Dhruva was just 5 years old he went on to sit on his father's lap. Suruchi, the jealous queen, got enraged and shoved him away from Raja as she never wanted Raja to shower Dhruva with his fatherly affection.
Dhruva protested questioning his step mother "why can't i sit on my own father's lap?" A furious Suruchi berated him saying "only God can allow him that privilege. Go ask him"
A brief analysis and comparison of the CSS for Twitter's PWA vs Twitter's legacy desktop website. The difference is dramatic and I'll touch on some reasons why.
Legacy site *downloads* ~630 KB CSS per theme and writing direction.
6,769 rules
9,252 selectors
16.7k declarations
3,370 unique declarations
44 media queries
36 unique colors
50 unique background colors
46 unique font sizes
39 unique z-indices
https://t.co/qyl4Bt1i5x
PWA *incrementally generates* ~30 KB CSS that handles all themes and writing directions.
735 rules
740 selectors
757 declarations
730 unique declarations
0 media queries
11 unique colors
32 unique background colors
15 unique font sizes
7 unique z-indices
https://t.co/w7oNG5KUkJ
The legacy site's CSS is what happens when hundreds of people directly write CSS over many years. Specificity wars, redundancy, a house of cards that can't be fixed. The result is extremely inefficient and error-prone styling that punishes users and developers.
The PWA's CSS is generated on-demand by a JS framework that manages styles and outputs "atomic CSS". The framework can enforce strict constraints and perform optimisations, which is why the CSS is so much smaller and safer. Style conflicts and unbounded CSS growth are avoided.
Legacy site *downloads* ~630 KB CSS per theme and writing direction.
6,769 rules
9,252 selectors
16.7k declarations
3,370 unique declarations
44 media queries
36 unique colors
50 unique background colors
46 unique font sizes
39 unique z-indices
https://t.co/qyl4Bt1i5x
PWA *incrementally generates* ~30 KB CSS that handles all themes and writing directions.
735 rules
740 selectors
757 declarations
730 unique declarations
0 media queries
11 unique colors
32 unique background colors
15 unique font sizes
7 unique z-indices
https://t.co/w7oNG5KUkJ
The legacy site's CSS is what happens when hundreds of people directly write CSS over many years. Specificity wars, redundancy, a house of cards that can't be fixed. The result is extremely inefficient and error-prone styling that punishes users and developers.
The PWA's CSS is generated on-demand by a JS framework that manages styles and outputs "atomic CSS". The framework can enforce strict constraints and perform optimisations, which is why the CSS is so much smaller and safer. Style conflicts and unbounded CSS growth are avoided.