<commit_before>![GeneralAssemb.ly](../img/icons/FEWD_Logo.png)

#FEWD - HTML BASICS 

```
<p>Hello world!</p>
```

---


##Agenda

- Introductions
- Housekeeping
- What to Expect in This Class
- Intro To Web Development
- HTML Tags
- Lab Time


---


##Introductions

<div align="center"><img src="img/drnick.jpg" width="500" /></div>

---

##Meet the Instructors

**Instructor:** <NAME>

- Email: <EMAIL>
- Website: http://jenndelafuente.com
- Twitter: [@dabblingdesign](http://twitter.com/dabblingdesign)

---

**TAs**

<NAME>

<NAME>

- Email: <EMAIL>
- Website: http://stancetrader.com
- Twitter: [@914rdd](http://twitter.com/914rdd)

---

##Housekeeping

###You must have a text editor of some variety for this class!

If you don't, get Sublime Text 2 at [http://www.sublimetext.com/2](http://www.sublimetext.com/2)

Otherwise, use what you've always been using if you already have a text editor preference.

---

##Schoology

- We'll post files for class there.
- You'll turn in homework to Schoology as zip files.
- We'll post resources and links too.
- Class will be recorded (barring any technical difficulties), and links to the slides can be found on Schoology.
- You can also find the slides at http://jrosebud.github.io

---


##What to Expect

(We don't bite, really.)

---

##Some Website Stuff and Inspiration

You'll learn to love HTML/CSS as much as I do.

- [Rancho La Puerta](http://rancholapuerta.com)
- [Pamperosity](http://pamperosity.com)
- [Tarantino XX](http://tarantinoxx.com)

---

##Objectives

- You'll learn how to read HTML and CSS.
- You'll know enough about JavaScript and jQuery to at least interpret it. Maybe you can't write a JavaScript script from scratch, but you'll at least know what's going on and how to manipulate and existing scripts for your own purposes.
- You'll be able to create a nice, multi-page website.
- You'll learn the basic workflow when someone says to you "Hey, can you build a website for me?"

---

##What you **Won't** Learn

- Dynamic coding! (That means you can't build a WordPress site or content management system!)
- Back-end web development (PHP, Ruby, Python, C++, and similar languages)

---

##HTML Basics

---

##HTML Tags

---

![GeneralAssemb.ly](../../img/icons/code_along.png)
##General Assembly Press Release

---


##HTML vs HTML5

HTML5 is HTML with a few additions
The Doctype tells you if the page is HTML5 ready.


```<!DOCTYPE html>```


##HTML HISTORY

![HTML History](../../img/unit_1/Timeline_of_web_technologies.jpg)

<aside class="notes">
image retrieved from http://www.onbile.com/info/wp-content/uploads/2013/09/Timeline-of-web-technologies-639x168.jpg on October 1, 2013.

</aside><commit_msg>Lesson 01 slides<commit_after>![GeneralAssemb.ly](../img/icons/FEWD_Logo.png)

#FEWD - HTML BASICS 

```
<p>Hello world!</p>
```

---


##Agenda

- Introductions
- Housekeeping
- What to Expect in This Class
- Intro To Web Development
- HTML Tags
- Lab Time


---


##Introductions

<div align="center"><img src="img/drnick.jpg" width="500" /></div>

---

##Meet the Instructors

**Instructor:** <NAME>

- Email: <EMAIL>
- Website: http://jenndelafuente.com
- Twitter: [@dabblingdesign](http://twitter.com/dabblingdesign)

---

**TAs**

<NAME>

<NAME>

- Email: <EMAIL>
- Website: http://stancetrader.com
- Twitter: [@914rdd](http://twitter.com/914rdd)

---

##Housekeeping

###You must have a text editor of some variety for this class!

If you don't, get Sublime Text 2 at [http://www.sublimetext.com/2](http://www.sublimetext.com/2)

Otherwise, use what you've always been using if you already have a text editor preference.

---

##Schoology

- We'll post files for class there.
- You'll turn in homework to Schoology as zip files.
- We'll post resources and links too.
- Class will be recorded (barring any technical difficulties), and links to the slides can be found on Schoology.
- You can also find the slides at http://jrosebud.github.io

---


##What to Expect

(We don't bite, really.)

---

##Some Website Stuff and Inspiration

You'll learn to love HTML/CSS as much as I do.

- [Rancho La Puerta](http://rancholapuerta.com)
- [Pamperosity](http://pamperosity.com)
- [Tarantino XX](http://tarantinoxx.com)

---

##Objectives

- You'll learn how to read HTML and CSS.
- You'll know enough about JavaScript and jQuery to at least interpret it. Maybe you can't write a JavaScript script from scratch, but you'll at least know what's going on and how to manipulate and existing scripts for your own purposes.
- You'll be able to create a nice, multi-page website.
- You'll learn the basic workflow when someone says to you "Hey, can you build a website for me?"

---

##What you **Won't** Learn

- Dynamic coding! (That means you can't build a WordPress site or content management system!)
- Back-end web development (PHP, Ruby, Python, C++, and similar languages)

---

##HTML Basics

---

##HTML Tags

---

![GeneralAssemb.ly](../../img/icons/code_along.png)
##General Assembly Press Release

---


##HTML vs HTML5

HTML5 is HTML with a few additions
The Doctype tells you if the page is HTML5 ready.


```<!DOCTYPE html>```

---

##HTML HISTORY

![HTML History](../../img/unit_1/Timeline_of_web_technologies.jpg)

<aside class="notes">
image retrieved from http://www.onbile.com/info/wp-content/uploads/2013/09/Timeline-of-web-technologies-639x168.jpg on October 1, 2013.

</aside>
{'fraction_non_alphanumeric': 0.1388733965421082, 'fraction_numerical': 0.012641754973043316, 'mean_word_length': 3.578723404255319, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, 'https://': 0, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2234092', 'n_tokens_mistral': 1895, 'n_tokens_neox': 1761, 'n_words': 625}