PREZO.md

[fit] JavaScript
Crash Course

by The Iron Yard

---

Who is this guy?

---

David Rogers

• twitter: @al_the_x
• linkedin: althex
• other: http://al-the-x.me

---

What are we talking about?

---

What are we talking about?

Front-End Development:

• HTML
• CSS
• JavaScript
• etc...

---

What is HTML?

---

What is HTML?

HyperText Markup Language

• HyperText — Links to related documents and assets that the browser understands
• Markup — Special annotations that convey special meaning about otherwise readable content
• Language — Vocabulary, grammar, idiomatic usage, pronounciation: a dialect

---

What is HTML?

A method of interconnecting documents, embedding assets, and representing data.

Other representations:

• Tables or Spreadsheet rows
• Charts and Graphs
• Maps and Overlays

---

What is CSS?

---

What is CSS?

Cascading Style Sheets

• Cascading — Style definitions are allowed to override one another
• Style — Formatting of text, color, screen position, layout, and many other visual properties
• Sheets — Separate textual documents utilized by the browser and linked with markup

---

What is CSS?

A method of defining the visual properties of an HTML page separate from semantic meaning.

• Painting a door or hanging a double door doesn't make it less of a door.
• What's the difference between a Buick Rendezvous and a Pontiac Aztek?

---

What is JavaScript?

---

What is JavaScript?

A dynamic programming language most commonly used as part of web browsers, whose implementations allow client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed.

• Not actually related to Java, except in name.
• Primarily client-side (in-browser); also available server-side via Node JS

---

What is JavaScript?

Part of a much larger ecosystem... Very daunting.

But what can I do with it?