Other Pages

frontend.step

message <<-MARKDOWN
### Goal
Our aim is to get you acquainted with HTML, CSS, and JavaScript, the most essential building blocks
of web experiences. You'll create a basic static web page about yourself and (optionally) deploy
it to the web. You'll:
* write some content and give it some structure with **HTML**;
* use **CSS** to adjust the layout and style of that content;
* use **JavaScript** to add interactive components;
* optionally, push your website to GitHub with **git**.
Here's a sample sketch of what your page could look like:
![screenshot](img/page_sample.jpg)
### Schedule
* 1-2 hours of playing with basic HTML, CSS and Javascript.
* 4-ish hours of building our page.
* Optional: if you've worked with GitHub before and want to put your website online using Git and GitHub, we have instructions for that! (The curriculum has you keeping your site on your machine by default.)
This is just a rough guideline, not a mandate. Some steps you'll go over and some you'll go under. It'll all work out by the end of the day. :D
### Requirements
We're going to be working with:
* [Chrome](https://www.google.com/chrome)
(If you're experienced with the developer tools in another browser, that may work too.);
* The code editor of your choice.
* [Atom](https://atom.io/) is a free, open-source editor that can be customized with HTML, CSS, and JavaScript. A download is available for OS X 10.8+, Windows 7/8, and Ubuntu/RedHat linux.
* [or install a different editor](/installfest/editors)
Optional tools if you're deploying to GitHub:
* Git;
* Your [GitHub](http://github.com) account.
MARKDOWN
insert 'working_effectively_and_efficiently'
next_step 'introduction_to_html'

Going through this curriculum on your own? Get help on our Discourse forum, where RailsBridge volunteers can answer your questions.

If you have a suggestion for improving the docs, please make a pull request or drop us a note via GitHub Issues (no technical knowledge required).