What does HTML stand for?
hypertext markup language
DOCTYPE
document type
html
starts html on page
head
where all of the description goes
body
where the code goes
p
paragraph
video
video
a
link
div
divide
section
section
aside
aside
select
form select tool
ul
unordered list
img
image
script
javascript
link
link stylesheets
br
break
canvas
container for graphics
textarea
text box with multiple lines
ol
ordered list
strong
bold
svg
scalable vector graphic
em
italics
span
inline divide
audio
audio
form
form
dl
definition list
table
table
article
semantic, article
tr
table row
input
input field on form
td
table data
thead
table header
tbody
table body
tfoot
table footer
footer
footer of page
header
header of page
nav
nav bar
label
text label on form
src
source
href
link (used with a)
class
class (starts with . in css)
alt
alternative text
style
css inline
type
...
required
...
action
...
method
...
placeholder
...
id
#, ideally only one
radio
...
checkbox
...
How to make a comment in HTML
...
How to style text with tags.
...
How to use the style attribute.
...
How to make links open in a new window.
...
CSS
...
What does CSS stand for?
...
What is a selector is and how to select elements by tag name, class and id.
...
What !important does.
...
How to make a comment in CSS.
...
What's the difference between padding and margin?
...
How to link a stylesheet to an HTML page.
...
How to write inline CSS in an HTML page
...
style tag
...
style attribute
...
%
...
em
...
rem
...
pt
...
px
...
vh
...
vw
...
create a border
...
border styles (colors, line types)
...
change the font
...
change the background color
...
change the font color
...
make text bold
...
make links without an underline
...
use flexbox / flex direction
...
div p
...
div > p
...
.foo
...
div.foo
...
div .foo
...
SVG
...
What does SVG stand for?
...
What tag is used to add SVG to a web page?
...
What is xmlns?
...
What format SVG is written in (hint: it's not HTML but it can be put in HTML)
...
circle
...
ellipse
...
line
...
path
...
stroke
...
fill
...
r
...
x2
...
cx
...
y2
...
cy
...
x1
...
rx
...
ry
...
y1
...
d
...
M
...
L
...
Q
...
JavaScript
...
What does ES stand for?
...
What do people usually mean when they say ES6?
...
What tag do we use to put JS inline in the HTML?
...
What tag do we use to include external JS in HTML?
...
How do you make a variable?
...
The difference between var a = new Array(1, 2, 3) & var a = [1, 2, 3] (which one is a literal)?
...
var x = "World"; console.log(WHATGOESHERE) to get the output: Hello World
...
window
...
navigator
...
console
...
process
...
document
...
setTimeout
...
var
...
let
...
const
...
What is an arrow function?
...
function foo () {return "foo"}
...
var foo = function () {return "foo"}
...
var foo = () => "foo";
...
var foo = () => { return "foo" };
...
What's the difference between true == 1 and true === 1?
...
What are the return types of [].forEach(x => x) and [].map(x => x)?
...
How can you play with JS in the chrome browser?
console
How can you play with JS on your laptop without a browser?
terminal