Thread by @swapnakpanda

👩‍💻 HTML & CSS Topics

Learn these
❍ if you are into Web Development
❍ before starting JavaScript

⇩

❀ Back-End Developer

❑ You want to learn JavaScript for Node.js environment, you can directly start.

❒ It's not mandatory to have any prior knowledge of HTML & CSS.

❀ Front-End Developer

✔ You can learn basic JavaScript syntaxes even without knowing HTML & CSS.

✘ But you need to switch to HTML & CSS after a point. Then again switch back to JavaScript.

✔ So, I recommend learn HTML & CSS (basics) first and, then jump to JavaScript.

➊ HTML Topics

➀ HTML Page Structure
➁ Elements, Tags & Attributes
➂ Empty/Void Element
➃ Heading Elements
h1, h2 etc.
➄ Paragraph Elements
p, br etc.
➅ Container Elements
div, span etc.

➆ Form Based Elements
form, input, textarea, select etc.
➇ Formatting Elements
b, i, u etc.
➈ Quotation Elements
abbr, blockquote, address
➉ Hyperlink
➀➀ Image
➀➁ Lists
ordered, unordered, data

➀➂ Table
➀➃ Semantic Elements
header, footer, section etc
➀➄ id and, class attributes
➀➅ Including Stylesheets
➀➆ Including JavaScript Files
➀➇ Setting FavIcon
➀➈ Setting Title

➋ CSS Topics

➀ Box Model
➁ id and, class selectors
➂ border, margin, padding and, outline
➃ background
➄ colors
➅ fonts
➆ display
block, inline, inline-block etc.

➇ position
relative, absolute etc.
➈ dimension
top, left, height, width, max-width etc.
➉ float
➀➀ overflow
➀➁ z-index
➀➂ opacity

✩ I choose simple CSS layouts first.

✩ After learning a little JavaScript, I come back and learn about

⬔ HTML

➀ Charsets
➁ HTML Entities
➂ Events
➃ Event Handlers

⬕ CSS

➀ flex
➁ grid
➂ pseudo classes, elements
➃ combinators

❀ Practice & Projects

⬖ After learning each topic, practice that as much possible.

⬘ A better strategy is picking a sample project and including features to it after learning each topic.

⬗ Never jump to next unless you feel enough comfortable with current topic.

🛠 100+ Developer Tools

Are you are switching into the field of Programming, Designing or Startups in 2022?

Then, @Vinaystwt have curated some really crucial tools for you, to save your 100+ hours of research

You can grab this book below
gumroad.com/a/969135219/vy…

End of 🧵

Do you find this one useful?

If you are into web development, I am sharing regular helpful contents on that. You can check "HTML & CSS" and, "JavaScript" Twitter Moments in my profile.

To never miss future contents, Follow Me ✅