HTML/CSS - MERN 2021

Overview
Class Notes
Intro
- Welcome to MERN Full Stack
How The Web Works
Getting Started
- IDE - Visual Studio Code
- Version Control - Git/GitHub
Building An Article
Building a News site
Important CSS Concepts
OTHER
- Forms
Exercises
Chrome Development Tools Intro
html-tags
HTML Cheatsheet
super-hero CSS
FE Masters - 3 Column Preview
CSS Box Model
CSS Display Property
Orange & Black
Four Square
Chrome Developer Tools - CSS
Centering Page Content
Basic HTML/CSS
Grids/Flex
DOM API
COPYING A MODEL
RESOURCES

Powered by GitBook

On this page

Why Visual Studio Code?
Installing Visual Studio Code
How to Install Visual Studio Code Extensions
Essential Extensions
Used for Sharing Sessions
Resources

Was this helpful?

Getting Started

IDE - Visual Studio Code

Setting up our Development Environment

PreviousChrome Dev Tools NextVersion Control - Git/GitHub

Last updated 3 years ago

Was this helpful?

Why Visual Studio Code?

Free
Great features
Lots of really useful extensions
Live Share - We can both edit in the same document!

Installing Visual Studio Code

Use the link below to install the latest version of Visual Studio Code.

How to Install Visual Studio Code Extensions

Essential Extensions

Used for Sharing Sessions

Resources

https://code.visualstudio.com/downloadcode.visualstudio.com

Speed up code your HTML using Emmet in VSCodeDEV Community

https://code.visualstudio.com/docs/editor/extension-gallerycode.visualstudio.com

10 VS Code shortcuts to memorize that will boost your productivity - Travis MediaTravis Media