SheCodes Pro | SheCodes

Gain in-depth knowledge of Front-End Development

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

Technologies you will learn

HTML

HTML

CSS

CSS

JavaScript

JavaScript

VSCode

VSCode

API

API

GitHub

GitHub

Hosting

Hosting

Bootstrap

Bootstrap

Flexbox

Flexbox

SEO

SEO

Responsive

Responsive

React.js

React.js

๐Ÿ‘ฉโ€๐Ÿ’ป What youโ€™ll learn

โœ”๏ธ The fundamental coding languages HTML, CSS and JavaScript
โœ”๏ธ 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

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

6 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

SheCodes Students
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.

195,000+ women highly recommend SheCodes

Employees from these organizations also joined SheCodes Workshops

๐Ÿ‘ฉโ€๐Ÿซ 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 an interactive landing page, 2 fully functioning web applications and your own online portfolio!ย 
Example of final projects you will code

๐ŸŽ“ Get 4 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.

Introduction to Coding

Introduction to Coding Certificate

Web Development

Web Development Certificate

Responsive Web Development

Responsive Web Development Certificate

React Development

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 start with the fundamentals of HTML, CSS and JavaScript and gradually learn more advanced techniques in these languages. You will learn to fetch real data from live APIs and how to use code management tools that professionals use. Youโ€™ll learn 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! ๐Ÿ™€

๐ŸŽ’ Lessons and challenges

  • 1 - Workshop Week 1 Overview Preview
  • 2 - Your instructor
  • 3 - HTML Elements Preview
  • 4 - HTML Attributes
  • 5 - Developer tools
  • 6 - Coding editor
  • 7 - Prettier
  • 8 - Slack
  • 9 - CSS Selectors
  • 10 - HTML Classes
  • 11 - VS Code Tips
  • 12 - CSS Properties
  • 13 - CSS Colors
  • 14 - Color palettes
  • 15 - CSS Positioning
  • 16 - CSS Spacing
  • 17 - CSS Borders
  • 18 - CSS Pseudo-selectors
  • 19 - Default CSS Styling
  • 20 - HTML Container Elements
  • 21 - Workshop Week 1 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework

  • Workshop Week 1 Homework

๐ŸŽ’ Lessons and challenges

  • 1 - Workshop Week 2 Overview
  • 2 - JavaScript in the Browser
  • 3 - JavaScript Variables
  • 4 - JavaScript in HTML
  • 5 - JavaScript If Statements
  • 6 - JavaScript If Else statements
  • 7 - JavaScript Logical operators
  • 8 - JavaScript Functions
  • 9 - JavaScript Selectors
  • 10 - JavaScript Events
  • 11 - JavaScript Refactoring
  • 12 - Workshop Week 2 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework

  • Workshop JavaScript Homework

๐ŸŽ’ Lessons and challenges

  • 1 - Project Overview
  • 2 - Project - HTML
  • 3 - Project - CSS
  • 4 - Project - JavaScript
  • 5 - Project - Finishing touches
  • 6 - Project Summary

๐Ÿš€ Final Project

  • SheCodes Final Project

๐ŸŽ’ 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

๐ŸŽ’ Lessons and challenges

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

๐Ÿ‘ฉโ€๐Ÿ’ป Homework

  • Project CSS

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ Lessons and challenges

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

๐Ÿ‘ฉโ€๐Ÿ’ป Homework

  • Search Engine

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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

๐ŸŽ’ 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.

๐Ÿ‘ฉโ€๐Ÿ’ป
4 Coding Workshops

Basics
Coding Workshop
See full curriculum
Plus
Coding Workshop
See full curriculum
Responsive
Coding Workshop
See full curriculum
React
Coding Workshop
See full curriculum

๐ŸŽ–
4 Verified Certificates

See samples

โš™๏ธ
12 Technologies Learned

HTML HTML
CSS CSS
JavaScript JavaScript
VSCode VSCode
API API
GitHub GitHub
Hosting Hosting
Bootstrap Bootstrap
Flexbox Flexbox
SEO SEO
Responsive Responsive
React.js React.js

๐Ÿ’ป
4 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 195,000+ students how to code (online and offline) through SheCodes. His workshop rating average is ๐ŸŒŸ 4.9/5.

Matt

We've taught 195,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

Trustpilot
4.98/5 | See reviews

Course Report
4.98/5 | See reviews

Switchup
4.97/5 | See reviews

Career Karma
4.8/5 | See reviews

Kata Szajko
SheCodes Graduate
5/5
Highly recommended by Kata
SheCodes has been such an a...
Kayla Shovlowsky
SheCodes Graduate
5/5
Highly recommended by Kayla
I would highly recommend Sh...
Laura Ellington
SheCodes Graduate
5/5
Highly recommended by Laura
SheCodes has been an enrich...
Sรญlvia Amorim
SheCodes Graduate
5/5
Highly recommended by Sรญlvia
I recommend SheCodes to eve...
Sabina Sigmundovรก
SheCodes Graduate
5/5
Highly recommended by Sabina
I have successfully complet...
Kim Ferrell
SheCodes Graduate
5/5
Highly recommended by Kim
I've really enjoyed the She...
Lilish Warrior
SheCodes Graduate
5/5
Highly recommended by Lilish
I have enjoyed these worksh...
Gabriela Paredes
SheCodes Graduate
5/5
Highly recommended by Gabriela
After completing the 4 cour...

๐Ÿค” Frequently Asked Questions

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

There are no requirements. This is open to complete beginners!

This workshop is designed for complete beginners. You'll start with some basics and build upon your knowledge gradually. If you want to delve deep into the world of coding as you begin your coding journey, then this workshop is for you!

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.

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.

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.

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.

๐Ÿ’ฌ Success Stories

Abbey

Front End Developer

Read story

Iris

Developer Trainee

Read story

Daniela

Freelance Developer

Read story

Not sure if this is for you?

Browse all of our workshops and compare them.

$1,590
or $299 for 6 months

๐Ÿ‘ฉโ€๐Ÿ’ป LEVEL
Absolute beginners

โฐ DURATION
6 months or 8 weeks

INCLUDED IN THIS PACKAGE:
๐Ÿ‘ฉโ€๐Ÿซ 4 coding workshops
๐Ÿ”– 4 Verified Certificates
๐Ÿ’ป 4 real-life projects
โš™๏ธ 12 technologies
๐Ÿค Technical assistants

$1,590
or $299 for 6 months

198,748 women already enrolled

Enroll Today
Starts Mar 3
Enroll Next Week
Starts Mar 4

You can change your enrollment date anytime.