Languages and HTML

Created Thursday 24 September 2020

A few things 95% of languages have in common:

- Written in plaintext (there are exceptions)

A few things 95% of languages have in common:

- this is important to remember:
Written BY humans FOR humans. Most everything you see isn't some weird computer artifact: it's a choice.

A few things 95% of languages have in common:

- Punishingly difficult and picky syntax. One character wrong and the whole thing explodes*

*But not HTML or CSS!

Things people debate about over languages:

- Human readability?

- How do you "run" it?

Compiled/interpreted/ or scripted?

- "Paradigm?" What's the language's main "style?"

Procedural/Functional/Object-Oriented?

- What was it originally designed to do?
- How does it get changed?
- What does it do now?

Many of these boil down to: SIMPLE vs EASY

..which can be opposites, weird

SIMPLE: (Think "command line")


EASY: (Think "iPhone" or "Siri")


Human Readability


Old school - Human readability is not important
- Short abstractions are concise and thus quicker
- Forced whitespace is limiting
- There should be MANY ways to do a thing

Human Readability


New school -Hey, looks like human readability is at least
a little important:
- Multiple people working on projects
- Older code needs to be understandable
- There is value in forcing people to do things only one way
"Always code as if the person who ends up maintaining your code will be a violent psychopath who knows where you live."

"Closeness" to machine

Compiled - Before running, you have to "convert" it.
Usually Makes for faster/more efficient code.

Interpreted - "Conversion" happens on the fly, sometimes through something like a VM

Scripted - No "conversion" necessary. Usually only
good for shorter/smaller/ scripted things.

Important "real life" Categories.

(these are fuzzy and non-exclusive)

Procedural/Imperative (default)

Do things step by step

Important "real life" Categories.

Functional

Turn it into straight up math. No variables, no
"procedures"

Important "real life" Categories.

Object Oriented

Everything uses an "object" metaphor.
("Black Box Approach")..

Important "real life" Categories.

Declarative:
Uncommon, because very hands-off.
You don't say "how" - you just tell what to do over a limited set of possibilities.
(This is HTML and MySQL)

Examples:

C
Rust
Go

- Low level, Compiled, Native

Examples:

Java
Python

(Midrange, Python's honestly probably the best all around, let the fights begin)

..And then the holy mess that is the web.

Here goes: This ONLY makes sense if you remember that the web grew and accreted on itself, and encouraged to do so primarily by "market forces"...
as opposed to "designed."

Text


Plain ol' text. BBS and the like


HTML

"Lets make this look better than the Matrix, SEMANTICALLY"

CSS

"Still kind of ugly, now let's go VISUAL"




Okay but we need interactivity...

OKAY, how about, lets just reach into the computer and run random programs

cgi-bin

This actually worked for a while when we were oh so innocent...

Server-Side


PHP.

Click a menu and get back some generated HTML. Cool!

Combine with MySQL for even more power!

Client-side

uhoh.

"Okay, so we want things to move around. And maybe more..."

Client-side

We've got this thing people are using to literally make cartoons...
..so I guess we're going to use it for EVERYTHING.

Flash

Javascript

Clearly, we can do better than Flash. I mean, we could slap that together in a weekend and name it something similar to something that already exists because okay

Javascript part deux

Okay, maybe that wasn't a great idea...

but too bad, here we are.

More on HTML

DECLARATIVE - so it won't break.
SEMANTIC - describes WHAT THINGS DO, not HOW THEY LOOK

HTML Versions?

Important things to know:

HTML 4.0: aka XHTML Decided to "formalize" the language, meaning that badly written HTML would fail and break...

...yeah just kidding that'll never work

HTML 5.0 - integration with JS, more media stuff. Mostly a good deal.






Backlinks: LIS5362-Slides