WHAT ARE THE 6 KEYS TO A SOLID WORK FLOW?
- PLANNING
- WIREFRAMES
- USER PERSONAS
- TYLE TILES
- USER TESTING
- ITERATION/REFINEMENT
WHAT IS THE BEST WAY TO ORGANIZE WEB DEV PROJECT FILES?
BY FILE TYPE
WHAT MUST I REMEMBER TO DO WHEN MOVING A FILE IN A WEB DEV PROJECT?
UPDATE THE FILE PATH IN MY CODE TO REFLECT THE MOVE.
WHAT ARE 2 BEST PRACTICES FOR ORGANIZING THE CODE WITHIN MY WEB DEV FILES?
- PROPERLY NEST MY HTML ELEMENTS
2. PROPERLY INDENT CSS
WHAT ARE 2 STYLE GUIDES THAT SKILLCRUSH RECOMMENDS?
- GOOGLE CODING STYLE GUIDE
2. GITHUB STYLE GUIDE
STEPS TO SETTING UP INITIAL WEB DEV FILE STRUCTURE?
- CREATE ROOT FOLDER
- INSIDE ROOT CREATE CSS FOLDER
- INSIDE ROOT CREATE IMG FOLDER
- INSIDE ROOT CREATE INDEX.HTML FILE
- INSIDE CSS FOLDER CREATE STYLE.CSS FILE
WHAT ARE BEST PRACTICES IN CSS/HTML FILE NAMING?
- NO SPACES
- NO WIERD CHARACTERS
- USE HYPHENS INSTEAD OF UNDERSCORE
- KEEP EVERYTHING LOWER CASE
- KEEP FILE NAME SHORT AND ABBREVIATED
WHAT IS “CAMEL CASE?”
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.
WHAT IS “PASCAL CASE?”
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.
WHAT 2 THINGS DO BROWSER INSPECTORS ALLOW ONE TO DO?
- Inspect the code behind live websites
2. Edit HTML and CSS live, and see the results on the screen
ARE CHANGES MADE IN A BROWSER INSPECTOR SAVED?
NO
