Mohammed Junaid
Mohammed Junaid

@mdjunaidap

32 Tweets 8 reads Jul 11, 2022
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?
πŸ”— youtube.com
2. What is HTTP?
πŸ”— youtube.com
3. How do Browsers Work?
πŸ”— youtube.com
4. What is Domain?
πŸ”— youtube.com
5. What is Hosting?
πŸ”— youtube.com
6. DNS and How it Works?
πŸ”— youtube.com
2️⃣ HTML:
πŸ’’ YouTube.
1. Introduction to Web Development:
πŸ”— youtu.be
2. HTML Tutorials for Beginners [2021]
πŸ”— youtu.be
3. HTML Crash Course for Absolute Beginners.
πŸ”— youtu.be
πŸ’’ Websites.
4. πŸ”— developer.mozilla.org
5. πŸ”— w3schools.com
πŸ’’ HTML Roadmap By @_georgemoller
@_georgemoller 3️⃣ CSS:
πŸ’’ YouTube.
1. CSS Tutorial - Zero to Hero.
πŸ”— youtu.be
2. CSS Crash Course for Absolute Beginners.
πŸ”— youtu.be
3. Learn CSS in 20 Minutes.
πŸ”— youtu.be
@_georgemoller πŸ’’ Websites.
4. πŸ”— css-tricks.com
5. πŸ”— w3schools.com
6. πŸ”— web.dev
πŸ’’ CSS Roadmap By @_georgemoller
@_georgemoller πŸ’’ Paid Courses to Learn HTML and CSS.
1. πŸ”— udemy.com
2. πŸ”— udemy.com
3. πŸ”— courses.learncodeonline.in
@_georgemoller 4️⃣ Build Projects Using HTML and CSS for PRACTICE.
πŸ’’ YouTube.
1. Build a website with Responsive Layout
πŸ”— youtu.be
2. Microsoft Homepage Clone.
πŸ”— youtu.be
3. Build a Pricing Block Using HTML and CSS
πŸ”— youtu.be
@_georgemoller 4. Create a Website with Video Background.
πŸ”— youtu.be
5.
6.
@_georgemoller πŸ’’ Websites to Practice front end Skills.
1. πŸ”— acefrontend.com
2. πŸ”— 100dayscss.com
3. πŸ”— frontendmentor.io
4. πŸ”— devchallenges.io
@_georgemoller 5️⃣ JavaScript
πŸ’’ YouTube
1. JavaScript Tutorials for Beginners.
πŸ”— youtu.be
2. Playlist of Awesome JavaScript
πŸ”— youtube.com
3. Namaste JavaScript Course
πŸ”— youtube.com
4. Some Useful threadsπŸ‘‡
A.
@_georgemoller B.
C.
D.
E.
D.
@_georgemoller πŸ’’ Paid Courses to Master JavaScript
1. udemy.com
2. udemy.com
3. udemy.com
@_georgemoller πŸ’’ Build Projects Using JavaScript.
1. Build 15 JavaScript Projects By @freeCodeCamp
πŸ”— youtu.be
2. 10 JavaScript Projects in 10 hours by @florinpop1705
πŸ”— youtu.be
@_georgemoller @freeCodeCamp @florinpop1705 3. Learn JavaScript By building 7 Games by @ania_kubow
πŸ”— youtu.be
4. Build a Calculator. By @DevSimplified
πŸ”— youtu.be
5. Build an Analog Clock.
πŸ’’ youtu.be
6. JavaScript Form Validation.
πŸ”— youtu.be
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 7. Shopping Cart Using JavaScript.
πŸ”— youtu.be
8.
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 6️⃣ Git
πŸ’’ Youtube
1.Git tutorials for Beginners.
πŸ”— youtu.be
2. Git and GitHub for Beginners.
πŸ”— youtu.be
3. Git and GitHub full Course in 5 hours.
πŸ”— youtu.be
@_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: tailwindcss.com
πŸ’’ Youtube
1. youtube.com
2. youtube.com
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified πŸ’’ Projects to Practice Tailwind CSS.
1. Your first Tailwind Website.
πŸ”— youtu.be
2. Build a Gym Website.
πŸ”— youtu.be
3. Build a Modern Landing Page.
πŸ”— youtu.be
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 8️⃣ JavaScript Framework.
β­• REACTJs
Official Website: reactjs.org
πŸ’’ YouTube.
1. React tutorials for Beginners.
πŸ”— youtu.be
2. ReactJs Crash Course.
πŸ”— youtu.be
3 . React full Course in 12 Hours.
πŸ”— youtu.be
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified 4. React Full course in 10 hours. By @freeCodeCamp
πŸ”— youtu.be
5. React from Scratch by @academind_real
πŸ”— youtu.be
πŸ’’ Paid courses to learn React Js
1. Top 6 Course to Learn React.
πŸ”— justpaste.it
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified @academind_real πŸ’’ Website:
1. reactforbeginners.com
2. freecodecamp.org
3. codecademy.com
πŸ’’ Build Projects to Practice ReactJs.
1. Five Top Notch Projects by @MadhavBahlMD to learn React.
πŸ”— youtube.com
2. 15 React Projects.
πŸ”— youtu.be
@_georgemoller @freeCodeCamp @florinpop1705 @ania_kubow @DevSimplified @academind_real @MadhavBahlMD 3. Chat Application using React Js.
πŸ”— youtu.be
4. Master ReactJs By Building Real Projects. By @jsmasterypro
πŸ”— youtube.com
5. React Projects Playlist by @traversymedia
πŸ”— youtube.com
@_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.
mdjunaidap.gumroad.com

Loading suggestions...