• Stars
    star
    469
  • Rank 90,470 (Top 2 %)
  • Language
    HTML
  • Created over 2 years ago
  • Updated about 1 month ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Nature of Code with p5.js and Notion workflow / build system.

The Nature of Code 2nd Edition

This repo contains all the files for the Nature of Code 2nd edition. The book is now being authored in Notion and imported here as raw HTML files (which are then used to build the print PDF and gatsby website).

Data flow chart showing three parts: edit, store, and output.

Edit & Import

Notion Database Screenshot

Content are stored in a Notion Database with the following attributes:

  • Type (Page | Chapter): to be handled differently during builds, now only act in the website build.
  • Title: defines the title
  • Status (Draft | Published): only Published ones will be imported
  • File Name: defines the page sequence in a pdf build
  • Slug: defines the path in web page URL

Each entity also contains a page of its content, which will be transformed to html files based on the schema. The transformation script (nature-of-code/fetch-notion) is written in Node.js, utilized as a GitHub action.

Build

Following are the steps to build the book and website, however, you will have to skip the import-notion-docs as that can only be done with the Notion API key associated with the book. You can find the latest HTML version of the book in /content.

# Install Dependencies
npm install

# Build PDF (Magicbook) in `build` directory
npm run build:pdf

# Build Website in `public` directory
npm run build

More Repositories

1

noc-examples-processing

Repository for example code from The Nature of Code book
Processing
2,529
star
2

noc-book

The Nature of Code book (archived repo, see README for new repo / build system!)
JavaScript
1,929
star
3

noc-examples-p5.js

Port to p5.js of Nature of Code examples
JavaScript
1,017
star
4

NOC-S17-2-Intelligence-Learning

Syllabus for Part 2 of Nature of Code: "Intelligence and Learning" at ITP Spring 2017 Edit
JavaScript
926
star
5

The-Nature-of-Code-archive

The very first build system for The Nature of Code
JavaScript
915
star
6

noc-book-2-archive

Repository for The Nature of Code book with p5.js
HTML
646
star
7

noc-examples-python

Python port (via processing.py) of The Nature of Code Examples
Python
190
star
8

The-Nature-of-Code-Cosmos-Edition

Repository for fall 2013 workshop at ITP on space data visualization
Processing
128
star
9

Nature-of-Code-Website-Archive

Repo for web files for nature of code
JavaScript
109
star
10

noc-syllabus-S20

Syllabus for Nature of Code Spring 2020
JavaScript
103
star
11

NOC-S18

Course repo and syllabus for Nature of Code Spring 2018 at ITP.
JavaScript
87
star
12

NOC-S17-1-Physics-Animation

Syllabus for Part 1 of Nature of Code: "Physics and Animation" at ITP Spring 2017
Processing
79
star
13

noc-syllabus-S23

Syllabus for IMA and ITP Spring 2023 The Nature of Code
56
star
14

noc-syllabus-S19

Course repo and syllabus for Nature of Code Spring 2019 at ITP.
JavaScript
46
star
15

noc-syllabus-S21

45
star
16

noc-kadenze

Code from Kadenze online course
JavaScript
43
star
17

The-Nature-of-Code-S14

Repository for ITP Spring 2014 Course
35
star
18

The-Nature-of-Code-Course

Syllabus and Course Materials for The Nature of Code. Book code examples are here: https://github.com/shiffman/The-Nature-of-Code-Examples
28
star
19

The-Nature-of-Code-JTerm-2015

Class repository for NYU JTerm 2015
JavaScript
15
star
20

noc-syllabus-modules

11
star
21

noc-discord-bot

JavaScript
11
star
22

noc-syllabus-s24

Spring 2024 Syllabus
10
star
23

The-Nature-of-Code-JTerm-2016

Repository for NYU JTerm class 2016
JavaScript
9
star
24

video.natureofcode.com

Site for nature of code videos
JavaScript
7
star
25

fetch-notion

Github action that imports `nature-of-code` content on Notion as static HTMLs
JavaScript
5
star
26

noc-blue-sky-bot

Making a Bot for Blue Sky with atproto
JavaScript
5
star