View Code? Open in Web Editor
NEW
This project forked from codefellows-seattle-javascript-401d15/21-angular-webpack
JavaScript 36.42%
HTML 13.56%
CSS 50.02%
21-angular-webpack's Introduction
Lab 21 - 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
.eslintrc.gitignorepackage.json- 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/index.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)
- 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
- 1pt Add custom styles (no wireframe based requirements - just be creative!)
21-angular-webpack's People
Watchers
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent