Here you can find an overview of the HackYourFuture program. It gives insight into how our program is structured, organized, what you can expect from the modules that we teach and, last but not least, where we teach and where you can find support during the week. Below you can find an outline of the contents and learning goals per module. The headers of the different modules link to the actual repositories that both trainees and mentors will use to go through the material.
If you are an aspiring trainee at HackYourFuture, please note that before you can do the application assignment mentioned on the website we expect you to already have done the Explore module. This module you can do on your own in your own time to see if web development and the HackYourFuture program is right for you. We hope it is!
The HackYourFuture curriculum consists of 8 modules, spread over 7 months. In the following diagram you'll find the sequence of all the modules included:
If you follow the program you'll learn the following skills:
build a basic modern full-stack web application
(using NodeJS, MySQL, MongoDB and React)Agile principles
learn and self-teach new programming concepts
third-party libraries/APIs
Welcome to HackYourFuture! In this module we are going to go into two things that are maybe not as fun as building websites like you did in the application process, but are vital to your success as a developer: the command-line interface (CLI) and Git.
The command-line interface is a way for you to give commands to your computer using text rather than clicking, which will be used throughout your developer life. As you may have already guessed, it is much easier for any code you write to talk to the computer via defined commands rather than trying to navigate a user interface meant for humans. In this module we will give you a quick overview how to access the command-line interface and what commands you will use the most.
You'll also be learning Git, which is software that will allow you to save your folders and files in case they accidentally get deleted or end up corrupt. It is the industry standard when talking about version control of your code and we will be using it all the time during the curriculum so that you become familiar with it.
In the following table you can find the module material, week-by-week:
Week | Topic | Reading Material | Assignments |
---|---|---|---|
1. | Command Line Interface basics, Git, GitHub | W1 Reading | Assignment W1 |
By the end of this module, trainees should have a familiarity with and basic understanding of the following:
command line interface (CLI)
GIT
commands and be able to:
In this module you'll make a start into the wonderful world of programming. We will be using the programming language JavaScript to do so. You'll learn about the basic building blocks of programming: loops
, functions
, control flow
and more advanced JavaScript specific intricacies. Consider these as the ABC's of programming, without them it's impossible to write working software!
Week | Topic | Reading Material | Assignments |
---|---|---|---|
1. | JS Basics Refresher, Loops, Naming Conventions | Reading W1 | Assignment W1 |
2. | Scope, ModernJS, Problem Solving | Reading W2 | Assignment W2 |
3. | Higher Order Functions, Closures, Unit Testing | Reading W3 | Assignment W3 |
4. | This keyword, constructor functions, classes | Reading W4 | Assignment W4 |
By the end of this module, trainees should have a familiarity with and basic understanding of the following:
computer programming
isJavaScript
variables
, functions
and loops
control flow
personal brand
is and how to make it professionalIn Browsers you'll learn all about how to use JavaScript within the browser. First, you'll learn about how HTML is structured within your browser: we call this the Document Object Model
(DOM). Once you've gotten the hang of that we'll apply JavaScript to it, in order to manipulate the elements and make our pages more interactive. We call this DOM manipulation
and it's one of the most interesting things about JavaScript! We will finish off with a group project to already combine everything you have learned into your first web application. Besides the technical part, you'll improve your 'soft skills' as well in the Presentation module. This is a two weeks program that will get you out of your comfort zone. Check the Read.me file for a more detailed explanation and overview.
Week | Topic | Reading Material | Assignments |
---|---|---|---|
1. | Document-Object Model (DOM), DOM manipulation | Reading W1 | Assignment W1 |
2. | Presentation Module week 1, Group project week 1! | Reading W2 | Assignment W2 |
3. | Presentation Module week 2, Group project week 2 + Tech interview | Reading W3 | No individual assignment |
In order to successfully complete this module you will need to master the following:
Document Object Model
(DOM) isDOM Manipulation
A big part of being a programmer means moving data from one place to another. It also means working with other people's software. In this module you'll be learning about one of the core things of what makes a web developer: working with APIs! On top of that you'll also learn how to think differently about how you write your programs. Like in any field, once you've mastered a particular way of doing things you start thinking about how it could be done differently. In the end you will also build a full project by yourself that takes data from publicly available API's to create a web application with substance!
Week | Topic | Reading Material | Assignments |
---|---|---|---|
1. | Synchronous vs asynchronous, Callbacks, Promises, The Event Loop | Reading W1 | Assignment W1 |
2. | Application Programming Interface (API), Fetch, Async/await, Career Training II | Reading W2 | Assignment W2 |
3. | Individual project + Tech interview | Project |
In order to successfully complete this module you will need to master the following:
synchronous
and asynchronous
operationsApplication Programming Interface
(API) ispublic APIs
Single Page Application
(SPA)Any software application consists of at least 2 parts: a frontend, which is what the user sees and interacts with, and a backend. This module will expose you to the wonderful world of backend development, where you learn all about where your data goes once you've pressed that submit button. You'll be writing web servers and learn how to send users the right feedback.
Week | Topic | Reading Material | Assignments |
---|---|---|---|
1. | Client-server model, HTTP & Express | Readings W1 | Assignment W1 |
2. | REST, CRUD & API | Readings W2 | Assignment W2 |
3. | TBD | Readings W3 |
In this module you will get familiar with the world of backend development. By the end of it, you have learned:
backend
client-server
modelHTTP
and REST
meancreate your own web servers
with Node.js, using Express.js
Node Package Manager (NPM)
.RESTful API
full-stack application
In this module you'll learn all about a fundamental part of any software application: how to (safely) store data, so that it can be used on-demand. You'll learn how to structure and group data so your apps know where to find and store the correct data.
Week | Topics | Reading Material | Assignments |
---|---|---|---|
1. | What's a database, Entities, Data structures, Structured Query Language (SQL) | Readings W1 | Assignment W1 |
2. | Identifiers, Relationships, Domain Modeling, Advanced SQL commands | Readings W2 | Assignment W2 |
3. | Normalization, Transactions, SQL Injection, NoSQL (with MongoDB) | Readings W3 | Assignment W3 |
4. | NoSQL advanced commands, Pagination, SQL vs NoSQL | Readings W4 | Assignment W4 |
In this module you will get familiar with the complexity of storing data. By the end of it you have learned:
database entity
Structured Query Language
(SQL)relational model
basic setup of a database
MySQL
as an example of a relational database systemMongoDB
In these 4 weeks we will go back to the frontend and learn how to make faster, more modern user interfaces. You'll become more familiar with a frontend technology called React.js, a JavaScript library written and maintained by Facebook.
It is mainly used to create dynamic user interfaces, changing the data a user sees depending on their input.
In this module you'll learn about how to think about web pages in a radically different way: instead of making separate pages, you'll be making components of pages. Instead of hardcoded content, you'll make structures that can hold different data.
Week | Topics | Reading Material | Assignments |
---|---|---|---|
1. | What is React, JSX, State & Props, Deploy a static site | Readings W1 | Assignment W1 |
2. | API calls, Context | Readings W2 | Assignment W2 |
3. | Client-side routing, Custom hooks | Readings W3 | Assignment W3 |
4. | Project! | Readings W4 |
By the end of this module, trainees should have a familiarity with and basic understanding of the following:
user interfaces
state
and how to pass it downlifecycle hooks
class-based versus function-based components
modularization
components
)client-side routing
In the upcoming 6 weeks you'll be immersed into the web developer life. By the end of it you will have created a full-stack web application and published it to the internet.
Everything you have learned so far will be combined and put into practice. Added to that you'll learn some more cutting-edge technologies that will prepare you for a great start in a modern software company. We will start out with the basics and incrementally add more complexity. This way you'll learn how all the pieces of a RESTful API fit together, thereby gaining a deeper understanding of where the backend stops and the frontend starts.
Along with practicing your programming skills you will also be working on your communication skills. This is just as important, because you need to be able to communicate your ideas and efforts in an easy-to-understand manner.
Week # | Topic |
---|---|
1. | Introducing Project, Create wireframes |
2. | Build week |
3. | Build week |
4. | Build week |
5. | Finalize application |
6. | Final Presentation |
By the end of this module, trainees should have a familiarity with and basic understanding of the following:
Technical skills:
build a complete full-stack application
how each part of an application relates
to each otherfeature
GIT in a team setting
readable code
Communication skills:
communicate effectively
with team membersKeeping track
of your project's progressunderstand what's asked
of youcommunicate with non-developers
about what you're doingsolutions-oriented
Agile setting
The final stage is graduation! If you've reached this point you can officially call yourself a junior web developer. Be proud of yourself!
At this stage the next step is finding a job. HackYourFuture will assist you, but the responsibility is still on you.
We'll work on finding you an internship/job in any of the companies we have within our network. Your job is to keep your skills sharp, both technically as non-technically. Next to that, be sure to check the following repos:
You can click on any the following addons to keep improving your skills:
Last but not least, If you want to improve your English and Presentation skills, please contact the team and we will make the proper arrangements. Same if you want to join a Fellowship group!
Learning how to write software is a challenging endeavour. However, with the right material and structure it is very doable.
This curriculum is our effort to make your ambition possible. You are free to use it for your own benefit.
If there's anything inside that you think could be better, don't hesitate to tell us and/or make a pull request!
Good luck with your journey and happy coding!
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 :)
This work is licensed under a Creative Commons Attribution 4.0 International License. Our 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:)