🤖 Step 3: Learn HTML and CSS with Scrimba

This course will teach you HTML and CSS through building and deploying four awesome projects. It’s fully interactive with over 75 coding challenges and no prerequisites — perfect for beginners!

🚀 Getting Started

Create an account on Scrimba
Go to the course: Learn HTML and CSS
Follow along with the interactive lessons and complete the challenges
Build and deploy your projects

📚 What You’ll Learn

🧱 HTML

Basic HTML tags
HTML document structure
Anchor tags & input fields
Chrome Dev Tools
How HTML and CSS work together

🎨 CSS

Basic CSS syntax
Centering with CSS
CSS Flexbox basics
Padding, margins, and borders

🧰 Tools & Deployment

Deployment with Netlify
Getting started with GitHub

🧠 What you need to pass this module

⏱️ Course Duration: ~5.7 hours
🧩 Full Completion Time: 10–15 hours (with projects and challenges)
⚡ Requirement to pass: A screenshot of all having watched all parts of the course and the deployment of the Birthday GIFt Site. Do not worry if your course copletion does not show 100%, as long as you have above 90% in all the projects, we consider this completed, as we know that some exercises are only available to PRO members.

⚠️ Note: You do not need to pay for Scrimba! It is a free resource except for the “solo project” which we are skipping. In general you are not required to hand in scrims, but rather to watch the videos and learn ➡️

💪 Just in case it was not clear yet…

All projects except the Hometown Homepage are mandatory for passing into the next round, (but you do not have to hand all of them in, just show you have watched the videos).
The Birthday GIFt Site needs to be deployed externally, you will need to have created your own files on your local machine.
For that it will be necessary for you to download VSCode to edit code and make a free Netlify account to deploy your site at the end- follow instructions on the Scrimba course.
In the case that you need assistance, do not hesitate to contact us on Slack (view help section) - asking for help will not impact your application negatively (quite the opposite, we believe in sharing blockers and helping one another in the MigraCode community!)

✅ A screenshot showing above 90% of course completion and a link to your deplyed GIFt Site is enough — no official Scrimba certificate is required (no need to pay for the PRO version of Scrimba)!

Learn HTML and CSS

🔗 Scrimba

One of us will review your submission once you have sent us the full email with all requirements and will check it meets the acceptance criteria.

Here is the criteria you need to meet:

You confirm you have completed the Scrimba course on HTML/CSS
You have created your own files on VSCode and polished the GIFt site
You have deployed the GIFt site on Netlify

Submission

You must submit the screenshots and the link to your deployed site by sending it (along with the other requirements) to barcelona@migracode.org. Please check the Manual for exact instructions.

When you have a question, ask it.

💡MigraCode is a Community

Remember, MigraCode is a community of adults sharing skills. We are all here to help each other, and learn. You are meant to ask questions at MigraCode.

When you see someone else has a question, help them if you can.

When you have questions about coursework, ask in on Slack🧶

More common issues

I don't have a computer

Here are some ways MigraCode solved this problem in the past:

Use a computer in a local library.
Borrow a computer from a friend or a relative if you can.
Use one of our laptops while at our office at Carrer del Rec 27 in Barcelona. We do not have enough laptops to borrow to all of the prospective students, therefore we can only lend you a laptop once you are enrolled. If you are accepted as a students you can borrow a laptop for the entirety of the bootcamp- which you can take home. Let us know you need one at barcelona@migracode.org or text us on the MigraCode Slack.

module HOCW ITD

🚀 Three

Build five simple projects using HTML and CSS in Scrimba