{"id":20365627,"url":"https://github.com/hackyourfuture/explore","last_synced_at":"2025-07-06T12:36:05.483Z","repository":{"id":74101966,"uuid":"508615638","full_name":"HackYourFuture/explore","owner":"HackYourFuture","description":"The starting module that all applicants take to get acquainted with coding and HackYourFuture!","archived":false,"fork":false,"pushed_at":"2024-09-09T08:24:47.000Z","size":77,"stargazers_count":28,"open_issues_count":2,"forks_count":9,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-01-15T04:39:21.132Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"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":null,"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":"2022-06-29T08:51:34.000Z","updated_at":"2024-12-21T07:09:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"633fc37c-3355-483d-9596-8b3391480d8d","html_url":"https://github.com/HackYourFuture/explore","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%2Fexplore","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2Fexplore/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2Fexplore/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackYourFuture%2Fexplore/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HackYourFuture","download_url":"https://codeload.github.com/HackYourFuture/explore/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241907065,"owners_count":20040410,"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:11.635Z","updated_at":"2025-03-04T19:25:07.847Z","avatar_url":"https://github.com/HackYourFuture.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# HackYourFuture explore\n\nThe explore module is your first look at what being a developer is, and at how the HackYourFuture program works. By completing it, you will also have a better idea of what will be expected of you throughout the 7 months of studying at HackYourFuture, so you can make an informed decision on whether you want to commit your time to getting into the tech industry.\n\nBefore diving in, please visit our [application page](https://www.hackyourfuture.net/apply) to learn more about the selection process at HackYourFuture. Note that our course is exclusively for people with a refugee background, and your application may be declined for non-technical reasons. If you are not sure if you are eligible, please contact us at info@hackyourfuture.net with an explanation of your situation and we will get back to you. Completing this module is no guarantee to getting into the program, but it will always be a good first step into web development.\n\nNow let's get to the fun stuff:\n\n## Module overview\n\nWelcome to the wonderful world of web development! In this module, you will learn the basic building blocks of the web: HTML, CSS and JS. HTML gives us the power to add text, images and videos to a page. CSS gives us the power to organize these parts and make it look nice. JS gives us the power to perform logical operations, to react to what the user is doing.\n\nThink of it like this: if a webpage were a person, the HTML would be the skeleton, the CSS the skin and clothing and the JS the brain!\n\nThis module will handle the very basics of what is called `frontend` (as opposed to `backend` which we will handle later in the HackYourFuture curriculum). What is frontend? It's another word for the presentational part of a piece of software. In terms of web development, we're talking about \"what you see\" when you go to any website.\n\n### Learning Goals\n\nIn order to successfully complete this module, you will need to master the following:\n\n- Be able to write syntactically correct `HTML`, `CSS` and `JS`\n- Understand what is meant by `responsive` web development\n- Know your way around `Visual Studio Code`\n- Feel comfortable working with your `browser's inspector`\n- Know what we mean with `variables`, `operators`, `objects` and `arrays` in `JavaScript`\n- Understand what the `DOM` is\n- Use the basics of `DOM Manipulation`\n\n### Repository content\n\nThis repository, as every repository in the HackYourFuture curriculum, consists of 2 essential parts:\n\n1. `README`: this document contains all the required theory you need to understand. It contains not only the right resources to learn about the concepts, but also lectures done by HackYourFuture volunteers.\n2. `MAKEME`: this document contains the instructions for each week's practical side. Start with the exercises rather quickly, so that you can ground the concepts you read about earlier.\n\nWe provide a subset of materials that touches on all the concepts we would like you to learn and do. This is enough for some, but not for others. It is up to you to define what you need more information on. If you do need more information, you can search the internet for more explanations. Luckily there is a lot of information out there, so it should not be too hard to find something that fits your learning style!\n\n## Planning\n\n| Week | Topic                            | Reading Materials              | Exercises                        |\n| ---- | -------------------------------- | ------------------------------ | -------------------------------- |\n| 1.   | HTML/CSS syntax                  | [W1 Reading](/Week1/README.md) | [W1 Exercises](/Week1/MAKEME.md) |\n| 2.   | HTML/CSS: Responsive design      | [W2 Reading](/Week2/README.md) | [W2 Exercises](/Week2/MAKEME.md) |\n| 3.   | JS: Variables, Operators, Arrays | [W3 Reading](/Week3/README.md) | [W3 Exercises](/Week3/MAKEME.md) |\n| 4.   | JS: Functions, DOM Manipulation  | [W4 Reading](/Week4/README.md) | [W4 Exercises](/Week4/MAKEME.md) |\n\n## Finished?\n\nHave you finished the module? Great! Pat yourself on the back for the great work you've done. Remember to keep studying while you wait for a class to start, as it will help you further down the line. Future you will thank you! To know what to do, have a look at the list at the [next steps](./NEXT.md).\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","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackyourfuture%2Fexplore","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhackyourfuture%2Fexplore","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackyourfuture%2Fexplore/lists"}