Modern professional JavaScript it processed and prepared for distribution. The files you create are not distributed directly. Instead these working/developer files are processed first.
In this assignment you will set up a build system that will process the files from the Breal Out project and create files for distribution.
This is common process used in industry you should know how this works and whgy it's used. The best way to do that is to implement the process yourself.
Follow the instructions from class and create a bundle JS.
Commit and push your changes to GitHub.
Challenege 1 Bundle your code
Follow the tutorial to bundle your code with Webpack. Push your bundled code to GitHub.
Challenge 2 Document your work
Create a Readme that documents your work process from start to finish. Describe where you started, and the changes that you made to come up with the completed game. Include the following sections in your Readme.
- What is your project
- Why you made it
- Image or screen shot
- Getting started - how to run the project
- Tools and technologies used
Submit your work on GradeScope.
Use this rubric to measure the success of your work against the expectations of the assignment. You should be striving for an average score of 1 or greater.
| Aspect | Does not meet (0) | Meets (1) | Exceeds (2) |
|---|---|---|---|
| Bundling | Code has not been bundled | Code was successfully bundled and functions correctly | - |
| ReadMe | Readme not written or incomplete | ReadMe includes all of the sections listed above | You're read me looks total pro, it includes pictures and badges |
Use this rubric to assess how your understanding of the learning objectives. You should be striving for an average score of 1 or greater
| Expectations | Does not meet (0) | Meets (1) | Exceeds (2) |
|---|---|---|---|
| Bundling | Can't describe the uses for bundling | Can describe the uses for bundling | Can describe other uses for bundling and situations where bundling might not be beneficial |
| Webpack | Couldn't apply webpack to another project | Could use Webpack to another project | Could modify the options to customize webpack for use with other projects |