Skip to content

Team33-frontend advancedjs#280

Open
markitosha wants to merge 8 commits intomainfrom
team33-frontend-advancedjs
Open

Team33-frontend advancedjs#280
markitosha wants to merge 8 commits intomainfrom
team33-frontend-advancedjs

Conversation

@markitosha
Copy link
Contributor

@markitosha markitosha commented Mar 8, 2026

Summary

Task content is unchanged (learning goals, code snippets, Katas links, movies list, etc.). This PR updates format, structure, and framing across Week 1 so the frontend team consistently connects JavaScript with the frontend—JS driving a visible, interactive UI.

What changed

Week 1 README – A short paragraph states that the module encourages building a real frontend (not just writing JS in isolation), and that the exercises are set up so JS drives the page.

Assignment – The frontend requirement is introduced and spelled out: only the movies task (task 3) must have a page.

Session plan – A Mentors demo section is added and wired into the outline. For each topic (forEach, map, filter, and then chaining) the plan points to the demo and specifies which TODO to implement in class (FOREACH, MAP, FILTER, CHAINING).

Exercises – The exercises doc is rewritten for trainees to have more instructions and include work with Listing demo. Each exercise has a “What should happen” so trainees know the goal before coding. The old “Listing project” story is replaced by a concrete Task 4 (advanced filters) that matches the demo.

Session materials – Two runnable demos are added:

  • Mentors demo – A page with mentor cards and buttons. Mentors can use it live: the code file has TODOs (forEach, map, filter, chaining) to fill in during the session. There is a solution file and a README that explain the files and how to find the TODOs.

  • Listings demo – A page with exercises trainees work in.

@markitosha markitosha marked this pull request as ready for review March 9, 2026 13:34
@markitosha markitosha requested a review from a team as a code owner March 9, 2026 13:34
@@ -0,0 +1,135 @@
<!doctype html>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

So as you said this code is for the trainee exercises? If they will run it, the code should live here https://github.com/HackYourFuture-CPH/hyf-assignment-template under the module name/week somewhere.

If we add changes here, trainees will have to follow the sync instructions so it would be helpful if you communicate that with them if they are missing anything as you add stuff there.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Removed examples from this repo and added here: HackYourFuture-CPH/hyf-assignment-template#205

# Assignment

<!-- The type of assignment you write will vary a lot depending on the module. But either way, all of the set up, instructions and tips should be captured in here. -->
Only **task 3** (movies) requires a frontend: HTML + CSS + JavaScript that runs in the browser, with the result visible in the page. **Tasks 1 and 2** do not: for task 1 submit the JavaScript (map/filter) solution (an HTML page is optional though); for task 2 just complete the Katas.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

great to be clear here

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

updated 👌

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Backlog

Development

Successfully merging this pull request may close these issues.

2 participants