Permalink
Fetching contributors…
Cannot retrieve contributors at this time
executable file 61 lines (40 sloc) 2.26 KB
message <<-MARKDOWN
### Goal
Our aim is to get you aquainted with HTML, CSS, and JavaScript, the most essential building blocks
of web experiences. You'll create a basic static web page about yourself and possibly 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.
* And 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 local 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.
[Sublime Text 2](http://www.sublimetext.com/2) is popular and free to download, but you should buy a license if you keep using it after the workshop.
[Komodo Edit](http://www.activestate.com/komodo-edit) is a good open source option, if you don't have one yet.
Optional tools if you're deploying to GitHub:
* Git
* Your [GitHub](http://github.com) account
### Working Effectively and Efficiently
We highly recommend you do the following:
* Open your browser fresh or hide any windows you already have open.
* Bring up one window with two tabs
* One for this content
* One for interacting with your app.
* Open your text editor and _do not ever close it_. We're not quitters.
* Hide all extra applications. Turn off twitter, IM, and all other distractions.
By minimizing the number of things you interact with, you reduce the
amount of time spent switching between them and the context lost as
you work through the lessons. Having 50 tabs open in your web
browser gets confusing and wastes time.
MARKDOWN
next_step 'introduction_to_html'