Gain in-depth knowledge of Front-End Development

Learn advanced front-end development techniques and how to build responsive websites. Excel in collaborating with developers. Go from beginner to advanced.

Technologies you will learn

HTML

CSS

JavaScript

VSCode

API

GitHub

Hosting

Bootstrap

Flexbox

SEO

Responsive

React.js

👩‍💻 What you’ll learn

✔️ Advanced JavaScript techniques (ES6) to build your first interactive application
✔️ How to make your code responsive to any screen size
✔️ How to build a unique online portfolio

✔️ How to host your code on GitHub, advanced Bootstrap (Navigation, Utility Classes, etc.), Flexbox and more
✔️ React - a framework used by tech companies like Meta and Tesla

4.9 / 5

Highly recommended by 188,927 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 months
(5 hours of work per week)

or 8 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 real-life projects

See your new coding skills come to life at the end of each workshop. Build 2 fully functioning web applications and your own online portfolio!

Example of final projects you will code

Weather App Project

Portfolio Website Project

React Weather App Project

🎓 Get 3 Certificates

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.

Web Development Certificate

Responsive Web Development Certificate

React Development Certificate

Shareable on

📚 Workshop Curriculum

SheCodes Pro is ideal for those looking to gain in-depth knowledge of front-end development. You will learn advanced page animation techniques with JavaScript functions. You will learn to fetch real data from live APIs and how to use code management tools that professionals use. You’ll learn how to make your code responsive to any device and will become familiar with the high-in-demand React framework.

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

Workshop Week 1

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

🎒 Lessons and challenges

1 - Plus Week 1 Overview Preview
2 - HTML Revision
3 - CSS Revision
4 - Advanced Elements in HTML Preview
5 - HTML Forms
6 - Multiple files
7 - Advanced VS Code Tips
8 - Plus Week 1 Summary

👩‍💻 Homework

Project HTML Structure

Workshop Week 2

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

🎒 Lessons and challenges

1 - Plus Week 2 Overview
2 - CodeSandbox
3 - Missing files debugging
4 - Visuals
5 - Fonts
6 - Flexbox
7 - Advanced CSS Positioning
8 - Advanced Selectors in CSS
9 - Plus Week 2 Summary

👩‍💻 Homework

Project CSS

Workshop Week 3

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

🎒 Lessons and challenges

1 - Plus Week 3 Overview
2 - JS Revision
3 - JS Strings
4 - JS Math
5 - JS Arrays and Loops
6 - JS Objects
7 - JS Arrays vs Objects
8 - Plus Week 3 Summary

👩‍💻 Homework

JS data types homework

Workshop Week 4

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

🎒 Lessons and challenges

1 - Plus Week 4 Overview
2 - JS Functions
3 - JS Functions Parameters
4 - JS Debugging
5 - JS Functions Return
6 - JS Dates
7 - JS Selectors
8 - JS Events
9 - JS Forms
10 - Plus Week 4 Summary

👩‍💻 Homework

HTML/CSS to JS

Workshop Week 5

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

🎒 Lessons and challenges

1 - Plus Week 5 Overview
2 - API
3 - AJAX
4 - Weather API
5 - Plus Week 5 Summary

👩‍💻 Homework

Search Engine

Workshop Week 6

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

🎒 Lessons and challenges

1 - Plus Week 6 Overview
2 - Install Git
3 - GIT
4 - GitHub
5 - Hosting
6 - Netlify
7 - Plus Week 6 Summary

👩‍💻 Homework

GitHub + Hosting

Workshop Week 7

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

🎒 Lessons and challenges

1 - Vanilla Weather Search Overview
2 - Vanilla Weather Search / Project Setup
3 - Vanilla Weather Search / Project Design
4 - Vanilla Weather Search / HTML
5 - Vanilla Weather Search / CSS
6 - Vanilla Weather Search / Search engine
7 - Vanilla Weather Search / API Integration
8 - Vanilla Weather Search / Weather Data
9 - Vanilla Weather Search / Summary

👩‍💻 Homework

Vanilla Weather Search Homework

Workshop Week 8

🎒 7 lessons - 💻 7 challenges - 🚀 Final project

🎒 Lessons and challenges

1 - Vanilla Weather Forecast Overview
2 - Vanilla Weather Forecast / Plan
3 - Vanilla Weather Forecast / HTML/CSS
4 - Vanilla Weather Forecast / JS Template
5 - Vanilla Weather Forecast / API
6 - Vanilla Weather Forecast / API Integration
7 - Vanilla Weather Forecast Summary

🚀 Final Project

Plus Final Project

Workshop Week 9

🎒 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 10

🎒 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 11

🎒 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 12

🎒 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 13

🎒 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

Workshop Week 14

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

🎒 Lessons and challenges

1 - React Week 1 Overview Preview
2 - React Hello World Preview
3 - React and HTML
4 - React and CSS
5 - React Components
6 - React Properties
7 - React Multiple Components
8 - React Week 1 Summary

👩‍💻 Homework

HTML / CSS to React

Workshop Week 15

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

🎒 Lessons and challenges

1 - React Week 2 Overview
2 - JS Closures
3 - React Events
4 - React States
5 - React Forms
6 - React Week 2 Summary

👩‍💻 Homework

React Search Engine

Workshop Week 16

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

🎒 Lessons and challenges

1 - React Week 3 Overview
2 - React Conditional Rendering
3 - React Loops
4 - React AJAX
5 - React External Components
6 - React Week 3 Summary

👩‍💻 Homework

React AJAX Search Engine

Workshop Week 17

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

🎒 Lessons and challenges

1 - React Week 4 Overview
2 - Node.js
3 - Terminal
4 - Create React App
5 - React Debugging
6 - NPM
7 - React hosting
8 - React Week 4 Summary

👩‍💻 Homework

React + GitHub + Netlify

Workshop Week 18

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

🎒 Lessons and challenges

1 - React Weather Project / Project Structure
2 - React Weather Project / HTML
3 - React Weather Project / CSS
4 - React Weather Project / API Integration
5 - React Weather Project / Date
6 - React Weather Project / Search Engine
7 - React Weather Project / Weather Icon
8 - React Weather Project / Unit Conversion
9 - React Weather Search / Summary

👩‍💻 Homework

SheCodes React Weather Search Engine

Workshop Week 19

🎒 7 lessons - 💻 7 challenges - 🚀 Final project

🎒 Lessons and challenges

1 - React Weather Project / Forecast / Overview
2 - React Weather Project / Forecast / Layout
3 - React Weather Project / Forecast / API
4 - React Weather Project / Forecast / 1 Day
5 - React Weather Project / Forecast / 5 Day
6 - React Weather Project / Forecast / Refresh
7 - React Weather Project / Finishing touches

🚀 Final Project

React Weather App Final Project

📦 What's included

We provide everything you need to succeed.

👩‍💻
3 Coding Workshops

Show workshops included

Plus
Coding Workshop
See full curriculum

Responsive
Coding Workshop
See full curriculum

React
Coding Workshop
See full curriculum

🎖
3 Verified Certificates

See samples

⚙️
12 Technologies Learned

See technologies included

HTML

CSS

JavaScript

VSCode

API

GitHub

Hosting

Bootstrap

Flexbox

SEO

Responsive

React.js

💻
3 Final Projects

♾️
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

Erin Darling
SheCodes Graduate

5/5

Highly recommended by Erin

The responsive workshop rea...

Marit Versteeg
SheCodes Graduate

5/5

Highly recommended by Marit

I can't believe that I've f...

Elizabeth Mills
SheCodes Graduate

5/5

Highly recommended by Elizabeth

Another great course. I kee...

Lucy Joyce
SheCodes Graduate

5/5

Highly recommended by Lucy

I've really enjoyed my SheC...

Rishona Lee
SheCodes Graduate

5/5

Highly recommended by Rishona

I am so very proud to have ...

Karrie Brooks
SheCodes Graduate

5/5

Highly recommended by Karrie

“I have truly enjoyed my ex...

Libby Tutewiler
SheCodes Graduate

5/5

Highly recommended by Libby

Three units down and one to...

Nancy Grau
SheCodes Graduate

5/5

Highly recommended by Nancy

Matt's videos are so easy t...

🤔 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 the SheCodes beginner workshop before the start date of the workshop.

Who is this workshop for?

This workshop is for students who have already finished the SheCodes beginner workshop. If you want to learn advanced JavaScript, responsive design, and React to strengthen your development skills, then this workshop is for you!

What if I was enrolled in the SheCodes workshop a while ago?

It doesn’t matter how long ago you took the SheCodes Workshop. Students from all past and existing SheCodes beginner workshops are welcome to join SheCodes Pro. It’s recommended that you review the SheCodes Workshop 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.