Skip to content

Update assignment.md #1394

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,49 @@ There are many tools that a web developer may need that are on the [MDN document

Exemplary | Adequate | Needs Improvement
--- | --- | -- |
|Explained why web developer would use tool| Explained how, but not why developer would use tool| Did not mention how or why a developer would use tool |
|Explained why web developer would use tool| Explained how, but not why developer would use tool| Did not mention how or why a developer would use tool |

ChatGPT said:
Perfect! Thanks for the link — that page on MDN lists a bunch of client-side tools used in web development (like build tools, linters, package managers, etc.).

You're supposed to choose 3 tools that were not covered in your class, and for each one:

Find it in that MDN list (or something similar from the category).

Explain what the tool is.

Explain why a web developer would use it.

That’s how you get the “Exemplary” grade in your rubric!

✅ Here’s an example structure for your assignment using 3 tools:
1. Parcel (Bundler Tool)
What it is:
Parcel is a web application bundler that automatically transforms, bundles, and optimizes your code without needing a config file.

Why a web developer would use it:
A web developer would use Parcel to speed up their development process by letting the tool handle tasks like minification, bundling assets, and hot module reloading — all with minimal setup. It’s great for beginners and small-to-medium projects.

Documentation:
https://parceljs.org

2. PostCSS (CSS Tooling)
What it is:
PostCSS is a tool for transforming CSS with JavaScript plugins. It can lint your CSS, add vendor prefixes, and even let you use future CSS features.

Why a web developer would use it:
Developers use PostCSS to improve and future-proof their CSS, ensuring better browser compatibility and reducing manual work. It helps write cleaner and more modern CSS.

Documentation:
https://postcss.org

3. Browsersync (Development Tool)
What it is:
Browsersync is a development tool that automatically reloads your browser when files change — and it syncs across multiple devices in real time.

Why a web developer would use it:
It’s great for testing responsive designs across devices. A developer can instantly see changes across multiple screens without manually refreshing. This speeds up development and ensures consistency.

Documentation:
https://browsersync.io