useful-resources-cheat-sheet

Free Courses

• Learn to Code Advanced HTML & CSS
• Javascript DOM Crash Course
• Javascript

HTML

• HTML Periodical Table
• A complete guide to links and buttons

CSS

• Specifics on CSS Specificity
• CSS Selectors
• Calc

Flexbox

• Wes Bos Flexbox
• A guide to Flexbox

Grid

• Wes Bos Grid
• A complete guide to grid

JavaScript

• Eloquent Javascript
• The Modern JavaScript Tutorial
• Javascript Loops
• Javascript Loops - Video
• Javascript Cheatsheet
• JS Map, reduce and filter
• JS arrays Cheatsheet

DOM

• Introduction to the DOM
• DOM manipulation

Exercises

• JS Hero
• Js exercises

Others

• Public Api's

Games

• Flexbox Froggy
• CSS Grid Garden
• Code Wars Javascript
• CMD Challenge

Podcasts & Talks

• Web brush podcast
• Shop talk show podcast
• The CSS Podcast

UI Frameworks

These are css frameworks/libraries to help you build your projects' UI quicker.

Material

Examples:

• https://material-ui.com/components/buttons/
• https://material-ui.com/components/data-grid/demo/

Bootstrap

Examples: https://getbootstrap.com/docs/5.0/examples/sidebars/ https://getbootstrap.com/docs/5.0/examples/carousel/ https://getbootstrap.com/docs/5.0/examples/sticky-footer-navbar/

Official link: https://getbootstrap.com/

Font awesome

https://fontawesome.com/