Safeguarding

Whilst working together we’re dedicated to providing a harassment-free community for everyone, regardless of gender or anything to do with it (‘including but not limited to gender identity, history, and expression, non-binary gender, etc), sexual orientation, disability, physical appearance, body size, race, religion, and programming background. We do not tolerate harassment of community participants in any form, and sexual language and imagery is not appropriate for any community activity.

Our full safeguarding policies AND the methods to report any issues you may face or have observed, can be found in the handbook of the parent organisation of Open Cultural Center.

• As you can see, there are various ways to report any issues. However, if you directly want to talk to someone from MigraCode, you can always reach out to Ali Ashraf or Hugo Martínez by Slack or email - [email protected] , [email protected].

• If you prefer to talk to a female contact person, you can reach out to Ly-Ly by Slack or email - @Ly-Ly Janusz (Slack) or [email protected].

Rules

General rules

• The student will be on time for each class;

• The student will do anything in her/his power to attend each class ()

• The student will leave the work spaces clean and tidy after use;

• The student will do everything in her or his power to complete the ten months course;

Your role as a student

We believe that everyone can be a developer. Becoming a successful developer is all about practice, dedication, and willingness to learn. We believe that you can graduate from Migracode with new skills to help you start your career in IT, but it will take hard work and dedication. We know you can do it!

Practice

This means being a student is now your part-time job. You will need to attend classes and do homework for about 25-30 hours a week to achieve the learning goals of your Migracode course. This is about the same as a part-time job. Please think carefully about whether this is a realistic time commitment, and what your priorities are right now. Talk to one of the Migracode teams if you have any concerns.

Dedication

You show dedication to becoming a developer by attending every class. We invite you to bring your homework to discuss it with your peers. If you do not come prepared, you risk being unable to follow the class. It is important to try to attend all the classes, and complete the homework, so that you can discuss it with the other learners during class. If something happens that means you cannot do your homework or come to class, please let us know. Completing the course successfully will be difficult if you miss classes, but we want to work with you to help you succeed!

Willingness to Learn

MigraCode is not just an average school. Our passionate developers dedicate their free time to support your career. We would like you to see taking advantage of it and try together. You are encouraged to study hard, ask lots of questions, and always show up on time. Finally, respect is at the core of the MigraCode community. As a student, you show respect and willingness to learn from both your teachers and peers. We see our diversity as an asset and invite you to do the same. Migracode is a non-profit project, and your teachers are unpaid volunteers. We are really pleased that you want to join this learning community! Your teachers are passionate about your learning, and we want you to benefit as much as possible from their knowledge.

Missing a class or being late

If for some reason you need to miss a class, please always inform Hugo, Ly Ly and Ali with a valid reason (if it is a personal reason, just say that, we do not need to know the details, except if you want to share it with us of course). Make sure to always arrange a one-two-one to replace the class you missed - this is obligated, and needed for you to stay up to date with the course.

Jump to the information about your course including the content:

If you are familiar with MigraCode yet and you're interested in joining the program, please .

Situation

You have received a new technical case from a customer of Google Gmail. The customer is asking the following:

Assignment

Reply to this customer like you are writing a real email back as if you already were working in Google Technical Support. Include the explanation of how to set a signature in Google Gmail, and if you can, include a link to a webpage with more information. Make sure to use a good email structure and be polite and clear to the customer. Make use of Google Search to find the required information.

Once you have written this email, you can send it in a reply to [email protected]

Resolution

We will let you know as soon as possible if you have passed this step and if you will be accepted to our course.

Thank you in advance and let us know if you have any questions.

In the first week, you will get an introduction to the world of coding, including explanations how to use the terminal, what GitHub is and why you will use it and how to ‘push’ the website you made during the application process.

Below an overview of the week-by-week topics - click on the title to find more details.

The Migracode CodeBuddies project aims to support and encourage students during their Migracode bootcamp, to work towards their successful graduation as Junior Web Developer. We link students who are in need of extra support with developers who have volunteered for the CodeBuddies project. The personal relationship between the student and the instructor is key, and Migracode is in favour of as much flexibility as possible in how this relationship takes shape.

How to start?

How to request a CodeBuddy? Simple! Just fill . Once you have filled it, we will contact you as soon as we have found someone, which is usually between 1-2 weeks.

MigraCode offers you many things (see the Student Services section), but obviously the main things are free education and supporting you with finding your first job in technology. While we will give you much help, there are also MANY things you can do on your own to find that first job, and you can start with this on DAY 1 of your MigraCode course.

React is a modern framework that makes creating complex website’s in a reusable way very easy. In this module we teach how React works and why it is a great way to make websites.

Below an overview of the week-by-week topics - click on the title to find more details.

As mentioned before, the IT Support & Security Course is a flexible scholarship program that allows students to organize their study time according to their schedule and needs. To help students reach their goals and complete the 5 courses successfully in a concrete period of time, the mentor will help each student to develop a personalized learning plan.

The average time to complete the course is 3,5 months. However, depending on your previous skills, time availability, life situation, etc. this time can be shorter or longer. As mentioned above, the study plan will be elaborated together with you and according to your needs at the beginning of the program so, you will be required to commit to it.

During your 8-month course, you will receive three weeks of Professional Skills trainings. These trainings include many different topics related to discovering your own work personality, preparing you for the labour market, strengthening your emotional intelligence and getting experience with advanced project management tools.

Below you can find a week-by-week overview - click on the topic title to see more details.

Follow the steps and complete all the steps you can from the

Over nine weeks, we take you from writing your first javascript program all the way to the most modern tools and techniques. You’ll learn how to make website’s interactive and to write excellent, clean code.

Before the class

Fork the to your personal account and clone it. Find help in the .

This is the repo we will be using during the JavaScript module III workshop. Follow README.md file provided in the above mentioned repository.

The MigraCode Barcelona curriculum - a direct output of the European collaboration between various NGOs spread over the European Union - contains all the information and knowledge a MigraCode student needs to become a junior web developer.

Find the full curriculum of MigraCode Barcelona through the links below:

Team Kick-off Meeting

know the members

talk about the project

Write user stories

Use of Trello

Development Kick-off Meeting

Prioritize Trello cards for the first sprint

Assign cards to team members

Create project skeleton->link to first steps

Create branches and check each member can commit changes

React components: start with the generic components, the ones that will be in different pages

Back-end: start with the database and the Node Integration

Team Weekly Meetings

We’re going to run the final projects in weekly “sprints”, planning out what we’re going to do as teams and as individuals. Each week will therefore look something like:

• Daily standup: post a daily message in the team Slack channel to let the rest of the team know what you’re working on, what progress you’ve made (even, and perhaps especially, if it’s none so far) and share anything that’s blocking you. Set a time for this and stick to it. Afterwards, post a team summary in the main class channel.

• Mid-week check-in: you should have at least one Slack call with the whole team and a mentor during the week to sync on progress, escalate any blockers and make sure that you’re still heading in the right direction.

Under development...

All the content of this Guide, including the various curriculums with course content, are created through an open-source community of developers from all over the world, and with mixed content from nonprofit coding schools around Europe, including Hack Your Future and Social Hackers Academy.

In case you want to use, share or duplicate any of the content in this guide, you are able to without costs, as long you adhere to the Creative Commons License that is assigned to all work in this guide, which is:

Attribution-NonCommercial-ShareAlike 4.0 International

In more detail, this license means that you:

• Can copy/use any of the content here as long as you reference us as co-creator (MigraCode Barcelona/Open Cultural Center) and with a link to https://syllabus.migracode.org/

• Can NOT use any of the content for any form of commercial use or profit in any other financial way from this content

If you have any doubts about this, please reach out to [email protected].

This work is licensed under a .

Being a migrant in Europe/Spain/Catalunya/Barcelona can be challenging, especially considering it may put you in a complicated situation regarding your legal status. You may need to apply for asylum, or for other potential procedures to receive a work permit and/or a residency status.

What do we offer?

In order to point you in the right direction, MigraCode has some volunteers who have basic to advanced legal knowledge, and they can give you useful information that you may not be able to find yourself on the internet or through public institutions. Some examples of what our volunteers can try to help you with:

• Obtaining Arraigo Social

• Support with the process of Pareja de Hecho

• Support with asylum request procedures

• Writing legal requests and/or appeals

• Other support related to legal processes

Please note that offering legal support is very difficult since the migration systems in Europe are very complicated. Our volunteers will try to point you in the right direction, but keep in mind no-one knows all the answers.

How to start?

To request help, simply . Depending on the waiting list, we will try to put you in touch with a volunteer through Slack, email or phone.

More advanced help

If you need more help after receiving advice from our volunteers, you probably need to get in touch with a private lawyer (if you didn't one assigned by the Spanish state). This can be hard and expensive, so we have collected some good options for you based on the experience of other students with these lawyers:

• Laura Sainz Rodriguez -

• Eliselmo Altoe Weber (Lito) -

• Jordi Zorrilla -

Structure of the program

This program counts with 5 courses that will prepare you for a career in the high-growth field of IT. The content is highly interactive and exclusively developed by Google employees with decades of experience in IT. Each course is divided into modules dedicated to concrete subjects. Through a mix of videos, assessments, and hands-on labs, you’ll be introduced to foundational IT skills required for an entry-level job.

100% online

The course itself is 100% online which means you will need a computer. It can be a basic computer - it doesn’t have to be an expensive/strong one. We encourage you to work from home on your own computer, but if you are not (always) able to do so, you can discuss the possibility to either lend a laptop (if we have availability) or to work from the Open Cultural Center (OCC) office (C/Rec, 27 08003 Barcelona).

Platforms & Tools

Coursera

The courses are delivered by Coursera, an online learning platform that will provide you with all the content of the program.

Slack

The channel-based messaging platform that we use as our main communication tool. Many tech companies also use Slack and it is a huge advantage to have Slack skills when you apply for jobs in tech.

Self-learning approach

This program is based on autonomous learning. Autonomous learning revolves around students being responsible for themselves. As a student, you will be able to manage your study hours and customize your way of learning to adapt it to your own needs. But do not worry, you will not be alone in this. The mentor and a group of specialized tech volunteers will be by your side to provide support, advice, and knowledge when asked.

However, it is very important to be proactive: ask for help when you are stuck, inform your mentor when you have issues, and do not hesitate to use Slack to get help with the course.

Main support

Specialized volunteers

Migracode counts with a community of tech professional volunteers and students who will be willing to help you with any issue or any questions you have. You will be able to reach them at any time via Slack. Your mentor will explain Slack during the onboarding session,

Your personal mentor

The mentor - Simón -, will be the main contact person. He will help you to design your learning plan at the beginning, introduce you to the different platforms and guide you throughout the process. You will have a regular meeting with him - depending on your learning plan -, listen to your feedback and make sure everything is going as planned. The meetings will take place online or in-person at the office of OCC depending on your availability. You can contact him via email or via Slack.

Migrating to another country can have a big impact on your life. While it may bring you good things (like MigraCode), it can also give you stress and make you feel negative or sad. At the same time, you may have experienced things in your home country that still have an impact on how you feel now. MigraCode and their partner can help you dealing with these feelings.

Why psychological support?

It is extremely important to always share any personal issues you have - talking helps! This can be with friends or fellow students, but maybe you need someone to talk to who is specialised in helping people that deal with challenges in their lives.

This is why MigraCode works closely with Iguality, an NGO that offers free mental health support to (among others) migrant and refugee communities through dedicated voluntary professional therapists, ready to talk to you when you need it. The service is - like everything connected to MigraCode - cost-free, and you can always request to start with the service. A psychologist can help you when:

• You feel sad or negative

• You feel a lot of stress

• You have negative thoughts

• You miss family/friends

How to start?

If you want to make use of this service, you can directly. If you have some doubts, feel free to first send a message to @Vincent van Grondelle on Slack, who can assess your needs and see where you need help with, to find the best match! You can also find more information about the program through .

What to expect?

It is possible to just have a few sessions of approximate 1 hour, or to receive support for a longer period of time. This depends on what you need help with and if you feel comfortable! Depending on availability, you can receive in Spanish, English, Catalan and Portuguese.

A MigraCode psychologist can:

• listen to your story, how you feel and/or what you struggle with

• talk with you and - if you want - try to address the root cause of any personal issues

• give you advice on how to deal with negative or sad feelings

• support you through hard times and offer tools to handle difficult situations

It also important to know that a MigraCode psychologist cannot:

• become your close friend - rather see her or him as a personal guide

• solve every issue/problem/challenge you face - it depends a lot on your situation and the specific things you struggle with

• always be available for you - he or she will support you on a long- or short-term basis, but the support you receive will happen through the planned sessions (for emergencies you can contact Vincent van Grondelle)

A launchpad to an IT career through MigraCode and INCO Academy

Through this scholarship program, which is powered by INCO Academy, you will gain the in-demand skills that will prepare you to be job-ready and have access to employability services to launch your career in IT.

With this 5-course certificate scholarship program designed by Google and delivered on Coursera, you will have access to a variety of hands-on assessments which will help you to simulate real-world IT support scenarios that are critical for success in the workplace.

If you complete this course, you can apply for basic to advanced tech support roles, and we will offer you support with doing this.

What are the outcomes

By earning these IT Skills, you prepare yourself for roles that include — systems analyst, support specialist, database administrator, IT technician, computer specialist, and many more. More specifically, you will learn the following skills:

• Learn skills required to succeed in an entry-level IT capacity

• Learn to perform day-to-day IT support tasks including computer assembly, wireless networking, installing programs, and customer service

• Learn how to provide end-to-end customer support, ranging from identifying problems to troubleshooting and debugging

MigraCode's IT Support & Security course is made possible by INCO Academy.

Background information about INCO Academy

Learn to code confidently. Take your next career steps in IT through MigraCode, Google.org & INCO Academy

Learn in-demand skills like Python, Git, and IT automation to advance your career.

This 6-course certificate scholarship program designed by Google and delivered on Coursera, is designed to help individuals with a background in IT Support advance to technical paths like Systems Administrators. This stackable credential helps IT professionals build in-demand skills including Python, Git, and IT automation.

What are the outcomes

By earning these IT Skills, you prepare yourself for roles that include — IT Support II, Jr Systems Analyst, Jr Systems Administrator, Network Specialist, and many more. More specifically, you will learn the following skills:

• Learn how to program with Python with no previous knowledge of coding required and you’ll use Python to automate common system administration tasks

• Learn to use Git and GitHub, to troubleshoot and debug complex problems

• Apply automation at scale by using configuration management and the Cloud

• Practice your technical skills with hands-on projects including a capstone project where you’ll use your new knowledge to solve a real-world IT problem

MigraCode's IT Automation with Python course is made possible by INCO Academy.

Background information about INCO Academy

Introduction

At MigraCode, we believe in the power of learning by doing. Because of that, we don't give students tests - we rather let each student do small projects during the course and work on an extensive curriculum with many exercises to improve their knowledge and skills. And, most importantly: at the end of the course, students work together in groups on a larger final project.

Tracking student progress

Still, of course, we need to also keep track of student's progress and see if they are gaining all the knowledge required to become junior web developers. Therefore, we have developed a grading system that is based on three aspects:

1. Class participation and being on time

2. Homework progress for the front-end modules

3. Homework progress for the back-end modules

4. Final Project efforts and output

Each aspect is graded on a 1-10 scale based on what students upload on GitHub and how to progress during and in-between classes. Each student will receive a Google Sheet in which they can see their own progress, like the one below:

Minimum progress requirements

We constantly check your homework and give you feedback on it. However, during the 8-month course, there are 3 main checks where you MUST have finished all homework and required tasks. If you haven't it means you either need to quickly recover, or drop out and wait for the next course. Below the three main checks during the MigraCode course:

Check 1: Between the front-end and back-end modules

After you finish the HTML/CSS, JavaScript and React module, we will do the first full check on your progress. If you are not fully up-to-date, you get a chance to recover before the back-end modules starts. However, if you are not able to, you will not be able to continue the course and you will have the opportunity to join a next course.

Check 2: Between the back-end modules and the final projects

After finishing all modules, we will do the second check on your progress. If you are not fully up-to-date, you'll also get a chance to recover the missing parts. However, if you can't, you will not be able to enter the final projects. You will then be offered to join the final projects of a next course.

Check 3: At the end of the course, after the final projects

Before graduation, we will check how you have performed in the final projects and if you have done all the tasks assigned to you on Trello. If you have not completed them, you will get a chance to recover. However, if you haven't performed sufficiently, you will need to re-do the final projects with another group in another course.

Once you are accepted at MigraCode, we recommend you to have a look at the following courses to be fully prepared to start with MigraCode:

​Recommended:

• Get an introduction to what web development is (a complete overview)

• Find out about Git, GitHub and the Terminal (strongly recommended)

• (learning how to code is repeating)

• (dive deeper into CSS)

Additional:

• (just to have an idea)

• (your potential future)

• (only if you really have time)

The Requirements

The Application process

Step 1 - Apply online

Apply through our In the form, you will be asked to fill in some personal data and to write a short motivation why you want to join this course.

This part is already extremely important! Motivation is the strongest aspect of our course, as you will need to work a lot to complete our program. After sending the form, we will reply to you as soon as possible to inform you if you can continue with step 2.

Step 2 - Home assignment

Step 2 is the most difficult step and you will need to take your time for it. It requires making a small home assignment.

The assignment consists of the following:

• You will have to follow a short online material about functions in Python

• You will develop a simple function

• After you wrote that function, you will send it to us by email

You can find the assignment .

Step 3 - Interview

Once we have received your work, we will let you know if you have passed the assignment and if so, we will invite you to an online interview.

After a few days, we will inform you about the result of the interview.

Step 4 - Onboarding session

The final part of the application process is to come to our office in Barcelona to get to know us in person and to receive a comprehensive introduction to MigraCode Barcelona.

You will get help installing the required software on your laptop, we will explain to you the main tools that we use during the course and we explain other practical information about MigraCode.

Once this is done, you are ready to start with the course right away!

It is important to know that we have a huge volunteering-community ready to support you in becoming a software developer. Therefore, do not hesitate to request a one-two-one session if you feel lost with the materials, you are behind or you just need some extra explanations about the materials. You can also ask someone to help you with the job search (later on the course).

• Homework support If you are stuck with homework, do not hesitate to ask your questions in the #support-coding channel (for the Web Development Course) or #support-it (for the IT Support & Security Course) on Slack. There are many volunteers to help you and please note: there are no weird or stupid questions!

• CV/LinkedIn support/Job Preparation If you need help with creating or further developing your CV or LinkedIn or get help with preparing your job interview, please make use of the #support-employability channel on Slack to ask help from our volunteers to check your CV or LinkedIn or even make an appointment with them to improve it.

Introduction

To start: being visible online is a MUST, for recruiters to find you while at the same time being able to apply for jobs directly. If you're shy to promote yourself, you need to let it go, at least while you are searching for jobs and building a professional network online! We consider three types of profiles a must: LinkedIn, GitHub and a self-developed one (a webpage). Find more information below for each profile type.

LinkedIn: Connect to the professional world

GitHub: Join the world's developer's community

Self-developed profile: start being creative!

The Requirements

The Application process

Step 1 - Apply online

Apply through our In the form, you will be asked to fill in some personal data and to write a short motivation why you want to join this course.

This part is already extremely important! Motivation is the strongest aspect of our course, as you will need to work a lot to complete our program. After sending the form, we will reply to you as soon as possible to inform you if you can continue with step 2.

Step 2 - Home assignment

Step 2 is the most difficult step and you will need to take your time for it. It requires making a small home assignment.

The assignment consists of the following:

• You will receive a simulated question from a customer about a technical issue.

• Your task is to answer the customer in the best way possible!

• After you wrote your answer to this customer, you send it to us by email.

You can find the assignment

Step 3 - Interview

Once we have received your work, we will let you know if you have passed the assignment and if so, we will invite you to an online interview.

After a few days, we will inform you about the result of the interview.

Step 4 - Onboarding session

The final part of the application process is to come to our office in Barcelona to get to know us in person and to receive a comprehensive introduction to MigraCode Barcelona.

You will get help installing the required software on your laptop, we will explain to you the main tools that we use during the course and we explain other practical information about MigraCode.

Once this is done, you are ready to start with the course right away!

Node.js is an open-source, back-end (or server-side) environment for developing apps. It works across platforms and Node.js applications are written in JavaScript. Node.js provides a runtime environment that executes JavaScript code outside a web browser. In this module, we teach you how to use Node.js most effectively.

Below an overview of the week-by-week topics - click on the title to find more details.

Databases are essential for any modern web application and are used in many languages. In this module we teach the theory behind databases while also showing the implementation of a database.

Below an overview of the week-by-week topics - click on the title to find more details.

HTML and CSS are the building blocks of any website and in this module we teach you how to use them well. You will learn how to make responsive, modern websites and it will prepare you for the following modules.

Below an overview of the week-by-week topics - click on the title to find more details.

You are requested to check your homework on the Trello Board after every class. There you will find a column with your class group name and at top of that list you will find the latest homework with a due date as shown in the image below.

As mentioned before, the IT Automation with Python Course is a flexible scholarship program that allows students to organize their study time according to their schedule and needs. To help students reach their goals and complete the 6 courses successfully in a concrete period of time, the mentor will help each student to develop a personalized learning plan.

The average time to complete the course is 3,5 months. However, depending on your previous skills, time availability, life situation, etc. this time can be shorter or longer. As mentioned above, the study plan will be elaborated together with you and according to your needs at the beginning of the program so, you will be required to commit to it.

We have various forms of additional support on top of the educational support to offer:

Always feel free to contact our internal social worker - Vincent -, with whom you can talk to about any personal issues you may have or encounter during the duration of your MigraCode course. You can make an appointment through Slack. He can also get you in touch with our internal therapists. There may be a waiting list.

If you are still in the process of arranging your visa, work permit, NIE or other documentation, contact Vincent to get you in touch with our external lawyers. There may be a waiting list.

We have a specific program for our female students. You will be automatically added to the CodeWomen channel on Slack where we will share all the information you need. You can contact Henriette on Slack for more information.

If you struggle a lot with the materials, we can assign a specific ‘CodeBuddy’ to you - a volunteer that will help you on a regular and personal basis. If you need this, just send a message to Vincent or Henriette on Slack.

You can access free online language lessons in English, Spanish, Arabic, and Catalan at the Language Lab. The Language Lab also organises regular language exchange events, and you can find a Language Buddy too! To join, just send a message to Charlotte Lloyd via Slack.

GitHub

• Where our curriculum can be found

Structure of the program

This program counts with 6 courses that will improve your IT foundations to help you take your career to the next level. The content is highly interactive and exclusively developed by Google employees with decades of experience in IT. Each course is divided into modules dedicated to concrete subjects. Through a mix of videos, assessments, and hands-on labs, you’ll be introduced to foundational IT skills required for an entry-level job.

What they offer:

• Free of charge

We have two options if you cannot study well at home. Both options are free and can be used based on availability. All you need to do is sign-up accordingly beforehand and be there.

Study at the office of Porsche Digital

You can study for free at the fancy and nice office of PORSCHE DIGITAL in the center of Barcelona, between Monday and Friday from 10:00 to 18:00. Exact location .

Every week, you need to sign-up before Thursday evening through to reserve your spot(s) for the next week. You will receive your QR code on Friday which you will need to bring when you come to the allocated day/time.

Day 1: Facing challenges

• Conflict management

• Working under pressure

How to start a full-stack coding project from scratch?

1. Prepare the project architecture

Day 1: Communication

• Communication Styles (Self-awareness, disk model, including a short test)

• Non-verbal communication / Body language

Rahaf Bayazi

MIGRACODE GRADUATE FROM SYRIA

Thanks to Migracode I have made the professional change I have been looking for a long time ago, It is a great school and the people (Monitors, Managers and other staff) are really the soul of why that is. The people here care, they work hard, they work smart, they genuinely want the students to be successful even beyond the classes.

Alexander Ludwick

EMPLOYABILITY VOLUNTEER & RECRUITMENT SPECIALIST

I was completely humbled to hear these guys talk about their experiences and their sheer determination to upskill and become valuable, contributing members of society and never have I felt so privileged and lazy! I’m genuinely not sure who learned more.

Cristal Bukler

EMPLOYABILITY VOLUNTEER & HOSPITALITY SPECIALIST

Working at Migracode means that you not only have the opportunity to teach them how to stand out in the jobs market, but also how to stand out as people. Nothing more rewarding for me than knowing their life stories and providing them valuable resources to train their soft skills in order to conquer their own confidence.

Henriette Hettinga

MIGRACODE INSTRUCTOR & BOOTCAMP GRADUATE

Many students of Migracode have escaped very difficult circumstances in their home country. They work tremendously hard to improve their knowledge and skills because they know their future depends on their studies. I am impressed with their dedication and hard work. Migracode is literally a life-changing experience for them.

Shaheen Akond

MIGRACODE GRADUATE FROM BANGLADESH

When I stepped foot on Migracode, I did not imagine that the decision will shape my future. Today, I am proud to say, Migracode has played a leading role in my life and made my dream came true. Thank you for teaching me so much - both about the hard skills and soft skills. To me, our Migracode is a precious thing, a great gift to our community, a great opportunity for immigrant students who came to Spain with a great hope. It is a place of optimism, and transformation.

Thiago Luiz Pereira

MIGRACODE GRADUATE FROM BRAZIL

After 8 months of course, training about development of skills, employability sessions and differents meet ups. I am feeling glad for I could use all those knowledges learned in Migracode at Webhelp, but it doesn't finish at all, was just one step for a long journey about self and professional development, always having focus to provide the best experience for the costumer and a good environment between my co-workers. Thanks Migracode and Webhelp to work together to make it real.

José Arriaga

MIGRACODE GRADUATE FROM MEXICO

The start of my collaboration with migracode and the idea of learning code and sharing my thoughts and ideas with my colleagues was exciting, however, after the lockdown it was hard and challenging during the covid. But with the help of the mentors and working with people from different places and backgrounds helped us to strengthen our communication and teamwork. In addition, it was fruitful in many aspects. Rather than learning code, it was a preparation for new challenges in our new normal.

Anandamaya Arno

MIGRACODE GRADUATE FROM VENEZUELA

Being a part of Migracode has been a life-changing experience in many ways. It's an amazing opportunity to start over and look for opportunities for a better future while it allows you to be a part of an incredible community, and as a migrant, I believe this is an incredible support. The amazing team is there to support you in absolutely anything you need, even if not related to the course itself. I totally thank them for that!

Ricardo Delgado

MIGRACODE GRADUATE FROM VENEZUELA

My 8 months long learning experience at Migracode tells that it helped me gain my confidence on being a web developer with the knowledge of the latest stacks and tools, which was made possible by the presence of talented and helpful volunteers. The soft skills trainings and the consulting services regarding for any kind of problem is also something that Migracode is and will be special for, just like the way MigraCode is committed to help the students even after the bootcamp.

Oleksander Ortsev

MIGRACODE GRADUATE FROM UKRAINE

With a fast changing world I decided to focus on the things that should help me in the future. That was one of the main reasons why I applied to the Migracode Programming school, when I came to Barcelona. Within the 8 months programming course, the the whole new tech-world opened for me. I realize that I am still at the very beginning of my journey in this area, but the future has become much more promising.

Lavinia Sirbulescu

MIGRACODE GRADUATE FROM ROMANIA

There is philosophy in everything MirgraCode is doing for the under-represented community of refugees, migrants, women in tech. This gives them unthinkable power to build bridges and alter the circumstances of those of us in need. They might be young but wise enough to know that with power comes responsibility and they don’t fall short on it. They listen and connect with people. They don’t perform for them. They are genuine community builders. All of it is lived experience that brings meaning to my words.

Summary

• 116 hours in total

• 5 modules

• 30 parts in total

Please note that on Coursera, the 5 modules are called 'Courses', and the parts within the courses are called 'Modules'.

Overview

Module 1: Technical Support Fundamentals

25 hours in total

• Part 1: Introduction to IT 4 hours: 14 videos (Total 51 min), 6 readings, 3 quizzes

• Part 2: Hardware 5 hours: 17 videos (Total 80 min), 7 readings, 4 quizzes

• Part 3: Operating System 6 hours: 21 videos (Total 69 min), 6 readings, 5 quizzes

• Part 4: Networking 3 hours: 15 videos (Total 44 min), 1 reading, 2 quizzes

Module 2: The Bits and Bytes of Computer Networking

34 hours in total

• Part 1: Introduction to Networking 6 hours: 15 videos (Total 47 min), 8 readings, 6 quizzes

• Part 2: The Network Layer 5 hours: 18 videos (Total 68 min), 3 readings, 5 quizzes

• Part 3: The Transport and Application Layers 5 hours: 11 videos (Total 45 min), 1 reading, 4 quizzes

• Part 4: Networking Services 6 hours: 15 videos (Total 70 min), 2 readings, 7 quizzes

Module 3: Operating Systems and You: Becoming a Power User

35 hours in total

• Part 1: Navigating System 7 hours: 32 videos (Total 94 min), 10 readings, 5 quizzes

• Part 2: Users and Permissions 4 hours: 16 videos (Total 67 min), 4 readings, 3 quizzes

• Part 3: Package and Software Management 7 hours: 16 videos (Total 58 min), 14 readings, 6 quizzes

• Part 4: Filesystems 5 hours: 16 videos (Total 52 min), 9 readings, 3 quizzes

Module 4: System Administration and IT Infrastructure Services

31 hours in total

• Part 1: What is System Administration? 5 hours: 16 videos (Total 44 min), 6 readings, 5 quizzes

• Part 2: Network and Infrastructure Services 7 hours: 23 videos (Total 74 min), 6 readings, 10 quizzes

• Part 3: Software and Platform Services 7 hours: 16 videos (Total 45 min), 10 readings, 8 quizzes

• Part 4: Directory Services 7 hours: 19 videos (Total 100 min), 11 readings, 6 quizzes

Module 5: IT Security: Defense against the digital dark arts

29 hours in total

• Part 1: Understanding Security Threats 5 hours: 10 videos (Total 36 min), 7 readings, 4 quizzes

• Part 2: Pelcgbybtl (Cryptology) 7 hours: 14 videos (Total 83 min), 9 readings, 7 quizzes

• Part 3: AAA Security (Not Roadside Assistance) 3 hours: 14 videos (Total 55 min), 2 readings, 3 quizzes

• Part 4: Securing Your Networks 5 hours: 11 videos (Total 70 min), 7 readings, 5 quizzes

English is a global language and is a requirement for many tech jobs in Spain – even if the job is in Spanish. For this reason, students at MigraCode need a minimum level of English to get them through the course. Luckily, you can access free English lessons at the Language Lab and Oxford House!

Spanish or Catalan are also often a requirement in tech jobs in Barcelona. The Language Lab also offers lessons for local languages, so you can get the support you need!

Where and how?

Open Cultural Center, our host organization, offers free language lessons at the Language Lab. You can join Spanish, English, Arabic and Catalan classes taught by dedicated native-speaking volunteers, and be part of an amazingly diverse community. There are 2 levels for each language: beginner (A1 - A2) and intermediate (B1 - B2). The Language Lab also organises language exchange events, and runs Language Buddies, so you can practice in many different ways according to your preference!

Additionally, we have a collaboration with Oxford House, a language school in Barcelona that offers free English classes to MigraCode students via their course. These courses are run by teachers in training from their course. They last 3 months and are a great way to practise different skills while listening to different accents, and meeting people from all over the world.

How to join?

Have a look at the options below to see which one suits you best:

Free English, Spanish, Catalan & Arabic classes at the Language Lab by Open Cultural Center

Free English classes at Oxford House Barcelona

The CodeWomen project of MigraCode supports and encourages women students during their MigraCode bootcamp or IT Support & Security course, to work towards their successful graduation and landing a job. The project was started to address the often difficult position of women in the mostly male tech world. By building a community of women developers with a migration background, MigraCode works towards better career perspectives for women students and more diversity in the tech sector. Building a network with women in the tech sector in Barcelona will also benefit women students in many ways.

Introduction

Much of what women hear about working in tech is about the problems and difficulties they will face, working in all-male teams, and this can easily lead to insecurities and a feeling that “tech is not really for me”. The CodeWomen initiative wants to offer the women students a very flexible context for personal (tech) support and encouragement. In addition, it offers the students a safe environment to share experiences, plans, ambitions, questions and problems with each other, and enjoy each other’s company.

About the CodeWomen project

The CodeWomen project consists of two meetings per month, plus a dedicated Slack channel and a WhatsApp group for organising, sharing materials, asking questions, etc. The format of the meets is flexible and the women who participate set the agenda. They can come with questions or topics they would like to hear more about, present something themselves, or work on a coding project together. CodeWomen is an initiative under the umbrella of MigraCode and is not an obligation or part of the bootcamp or IT Support course curriculum.

There are two CW meetings every month. The first is a programme event on Sunday afternoon, with a speaker, panel discussion or workshop on various topics: tech/coding topics but also career and job search (LinkedIn, CVs). The volunteers are invited to join these meets as well. These events offer the women a space to relax and hang out together, to talk, and to share how they experience their journey and the plans and doubts they have.

The second meet is a coding session on Monday evening. This session offers an informal setting where students can practice their coding skills, working with coaches. They can work on their own project, on a specific coding problem, on their homework, get advice about their learning path and how to get into a tech career, etc. Volunteer women developers are available to help the students. With these practical coding sessions, the students can build on what they learn during their bootcamp.

By building a supporting community, we believe the CodeWomen project can make a real difference for women students and help them to succeed in their studies. The students can remain in the CodeWomen group after graduation, for support and encouragement in their career. We want to show the women that, in spite of the challenges they sometimes face with their studies or working environment, coding is great and a career in tech is possible for them:

“... it is creative, it challenges you to solve problems, and the feeling of victory you get when you solve something after hours or days of frustration … that feeling is the best!”

Practical Information

• All women students of MigraCode, both from the Web Development and from the IT Support & Security course, are members of the CodeWomen Slack channel. This channel also includes the organising team and Vincent, and the volunteers who are active in CodeWomen sessions. The CW WhatsApp group only includes the students.

• Women students and graduates from coding schools that collaborate with MigraCode can be invited to CW meetings as guests. The CodeWomen community is open to other tech women in Barcelona as well: self-learners as well as professional software developers.

• CodeWomen aims to be an inclusive community for women, by women, and all women+ are welcome.

Introduction

While LinkedIn and GitHub are great to present yourself and promote your skills and experience, the most impressive thing to send to a recruiter is your own developed webpage with your portfolio and other relevant information. Not only will it show great motivation, but by making a great webpage, your profile itself is already showing your skills!

Some general advice

• IF you make your own profile page, make sure to have enough coding knowledge to make a really good one. If you just started coding, wait a little while. It's better to just have LinkedIn and GitHub than having a super basic HTML/CSS self-developed profile.

• Once created, make sure to have other developers take a look at your page to receive proper feedback, so you can really finetune both the layout as well as the code itself.

• Any self-developer profile needs to have the following key-information:

How to make your own profile?

There are many guides online how to make your own profile, and also with various options where to host it. You can either buy a domain like www.vincentvangrondelle.es, or you can host your page on or (so you will get like vincentvang.heroku.com). Below you can find some guides to start coding your own profile!

Situation

You will be asked to develop a python function that will return a message. As example you have the function below:

Assignment

You will be advised to follow the material included in and ; proceed to create an account in ; write the function, which should either prompt the user for a name or take it as parameter, then print out a personalised "Hello" response, like "Hello Jose". Otherwise, the function will print out "Hello World"

Once you have written and downloaded the python function file, you can send it in a reply to [email protected].

Resolution

We will let you know as soon as possible if you have passed this step and if you will be accepted to our course.

Thank you in advance and let us know if you have any questions.

This is the complete syllabus and course material for the web development course of MigraCode Barcelona. It is based on the syllabus from CodeYourFuture, HackYourFuture and other resources. This syllabus does not only include the coding course, but also all other information for students.

During the course you will learn a technology stack that helps you build anything from a simple website to a powerful database-driven web application or even a mobile app!

If you are familiar with MigraCode yet and you're interested in joining the program, please refer to the main MigraCode Barcelona website.

Overall Course Content

• HTML/CSS

• Core JavaScript

• Backend development using

• Modern front-end development with

We’ll complement the training with workshops on modern software methodologies and job interview practices, etc. A simplified overview of our curriculum can be found , including other details of our course.

Our program in one video

Our learning objectives in detail

Technical skills:

• Lean to understand and use the following coding languages on a medium to advanced level: HTML/CSS, JavaScript, React, NodeJS and Databases

• Learn how to use Git and the Command Line, and also how to use the related GitHub platform

• Learn how to use project management tools such as Trello, Slack and Cloud Services

• Learn how to think in algorithms and how to search for solutions

Job-seeking skills:

• Learn how to use LinkedIn and how to benefit most from this platform

• Learn how to prepare and go through an interview process to get hired by a professional IT company

• Learn how to create and design a professional CV/Resume

General soft skills:

• Learn how to work in a team under supervision of a mentor

• Learn how to communicate effectively through professional communication training

• Learn how to work with people from different cultures and nationalities

• Learn how to cope with work-related stress and how to plan ahead

What they offer:

• Free of charge

• Arabic, Spanish, English and Catalan classes

• A1 to B2 (beginners and intermediate, no advanced)

• Fully online

• 2 classes of 1H every week

• Bi-monthly language exchange events

• Language Buddies

How to apply?

Step 1

Fill in . The Language Lab team at Open Cultural Center will contact you.

Step 2

You will be invited to the Language Lab Slack workspace, which is where all communication between students, teachers, and the Language Lab team takes place. Don't forget to upload a picture, make sure your name is spelt correctly, and join the first class where you will receive information about the course.

Language exchange events

Follow to hear about the events organised by the Language Lab. In general, there are 2 language exchanges every month, and these events are open to everyone.

For reminders and practical information about language exchanges, join the .

If you are in the Language Lab Slack, you can also check the #exchange channel.

Language Buddies

Through the Language Lab, you can also !

If you would like to practice a language with a native speaker, improve your language skills through one-on-one conversations, or help someone else with the language they are learning, this is a great option.

You will be matched with someone else from the Language Lab's multicultural language community, and you can start immediately.

Pre-knowledge

You have to know HTML and CSS. You can follow this video or this course to get the required knowledge.

You have to know intermediate level JavaScript. You can follow this video or this course to get the required knowledge.

Admission project: Pokedex

In Pokemon lore, the Pokedex is a Pokemon dictionary that the characters carry with them. In this device, they can query the Pokemons and learn details about them, such as, abilities, type of Pokemon, strengths and weaknesses. The different designs of the Pokedex can be found online. is a sample UI of Pokedex.

For the admission of the Advanced JS/ASP.NET course, please create a Pokedex program with the following requirements:

1. Develop a search field where users will search for Pokemon’s name or id.

   • Create a field and button.

   • Add a callback to the button event listener.

2. Make a request by Pokemon ID or name. PokeApi already can handle both.

WireFrames

Home

Search

Cards

Day 1: Self-branding and the job search

• (online) Networking

• Personal Branding

• Market Research

• GitHub & Stack Overflow presentation

• LinkedIn and CV

• Motivation letter writing

• Competence Interview Practice

Day 2: Cracking the tech-interview

• Technical Interview Introduction

• Mock interviews

Introduction

You can do all the things perfectly online and have your profiles ready and active - nothing works as good as just meeting people in-person and just talking directly to recruiters and other company representatives. You can always add them on LinkedIn and GitHub later! It's easy to find events and to join them (for free) - below some tips how to find them and what to do there once you're there.

Summary

• 117 hours in total

• 6 modules

Over nine weeks, we take you from writing your first JavaScript program all the way to the most modern tools and techniques. You’ll learn how to make website’s interactive and to write excellent, clean code.

Before the class

Fork the to your personal account and clone it. Find help in the .

This is the repo we will be using during the JavaScript module II workshop. Follow README.md file provided in the above mentioned repository.

Below an overview of the week-by-week topics - click on the title to find more details.

Responsive Web Design

When we build for the web, we're making websites that can be viewed in a phone, a laptop, a tablet and more. To ensure we're presenting a website that's easy to use on any device, we use Responsive Web Design techniques to modify how content is displayed depending on the viewport.

Exercise: As a group, let's brainstorm as many devices as we can think of which might access the websites we build.

See how much variety there is in viewport sizes.

Media Queries

As you learned in your homework assignment, media queries help us change the display of our content depending on the size of the viewport. Let's review what you learned and break down a media query:

In this media query, we're assigning a red background color to the <body> element whenever the viewport is larger than 900px, and we're viewing on a screen.

• @media starts the media query

• screen tells it to apply these styles to screen displays. Other displays might be print, for when a webpage is being printed.

• (min-width: 900px) tells it to apply these styles when the viewport is larger than

Finally, we wrap all of our styles for this media query in brackets ({ and }), just like a CSS rule.

Exercise: Working in pairs, reduce the size of the "Bikes for Refugees" text so that it fits on a small screen (320px). But make sure it increases in size on larger screens.

Exercise: The two buttons in the jumbotron don't fit on the same line on small screens around 320px wide. Can you adjust their size so that they fit on the same line?

Flexbox

Flexbox is a name for a set of CSS layout rules which are supported in newer browsers. They allow you to apply rules to elements to place them side-by-side and re-arrange them. You just specify how you want your elements arranged and the browser will scale this arrangement depending on the screen size and device used for viewing.

Most flexbox rules are applied to the container, to tell it how to arrange its children. However, there are some rules that can be applied to children as well.

You can see all the rules that can be applied to both the container and the children here:

Exercise: Continue editing the "Bike for refugees" website by adding 3 boxes below Jumbotron, and using Flexbox, make sure they are arranged like in the sketch below:

You can start with something like the below, by just adding a container, and the 3 text pieces within it. Try to use flexbox to position the text elements within the container to match the picture:

Once that's done you can move on to creating boxes for each individual text piece, and again, using flexbox to position the text piece in the middle of its box.

Let's take a break from flexbox for a minute. Do you remember the :first-child psuedo class? There's a :last-child psuedo class as well.

Exercise: See if you can use these psuedo classes to give the left box a grey background (#ddd) and the right box a grey border (1px solid #ddd). Use to guide you.

Workshop

Make a website inspired by .

Note - It must be mobile responsive and you can not use any third party library.

HTML/CSS Frameworks

A design framework is a collection of re-usable code snippets which you can use to build a website. It is sometimes called a "design system", "style guide", or "pattern library", and will usually consist of three things:

1. Brand guidelines define the appropriate typography, colors and logos to use.

2. Components define re-usable code snippets for common requirements, like navigation menus.

3. Helpers define additional code tools to construct the site, like layout grids.

The main goals of a design framework are to ensure design consistency and avoid writing the same code twice.

Bootstrap 4

is CSS and JavaScript code that we . Bootstrap's documentation describes how to write HTML code that fits the Bootstrap components, including a as well as several .

Exercise (15 minutes)

Fork and follow the instructions in the to create a new page and add a card component to it.

Assignment

Note: Ignore any ads, icons, and interactive elements (which use Javascript). If you really want to grab icons, try taking a screenshot of them and making an image file out of that.

1. Go to and have a look around.

2. Set up a GitHub repository for this project.

3. Create a new HTML document.

4. Think about all the elements on the page and how they are grouped together.

Personal Website Project

Over the last two weeks, you've been building personal websites as part of your homework. Now we want you to take those websites and apply the knowledge you've learned to make them as good as you can. Some ideas:

• Add to your site and use some of the components.

• Use re-usable class names to reduce your CSS code.

• to find and fix problems.

• Add a second page and link to it from your first page.

By the end, you should have created a repository for your site on GitHub with all the commits you've made.

Resources

• at Marksheet.io

• at ShayHowe.com

Introduction

GitHub is often seen as the LinkedIn for software developers. But it does more than just connecting the tech community; it also provides access control and several collaboration features such as bug tracking, feature requests, task management, continuous integration and wikis for every project. And just as important: (good) recruiters use it as well to see how well you can code and how active you are!

Creating a GitHub profile

Starting with LinkedIn is easy: just go and follow the steps to create your personal profile. There are some important things to keep in mind:

• Choose a username that can be tracked to your name so recruiters can easily find you (so not codinglover1993, but rather VincentvanG1993)

• Keep in mind that your profile will be public, so just like with LinkedIn, fill the data correctly with correct spelling and capitalisation

• A profile picture is a little less super important as with LinkedIn, as on GitHub, it's mainly about your coding skills and experience. You can also choose to make an avatar, through for example

Creating an (awesome) profile page

As GitHub is a tech platform, you need to use your tech skills to make your profile really complete. The best way to do so is to 'code' your own profile page, which you can do by adding a README file to your profile 'Repository'. How to do so?

Step 1: creating a README.md file for your profile

1. Create a new repository with the same name as your GitHub username. For example, if your username is Gapur, the repository name must be Gapur.

2. Within the repository, create a README.md file. This new file will be displayed on your GitHub profile page!

Step 2: code that README.md file!

Now it's time to be creative! You can use HTML markup to style the file, and just like with HTML, you can insert images and other content. In general, we recommend to create various sections, like LinkedIn does as well. For example, you can add the following sections with <h1> (or h2) elements:

• Quick introduction (who you are, what you do, what you're good at in tech)

• Examples of your experience (web development student at MigraCode, completed various Khanacademy courses, for example)

• Projects portfolio (from small to big ones)

• Goals (learning Java, learning NodeJS, etc.)

Start contributing!

Now that you have your GitHub page ready, and you may have added your first followers, it's time to become really active. It's SUPER important to have an active GitHub profile, as recruiters will definitely check if you are actively coding and upgrading your skills!

Option 1: committing your own work and projects

A great way to keep your GitHub profile active and to easily show-off your tech skills is by simply committing all the hard work you do for MigraCode and any other projects or courses. Make sure to commit each exercise, save each project you do and keep track of larger projects in your profile README.md. And keep them organized in the correct repositories, so it's easy for recruiters and others to separate your work.

Option 2: contributing to open-source projects

There are many reasons why contributing to open-source projects is a great idea:

• It builds your resume by demonstrating that you can collaborate with others on code.

• It gives you practice with Git and GitHub, which is a valuable data science skill.

• It helps you to build relationships in the open source community.

• It feels good to give back to a project that you use!

And luckily, there are many guides out there that explain you in simple steps how to start contributing right away. We found on DataSchool, although on Akrabat also looks good.

Introduction

This is the first time we will build a software product, but how do we start? Do we create a file in Visual Studio and write the first lines of code? Do we draw and write everything like in a building plan before start coding?

Build a software product doesn't require the same specification as a building, but you will have to make some questions before start coding, like:

1. What are the requirements?

2. What budget/time/resources do we have to do it?

3. How could be the product to give an answer to those requirements?

Software development life cycle

Waterfall model

Agile Methodologies

SCRUM

SCRUM is an Agile Methodology

Actors:

• Product Owner:

• Development Team:

• Scrum Master:

Items:

• Scrum Task Board:

• Product Backlog:

• Sprint Backlog:

Meetings:

• Sprint Planning:

• Sprint Review

• Sprint Retrospective

Final Project Phases

The main work phases are:

1. Requirements Analysis & Design

2. Planning

3. Development

4. Testing

To these phases we will apply SCRUM

Actors:

• Product Owner: the client or the idea's owner

• Development Team: the developers

• Scrum Master: the instructor

Items:

• Scrum Task Board: we will use Trello

• Product Backlog: column with all functionalities we would like to have in our product

• Sprint Backlog: column with all functionalities we would like to finish during a Sprint

Meetings:

• Sprint Planning:

• Sprint Review

Assignment

In this project, we’ll walk through the basic Git workflow that you will use in all your projects.

Create the Repository

1. Create a new repository by clicking the button shown in the screenshot below.

Needed Tools

List of tools:

• Slack

Slack is our main communication tool. Any help you need or any questions you have: communicate them via Slack! Many tech companies also use Slack and it’s a huge advantage to have Slack skills when you apply for jobs in tech.

An introduction video

Introduction to React-Router

In the past few weeks, you've learned how to build applications with React and the different applications and examples were all built on a single page. However, what if you wanted to have different pages with each page having its own URL (so you can bookmark it for example)? You will need to introduce a router in your application. In JavaScript, a router is the piece of code which is in charge of switching between views of your application and keep each view in sync with a specific URL. For example, you could imagine having a homepage reachable from the root path / and a users page with the path /users. In React, a popular library to help you achieve this is React-Router.

Let's look at a first example (interactive example):

React-Router provides some default React components that you can use to enable routing in your application. First, notice the top level <BrowserRouter> component which wraps everything else. Each route is defined with the <Route> component which maps a path (defined with the path props) with a React component. In the simplest case, you can specify the React component to map to the path with the component props. However, it is assuming you don't need to pass any props to it. If you face a more complex scenarios or if you need to pass props to your React component, you can use the render props which takes a function and return exactly what you want to render on this path. Then, the Link component can be used to create links to navigate to different routes.

Exercise A Open the pokedex React application. In this exercise, React-Router will be introduced. Instead of displaying all your components in the same page, we will use React-Router to define different pages in the pokedex application.

1. In the terminal, install React-Router with npm install --save react-router-dom.

2. Open src/App.js and import BrowserRouter, Route and Link components from React-Router (hint:

URL parameters

Sometimes, parameters can be passed from the URL to a React component directly via its props. In this case, different URLs can be mapped to one single React component. For example, in an online shopping application, a React component Product may be responsible to display a specific product on the page. By using URL parameters, the name or ID of the requested product can be specific in the URL and React-Router will pass it a props of the Product component ():

In the route definition above, a specific syntax is used to define the URL parameter: :name. Then in the Product component, the value of name can be accessed through the component props match.params.name.

Exercise B In the following, we will create a new component to display a Pokemon information. The Pokemon name will be passed through the URL and displayed on the screen.

1. Create a new component PokemonInfo.

2. In src/App.js, create a new route which maps the path /pokemon/:name to the previously created component PokemonInfo (hint: <Route path="/pokemon/:name" component={PokemonInfo} />

Further Reading

A lot of examples are available on the .

Table of content

Client Programming

1. The location and history objects

2. Document object

3. The form object

4. IFE

5. Dynamic Scope vs. Lexical Scope

6. call(), apply(), bind()

7. bind() and currying

8. Functions are Objects

9. First Class Citizens

10. Higher Order Functions

11. Closures and Encapsulation

12. Promises

13. ES8 - Async Await

14. Job Queue

15. Parallel, Sequence and Race

16. ES2020: allSettled()

17. ES2021: any()

18. Threads, Concurrency and Parallelism

19. What Is A Module?

20. Module Pattern

21. CommonJS, AMD, UMD

22. ES6 Modules

Server programming

1. Collections

   1. Arrays

      1. Array Initialization

Some details:

• Team: group of 3-4 students and an experienced mentor, one of the students will have the role of Team Leader. Every team will develop an independent project.

• MVP: A Minimum Viable Product is a product with enough features to attract early-adopter customers and validate a product idea early in the product development cycle

• Software Stack: In this Final Project, we will build a full-stack prototype using the complete stack we learned -> (HTML+CSS+Javascript+React+Node+Express+Postgre SQL)

• Duration: 7 weeks

Objectives

During the Project you will work on your technical and communication skills. At the end of this module you'll learn the following:

Technical skills

• How to build a complete full-stack application

• Understanding how each part of an application relates to each other

• What it means to work on a feature

Communication skills

• How to communicate effectively with team members

• Keeping track of your project's progress

• Knowing if you understand what's asked of you

Finally you will have a nice project to add to your portfolio

Students Testimonials

Comments of the Final Project from students:

"Thanks to the final project and my team, during this process I understood how I can use together all the modules learned. I could realize that just with a nice idea, basic HTML, CSS, node and database is possible to make a really nice project. Imagine what would be possible if you keep learning all of them?"

by Thiago Luiz Pereira

"The final project is a great opportunity to put your knowledge in practice and also to find out how it is to work in team. You will understand how all the different parts such as HTML, CSS, React and Node work together. You will also understand how important it is to have a good planning and to assign different tasks to different members of your team. And once you get into the flow of creating and developing you will suddenly understand how much knowledge you collected and what amazing stuff you are able to do!"

by Ion Oaie

"I can describe my experience as team leader for the final migracode project as a perfect “first contact” of what it will be like to work in the tech sector when it comes to making a digital product.

I was lucky enough to have a complete team that made the experience as real as possible, from the design of the user experience to the production process, including the workflows in GIT and the organization of the tasks with SCRUM agile methodologies.

I was able to see first-hand the challenges faced by development teams, which range from optimising the most human aspects (creating team synergies, motivating members or trying to make them understand the product vision) in order to be more efficient and productive, to choosing all the right technologies (stack) and technical processes in order to produce a quality product while wasting the minimum possible resources.

In addition to having a great coordinator who has given us feedback to optimize correctly and professionally all our work.

I consider that I still have a long way to go but in short, this experience has considerably and correctly shortened what could have been something more tedious and disorganised."

by Alexei Soliz

Succeed projects

Check page to see the complete list of projects.

Over nine weeks, we take you from writing your first javascript program all the way to the most modern tools and techniques. You’ll learn how to make website’s interactive and to write excellent, clean code.

Below an overview of the week-by-week topics - click on the title to find more details.

Table of Content

Dot Net

Git in the final projects

In the final projects you will have to manage a Git repository to work all the Team together, there are many ways to do it, but these are our recommendations:

• Separate front-end and back-end code: Create one repository for the back-end code and another one for the front-end code, or in the same repository create a folder for the back-end and a different folder for the front-end, but take into account to manage the folders and package.json properly without breaking others work

Introduction

Once you have created your online profiles and you have them fully setup as described in the previous sections, you can't just leave them there. You will need to be actively engaging with these networks, ideally on a daily or weekly basis. Don't worry: this is quite easy, as these networks are made exactly for that!

Scope

What we can do in the final projects is a simple version of a Web Application, that we can call "Minimum Valuable Product (MVP)" or prototype.

To think about the idea and scope to develop, we need to have in mind the following points:

• We have only 6 weeks to work in the project to develop the project

• The main objective of the final project, is learning and put into practice the Web Development concepts they acquired (front-end, back-end and databases).

• The output of the project, could be a tool that improves a process in the organization or a new idea, that can register information through different forms, with different types of users and different functionalities.

What we do not as a final project:

• Native mobile application for Android or i-Phone. What we can generally do are responsive Web Applications, that could be visited from a Mobile or a Desktop.

• Web Sites. A Web Site that can be done with wordpress is not the objective of the Web Development course,

Projects for NGO's and third parties

At MigraCode try to find interesting, tech-for-good projects for that stretch the abilities of our students whilst helping an NGO or Charity solve a problem they are facing.

Non-Government Organisations (NGOs) and Third parties focused on improve people lives are not indifferent to digitalization and start to increase their investment to technology. In almost every aspect of life and work, we can see the effects, institutions cannot be independent of this 'digital life', with new habits brought by digitalization. Every time more, digitalization is fundamental for NGOs and third parties to cover their processes and optimize human resources.

What MigraCode offers to NGOs, is a tool to improve the performance, covering manual processes done by email, in an Excel Sheet or in a paper. Like:

• Look and register new volunteers and assign them

• Web Page with forms that users can fill, and there is a process to do with the information

• A typical process that now is done in an Excel sheet, and it is not enough

Go to List of Projects to see a complete list of proposals

Submit your idea

1. Fill this Google Form .

2. Complete all the required fields and provide as much information as possible.

3. Send a confirmation email to [email protected] or a message on Slack to @yogi

Your obligations

Once your project has been selected by the students you should:

1. Prepare product specifications in detail: prepare a speech to explain to the team your project idea and vision, and all the documents, links, etc, that can be helpful for the team

2. Join the Kick-off Meeting: Check the of the assigned course and join the Kick-off meeting

3. Answer product questions: the team has a Slack channel (if you don't know it is like a Whatsapp for teams) to talk offline during the week, so they can make you questions about the project or ask for a team meeting if needed

Student's Project Ideas

Some students may have some ideas about projects that they would like to complete for their Final Project. Before the Final Project starts, ideas should be gathered and fully specified before the start of the first week.

A good project should:

• Show all of the skills the student has learnt at MigraCode so far

• Be large enough that four people can work on it for 6 weeks and still have work to do

• Be something that the student is passionate about

• Be innovative and could have a future use

Submit your idea