Git Product home page Git Product logo

coursetemplate's Introduction

coursetemplate

This course template with simplicity at it's core. This is reflected in trying to keep is as plain HTML possible and only using CSS Grid for layout. HTML displays data and and CSS delivers style. Together they make meaning.

This template is set up so you don't need to know any HTML. As long as you touch nothing in betwwen HTML tags you will be fine. I also tried to write instructions that teach you how to edit each each section.

As you use the template you will learn HTML. You will know when you are ready to start fooling around with the tags a bit more.

More importantly simplicity is reflected in the pedagogy. Each unit requires learners to read and interact with texts, write a reflection, analysis, etc, and then finally a production based performance assessment.

Our values are simple as well. The web is better when take control of how your identity and space are shaped. You should get to own you. It's that simple. This site is static. It collects no data. You can fill no form. We want you learning and sharing from your own space.

We also follow the simple rule that feedback drives learning. Encouraging text based discussion and text based analysis within and through the texts students read and write can be so much powerful than just talking about what they consume.

For a more in depth of the values guiding this proect see early draft of Princples of Open Pedagogy

What's included

I designed the course so you can remix it without ever having to touch any html. Only touch the black text in the editor. If you do want to change picutres or colors you can see the getting-started.md file (not there yet) and follow the tutorial.

I also included a style sheet using CSS Grid. This was my very first site I built using strictly CSS Grid so I may have made errors or not followed proper naming protocols. I also used a standard header, left nav, main, footer layout. Feel free to hop in.

There is also a tutorial page and a tutorial template page (not yet built)

I have also marked up each page with microformats. Many have pointed out to me the schema.org markup is more widely used by the "big players" I don't care. I want to learn with my friends not be beholden to platforms. Microformats to me seems the easiest way to parse learning. An open standard controlled by industry organzations we could never afford to join is just another kind of silo.

I also respect and share the values of the #indieweb community that have developed microformats for the past ten years.

I also believe bots and AI have a future in learning. I want these to be open and easily remixable as well. Using something as easy to parse as microformats makes us a little more future ready by bringing us back to a past of plain html.

The site also comes with a chatbot. However you will need to create an account and embed an iframe on the chatroom.html page. I used Minnit Chat

How to begin

First complete the course goals and objectives sheet (goals.md) Then complete the learner persona activity Then describe or draw your workflow or learning space Finally remix the index.html and module template file. You can use the getting-started.md tutorial

Complete the Sections

Homepage

Module Template

Class Updates

Class Roll

Podcast Template

Works Cited

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.