Cur10uslearner's Categories

Cur10uslearner's Authors

Latest Saves

🛣 Beginner's Roadmap for Front-End

HTML & CSS → 👩‍💻 → JavaScript → 👩‍💻

👩‍💻 ← React* ← 👩‍💻 ← Tailwind*

TypeScript → 👩‍💻 → Next.js* → 👩‍💻 → 🏁



What would we cover?

➊ HTML & CSS
➋ JavaScript
➌ CSS Frameworks
➍ UI Frameworks
➎ TypeScript
➏ Server-side Frameworks
➐ Practice, Practice and, Practice
➑ Other Skills
➒ Frequently Asked Questions

➊ HTML & CSS

⬘ Your Front-End journey shall always start from HTML & CSS and, ends with these as well.

⬗ Don't over burden yourself to learn everything at once. It's a continuous subject.

⬙ Do not separate HTML from CSS. That's


➋ JavaScript

JavaScript is essential. You should start with basics and move to complex subjects.

❍ JavaScript Syntaxes
(preferably ES6 onwards)
❍ HTML DOM API
❍ Event Handling
❍ Fetch


➌ CSS Frameworks

CSS Framework is necessary if you are planning to be a professional developer.

There are so many options available.

❍ Tailwind CSS
❍ Bootstrap
❍ Chakra
❍ Bulma
❍ Foundation
❍ Skeleton
❍ Pure CSS

Start with anything. You can switch any time.
JavaScript is powerful.

But sometimes, you can do great things using CSS.

A long thread of CSS tips and tricks:

1. Smooth


2. Change marker styling


3. Add styling to video


4. Change input caret
Master Javascript.

35 Free Video Resources:

Note: Choose anyone you like and stick to it.

1.
https://t.co/8oTS3pmOt2…

2. JavaScript 8 Hour Course. 🔗 https://t.co/QSxt96rjCh

3. JavaScript in 3 Hours.
🔗 https://t.co/DmULYyXnIs

4. JavaScript Full Course.
🔗 https://t.co/xYzXw2zynt

5. Full JavaScript Course by
@freeCodeCamp
.
🔗

6. Learn JavaScript By Building Games.
🔗 https://t.co/5QRFQCgIpa

7. JavaScript Crash Course. By
@traversymedia

🔗 https://t.co/zvikAo6kn1

8. JavaScript Animation Tutorials by
@developedbyed

🔗

@traversymedia @developedbyed 9. JavaScript for beginners.
🔗 https://t.co/vffYUAIOGa…

10. Vannila JavaScript Tutorials.
🔗 https://t.co/3IP8UsrTc4…

11. JavaScript Tutorials for Beginners.
🔗 https://t.co/NlrLeWqDNs…

12. Build 15 JavaScript Projects.
🔗
JavaScript Concepts You Should Know Before Learning React.

A thread 🧵 ↓

1. let, const, and var.

• Difference between let, const, and var.
• Their scopes and declarations.

Here's a details thread about them


2. Arrow Functions

• What are arrow functions?
• Difference between traditional and arrow functions.
• Scoping of arrow functions (lexical).

Here's an elaborated article about arrow functions

3. Template Literals

• What are template literals?
• How to use them?
• Limitations and disadvantages.

MDN's docs has got you covered

4. Destructuring Assignment

• Array and object destructuring.
• Nested destructuring.

This MDN doc will help you learn all you need to know