Languages of the web, Demystified.

Languages of the web, demystified. By Adam Bouchard The Momentum.Coach

Browser vs. Server. Web browser languages. Server languages.

Each language has a purpose. HTML JavaScript CSS Elixir PostgreSQL
browser Server & Database

Structures content <head> </head <body> <h1>Heading title</h1> <p>A paragraph</p> </body>
HTML JavaScript CSS Elixir PostgreSQL

Heading title A paragraph HTML JavaScript CSS Elixir PostgreSQL What
it looks like in your browser.

Styles content <head> <style> body { background-color:blue; color: white; Padding:
50px; } </style> </head HTML JavaScript CSS Elixir PostgreSQL

What it looks like in your browser. Heading title A
paragraph HTML JavaScript CSS Elixir PostgreSQL

Tells it how to behave. <p id="demo" onclick="myFunction()"> Click me
to change my text color. </p> <script> function myFunction() { document.getElementById("demo").style.color = "red"; } </script> HTML JavaScript CSS Elixir PostgreSQL

HTML JavaScript CSS Elixir PostgreSQL What it looks like in
your browser. (javascript is within the html to the left)

HTML JavaScript CSS Elixir PostgreSQL Data in -> Do something
-> Data out.

HTML JavaScript CSS Elixir PostgreSQL Storage for your data.

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.

Languages of the web, Demystified.

Languages of the web, Demystified.

adam bouchard

More Decks by adam bouchard

Other Decks in Programming

Featured

Transcript