Setup: Everything you need to begin the course Working with Data and APIs in JavaScript

Channel:

The Coding Train

Subscribers:

1,750,000

Published on July 9, 2019 12:53:46 PM ● Video Link: https://www.youtube.com/watch?v=hPbDyqzxQfU

Category:

Tutorial

Duration: 3:54

91,345 views

1,964

In this video, I outline what you need setup and ready before you begin the course Working with Data and APIs in JavaScript.

🎥Full course: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X
🎥Next video: https://youtu.be/tc8DU14qX6I
🎥Workflow series: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
💻https://github.com/CodingTrain/Intro-to-Data-APIs-JS

What you need to know:
- JavaScript
- HTML basics
- Basics of CSS (useful but not required)

Materials/Programs:
- Code editor (I use Visual Studio Code but other examples are included below)
- Shell access to your computer (we go over this in Module 2)

🔗 Node.js: https://nodejs.org/
🔗 Live Server on VS Code: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Code Editor:
🔗 Visual Studio Code: https://code.visualstudio.com/
🔗 Atom: https://atom.io/
🔗 Brackets: http://brackets.io/
🔗 Sublime Text: https://www.sublimetext.com/

Online Code Editor:
🔗 Codepen: https://codepen.io/
🔗 JSFiddle: https://jsfiddle.net/
🔗 p5.js WebEditor: https://editor.p5js.org/

Terminal/Command Prompt:
🔗 iTerm: https://www.iterm2.com/
🔗 Git Bash: https://git-scm.com/downloads

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.

🎥 Code! Programming with p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
🎥 What is HTML?: https://youtu.be/URSH0QpxKo8
🎥 Basics of CSS: https://youtu.be/zGL8q8iQSQw
🎥 Introduction to My Workflow: https://youtu.be/gJa6wri8YNQ
🎥 Introduction - Git and GitHub: https://youtu.be/BCQHnlnPusY

🚂 Website: http://thecodingtrain.com/
💖 Patreon: https://patreon.com/codingtrain
🛒 Store: https://www.designbyhumans.com/shop/codingtrain/
📚 Books: https://www.amazon.com/shop/thecodingtrain

🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: https://p5js.org
🔗 Processing: https://processing.org

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct