Learn to Build Responsive Websites

Take your coding projects to the next level with multi-page websites and responsive code that adapts to any device.

Technologies you will learn

HTML

CSS

VSCode

GitHub

Bootstrap

Hosting

Flexbox

SEO

Responsive

👩‍💻 What you’ll learn

✔️ How to make your code responsive to any screen size
✔️ How to build a unique online portfolio

✔️ How to build multi-page websites
✔️ How to host your code on GitHub, advanced Bootstrap (Navigation, Utility Classes, etc.), Flexbox, Multiple Page Hosting, Media Queries and more

4.9 / 5

Highly recommended by 189,337 students

How it works

Location

100% Online

All you need is your Laptop/PC and good internet connection

Schedule

Self-paced

Plan your learning for each week and go at your own pace

Duration

5 weeks
(5 hours of work per week)

or 3 weeks
(15-20 hours of work per week)

Get your questions answered by professional developers

Beginners have questions - we’ve got you covered.

Gain access to our support chat and get help from our team of technical assistants, 24/7

Our mission

SheCodes is here to help

Women hold just 25% of all coding jobs and earn 30% less than men.

SheCodes aims to bridge this gap by teaching relevant skills for today’s job market.

Take the first step to your dream career in tech.

190,000+ women highly recommend SheCodes

Employees from these organizations also joined SheCodes Workshops

See what they say →

👩‍🏫 Learn with a unique methodology

Practice makes perfect. We’ve found the perfect mix of theory and practice to maximize your learning.

📹 Engaging Lessons

Learn from pre-recorded lesson videos with small practical challenges to get your hands dirty from the start.

💻 Weekly Deadlines

Complete a practical homework each week to sum up what you learned. Build a final project at the end of each cohort.

⚙️ Technical Assistance

Get help with your code and have your homework reviewed by professional developers. For quick questions, ask Athena, our AI Coding Assistant and get an instant reply.

🗂️ Interactive learning platform

Our learning platform keeps all of your material in the same place. Watch lessons, submit challenges, or extend your deadlines with just a few clicks.

💻 Build a real-life project

See your new coding skills come to life at the end of each workshop. Build your own responsive portfolio!

Example of final project you will code

Portfolio Website Project

🎓 Get 1 Certificate

Receive a verified certificate at the end of each coding cohort.

Share it in the Certifications section of your LinkedIn profile and add it to your resume or CV.

Responsive Web Development Certificate

Shareable on

📚 Workshop Curriculum

SheCodes Responsive is ideal for those looking to become professional developers. You’ll learn how to make your code responsive to any device and how to build a multi-page website.

By the end of this workshop, you’ll be able to build your own responsive portfolio all on your own! 🙀

Workshop Week 1

🎒 6 lessons - 💻 6 challenges - 👩‍💻 Homework

🎒 Lessons and challenges

1 - Responsive Week 1 Overview Preview
2 - Multiple HTML Pages
3 - Advanced HTML Links Preview
4 - CSS Variables
5 - Advanced Flexbox
6 - Responsive Week 1 Summary

👩‍💻 Homework

Advanced HTML/CSS Homework

Workshop Week 2

🎒 7 lessons - 💻 7 challenges - 👩‍💻 Homework

🎒 Lessons and challenges

1 - Responsive Week 2 Overview
2 - Bootstrap
3 - Utility CSS Classes
4 - Responsive Grids
5 - Responsive Images
6 - Responsive Navigation
7 - Responsive Week 2 Summary

👩‍💻 Homework

Advanced Bootstrap Homework

Workshop Week 3

🎒 7 lessons - 💻 7 challenges - 👩‍💻 Homework

🎒 Lessons and challenges

1 - Responsive Week 3 Overview
2 - Responsive Testing
3 - CSS Media Queries
4 - Live Server
5 - Multiple Page Hosting
6 - SEO
7 - Responsive Week 3 Summary

👩‍💻 Homework

Advanced Tools Homework

Workshop Week 4

🎒 9 lessons - 💻 9 challenges - 👩‍💻 Homework

🎒 Lessons and challenges

1 - Responsive Week 4 Overview
2 - Portfolio Project / Wireframe
3 - Portfolio Project / User Interface
4 - Figma
5 - Portfolio Project / Setup
6 - Portfolio Project / Git + Github
7 - Portfolio Project / Homepage Hero
8 - Portfolio Project / Homepage Content
9 - Responsive Week 4 Summary

👩‍💻 Homework

Responsive Homepage Homework

Workshop Week 5

🎒 8 lessons - 💻 8 challenges - 🚀 Final project

🎒 Lessons and challenges

1 - Responsive Week 5 Overview
2 - Portfolio Project / About Page
3 - Portfolio Project / Work Page
4 - Portfolio Project / Contact Page
5 - Portfolio Project / Header
6 - Portfolio Project / Footer
7 - Portfolio Project / SEO
8 - Responsive Week 5 Summary

🚀 Final Project

SheCodes Responsive Final Project

📦 What's included

We provide everything you need to succeed.

👩‍💻
1 Coding Workshop

Show workshops included

Responsive
Coding Workshop
See full curriculum

🎖
1 Verified Certificate

See samples

⚙️
9 Technologies Learned

See technologies included

HTML

CSS

VSCode

GitHub

Bootstrap

Hosting

Flexbox

SEO

Responsive

💻
1 Final Project

♾️
Lifetime Access

📅
Weekly Deadlines

👩‍🏫
Live Technical Assistance
by professional developers

👍
Homework Review

🤖
AI Coding Assistant

🛟
Standard Support

Meet your instructor, Matt Delac!

Matt Delac is a software engineer with 10+ years of experience who has worked with companies such as Google and Airbnb.

Originally from 🇫🇷 France, he started a company in 🇺🇸 Silicon Valley with funding from Y Combinator (#1 startup accelerator worldwide), has a Masters degree in computer engineering from 🇨🇦 Canada, worked as a full-stack engineer in 🇦🇺 Australia and has taught 190,000+ students how to code (online and offline) through SheCodes. His workshop rating average is 🌟 4.9/5.

See what students say about him See Matt’s LinkedIn

We've taught 190,000+ women from all over the world

All of our students started our workshops as complete beginners! Here’s what a few of them had to say

See more reviews

Taylor Pierce
SheCodes Graduate

5/5

Highly recommended by Taylor

SheCodes helped me to build...

Marilyn Greve
SheCodes Graduate

5/5

Highly recommended by Marilyn

SheCodes Responsive Worksho...

Sanne Peters
SheCodes Graduate

5/5

Highly recommended by Sanne

SheCodes Responsive was an ...

Esther Della Cagna
SheCodes Graduate

5/5

Highly recommended by Esther

I took a break during this ...

Stephanie Davis
SheCodes Graduate

5/5

Highly recommended by Stephanie

SheCodes Responsive was a g...

Chloe Dentrinos
SheCodes Graduate

5/5

Highly recommended by Chloe

The SheCodes Responsive wor...

Laura Dumitru
SheCodes Graduate

5/5

Highly recommended by Laura

I really enjoyed taking thi...

Ilenia Natoli
SheCodes Graduate

5/5

Highly recommended by Ilenia

I really enjoyed SheCodes R...

🤔 Frequently Asked Questions

If you have any other questions, reach out to us at [email protected]

What are the requirements to join?

You must have already finished SheCodes Plus before the start date of the workshop.

Who is this workshop for?

This workshop is for students who have already enrolled in SheCodes Plus and have finished their JavaScript project. If you want to learn responsive design and strengthen your development skills, then this workshop is for you!

What if I was enrolled in SheCodes Plus a while ago?

It doesn’t matter how long ago you took SheCodes Plus. Students from all past and existing SheCodes Plus workshops are welcome to join SheCodes Responsive. It’s recommended that you review the SheCodes Plus material and come prepared to dive deep into the new material.

Who teaches the workshops?

The workshops are taught by SheCodes founder, Matt Delac. He is a full stack engineer with over ten years of experience in the field of development.

Can I watch the lesson videos whenever I want?

Yes! You can watch the lesson videos whenever is convenient for you. Keep in mind that you’ll have homework deadlines, so just make sure you watch the designated weekly lesson videos in time to complete your homework.

How can I complete the workshop payment?

The workshop payment can be completed with Visa, Mastercard, or bank transfers. If you’d like to pay with a bank transfer, contact [email protected] to receive payment instructions.

Do I need a laptop to join?

You’ll need a laptop or desktop computer to complete the workshop. You'll also need to make sure that your device is able to download the necessary free software required. You cannot use iPads, tablets, or smartphones to complete the workshops; however, maybe you can borrow a laptop or computer from someone if necessary.