SVA : HTML & CSS

Why are we doing this? 

To build Websites. You're going to learn how to get started building a Website. Yes, that's it. Hope you're in the right place?

Ok cool.

If so... we'll go through a few steps together. Let's get started, and then we'll meet up on January 24th to check in. 

1. Front-end or Back-end? (7:16)

 

2. Install Sublime Text (1:55)

 

To get started coding you're going to need a text editor. Here's a short video on how to download and install Sublime Text: www.sublimetext.com

3. Party Hard: HTML is your Structure (10:44)

 

How do I make the code in Sublime Text larger?

On a Mac: Command +  (3:47)

On a Windows: :Control + 

What shortcuts should I memorize and use?

Save: Command + S
Refresh the browser: Command + R   

Please use Chrome: Don't have Chrome? Download it here: 
https://www.google.com/intl/en/chrome/browser/

4. Party Hard: CSS is your Style (4:33)

 

Rember this (..it's quiz worthy). 

CSS

5. Party Hard: A Quick Trick to Remembering HTML, CSS and JavaScript (2:56)

 

 

6. Party Hard: Adding Images to our Project  (11:08)

 

Find the images here: 
https://onemonthrails.com/one-month-html

Homework Videos: 

1. Solving Problems  (7:07)

 

A big part of coding... is feeling helpless, lost, and utterly confused. You'll think "Fuck this, I quit" 

Lucky for you there are some places you can go when you get stuck. Here are some recommendations on how to get unstuck:

1. MDN: Like the wikipedia of front-end langauges. Go here for help with HTML, CSS, and JavaScript. 

2. CSS Tricks: Easy to read, and in depth tutorials on HTML, and CSS and design 

3. Stackoverflow: a Q&A site... like the Quora of development questions. Perhaps the greatest resources for all developers 

2. How do I center... everything  (2:34)

 

The trick to centering a "container" is to have both of the following 

- width: (some number in pixels); 

- margin: 0 auto; 

For Example: 

.container {

  width: 600px;

  margin: 0 auto; 

}

3. Adding the Facebook Like Button  (7:56)

 

This lesson assumes you are familiar with and using FTP to uload your project to the Web. In this example I use CyberDuck as my FTP client, but in reality you could use any application you like. 

To get started with the Facebook API go here: https://developers.facebook.com/