screencasts

KO | EN

gitlite — search

#python #rust #html #ai #llm #tailwindcss #reactjs #machine-learning #nextjs #typescript #css #javascript

★ 2,600 Open GitHub ↗

Code that goes along with my screencasts.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

This repository contains code that goes along with [my screencasts](http://www.youtube.com/user/currankelleher/videos).

Also check out this [video course: D3.js in Motion](https://www.manning.com/livevideo/d3-js-in-motion).

## D3 101

* 00 - **Introduction to Data Visualization** (Jan 2016) - [screencast](https://www.youtube.com/watch?v=itNlukt5x18) [code & presentation](https://github.com/curran/screencasts/tree/gh-pages/introDataVisD3)
 * 01 - **Parsing Data** (March 2015) - [screencast](https://www.youtube.com/watch?v=iuA-gmvJ5n0) - [code](https://github.com/curran/screencasts/blob/gh-pages/d3-101/01-parsing-data/index.html) - 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](https://www.youtube.com/watch?v=9E9qtNg5V2I) - [code](https://github.com/curran/screencasts/tree/gh-pages/d3-101/02-fetching-data-with-ajax) - Covers fetching a CSV file using AJAX.
 * 03 - **Bar Chart Rundown** (March 2015) - [screencast](https://www.youtube.com/watch?v=UdCjacdrvi4&feature=youtu.be) - [code](http://bl.ocks.org/mbostock/3885304) - A brief overview of a D3.js Bar Chart Example.
 * 04 - **Introduction to D3.js** (April 2015) - [screencast](https://www.youtube.com/watch?v=8jvoTV54nXw) - [code & presentation](https://github.com/curran/screencasts/tree/gh-pages/introToD3)
 * 05 - **Splitting Charts (part 1)** (Oct 2015) - [screencast](https://www.youtube.com/watch?v=6Xynj_pBybc&feature=youtu.be) - [code & presentation](https://github.com/curran/screencasts/tree/gh-pages/splittingCharts)
 * 06 - **Splitting Charts (part 2) - Getting Circular** (Dec 2015) - [screencast](https://www.youtube.com/watch?v=dZgLxh_Z86A) - [code & presentation](https://github.com/curran/screencasts/tree/gh-pages/splittingCharts)
 * 07 - **Splitting Charts (Part 3) - Pie Charts & Friends** (Dec 2015) - [screencast](https://www.youtube.com/watch?v=QCiA4fD8-Hs) - [code & presentation](https://github.com/curran/screencasts/tree/gh-pages/splittingCharts)
 * 08 - **Splitting Charts (Part 4) - Small Multiples Pies** (Dec 2015) - [screencast](https://www.youtube.com/watch?v=XN2hfpGqX4o) - [code & presentation](https://github.com/curran/screencasts/tree/gh-pages/splittingCharts)
 * 09 - **Splitting Charts (Part 5) - Multi-Line Charts** (Dec 2015) - [screencast](https://www.youtube.com/watch?v=GzH7qUVIkE8) - [code & presentation](https://github.com/curran/screencasts/tree/gh-pages/splittingCharts)
 * 09 - **Splitting Charts (Part 6) - Stacked Area Charts** (Dec 2015) - [screencast](https://www.youtube.com/watch?v=5H7PSAqZ0Co) - [code & presentation](https://github.com/curran/screencasts/tree/gh-pages/splittingCharts)

--------------------------------------------------
## Web Technologies

* **Introduction to Node.js** (May 2016) - [screencast](https://www.youtube.com/watch?v=9qE1MNTymU0) - [code](https://github.com/curran/screencasts/tree/gh-pages/introToNodeJS) - A tutorial on NodeJS for folks who have never used it before. Covers background, module system, non-blocking I/O, reading and writing files, simple HTTP server, and NPM basics.
 * **JavaScript Modules & Build Tools** (June 2015) - [screencast](https://www.youtube.com/watch?v=U4ja6HeBm6s) - [code](https://github.com/curran/screencasts/tree/gh-pages/jsModulesAndBuildTools) - 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](https://www.youtube.com/watch?v=xN9QxPtK2LM&feature=youtu.be) - [code](https://github.com/curran/screencasts/tree/gh-pages/navigation) - 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](https://www.youtube.com/watch?v=8uWZpvS3IoI&feature=youtu.be) - [code](https://github.com/curran/screencasts/tree/gh-pages/introToDynamicHTML) - 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](https://www.youtube.com/watch?v=TRrL5j3MIvo&feature=youtu.be) - [code](https://github.com/curran/screencasts/tree/gh-pages/introToAngular) - 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](http://www.youtube.com/watch?v=E-_Lc6FrDRw&feature=youtu.be&a) - [code](https://github.com/curran/screencasts/tree/gh-pages/grapher) - 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](http://www.youtube.com/watch?v=P8SaZtTctKQ) - [code](https://github.com/curran/screencasts/tree/gh-pages/mathPatterns) - Introduces HTML5 Canvas and animation.
 * **Introduction to JavaScript Programming** (July 2013) - [screencast](http://www.youtube.com/watch?v=zIpA8k167gU) - [code](https://github.com/curran/screencasts/tree/gh-pages/introToJS) - Introduces the syntax and semantics of the JavaScript Language.
 * **Polygon Editor with HTML5 Canvas, Backbone.js and Require.js** (April 2013) - [screencast](http://www.youtube.com/watch?v=lNfKn0wbxYI) - [code](https://github.com/curran/screencasts/tree/gh-pages/polygonEditor) - 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](http://www.youtube.com/watch?v=yF0T7lviBnY&feature=youtu.be) - [code](https://github.com/curran/screencasts/tree/gh-pages/bouncingCircles) - Covers interaction with HTML5 canvas and n-body physics simulation.

-----------------------

## Presentations on My Work
 * **Chiasm** (May 2015) - [video](https://www.youtube.com/watch?v=9jh4E3-jxcQ&feature=youtu.be&a) - [slides](http://www.slideshare.net/currankelleher/chiasm) - A presentation about the [Chiasm Open Source Data Visualization project](https://github.com/curran/chiasm/).
 * **Constructing Interactive Data Visualizations** (February 2015) - [screencast](https://www.youtube.com/watch?v=GxGkHam33Cw) - [code](https://github.com/curran/chiasm) - A talk describing a new data visualization project involving reusable modules, linked visualizations, and "Big Data".
 * **Visualizing the Universal Data Cube** (November 2014) - [screencast](https://www.youtube.com/watch?v=XVHyygdD1Kg) - [code](http://curran.github.io/phd/defense/) - My doctoral dissertation defense presentation, about visualizing data cubes.
 * **Reactive Data Visualization with ModelJS** (July 2014) - [screencast](https://www.youtube.com/watch?v=TpZqVAtQs94) - [code](https://github.com/curran/screencasts/tree/gh-pages/reactiveDataVis) - Discusses a new approach to developing generalized reactive data visualizations using D3.js.

All content released under the [MIT License](http://opensource.org/licenses/MIT). Feel free to use and modify!

[Curran Kelleher](https://github.com/curran/portfolio) 2015

screencasts

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README