Helpful Resources

GitHub Wikis: adding or editing pages, editing wiki content

Learning to Program

• HYF Precourse
• Student Handbook
• Effective Learning
• Self-Assessment

Using Git & GitHub

• GitKraken (a powerful user interface for git)
  • Ibrahim rocks it!
• LearnGitBranching & video tutorial (build a visual understanding of what happens inside git)
• git-school (a lot like learnGitBranching)
• video tutorial series
  • git & github for poets (:+1:)
  • david mahler explains
  • net ninja
• single videos
  • What is GitHub
  • FCC
  • eureka
  • Git for ages 4 and up (what really happens inside git?)
• articles
  • what is version control?
  • collaborative workflows explained
  • resolving conflicts with GitKraken
• resources from the precourse
• The best resources for transitioning from GitKraken to the terminal
  1. git-it (a downloadable tutorial on how to use git & github)
  2. ungit (a clear user interface for using git from the terminal)

Incremental Development

• Agile Development by Cartoon
• Splitting User Stories
• user story based portfolio example

HTML & CSS

Are you still starting your projects with a blank page? Don't do that!

Some great resources for practicing and mastering the basics:

• great references
  • Mozilla Developer Network
  • the FCC guide: HTML, Accessiblity
  • Semantic vs. Formatting Tags (video)
  • CSS reference
  • MDN - Introduction to CSS layout
  • CSS-tricks - CSS Properties
  • MDN - CSS box model
  • Media queries
  • The 30 CSS Selectors You Must Memorize
  • Article about multiple ways to select classes and id's
• Open-Source courses
  • FCC: Responsive Web Design Certificate. This site is great for mastering the basics of HTML & CSS + design. The exercises are clear and helpful, plus there is a great online community so there are many helpful posts and videos for each exercise. (PS. the Applied Accessiblity exercises are assigned for homework by the end of this module!)
  • The Odin Project: HTML5 & CSS 3. This is another great open source course that will help give some structure to your independent study. TOP is more project-oriented and pulls together resource from all over the internet to help set your study path.
  • Both are great options, take a look at each and follow the one that helps you the most!
• Video tutorials
  • Learn HTML5 and CSS3 From Scratch(FCC)
  • Create a Website for Beginners(FCC)
  • HTML Crash Course for Absolute Beginners(Traversy)
• HTML5 Semantic Tags
  • dwuser
  • htmlgoodies
  • w3schools
• Common Mistakes
  • Mozilla Developer Network
  • csulb
  • tips and tricks HQ
  • the server side
  • HTML5 doctor (more advanced)
  • self-closing tags

Games to learn CSS

• the CSS diner
• learn flexbox
  • flexbox froggy
  • grid garden
  • flexbox defense
  • flexbox zombies

Learning Command Line

Why is command line important?

Next module you will begin using command line for:

• Navigating between folders and files
• Installing the testing library for the module exercises
• Running the tests for your JS module exercises
• Basic git work (slowly transitioning from GitKraken to command line)

A little Exercise
This challenge is a little introduction to creating, navigating and editing files directly from command line, without any clicking!

• Try to replicate this folder structure (including the file contents!) using smith-unna's online command line / tutorial.

Resources

• smith-unna command line tutorial
• nice video intros: Jesse Showalter, Joe Collins, Briana
• Terminus: a game
• relative vs. absolute paths
• a good reference