RESPONSIVE WEB DEV

Question 1

WHAT ARE THE 6 KEYS TO A SOLID WORK FLOW?

Answer 1

1. PLANNING
2. WIREFRAMES
3. USER PERSONAS
4. TYLE TILES
5. USER TESTING
6. ITERATION/REFINEMENT

Question 2

WHAT IS THE BEST WAY TO ORGANIZE WEB DEV PROJECT FILES?

Answer 2

BY FILE TYPE

Question 3

WHAT MUST I REMEMBER TO DO WHEN MOVING A FILE IN A WEB DEV PROJECT?

Answer 3

UPDATE THE FILE PATH IN MY CODE TO REFLECT THE MOVE.

Question 4

WHAT ARE 2 BEST PRACTICES FOR ORGANIZING THE CODE WITHIN MY WEB DEV FILES?

Answer 4

1. PROPERLY NEST MY HTML ELEMENTS

2. PROPERLY INDENT CSS

Question 5

WHAT ARE 2 STYLE GUIDES THAT SKILLCRUSH RECOMMENDS?

Answer 5

1. GOOGLE CODING STYLE GUIDE

2. GITHUB STYLE GUIDE

Question 6

STEPS TO SETTING UP INITIAL WEB DEV FILE STRUCTURE?

Answer 6

1. CREATE ROOT FOLDER
2. INSIDE ROOT CREATE CSS FOLDER
3. INSIDE ROOT CREATE IMG FOLDER
4. INSIDE ROOT CREATE INDEX.HTML FILE
5. INSIDE CSS FOLDER CREATE STYLE.CSS FILE

Question 7

WHAT ARE BEST PRACTICES IN CSS/HTML FILE NAMING?

Answer 7

1. NO SPACES
2. NO WIERD CHARACTERS
3. USE HYPHENS INSTEAD OF UNDERSCORE
4. KEEP EVERYTHING LOWER CASE
5. KEEP FILE NAME SHORT AND ABBREVIATED

Question 8

WHAT IS “CAMEL CASE?”

Answer 8

Method of writing names in code where you smoosh a bunch of words together but make it easy to read the name by capitalizing the first letter in each word…except the first letter.

Question 9

WHAT IS “PASCAL CASE?”

Answer 9

Method of writing names in code where you smoosh a bunch of words together but make it easy to read the name by capitalizing the first letter in each word.

Question 10

WHAT 2 THINGS DO BROWSER INSPECTORS ALLOW ONE TO DO?

Answer 10

1. Inspect the code behind live websites

2. Edit HTML and CSS live, and see the results on the screen

Question 11

ARE CHANGES MADE IN A BROWSER INSPECTOR SAVED?

Answer 11

NO