4IT580: Agilní vývoj webových aplikací na VŠE

📖 4IT580: Docs

❗❗❗ project workflow [cs]❗❗❗

JavaScript

We will be using Node.js. Please see .nvmrc to find current node.js version we are using. New JavaScript features (ES2015+) are "enabled" for for all modern browsers with Babel.

Reference

• JavaScript reference on MDN
• Learn ES2015 + more:
  • object rest spread

Literature

• React docs
• frontend app is created using create-react-app
• books:
  • You Don't Know JS (book series)
    • Up & Going
    • Scope & Closures
    • ES6 & Beyond
  • JavaScript: The Good Parts

JavaScript Packages

• yarn CLI docs
• Useful commands:
  • yarn install (install local dependencies - based on package.json and yarn.lock files)
  • yarn add <package-name> (install new NPM package and add it as a dependency to package.json)
  • yarn <script-name> (eg. yarn start, yarn prettier, see "scripts" section in package.json)
• Search for packages:
  • npmjs.com
  • js.coach/react

Local setup

1. yarn install
2. see frontend setup
3. see backend setup

Server Setup

SSH

• ssh username@vse.handson.pro
• frontend code: cd ~/code/cviceni/frontend

Domains

• dev.frontend.username.vse.handson.pro
• http://localhost:3000/
• http://localhost:4000/graphql