Languages of the
web, demystified.
By Adam Bouchard
The Momentum.Coach
Slide 2
Slide 2 text
Browser vs. Server.
Web browser languages.
Server languages.
Slide 3
Slide 3 text
Each language has a purpose.
HTML
JavaScript
CSS
Elixir
PostgreSQL
browser
Server &
Database
Slide 4
Slide 4 text
Structures content
Heading title
A paragraph
HTML
JavaScript
CSS
Elixir
PostgreSQL
Slide 5
Slide 5 text
Heading title
A paragraph
HTML
JavaScript
CSS
Elixir
PostgreSQL
What it looks like in your browser.
Slide 6
Slide 6 text
Styles content
body {
background-color:blue;
color: white;
Padding: 50px;
}
Slide 7
Slide 7 text
What it looks like in your browser.
Heading title
A paragraph
HTML
JavaScript
CSS
Elixir
PostgreSQL
Slide 8
Slide 8 text
Tells it how to
behave.
Click me to change my text color.
function myFunction() {
document.getElementById("demo").style.color = "red";
}
HTML
JavaScript
CSS
Elixir
PostgreSQL
Slide 9
Slide 9 text
HTML
JavaScript
CSS
Elixir
PostgreSQL
What it looks like in your browser.
(javascript is within the html to the left)
Slide 10
Slide 10 text
HTML
JavaScript
CSS
Elixir
PostgreSQL
Data in -> Do something -> Data out.
Slide 11
Slide 11 text
HTML
JavaScript
CSS
Elixir
PostgreSQL Storage for your data.
Slide 12
Slide 12 text
Sequence of training...
Stage 1: Awareness
Basic concepts. Learn
purpose and syntax
Stage 2: Learning
Apply concepts
following examples
Stage 3: Understand
Build your own web
application.