From 14756d4dd6b05068bf6c16290f0b70e09c5cc805 Mon Sep 17 00:00:00 2001 From: Mikail Khan Date: Wed, 20 Sep 2023 14:42:26 -0400 Subject: [PATCH] template --- README.md | 35 +++++++++++++++++++++++++++++++++++ index.html | 22 ++++++++++++++++++++++ script.js | 32 ++++++++++++++++++++++++++++++++ 3 files changed, 89 insertions(+) create mode 100644 README.md create mode 100644 index.html create mode 100644 script.js diff --git a/README.md b/README.md new file mode 100644 index 0000000..2351bab --- /dev/null +++ b/README.md @@ -0,0 +1,35 @@ +# JS Rendered Resume + +## Objective + +Instead of adding items to your resume directly in HTML, use JavaScript. +This isn't useful on its own, but will be super helpful in conjunction with a server +in an approach called "client side rendering." It's a primitive version of what frontend +frameworks like React use. + +## Instructions + +### Phase 1 (80%) +- First, remove all itemized section content from your HTML resume. +- Then, add an id to each section container +- Finally, write all your section items into JavaScript objects, like in the starter code, + and use DOM methods to put everything on the page. + +### Phase 2 (20%) +- Add tags to each resume item. For example, tag all experiences related to web development with + "web development". +- Then, make buttons or a drop down menu that lets you filter items by tag. + - Buttons can use the "onclick" attribute, same as any other element. + - Dropdowns are a bit more complicated, look at the MDN documentatiaon for `