ep1000DigitalFab

Project Management, Web Development & Version Control

1. Project Management Principles
   • Triage: critical, serious, dying
   • Demand- vs supply-side time management
   • Serial vs parallel development
   • Spiral development
   • Bottom-up vs top-down approach
   • Hierarchy, modularity
   • Document as you work
   • Mythical man-month
2. Project Management Software
   • TaskJuggler
   • OpenProj
   • GanttProject
   • Trello
3. Web Development
   • HTML, CSS, JavaScript
   • W3 Schools
   • Mozilla Developer Network
   • Learn HTML in 12 mins
   • Learn More HTML in 12 mins
   • Learn CSS in 12 mins
   • Learn CSS in 20 min
   • Learn JavaScript in 12 mins
   • HTML5 cheatsheet, HTML5 cheatsheet, HTML5 cheatsheet (pdf)
   • JavaScript cheatsheet, JavaScript cheatsheet
   • CSS cheatsheet, CSS cheatsheet, CSS cheatsheet
   • CSS Zen Garden
4. Web Editors
   • Atom, Brackets
   • Visual Studio Code
   • SublimeText
   • Notepad++
   • Markdown
     • Windows: Markdown Monster, ghostwriter
     • Mac: MacDown
     • Linux: ghostwriter
     • Online: StackEdit, Dillinger
5. Version Control
   • CVS, Subversion, Mercurial
   • GitHub
     • Signing up for an account
     • Quick Start
     • Creating a repository
   • Git
   • Git in 15 mins
   • Git in 20 mins
   • Learn Basics of Git
   • Intro to Git
   • Pro Git
   • Git cheatsheet
6. Blogs, Wikis and Content Management Systems
   • GitBook
   • DokuWiki
     • DokuWiki manual
     • DokuWiki Tutorial
     • Create a Website like Wikipediai
   • WordPress -WordPress Quick Start Guide
     • WordPress Tutorial for Beginners
     • Build a WordPress Website in 10 minutes
     • WordPress Website Tutorial Step-by-Step
   • Drupal
   • Moodle
   • Wix
     • 10 Essential Tutorials
     • Wix Tutorial for Beginners
     • Step-by-Step Beginner Tutorial
     • Blog Tutorial
     • Build Your Website with Wix Editor
   • Blogger

Assignment

• Create a personal website containing as a minimum:
  • header section
  • main section
  • footer section
  • navigation bar (top or sidebar)
  • home page (what this website is all about)
  • about page (some information about yourself)
  • signed student agreement
  • contact page
  • separate pages for each topic
• Document the process/method used to create your personal website

[Sample Website Template (zipped)](/ep1000DigitalFab/files/resources/website-template.zip)