|
1 | 1 | # Learn-To-Code-Week-1 |
2 | 2 |
|
3 | | -## Ground Rules |
4 | | -1. Ask at least one question |
5 | | -2. Help neighbors if you are ahead and they are struggling |
6 | | -3. Ask another question |
7 | 3 |
|
8 | 4 |
|
9 | 5 | ## Overview |
@@ -34,48 +30,49 @@ on the same codebase without having to worry about who's doing what in which ord |
34 | 30 | Download Atom |
35 | 31 | https://atom.io/ |
36 | 32 |
|
37 | | -Mac: |
38 | | -Download Homebrew (if you have a mac) |
39 | | -http://brew.sh/ |
40 | | - |
41 | | -Download Git |
42 | | -```brew install git``` |
43 | | - |
44 | | -Windows: |
45 | 33 | Click "Clone in Desktop" |
46 | 34 | -Follow Prompts to install |
47 | 35 |
|
| 36 | +## Lets Fork our first project on Github! |
| 37 | +Click the fork button on the top right of this page! |
| 38 | + |
48 | 39 |
|
| 40 | +## Overview of HTML |
| 41 | +- tags |
| 42 | +- elements |
| 43 | +- attributes |
49 | 44 |
|
| 45 | +####HTML tags: |
| 46 | +Tags are used to mark up the beginning and end of an HTML element. |
50 | 47 |
|
51 | | -Setting up git to work with your github account https://help.github.com/articles/set-up-git/#setting-up-git |
| 48 | +``` |
| 49 | +<div></div> |
| 50 | +``` |
52 | 51 |
|
53 | | -Setting up your SSH Keys: https://help.github.com/articles/generating-ssh-keys/ |
| 52 | +####HTML elements: |
| 53 | +An element in HTML represents some kind of structure, generally and element |
| 54 | +consists of a start tag, content, and an end tag. |
54 | 55 |
|
55 | | -## Lets Fork our first project on Github! |
56 | | -Click the fork button on the top right of this page! |
| 56 | + ```html |
| 57 | + <p>This is an element, it consists of p tags and content.</p> |
| 58 | + ``` |
57 | 59 |
|
| 60 | +####HTML attributes: |
| 61 | +HTML attributes generally appear as name-value pairs. The most common attributes |
| 62 | +are |
| 63 | +- id "id is used on only a single element" |
| 64 | +- class "class can be used on multiple elements" |
| 65 | +- src "provides the location of an asset that element needs" |
| 66 | +- href "specifies a link destination" |
58 | 67 |
|
59 | | -## Overview of HTML |
60 | | - 1. Talk through index.html file |
61 | | - a. Tags |
62 | | - b. Structure of an HTML page |
63 | | - c. Headings, Div's, img's and href's |
64 | | - 2. Edit index.html file |
65 | | - a. don't be Scared! |
66 | | - 3. Write a commit message |
67 | | - 4. Commit file |
68 | 68 |
|
69 | 69 |
|
70 | 70 | ## Overview of CSS |
| 71 | +- Specificity |
| 72 | +- id's vs Classes |
| 73 | +- syntax |
| 74 | + |
71 | 75 |
|
72 | | - 1. Talk through style.css file |
73 | | - a. Tags VS Classes |
74 | | - b. CSS Heirarchy |
75 | | - c. inline styling |
76 | | - 2. Switch css reference in the index.html page to style.css |
77 | | - 3. Change the background color |
78 | | - 4. Change the font by finding a google font. |
79 | 76 |
|
80 | 77 |
|
81 | 78 |
|
|
0 commit comments