Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions content/pages/about/index.json
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
{
"title": "Hi! I’m Dan!",
"description": "Thank you for visiting the Coding Train website! I love teaching and sharing code, and try my absolute best to do so in a fun and approachable way. I teach at the Interactive Telecommunications Program at NYU’s Tisch School of the Arts and serve on the Board of Directors of The Processing Foundation. I started making videos in 2012 and launched the Coding Train YouTube channel in 2015.\n While I love to code it isn’t the only part of life and it doesn’t need to be for you either! I love to play music (which I do badly), solve rubik’s cubes (slowly), and go running with Gloria Pickle. ",
"description": "Thank you for visiting the Coding Train website! I love teaching and sharing code, and try my absolute best to do so in a fun and approachable way. I teach at the Interactive Telecommunications Program at NYU’s Tisch School of the Arts and serve on the Board of Directors of The Processing Foundation. I started making videos in 2012 and launched the Coding Train YouTube channel in 2015.\n While I love to code, it isn’t the only part of life and it doesn’t need to be for you either! I love to play music (which I do badly), solve Rubik’s cubes (slowly), and go running with Gloria Pickle. ",
"covers": ["dan_and_gloria.jpg", "greta_and_eevee.jpg"],
"coversDescription": "Now that you met Gloria, I think my cats Greta and Eevee are feeling a little left out.",
"coversDescription": "Now that you’ve met Gloria, I think my cats Greta and Eevee are feeling a little left out.",
"personalSocials": [
{
"title": "Dan's socials",
Expand All @@ -22,7 +22,7 @@
}
],
"secondaryTitle": "About The Coding Train",
"secondaryDescription": "The Coding Train is a community welcoming beginner programmers and code-curious individuals to try their hand at expressing themselves with code. Started by Dan Shiffman in 2015, YouTube channel provides online educational content as sequenced and one-off video tutorials, and live streaming events.",
"secondaryDescription": "The Coding Train is a community welcoming beginner programmers and code-curious individuals to try their hand at expressing themselves with code. Started by Dan Shiffman in 2015, the YouTube channel provides online educational content as sequenced and one-off video tutorials, and live streaming events.",
"siteSocials": [
{
"title": "Coding Train's socials",
Expand Down
2 changes: 1 addition & 1 deletion content/pages/faqs/code-editor.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"question": "What programming software and/or code editor do you use?",
"answer": {
"text": "In almost all of my videos, you’ll find me using the official p5.js web editor or Visual Studio Code for JavaScript and The Processing Development environment for Processing (Java)! I walk through all of the details in the [Workflow Side Track](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X). This was made in 2018 and needs some refreshing! If you are reading this message and would like to see this happen, send a reminder to [suggestionbox@thecodingtrain.com](mailto:suggestionbox@thecodingtrain.com)!",
"text": "In almost all of my videos, you’ll find me using the official p5.js web editor or Visual Studio Code for JavaScript and The Processing Development environment for Processing (Java)! I walk through all of the details in the [Workflow Side Track](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X). This was made in 2018 and needs some refreshing! If you are reading this message and would like to see this happen, send a reminder to [suggestionbox@thecodingtrain.com](mailto:suggestionbox@thecodingtrain.com)!",
"list": [
"[p5 Web Editor](https://editor.p5js.org/)",
"[Visual Studio Code](https://code.visualstudio.com/)",
Expand Down
2 changes: 1 addition & 1 deletion content/pages/faqs/found-mistake.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"question": "I found a mistake in a video or code example, how do I let you know?",
"answer": {
"text": "For general thoughts or feedback about a video, you can use the comments on YouTube itself! If you want to engage in more discussion around a video, the Coding Train Discord is the best place. For bugs and mistakes in the source code, please [open a github issue](https://github.com/CodingTrain/website/issues/new)."
"text": "For general thoughts or feedback about a video, you can use the comments on YouTube itself! If you want to engage in more discussion around a video, the Coding Train Discord is the best place. For bugs and mistakes in the source code, please [open a GitHub issue](https://github.com/CodingTrain/thecodingtrain.com/issues/new)."
}
}
2 changes: 1 addition & 1 deletion content/pages/faqs/how-support.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"question": "How can I support The Coding Train?",
"answer": {
"text": "Just watching a video or visiting this website is support for the Coding Train! Thank you for being here!\n Financial support of the Coding Train goes towards hardware and software costs as well as production services (design, video editing, website maintenance, social media) for The Coding Train. Available platforms are YouTube Membership, Patreon, Twitch Subscriptions, and GitHub sponsorship.\n You can also support The Coding Train by recommending it to your friends and colleagues, please share on social media and tag @thecodingtrain (Twitter) @the.coding.train (Instagram)."
"text": "Just watching a video or visiting this website is support for the Coding Train! Thank you for being here!\n Financial support of the Coding Train goes towards hardware and software costs as well as production services (design, video editing, website maintenance, social media) for The Coding Train. Available platforms are YouTube Membership, Patreon, Twitch Subscriptions, and GitHub sponsorship.\n You can also support The Coding Train by recommending it to your friends and colleagues, please share on social media and tag @thecodingtrain (Twitter) and @the.coding.train (Instagram)."
}
}
2 changes: 1 addition & 1 deletion content/pages/faqs/track.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"question": "Tracks",
"answer": {
"text": "To simplify and streamline your learning experience, pick a Track to begin your ride on The Coding Train. “Main Tracks” are sequenced video tutorials that you can follow like a course syllabus."
"text": "To simplify and streamline your learning experience, pick a Track to begin your ride on The Coding Train. “Main Tracks” are sequenced video tutorials that you can follow like a course syllabus."
}
}
6 changes: 3 additions & 3 deletions content/pages/guides/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: 'Getting Started Guide'
description: 'Guide with simple tips to get started into coding!'
description: 'Guide with simple tips to get started with coding!'
date: '2023-11-03'
---

Expand All @@ -10,7 +10,7 @@ If you’re new to coding, getting started can feel overwhelming, hopefully this

## Start Learning and Coding!

There are two main tracks you can follow for total and complete beginners.
There are two main tracks for complete beginners.

### Creative Coding for Beginners - Full Course!

Expand Down Expand Up @@ -48,7 +48,7 @@ When you have some code you want to share or publish online outside of the web e

To learn more, take a ride on the [“Git and GitHub for Poets” track](/tracks/git-and-github-for-poets). This series is a primer on version control and the difference between git software and the GitHub website.

The videos in cover terminology like branch, fork, merge, pull, push, and remote. There’s even [a friendly “playground repository”](https://github.com/CodingTrain/Rainbow-Poem) for you to make your first pull request!
The videos cover terminology like branch, fork, merge, pull, push, and remote. There’s even [a friendly “playground repository”](https://github.com/CodingTrain/Rainbow-Poem) for you to make your first pull request!

<Video videoId="_sLgRBrZh6o" listId="PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X"/>

Expand Down
2 changes: 1 addition & 1 deletion content/pages/tracks/index.json
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
{
"title": "Tracks",
"description": "To streamline your learning experience, pick a Track to begin your ride on The Coding Train. “Main Tracks” are sequenced video tutorials that you can follow like a course syllabus. “Side Tracks” are collections of related videos but don’t necessarily need to be watched in order."
"description": "To streamline your learning experience, pick a Track to begin your ride on The Coding Train. “Main Tracks” are sequenced video tutorials that you can follow like a course syllabus. “Side Tracks” are collections of related videos but don’t necessarily need to be watched in order."
}
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"title": "Working with Data and APIs in JavaScript",
"date": "2019-07-08",
"playlistId": "PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X",
"description": "This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve, collect, and store data? The course will be taught through a series of creating three data projects. The first will be client-side only and examine how to load data with fetch() and present on a web page. Viewers will learn about handling asynchronous events with Promises and how to render data to the DOM as well as draw to HTML5 canvas with p5.js. The second and third project will introduce \"full stack\" development adding server-side programming with node.js for data persistence and API authentication.",
"description": "This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve, collect, and store data? You’ll learn by creating three data projects. The first is client-side only and explores how to load data with fetch() and present it on a web page. Viewers will learn about handling asynchronous events with Promises and how to render data to the DOM as well as draw to HTML5 canvas with p5.js. The second and third projects will introduce \"full stack\" development adding server-side programming with Node.js for data persistence and API authentication.",
"chapters": [
{
"title": "Welcome",
Expand Down
2 changes: 1 addition & 1 deletion content/tracks/side-tracks/coding-in-the-cabana/index.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"title": "Coding In The Cabana",
"description": "The sun out is, the birds are chirping, it's a beautiful day to code a generative algorithm. Choo choo!",
"description": "The sun is out, the birds are chirping, it's a beautiful day to code a generative algorithm. Choo choo!",
"videos": [
"challenges/c1-maurer-rose",
"challenges/c2-collatz-conjecture",
Expand Down
2 changes: 1 addition & 1 deletion content/tracks/side-tracks/noise/index.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"title": "Noise",
"description": "This track contains my tutorials on perlin and simplex noise.",
"description": "This track contains my tutorials on Perlin and simplex noise.",
"videos": [
"noc/perlin/intro-to-perlin-noise",
"noc/perlin/noise-vs-random",
Expand Down
2 changes: 1 addition & 1 deletion content/tracks/side-tracks/pixels/index.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"title": "Pixels",
"description": "Take a ride along the Pixels track and explore pixels with p5.js and Processing. In this track, I demonstrate how to work with real-time live video, using tint() to change colors and copy() to takes snapshots. I also explore how the pixel array works. I create examples of \"software\" mirrors that draw pixels as shapes or use DOM elements. I demonstrate how to create a \"painting\" with particles smearing colors from pixels, and build a slitscan effect.",
"description": "Take a ride along the Pixels track and explore pixels with p5.js and Processing. In this track, I demonstrate how to work with real-time live video, using tint() to change colors and copy() to take snapshots. I also explore how the pixel array works. I create examples of \"software\" mirrors that draw pixels as shapes or use DOM elements. I demonstrate how to create a \"painting\" with particles smearing colors from pixels, and build a slitscan effect.",
"videos": [
"pixels/createCapture",
"pixels/video-photobooth",
Expand Down
2 changes: 1 addition & 1 deletion content/tracks/side-tracks/snowflakes/index.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"title": "Snowflakes!",
"description": "This track is a compilation of the many Snowflakes challenges that I have done during my annual fundraiser for the Processing Foundation. Donations can be made at https://processing.org/donate/. Thank you!",
"description": "This track is a compilation of the many Snowflakes challenges that I have done during my annual fundraiser for the Processing Foundation. Donations can be made at https://processing.org/donate/. Thank you!",
"videos": [
"challenges/88-snowfall",
"challenges/127-brownian-tree-snowflake",
Expand Down
4 changes: 2 additions & 2 deletions content/tracks/side-tracks/sound/index.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"title": "Sound",
"description": "This side track contains tutorials about the p5.Sound library.",
"description": "This side track contains tutorials about the p5.sound library.",
"videos": [
"sound/1-loading-and-playing",
"sound/2-pause-and-play-button",
Expand All @@ -14,4 +14,4 @@
"sound/10-sound-visualization-radial-graph",
"sound/11-sound-visualization-frequency-analysis"
]
}
}
2 changes: 1 addition & 1 deletion content/tracks/side-tracks/web-sockets-and-p5js/index.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"title": "Web Sockets and p5.js",
"playlistId": "PLRqwX-V7Uu6b36TzJidYfIYwTFEq3K5qH",
"description": "Video tutorials covering how to use node.js, p5.js, and socket.io (websockets) to create a shared HTML5 canvas across multiple browser sessions.",
"description": "Video tutorials covering how to use Node.js, p5.js, and socket.io (websockets) to create a shared HTML5 canvas across multiple browser sessions.",
"videos": [
"websockets-node-p5/1-introduction-to-node",
"websockets-node-p5/2-using-express-with-node",
Expand Down
12 changes: 6 additions & 6 deletions content/videos/archive/ml5/1-finding-keypoints/index.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"title": "Pose Estimation with PoseNet",
"description": "In this video I cover pose estimation: finding the keypoints of person's pose and skeleton using the pre-trained machine learning model PoseNet (in JavaScript with p5.js and ml5.js).",
"description": "In this video I cover pose estimation: finding the keypoints of a person's pose and skeleton using the pre-trained machine learning model PoseNet (in JavaScript with p5.js and ml5.js).",
"videoNumber": "7.1",
"videoId": "OIo-DIOkNVg",
"nebulaSlug": "the-coding-train-yt-ml5-js-pose-estimation-with-posenet",
Expand All @@ -27,7 +27,7 @@
"codeExamples": [
{
"title": "Pose Estimation with PoseNet",
"description": "This sketch demonstrates how to do pose estimate with PoseNet",
"description": "This sketch demonstrates how to perform pose estimation with PoseNet",
"urls": { "p5": "https://editor.p5js.org/codingtrain/sketches/ULA97pJXR" }
},
{
Expand All @@ -46,19 +46,19 @@
"icon": "💻",
"title": "ml5.js PoseNet",
"url": "https://learn.ml5js.org/#/reference/posenet",
"description": "ml github with reference material on PoseNet."
"description": "ml GitHub with reference material on PoseNet."
},
{
"icon": "💻",
"title": "PoseNet GitHub Page",
"url": "https://github.com/tensorflow/tfjs-models/tree/master/posenet",
"description": "Githup page with reference material on poseNet."
"description": "GitHub page with reference material on PoseNet."
},
{
"icon": "📓",
"title": "Pose Estimation TensorFlow Article",
"url": "https://www.tensorflow.org/lite/examples/pose_estimation/overview",
"description": "Getting started page for tensorFlow pose estimation."
"description": "Getting started page for TensorFlow pose estimation."
},
{
"icon": "💻",
Expand All @@ -70,7 +70,7 @@
"icon": "💻",
"title": "Real-time Human Pose Estimation in the Browser with TensorFlow.js",
"url": "https://medium.com/tensorflow/real-time-human-pose-estimation-in-the-browser-with-tensorflow-js-7dd0bc881cd5",
"description": "Article by Dan Oved about the tensorflow.js version of poseNet."
"description": "Article by Dan Oved about the TensorFlow.js version of PoseNet."
},
{
"icon": "📓",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -70,12 +70,12 @@
]
},
{
"title": "Part 4 - Incorporate Features Suggested on Github",
"title": "Part 4 - Incorporate Features Suggested on GitHub",
"videoId": "HrvNpbnjEG8",
"timestamps": [
{
"time": "0:00",
"title": "Part 4 - Incorporate features suggested on Github"
"title": "Part 4 - Incorporate features suggested on GitHub"
},
{ "time": "2:27", "title": "Add y velocity to the inputs" },
{
Expand Down Expand Up @@ -153,7 +153,7 @@
"icon": "💻",
"title": "TensorFlow.js",
"url": "https://www.tensorflow.org/js/",
"description": "Webpage with reference materials and documentation about Tensorflow.js."
"description": "Webpage with reference materials and documentation about TensorFlow.js."
},
{
"icon": "💻",
Expand Down Expand Up @@ -188,7 +188,7 @@
"icon": "🚂",
"title": "Coding Challenge #31: Flappy Bird",
"url": "/challenges/31-flappy-bird",
"description": "It's time to attempt to build a Flappy Bird clone in JavaScript with the p5.js!"
"description": "It's time to attempt to build a Flappy Bird clone in JavaScript with the p5.js library!"
},
{
"icon": "🚂",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
"canContribute": true,
"relatedChallenges": ["1-starfield"],
"timestamps": [
{ "time": "0:00", "title": "Today's topic: Scrolling Text" },
{ "time": "0:00", "title": "Today's topic: Scrolling Text" },
{ "time": "0:46", "title": "Start the timer" },
{ "time": "1:21", "title": "Add the P3D renderer" },
{ "time": "2:49", "title": "Use loadStrings to load the text" },
Expand Down Expand Up @@ -37,9 +37,9 @@
"links": [
{
"icon": "🎥",
"title": "Jabrils on Youtube",
"title": "Jabrils on YouTube",
"url": "https://www.youtube.com/channel/UCQALLeQPoZdZC4JNUboVEUg",
"description": "Jabril's Youtube channel"
"description": "Jabril's YouTube channel"
},
{
"icon": "🎥",
Expand Down
2 changes: 1 addition & 1 deletion content/videos/challenges/103-fire-effect/index.json
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@
"icon": "🔴",
"title": "Live Stream Archive #136",
"url": "https://youtu.be/PAmwKVCsg54?t=9180s",
"description": "Live Stream with More Tensorflow.js + Fire Effect Challenge"
"description": "Live Stream with More TensorFlow.js + Fire Effect Challenge"
}
]
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@
"icon": "💾",
"title": "TensorFlow.js",
"url": "https://www.tensorflow.org/js/",
"description": "Webpage with reference materials and documentation about TensorFow.js"
"description": "Webpage with reference materials and documentation about TensorFlow.js"
},
{
"icon": "🐦",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@
"icon": "💻",
"title": "TensorFlow.js",
"url": "https://www.tensorflow.org/js/",
"description": "Webpage with reference materials and documentation about TensorFow.js"
"description": "Webpage with reference materials and documentation about TensorFlow.js"
}
]
},
Expand All @@ -47,7 +47,7 @@
"icon": "🚂",
"title": "TensorFlow.js playlist",
"url": "https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YIeVA3dNxbR9PYj4wV31oQ",
"description": "My video series on intelligence and learning with tensorflow.js"
"description": "My video series on intelligence and learning with TensorFlow.js"
},
{
"icon": "🚂",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@
"icon": "💻",
"title": "TensorFlow.js",
"url": "https://www.tensorflow.org/js/",
"description": "Webpage with reference materials and documentation about TensorFow.js"
"description": "Webpage with reference materials and documentation about TensorFlow.js"
},
{
"icon": "💻",
Expand All @@ -60,7 +60,7 @@
"icon": "🚂",
"title": "TensorFlow.js playlist",
"url": "https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YIeVA3dNxbR9PYj4wV31oQ",
"description": "My video series on intelligence and learning with tensorflow.js"
"description": "My video series on intelligence and learning with TensorFlow.js"
},
{
"icon": "🚂",
Expand Down
Loading
Loading