/frontend-workshop

frontend-workshop in Lausanne

Primary LanguageCSS

Frontend workshop

Test project to show front-end development tools from moneypark projects

Presentation

Development

Node.js

nvm use v6.9.5

Benfits

  • ultra fast: yarn caches every package it downloads so it never needs to download it again
  • secure: yarn uses checksums to verify the integrity of every installed package before its code is executed
  • reliable: with yarn.lock file format, and a deterministic algorithm for installs, Yarn is able to guarantee that an install that worked on one system will work exactly the same way on any system.
brew install yarn

Yarn usage

Migrating from npm should be a fairly easy process for most users. Yarn can consume the same package.json format as npm, and can install any package from the npm registry.

Convert your project from Bower to Yarn. https://bower.io/blog/2017/how-to-migrate-away-from-bower/

Gulp

./node_modules/.bin/gulp

Babel

https://raw.githubusercontent.com/codedojo/babel-intro/master/README.md

yarn add babel-cli -D
yarn add babel-preset-es2015 -D
npm run babel
./node_modules/.bin/babel js/es6.js --watch --out-file assets/dest/js/es2015.js
./node_modules/.bin/babel js/es6.js -o js/es2015.js --presets es2015

Karma

yarn add karma
yarn add karma-jasmine
yarn add jasmine-core
ngMock allows you to inject and mock angular services to help you test your application.
yarn add angular-mocks
yarn add karma-phantomjs-launcher
karma start

Interpolate django

TODO: describe list

idea with describe what moneypark is doing like value gulp: clean dist, pug html

svg: describe

yarn.lock

angular router

deploy

Webpack

linters