Introduction
What you'll learn
Static Websites
HTML
Introduction
P Tags
More Text Tags
Header Tags
Div Tags
Div Tags
More Tags
More Tags
HTML Attributes
HTML Attributes
More tags with attributes
More tags with attributes
How to start a HTML file
How to start a HTML file
CSS
Introduction
CSS Language
Using a CSS Class
Colors
Colors
Fonts
Fonts
Sizing and Positioning
Sizing and Positioning
Layout Directions
Layout Directions
Flex
Flex
Align and Justify
Align and Justify
More HTML and CSS
Project
Collaborating with others
Git
Introduction
Command Line Basics
Git Repositories
Git Repositories
Editing files
Editing files
Commiting
Committing
More Commiting
More Committing
Branches
Branches
Pushing
Pushing
Pulling
Pulling
Pull Requests
Pull Requests
Merge Conflicts
Merge Conflicts
More Git Resources
Interactive Websites
Javascript Foundations
Introduction
consts
Storing Values
Storing Values
Numbers
Numbers
Strings
Strings
Booleans
Booleans
Arrays
Arrays
Objects
Objects
Dot Operator
Dot Operator
Functions
Functions
Control Flow
Control Flow
Scope
Execution Order
Execution Order
Running Javascript Code
Spread Operator
Spread Operator
Destructuring
Debugging Javascript
Errors
Collection Operations
Collection Operations
Javascript Practice
Introduction
More Javascript Functions
More Javascript Functions
More Collection Operations
Collection Operations 1
Collection Operations 2
Vanilla Javascript
Introduction
The DOM
Reading the DOM
Reading the DOM
Listening to DOM events
Listening to DOM events
Editing the DOM
Editing the DOM
Modern Interactive Websites
React
JSX
JSX
React Introduction
React Introduction
React Props
React Props 1
React Props 2
React Events
React Events
React Spread Props
React State
React State 1
React State 2
React Routing
React useEffect
React useEffect
Modules
Node and npm
Node and npm
Importing / Exporting
Importing / Exporting
Create React App
Project
What Next

Repl.it node and yarn task setup

Fork the replit project (you'll need to create an account on Repl.it).

Click 'edit in workspace':

Open the replit shell (terminal):

Introduction
What you'll learn
Static Websites
HTML
Introduction
P Tags
More Text Tags
Header Tags
Div Tags
Div Tags
More Tags
More Tags
HTML Attributes
HTML Attributes
More tags with attributes
More tags with attributes
How to start a HTML file
How to start a HTML file
CSS
Introduction
CSS Language
Using a CSS Class
Colors
Colors
Fonts
Fonts
Sizing and Positioning
Sizing and Positioning
Layout Directions
Layout Directions
Flex
Flex
Align and Justify
Align and Justify
More HTML and CSS
Project
Collaborating with others
Git
Introduction
Command Line Basics
Git Repositories
Git Repositories
Editing files
Editing files
Commiting
Committing
More Commiting
More Committing
Branches
Branches
Pushing
Pushing
Pulling
Pulling
Pull Requests
Pull Requests
Merge Conflicts
Merge Conflicts
More Git Resources
Interactive Websites
Javascript Foundations
Introduction
consts
Storing Values
Storing Values
Numbers
Numbers
Strings
Strings
Booleans
Booleans
Arrays
Arrays
Objects
Objects
Dot Operator
Dot Operator
Functions
Functions
Control Flow
Control Flow
Scope
Execution Order
Execution Order
Running Javascript Code
Spread Operator
Spread Operator
Destructuring
Debugging Javascript
Errors
Collection Operations
Collection Operations
Javascript Practice
Introduction
More Javascript Functions
More Javascript Functions
More Collection Operations
Collection Operations 1
Collection Operations 2
Vanilla Javascript
Introduction
The DOM
Reading the DOM
Reading the DOM
Listening to DOM events
Listening to DOM events
Editing the DOM
Editing the DOM
Modern Interactive Websites
React
JSX
JSX
React Introduction
React Introduction
React Props
React Props 1
React Props 2
React Events
React Events
React Spread Props
React State
React State 1
React State 2
React Routing
React useEffect
React useEffect
Modules
Node and npm
Node and npm
Importing / Exporting
Importing / Exporting
Create React App
Project
What Next