fake it to make it

Ashley Williams, NYCDA

Thursday, 14 March 2013

DIRECTORY STRUCTURE

My Site

- design

- dev

- assets

- images

- stylesheets

- javascripts

C:/users/ashleygwilliams/documents/mysite/dev/index.html

C:/users/ashleygwilliams/documents/mysite/dev/assets/css/custom.css

C:/users/ashleygwilliams/documents/mysite/dev/assets/images/pic.jpg

relative URL - contains info to find location of resource based on current resource

To describe custom.css to index.html

/assets/css/custom.css

To describe pic.jpg to custom.css

../images/pic.jpg

There's a lot wrong here!

Fix the relative URLs so that all assets are properly linked
Refactor the tags to use HTML5
The CSS is using IDs and has a lot of redundancy, can you refactor it to be more D.R.Y?

cd <name> = change to folder

cd .. = move into containing folder

mkdir <name> = make a directory in current location

touch <name> = create a file

ls - list what is in the current location

rm <name> = remove file

rmdir <name> = remove directory

cp file1 file2 = copy file

mv file1 file2 = rename/move file

<tab> = autocompletes directory and file names (case-sensitive!!!)

<up-arrow> or <down-arrow> = browse previous commands you used

~/ = go to your root path (this is usually your user folder)

What does VERSION CONTROL mean?

git init - when in the top level folder of your project
git add . // git commit -m "initial commit" to add your original changes
go to github.com and create a new repo
git remote add origin <address of repo>
git push -u origin master