Tutorials: data visualization on PowerCalc

[bradyzhu1102]

1. Git:
   • Modern version control with Git
   • A successful Git branching model
   • Merge from different forks
2. JavaScript
   • Basics (if needed)
   • Chrome Developer Tools Overview (important!)
   • Debugging Asynchronous JavaScript with Chrome DevTools
   • A Beginner’s Guide To jQuery-Based JSON API Clients
3. HTML/CSS
   • HTML Basics, if needed
   • CSS Basics, if needed
   • Decoupling HTML From CSS
   • Getting started with Bootstrap
4. Node.js/npm
   • Node.js for Beginners
   • Felix's Node.js Beginners Guide
   • Official npm Documentation: Getting Started (at least chapters 01-10)
   • A Beginner’s Guide to npm — the Node Package Manager
5. Vegalite and D3
   • vegalite tutoritals
   • d3 tutorials

As a result, you should be able:

• to operate simple git commands from CLI: clone, checkout, commit, push, pull, etc
• understand how forks, branches, and pull requests work together on GitHub (how to sync a fork!)
• create variables, functions, loops, conditionals in JavaScript and run them interactively in Chrome Developer Tools console
• create an HTML5 document template and add simple elements (div, p, a, etc)
• understand basics of the responsive grid in Bootstrap and basic elements (button, form, etc)
• have an idea what Node.js is and how can it be used
• know how to install npm packages globally vs locally, search packages, and list installed
• Know how to visualize data using d3 and vegalite
• Know how to interpret confidence interval with means and proportions​