{"id":20365603,"url":"https://github.com/hackyourfuture/browsers","last_synced_at":"2025-04-12T04:46:45.524Z","repository":{"id":46213060,"uuid":"332786409","full_name":"HackYourFuture/Browsers","owner":"HackYourFuture","description":"This repository contains all the material for the HackYourFuture Browsers module","archived":false,"fork":false,"pushed_at":"2024-05-21T09:30:11.000Z","size":4726,"stargazers_count":5,"open_issues_count":0,"forks_count":23,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-04-12T04:46:37.982Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HackYourFuture.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-01-25T15:10:03.000Z","updated_at":"2025-02-05T21:17:52.000Z","dependencies_parsed_at":"2023-12-12T15:54:31.990Z","dependency_job_id":null,"html_url":"https://github.com/HackYourFuture/Browsers","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2FBrowsers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2FBrowsers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2FBrowsers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2FBrowsers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HackYourFuture","download_url":"https://codeload.github.com/HackYourFuture/Browsers/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248519470,"owners_count":21117757,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-15T00:19:00.672Z","updated_at":"2025-04-12T04:46:45.494Z","avatar_url":"https://github.com/HackYourFuture.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e If you are following the HackYourFuture curriculum we recommend you to start with module 1: [HTML/CSS/GIT](https://github.com/HackYourFuture/HTML-CSS). To get a complete overview of the HackYourFuture curriculum first, click [here](https://github.com/HackYourFuture/curriculum).\n\n\u003e Please help us improve and share your feedback! If you find better tutorials or links, please share them by [opening a pull request](https://github.com/HackYourFuture/Browsers/pulls).\n\n# Module #3 - Browsers\n\n![Browsers](./assets/browsers.png)\n\nIf you were to ask a random person on the street the question \"What is a browser?\", you'll most likely get a variety of (incorrect) answers. For proof, check [this](https://www.youtube.com/watch?v=o4MwTvtyrUQ) out.\n\nYou might be one of those people right now, but after this module no more. In **Browsers** you'll learn all about how the browsers work and how to use the JavaScript you just learned within the browser.\n\n## Learning goals\n\nIn order to successfully complete this module you will need to master the following:\n\n- Understand what the `DOM` is\n- Use the basics of `DOM Manipulation`\n- Build a cool quiz website from scratch as a group\n- Learn how to present yourself and your code\n\n## How to use this repository\n\n### Repository content\n\nThis repository consists of 2 essential parts per week:\n\n1. `README`: this document contains all the required theory you need to understand **while** working on the assignment. It contains the list of concepts that you will want to study this week and points you to your study book to read all about them. This is the **first thing** you should start with every week\n2. `MAKEME`: this document contains the instructions for each week's assignment. Start with the exercises rather quickly, so that you can ground the concepts you read about earlier.\n\n### How to study\n\nLet's say you are just starting out with the Browsers module. This is what you do...\n\n1. The week always starts on **Wednesday**. First thing you'll do is open the `README.md` for that week. For the first week of `Browsers`, that would be [Reading W1](/Week1/README.md).\n2. You spend **Wednesday** and **Thursday** going over the resources and try to get a basic understanding of the concepts. In the meanwhile, you'll also implement any feedback you got on last week's assignment (from the JavaScript1 module).\n3. On **Friday** you start with the assignment, found in the `MAKEME.md`. For the first week of `Browsers`, that would be [Assignment W1](/Week1/MAKEME.md).\n4. You spend **Friday** and **Saturday** playing around with the exercises and write down any questions you might have.\n5. **DEADLINE 1**: You'll submit any questions you might have before **Saturday 23.59**, in the cohort channel.\n6. On **Sunday** you'll attend the session. It'll be of the Q\u0026A format, meaning that there will be no new material. Instead your questions shall be discussed and you can learn from others\n7. You spend **Monday** and **Tuesday** finalizing your assignment.\n8. **DEADLINE 2**: You submit your assignment to the right channels (GitHub) before **Tuesday 23.59**. If you can't make it on time, please communicate it with your mentor\n9. Start the new week by going back to point 1!\n\nIn summary:\n\n![Weekflow](assets/weekflow.png)\n\nTo have a more detailed overview of the guidelines, check your cohort repository, or ask your mentor/cohort on Slack!\n\n## Planning\n\n| Week | Topic | Reading Materials | Assignment |\n| ---- | ----- | ----------------- | -------- |\n| 1.   | Document-Object Model (DOM), DOM manipulation, Presentation Module week 1  | [Reading W1](/Week1/README.md) | [Assignment W1](/Week1/MAKEME.md) | \n| 2.   | Presentation Module week 2, Group project week 1!                          | [Reading W2](/Week2/README.md) | [Assignment W2](/Week2/MAKEME.md) |\n| 3.   | Group project week 2                                                       | [Reading W3](/Week3/README.md) | No individual assignment |\n\n## Finished?\n\nDid you finish the module? Good job! You're doing great!\n\nIf you feel ready for the next challenge, click [here](https://www.github.com/HackYourFuture/Using-APIs) to go to Using API's!\n\n_The HackYourFuture curriculum is subject to CC BY copyright. This means you can freely use our materials, but just make sure to give us credit for it :)_\n\n\u003ca rel=\"license\" href=\"http://creativecommons.org/licenses/by/4.0/\"\u003e\u003cimg alt=\"Creative Commons License\" style=\"border-width:0\" src=\"https://i.creativecommons.org/l/by/4.0/88x31.png\" /\u003e\u003c/a\u003e\u003cbr /\u003eThis work is licensed under a \u003ca rel=\"license\" href=\"http://creativecommons.org/licenses/by/4.0/\"\u003eCreative Commons Attribution 4.0 International License\u003c/a\u003e.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackyourfuture%2Fbrowsers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhackyourfuture%2Fbrowsers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackyourfuture%2Fbrowsers/lists"}