SheCodes Max | SheCodes

Start a career as a Front-end Developer

SheCodes Max is the most complete program offered by SheCodes to maximize your coding skills and help you become a professional developer. Get expert coding skills and build a strong portfolio to start your career as a developer.ย 

Technologies you will learn

HTML

HTML

CSS

CSS

JavaScript

JavaScript

VSCode

VSCode

API

API

Git

Git

GitHub

GitHub

Hosting

Hosting

AI

AI

Bootstrap

Bootstrap

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 an interactive text generator with AI

โœ”๏ธ 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

8 months
(5 hours of work per week)


or 12 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.

200,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 2 interactive landing pages, 4 fully functioning web applications, an interactive AI text generator, a responsive multi-page website and your own online portfolio!ย 
Example of final projects you will code

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

Introduction to Web Development

Introduction to Web Development Certificate

Web Development

Web Development Certificate

Advanced Web Development

Advanced Web Development Certificate

Introduction to Artificial Intelligence

Introduction to Artificial Intelligence Certificate

Responsive Web Development

Responsive Web Development Certificate

Advanced Responsive Development

Advanced Responsive Development Certificate

React Development

React Development Certificate

Advanced React Development

Advanced React Development Certificate

Career Development

Career Development Certificate

Front-end Development

Front-end Development

Shareable on

๐Ÿ“š Workshop Curriculum

SheCodes Max is ideal for those looking to become professional developers. 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 how to make your code responsive to any device and will become familiar with the high-in-demand React framework. And you'll see the potential of Artificial Intelligence and how to build a text-generating tool powered by AI.ย 

By the end of this workshop, youโ€™ll be able to build a responsive multi-page website 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 - Basics Add-on Overview Preview
  • 2 - CSS Background
  • 3 - CSS Transform
  • 4 - CSS Grids
  • 5 - HTML Class Manipulation
  • 6 - Basics Add-on Project / Overview
  • 7 - Basics Add-on Project / Setup
  • 8 - Basics Add-on Project / Styling
  • 9 - Basics Add-on Project / Animations
  • 10 - Basics Add-on Project / Grid
  • 11 - Basics Add-on Project / Dark theme
  • 12 - Basics Add-on Summary

๐Ÿš€ Final Project

  • SheCodes Basics Add-on 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 - Plus Add-on Week 1 Overview Preview
  • 2 - HTML Input types
  • 3 - HTML Select Element
  • 4 - JS Timing Events
  • 5 - JS Date formats
  • 6 - JS Time Zones
  • 7 - Plus Add-on Week 1 Summary

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

  • Time zone dropdown

๐ŸŽ’ Lessons and challenges

  • 1 - Plus Add-on Week 2 Overview
  • 2 - World Clock Project / Setup
  • 3 - World Clock Project / HTML
  • 4 - World Clock Project / CSS
  • 5 - World Clock Project / Single location
  • 6 - World Clock Project / Multiple locations
  • 7 - World Clock Project / Local Time
  • 8 - Plus Add-on Week 2 Summary

๐Ÿš€ Final Project

  • SheCodes Plus Add-on Project

๐ŸŽ’ Lessons and challenges

  • 1 - AI Add-on Week 1 Overview
  • 2 - What is AI?
  • 3 - Prompt Engineering
  • 4 - AI APIs
  • 5 - SheCodes AI API
  • 6 - CSS in JavaScript
  • 7 - JS Plugins
  • 8 - AI Add-on Week 1 Summary

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

  • Joke generator

๐ŸŽ’ Lessons and challenges

  • 1 - AI Add-on Week 2 Overview
  • 2 - AI Poems Project / Setup
  • 3 - AI Poems Project / HTML
  • 4 - AI Poems Project / CSS
  • 5 - AI Poems Project / JavaScript
  • 6 - AI Poems Project / API Integration
  • 7 - AI Poems Project / User Experience
  • 8 - AI Add-on Week 2 Summary

๐Ÿš€ Final Project

  • SheCodes AI Add-on 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 - Responsive Add-on Week 1 Overview Preview
  • 2 - Pure CSS Grids
  • 3 - Responsive CSS Grids
  • 4 - HTML Tables
  • 5 - CSS Filters
  • 6 - CSS Hero
  • 7 - HTML Embeds
  • 8 - Responsive Add-on Week 1 Summary

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

  • Responsive Add-on Homework

๐ŸŽ’ Lessons and challenges

  • 1 - Responsive Add-on Week 2 Overview
  • 2 - Travel Project / Folder structure
  • 3 - Travel Project / GitHub repository
  • 4 - Travel Project / Hosting
  • 5 - Travel Project / Header
  • 6 - Travel Project / Footer
  • 7 - Travel Project / Grids
  • 8 - Travel Project / Cards
  • 9 - Travel Project / Embeds
  • 10 - Responsive Add-on Week 2 Summary

๐Ÿš€ Final Project

  • SheCodes Responsive Add-on 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

๐ŸŽ’ Lessons and challenges

  • 1 - React Dictionary Search / Overview Preview
  • 2 - React Dictionary Project / Wireframe
  • 3 - React Dictionary Project / Setup
  • 4 - React Dictionary Project / Search engine
  • 5 - React Dictionary Project / API integration
  • 6 - React Dictionary Project / Meanings
  • 7 - React Dictionary Search / Summary

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

  • SheCodes React Dictionary Search Engine

๐ŸŽ’ Lessons and challenges

  • 1 - React Dictionary Project - Overview
  • 2 - React Dictionary Project / Synonyms
  • 3 - React Dictionary Project / Phonetics
  • 4 - React Dictionary Project / Styling
  • 5 - React Dictionary Project / Photos
  • 6 - React Dictionary Project - Summary

๐Ÿš€ Final Project

  • SheCodes React Add-on Final Project

๐ŸŽ’ Lessons and challenges

  • 1 - SheCodes Next Overview Preview
  • 2 - Building a successful Portfolio
  • 3 - How to improve your LinkedIn profile
  • 4 - Create a professional resume
  • 5 - Identify jobs you want
  • 6 - Apply for jobs
  • 7 - How to network successfully
  • 8 - Keep coding
  • 9 - SheCodes Next Summary

๐Ÿš€ Final Project

  • SheCodes Next Final Project

๐Ÿ“ฆ What's included

We provide everything you need to succeed.

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

Basics
Coding Workshop
See full curriculum
Basics Add-on
Workshop Add-on
See full curriculum
Plus
Coding Workshop
See full curriculum
Plus Add-on
Workshop Add-on
See full curriculum
AI Add-on
Workshop Add-on
See full curriculum
Responsive
Coding Workshop
See full curriculum
Responsive Add-on
Workshop Add-on
See full curriculum
React
Coding Workshop
See full curriculum
React Add-on
Workshop Add-on
See full curriculum
Next
Career development workshop
See full curriculum

๐ŸŽ–
10 Verified Certificates

See samples

โš™๏ธ
13 Technologies Learned

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

๐Ÿ’ป
10 Final Projects

โ™พ๏ธ
Lifetime Access

๐Ÿ“…
Weekly Deadlines

๐Ÿ‘ฉโ€๐Ÿซ
Live Technical Assistance
by professional developers

๐Ÿ‘
Homework Review

๐Ÿค–
AI Coding Assistant

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

Matt

We've taught 200,000+ women to code

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

See more reviews
Ewelina Zdybel
SheCodes Graduate
5/5
Highly recommended by Ewelina
So happy to have completed ...
Tya Kent
SheCodes Graduate
5/5
Highly recommended by Tya
Although very trying at tim...
Elma-Adele Dube
SheCodes Graduate
5/5
Highly recommended by Elma-Adele
It's genuinely amazing how ...
Samantha Yocius
SheCodes Graduate
5/5
Highly recommended by Samantha
I cannot say enough amazing...
Anna Koval
SheCodes Graduate
5/5
Highly recommended by Anna
Learning React and practici...
Kateryna Komisarova
SheCodes Graduate
5/5
Highly recommended by Kateryna
I want to thank you for cre...
Patricia Cardona
SheCodes Graduate
4/5
Recommended by Patricia
As someone who has done all...
Soledad Marina
SheCodes Graduate
5/5
Highly recommended by Soledad
I'm thrilled I discovered S...

๐Ÿค” Frequently Asked Questions

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

There are no requirements to join. This workshop is open to complete beginners who are ready to learn to code!

This workshop is designed for complete beginners. You'll start with some basics and build upon your knowledge gradually. If you want to maximize your coding skills and take the first step into a professional development career, then this workshop is for you!

We will communicate with you through Slack and email. You will use the Slack weekly channels like all students do, but our team will reply to you first. For customer support, you can also contact us through the form under Account > Contact Us. Your questions will be the first ones our team will reply to!

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 it's 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.

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.

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

๐Ÿ’ฌ Success Stories

Laura

Junior Front-end Developer

Read story

Joana

QA Tester

Read story

Stefania

Front End Developer

Read story

Not sure if this is for you?

Browse all of our workshops and compare them.

$1,990
or $279 for 8 months

๐Ÿ™‹โ€โ™€๏ธ WHO IS THIS FOR
Anyone who wants to become a professional developer

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

โฐ DURATION
8 months or 12 weeks

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

$1,990
or $279 for 8 months

201,158 women already enrolled

Enroll Today
Starts Mar 19
Enroll Next Week
Starts Mar 25

You can change your enrollment date anytime.

$1,990
Enroll SheCodes Max