Lab 20 - Intro to Angular and Webpack

To Submit this Assignment

create a fork of this repository
write all of your code in a directory named lab- + <your name> e.g. lab-brian
push to your repository
submit a pull request to this repository
submit a link to your PR in canvas
write a question and observation on canvas

Install the following webpack and webpack-dev-server dependencies
- webpack@1.14.0
- webpack-dev-server@1.16.2

.eslintrc
.gitignore
package.json
- create an npm watch script for running webpack-dev-server --inline --hot
- create an npm lint script for linting your JS with eslint
ignore the build directory
webpack.config.js

Create a cowsay application with same criteria as today's lecture demo:
Create an app/index.html file that contains your HTML markup
- hint: be sure to include the ng-app directive to point to your default angular module
Create an app/entry.js to house your application logic
- require in your app/scss/main.scss
Setup an angular module and create a controller for your application logic
In your index.html file, include an input and pre tag that will be used to dynamically update the text of your cow
The pre tag should be a preview, showing the result of what was typed into the input field (two way data-binding)
Add custom styles (no wireframe based requirements - just be creative!)

1pt add a button that uses the ng-click directive to populate a second pre tag with the current pre tag's state
1pt add an additional button that uses the ng-click directive to reset the second pre tag with the content it last showed