Front-End Web Development

---

Courses

Udemy - The Complete 2021 Web Development Bootcamp

Tools

Atom- the text editor I use. Below are some useful packages. Here are some keyboard shortcuts

• atom-beautify
• atom-ternjs
• autoclose-html
• emmet
• csslint
• pigments
• language-ejs
• atom-html-preview
• Sublime-Style-Column-Selection
• linter-eslint

Google Chrome- developer tools allow you to inspect elements and view source code.

HTML

HTML Cheatsheet

MDN Documentation

W3Schools Tutorial

CSS

CSS Cheatsheet

MDN Documentation

W3Schools Tutorial

Bootstrap 4

Bootstrap Documentation

W3Schools Tutorial

JavaScript

Google JavaScript Styleguide

MDN Documentation

W3Schools Tutorial

Document Object Model

HTML Tree Generator- Chrome Extension

JQuery

W3Schools Tutorial