Day 1

Concepts

  • Class Goals
  • Introductions
  • What are Frameworks?
  • Tools
  • Practice
  • Take Home

Class Goals

  • Learn Responsive Web Concepts
  • Become Familiar with Github best practices
  • Advanced Layout Techniques with Bootstrap and Flexbox
  • Intro to Photoshop

What are Frameworks?

The framework we will be using most in this class is Bootstrap. As described on their site, "Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web." This means you can download or link it and use it to quickly build out sites with pre-made components that will look great on any platform. To learn more about frameworks in general, you can go here.

Tools

  • Slack
  • Git
  • Git Option
  • **Make sure you check this option
  • Atom
  • Packages to add to Atom:
    • Emmet
    • Platformio IDE Terminal
    • Atom-Live-Server
  • Github
  • SSH keys
  • **Windows if you're having trouble with the last step, try:
    cat ~/.ssh/id_rsa.pub | clip

Git or Github?

Git is a program on your computer that you access through the "command line"

Github.com is a website that manages the files you give it

Practice

            
              cd [file]
              cd ..
              ls
              ls -al

              git status 
              
              THE BIG THREE:
              git add [file] or .
              git commit -m "my commit message"
              git push

              git clone [repo]
              git pull
              git checkout -b "name_of_branch"
              git merge "name_of_branch"
            
          

Take Home

  • Click here to access your practice repository
  • git clone the repository into your projects directory
  • cd into the directory that cloning creates
  • Open the folder you cloned in Atom
  • Remove my story in the index.html file and tell me why you chose to take Mobile Friendly Websites
  • Use git to add, commit, and push your files to github
  • Slack me to let me know when you're done

Quote of the Day

  • “ It's not at all important to get it right the first time. It's vitally important to get it right the last time. ”
  • - Andrew Hunt and David Thomas