p5
- drawing with p5
- see
p5-example.html
/p5-example.js
JavaScript with NodeJS
- Node.js is a JavaScript runtime environment
- see example
main.js
- no html code only pure JavaScript - run with:
node main.js
- yes you need to install first Node.js:sudo apt install nodejs
npm
- npm is a paket manager for Node.js
- a repository for libraries
hands-on chartjs
- display data, chart, ... with https://www.chartjs.org/
- example: chart.html (you have to include Chart.js)
JavaScript in one file.
- Mainly using ES6
- from variables to objects
- also using a bit HTML and CSS
- dev environment is visual studio code and chrome (CTRL+SHIFT+I for dev tools)
- another option would also be pure JavaScript with the usage of Node.js
cheatsheet: firefox developer
- webconsole:
CTRL + SHIFT + K
- responsive design mode:
CTRL + SHIFT + M
- debug in firefox:
CTRL + SHIFT K
>Debugger
> set breakpoint
tools for livecoding, hot reload, server, ...
- http-server
- browsersync
- python module simplehttpserver