User Interface Jeopardy

Git

100

what is the difference between git and github

git is a tool to manage your source code history.
github is a hosting service for repositories of code/projects

200

command to get a repo from github to your local pc

git clone LINK

300

why do we use git / github as developers

GIT Version Control System so we can go back at any time
Github being open source makes it easier to share projects and work on them together 

400

what command would u use in order to get a partners branch of code onto your pc

git pull BRANCH NAME

500

what are all the steps to pushing up current code with git to github?

cd to proper folder/file
git init
git status
git add -A
git commit -m "some informations message of current code"
git push origin BRANCH NAME

HTML

100

what does HTML stand for?

Hypeteext markup language

200

name at least 3 different tags

H1 - H6
P
section
div
header
nav
footer

300

What does semantic mean?

providing meaningful content
keep code readable
readable websites that are easily interpreted by search engines and screen readers

400

what is the difference betweek HTML and CSS?

HTML is building and organizing the basic outline of your page whereas CSS styles it 

500

if u wanted a big chunk of your website to hold a bunch of paragraphs how would u order it in HTML in a semantic way?

<section>
<div>
<p> </p>
<p> </p>
</div>
<div>
<p> </p>
</div>
</section

CSS

100

what does CSS stand for

cascading style sheets

200

what are some CSS libraries and frameworks

bootstrap --- foundation --- bulma
webkit --- atomize --- Carousel

300

What do CSS selectors do?

access html tags in order to style them

400

if i wanted to style a simple nav with 4 links being blue and a background of gray
how do u code this?

.nav-item {
  padding: 5px 20px;
  background: lightgray;
  border: 1px solid gray;
  margin: 10px 10px;
  border-radius: 5px;
  display: inline-block;
  color: blue;
}

500

What is the order of CSS specificity
lowest specificity to highest?

* selects all tages on page (easily over written)
h1 still over writable but better than *
.class better specificity can still be over written tho
pseudo classes call by first last or child
# only once per page
inline styles most specific except !important
!important most specific try not to use