Web Frontend Development Resources
This page is provided as a resource to the course in working with frontend topics and content. Please note that each individual resource may have important acceptable use guidelines.
Images and Graphics
- High Quality Images: Unsplash | Pexels
- Icons: iconfinder | Font Awesome | Icon Icons | Google Icons
- Placeholders: placekitten | picsum.photos | dummyimage | placeimg
- Photo Editing: Pixlr-x | Remove Background | Squoosh
- Image Compression: TinyPNG
- Remove Background: removebg
HTML: Hypertext Markup Language
CSS: Cascading Style Sheets
- CSS MDN Web Docs
- CSS Reference
- All the CSS Properties You Need to Know To Build ... -dev.to Domagoj Vidovic
JavaScript
Online Tutorials
- w3schools: HTML | CSS | JavaScript | SASS | JSON | How To Snippets
- CodeCademy: HTML & CSS | Make a Website
- SoloLearn: HTML Fundamentals | CSS Fundamentals | JavaScript Tutorial | jQuery Tutorial
- Finxter: Python
Visual Studio Code (VS Code)
- Online Editor
- Download
- Keyboard Shortcuts (pdf)
- Visual Studio Code Tips and Tricks
- Emmet Cheat-sheet
- HTML Programming in VS Code
- CSS, Sass, and Less
- JavaScript in VS Code
Frontend Resource Lists
- Brad Traversy - Design Resources for Developers
- Code Beautify