codher.html

Getting Started with Front End Development workshop

Introduction

During this workshop you'll learn the basics of html and css, two of the essential building blocks of the web.

We'll introduce core concepts together with modern development tools.

Setup

Before we start writing code we'll need to setup some development tools. Follow these instructions to configure your environment.

Install Github Desktop

Login or create an account.
Install Node
Install Atom or any other code editor
Clone the repository (Green button on the top of this page)
- Please keep in mind where do you choose to save the project
Navigate to the folder
Install Yarn and gulp-cli
- From a terminal run npm install yarn gulp-cli
Setup the project
- yarn install
(Optional) If you are using Chrome, install the livereload extension
Run the server
- gulp
- Don't close this window, and keep an eye on it - it can let you know if you've made any mistakes

## Resources MDN CSS Reference MDN HTML Element Reference