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 

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? :) 
Made with Slides.com