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.

1. 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