Coding Intro

Question 1

Separate CSS, JS, HTML. What golden rule?

Answer 1

Separation of concerns!

Question 2

Why separate your code (ex. JS, HTML…) what rule?

Answer 2

Best practice = separation of concerns = better organization

Question 3

What exception can you put CSS inline in HTML?

Answer 3

Making an email look really good

Question 4

Best resource for finding coding info

Answer 4

MDN

Mozilla developers network

Question 5

What does HTML stand for?

Answer 5

Hyper text markup language

Question 6

What does CSS stand for?

Answer 6

Cascading style sheets

Question 7

Fixed vs responsive website?

Answer 7

Fixed = won’t change to adapt to other screens and websites.

Responsive = looks good across all devices, screens and browsers.

Question 8

What are media queries?

Answer 8

Let’s you create specific style rules for different screen types and sizes.

Good for responsiveness.

Question 9

What are the 3 cornerstones of responsiveness? Describe each.

Answer 9

Fluidity = everything as a % (sizes w/ screen)
Elasticity = fonts & texts are responsive units (em)
Content decisions = what you want to show based on screen size.

Question 10

How do you make content decisions for different screen sizes?

Answer 10

Use CSS media queries.

Question 11

How do you decide what media queries to use for content decisions?

Answer 11

Develop for mobile screens first and expand with size.

Start from largest size screen, then decrease until it doesn’t look good anymore. add media query