The 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.
Before diving in, please visit our application page 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 [email protected] 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.
Now let's get to the fun stuff:
Welcome 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.
Think 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!
This 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.
In order to successfully complete this module, you will need to master the following:
- Be able to write syntactically correct
HTML,CSSandJS - Understand what is meant by
responsiveweb development - Know your way around
Visual Studio Code - Feel comfortable working with your
browser's inspector - Know what we mean with
variables,operators,objectsandarraysinJavaScript - Understand what the
DOMis - Use the basics of
DOM Manipulation
This repository, as every repository in the HackYourFuture curriculum, consists of 2 essential parts:
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.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.
We 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!
| Week | Topic | Reading Materials | Exercises |
|---|---|---|---|
| 1. | HTML/CSS syntax | W1 Reading | W1 Exercises |
| 2. | HTML/CSS: Responsive design | W2 Reading | W2 Exercises |
| 3. | JS: Variables, Operators, Arrays | W3 Reading | W3 Exercises |
| 4. | JS: Functions, DOM Manipulation | W4 Reading | W4 Exercises |
Have 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.
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 :)