Giter Site home page Giter Site logo

mcr-digital-experience-day-master's Introduction

mcr-digital-experience

What's the plan?

We'll take the approach of putting one facilitator with 3 pairs of students, the facilitator to take their pairs through a series of activities based around building a website and using GitHub pages to host it. We should be able to cover everything with each facilitator taking a half day sift at some point over Thursday and Friday, and the schedule for each day is provisionally as follows:

  • Introduction; H&S announcements, pairing up and straight on to...
  • Get doing something; 4ups & start designing a website using them, with basic layout from our template as a guide. Provide some suggestions in case they hit writer's block.
  • Get started - create a github account and paste our sample site into it
  • Add your content and start styling with Bootstrap
  • UX Chat
  • Lunch & Tour of Office
  • Javascript
  • Using jquery to respond to events and manipulate the document
  • Sharing information across the internet, build a chat app using Firebase

For each of the sections (basic styling, more bootstrap, javascript & jquery and firebase) we'll produce a short facilitator's guide outlining what we want the students to learn and some pointers and cheatsheets.

Who's Facilitating?

  • James Roberts
  • Jim Stamp
  • Elly Linnegar
  • Jonas Olofsson
  • Thomas Inman
  • Simon Taylor
  • Shaun Storey
  • Alec Tunbridge
  • Chris Paul
  • Chris Dickinson
  • Stephen Murby
  • Barry Edwards
  • Nick Baker
  • Andy Riley
  • Louisa CaselyHayford
  • Chris Brumfitt
  • Rob Trickey
  • Polly Caldwell
  • Anya Braun
  • Philippa Main
  • Lubna Saada
  • Mark Salt
  • Stu Hull
  • Rachael Smith
  • John Evans
When Facilitators
Thursday AM James R; Jim S; Thomas I; Shaun S; Andy Riley; Chris B; Stu H; Alec
Thursday PM James R; Jim S; Stephen M; Shaun S; Andy Riley; Chris B; John Evans;
Friday AM Philippa; Foggy; Lubna, Louisa CH, Polly, Nyle, Barry; Alec; Jonas Olofsson;
Friday PM Foggy; Lubna; Mark Salt; Rachael Smith; Alec;

Setup for running locally

To start the app, make sure you have node.js installed (>4.0.0), run npm install to get the dependencies and then run npm start to run the server.

The site will be running on http://localhost:8081/, you can install the livereload plugin for chrome so that you can see your changes as you make them.

Deploy your pages

To deploy your page then use npm to take your files and push the to the correct branch on github using npm run ghp-deploy

mcr-digital-experience-day-master's People

Contributors

elliotwarner avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.