Disney's "Through the Looking Glass" photo from http://images.celebeat.com/data/images/full/6776/disney-has-announced-that-they-will-be-releasing-alice-in-wonderland-2-on-may-27th-2016.jpg?w=600

WOW!!!  

WILD WEBSCAPES!!!

Our Community!

• Diverse!
  • 14 from Continuing Studies
  • 13 from CSC 101 
• Supportive!
  • sharing: postings on CourseSpaces
  • communicating: Slack
• TO DO:  Create a group of 4...
  • 1 person in same course
  • 2 people in different course

REALLY UNIQUE SYNERGY!!!  

Share your thoughts...

• browsers
• editors
• Slack, Github
• WebScapes!!!
  • technology (yawn!)...
  • PEOPLE!!!  (yay!)

Our Community!

WHAT AN OPPORTUNITY!!!!

The Web is in it's INFANCY
in terms of what we could do out there!!!

THINK ABOUT YOUR IDEAS! :)

Questions so far?

• CourseSpaces?
  • Browser Showdown?
  • WebScapes?
• Slack?
  • channels?
  • files?
• GitHub?
  • shared repository?!  
  • social?
• Editors?
• Operating Systems?

TONIGHT!!!

• practices
  • teams, agile
• tools
  • browsers, editors
• BEYOND tonight...
  • GitHub, Slack
    • note these are "web apps"! :)

SLACK

• very "agile", productivity increases (?!)
  • team communication
• channel ~= conversation on a topic...
  • general channel
    • sent to everyone
  • other channels
    • opt in/out!
• notifications can be configured, including realtime!
• integrated with GitHub, Lucid Charts, Google Drive...

GitHub

• social coding
  • profiles!  hotter than linkedin?
• audits!
• push/pull
• can download entire repository as a .zip
• extend and share
• open source community
• Git on your laptop
• Be social 
  • https://help.github.com/articles/be-social/

WebScapes!!!

• functionality
  • what services does the web provide?
• impact
  • what is it doing to us?!
• infrastructure
  • what are the main puzzle pieces involved?
  • how do they work?

MANY PERSPECTIVES!!!

• functionality
  • what services does the web provide?
• impact
  • what is it doing to us?!
• infrastructure
  • LET'S START WITH WHAT IS IN FRONT OF US!!!!

The LOOKING GLASS!!!

• not "throwing any shade"...
• everything is evolving!
• different bells and whistles (extensions)
• "standards" don't always apply...
• our needs
  • understand what a browser does
  • a little about how it does it
  • be able to see what is going on under the hood 
    • developer tools!
      • used to "view source"
    • what are we looking at there?!

Design Pattern: Model, View, Controller

• Model
  • content
  • HTML5 (for now!  markdown?)
• View
  • style
  • CSS (for now!  WYSIWYG?)
• Controller
  • behaviour!!!
  • In the browser, JavaScript (for now!  coffeescript?)
    • can talk to functionality on servers too!!!

LET'S BREAK THINGS!

• Download the ".zip" of the course repository...
• open "charts_example" it in your favourite browser

NOW EDIT IT!

• colours?  counters?  amounts?
• what is the model? view? controller?
• can you add a new counter??
• can others see your changes?
  • why?  why not?
  • ho would you get that to happen? :)