Frontend

Roadmap

• Learn to become a modern frontend developer
• Web technology for developers | MDN

DOM

Questions

• oop - How to get a JavaScript object’s class? - Stack Overflow
• When to use setAttribute vs .attribute= in JavaScript? - Stack Overflow

HTMLCollection and NodeList

• javascript - When is NodeList live and when is it static? - Stack Overflow
• Difference between HTMLCollection and NodeList - DEV Community

MutationObserver

• MutationObserver

DOM Events

• Testing Playground
• DOM Events Playground
• UI Events Testing Tools

HTML + CSS

• Layout

  • Grid
  • Flex

• Practical Bootstrap: Learn to Develop Responsively with One of the Most Popular CSS Frameworks

• Viewport

• CSS Snippets" + " | CSS-Tricks

• Chrome Platform Status

Bootstrap

• Spacing · Bootstrap v5.1
• GitHub - thomaspark/bootswatch: Themes for Bootstrap

Icons

• GitHub - feathericons/feather: Simply beautiful open source icons

Templates

• GitHub - h5bp/html5-boilerplate: A professional front-end template for building fast, robust, and adaptable web apps or sites.
• GitHub - bradtraversy/vanillawebprojects: Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries