Deepwatch

Keyboard shortcuts

Space or k
Play or pause
j and l
Back or forward 10 seconds
Left and right arrows
Back or forward 5 seconds
f
Fullscreen
m
Mute or unmute
Shift and < or >
Slower or faster
?
Show or hide this list

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

The Coding Train, 4 min, 109K views, Jul 9, 2019

Show description

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

When you're done