/screencasts

Code that goes along with my screencasts.

Primary LanguageJavaScriptMIT LicenseMIT

This repository contains code that goes along with my screencasts.

D3 101

  • 01 - Parsing Data (March 2015) - screencast - code - An intro to the "Data" part of "Data Driven Documents" (d3.js). Covers parsing CSV (Comma Separated Value) data in JavaScript.
  • 02 - Fetching Data with AJAX (March 2015) - screencast - code - Covers fetching a CSV file using AJAX.
  • 03 - Bar Chart Rundown (March 2015) - screencast - code - A brief overview of a D3.js Bar Chart Example.
  • 04 - Introduction to D3.js (April 2015) - screencast - code & presentation

Web Technologies

  • JavaScript Modules & Build Tools (June 2015) - screencast - code - A brief tour of the ocean of tools around JavaScript Modules. Content at https://github.com/curran/screencasts/tree/gh-pages/jsModulesAndBuildTools Covers Browser Globals, Namespaces, CommonJS, AMD, ES6, Browserify, Webpack, RequireJS, JSPM, Esperanto, Rollup, and Make.
  • Navigation for Single Page Applications (October 2014) - screencast - code - This screencast covers how to construct a single page application with a tab-like navigation user interface and routing using only Web Standards (HTML, JavaScript, CSS, The DOM).
  • Introduction to Dynamic HTML with JavaScript, CSS and AJAX (September 2014) - screencast - code - An introduction to dynamic HTML using only Web standards (no libraries) to build the essence of a blog. Covers HTML, JavaScript, DOM APIs and CSS including Media Queries.
  • Introduction to Angular.js in 50 examples (March 2014) - screencast - code - Introduces Angular.js, covers background of data binding, single-page-apps, and related libraries, then introduces Angular features by example.
  • Building a Graphing Calculator (November 2013) - screencast - code - Covers plotting of mathematical functions, linking user interface elements to a model behind the graphics, and using the URL hash fragment (without any single-page-app libraries).
  • Mathematical Graphic Patterns (August 2013) - screencast - code - Introduces HTML5 Canvas and animation.
  • Introduction to JavaScript Programming (July 2013) - screencast - code - Introduces the syntax and semantics of the JavaScript Language.
  • Polygon Editor with HTML5 Canvas, Backbone.js and Require.js (April 2013) - screencast - code - Introduces the Model View Controller concept along with Require.js, Underscore.js, and Backbone.js by building an interactive polygon editor.
  • Bouncing Circles (March 2013) - screencast - code - Covers interaction with HTML5 canvas and n-body physics simulation.

Presentations on My Work

  • Chiasm (May 2015) - video - slides - A presentation about the Chiasm Open Source Data Visualization project.
  • Constructing Interactive Data Visualizations (February 2015) - screencast - code - A talk describing a new data visualization project involving reusable modules, linked visualizations, and "Big Data".
  • Visualizing the Universal Data Cube (November 2014) - screencast - code - My doctoral dissertation defense presentation, about visualizing data cubes.
  • Reactive Data Visualization with ModelJS (July 2014) - screencast - code - Discusses a new approach to developing generalized reactive data visualizations using D3.js.

All content released under the MIT License. Feel free to use and modify!

Curran Kelleher 2014