/fwdg/ - Front-end Web Development General

HTML:

• Learn HTML Full Tutorial for Beginners (2022)

• htmlreference.io

• HTML Best Practices

CSS:

• CSS Tutorial - Zero to Hero (Complete Course)

• Kevin Powell (Amazing CSS videos)

• Useful Tools:

  • Color Picker Tool

  • Trending Color Palettes

  • Safe fonts

  • Modern CSS Reset

  • Specificity Calculator

  • Can I Use (Check support across browsers)

  • Practise CSS Selectors
  • Practise CSS Flexbox
  • Practise CSS Grid

JavaScript:

• Javascript In Depth

• Advanced courses by Kyle Simpson (Paid) you can read his book (free)

• JavaScript Tutorial (If you perfer reading)

• Practise JavaScript:
  • JS challenger
  • Codewars
  • Coderbyte
  • LeetCode

  • A long list of advanced JavaScript questions, and their explanations

Front-End Practise:

• Frontend Mentor

• Codewell
• DevChallenges

Documentation:

• MDN (Mozilla Developer Network)

• DevDocs (Can be used offline)

General Notes:

• Focus on sematic HTML and CSS layouts (Box Model, Flexbox, Grid)

• Build some projects with HTML and CSS (See Front-End Practise section

  above) before learning Javascript

• Don't spend too much time on LeetCode and other similar sites instead try

  to build real projects

• Whenever you find yourself stuck, use Google and MDN