SheCodes Plus React | SheCodes
SheCodes Plus React

Online Coding Workshop for Women

SheCodes Workshop Plus React is ideal for complete beginners who are interested in gaining some advanced coding knowledge and knowledge of React, one of the most in-demand coding frameworks today. This package includes 3 SheCodes workshops (SheCodes Basics, SheCodes Plus, and SheCodes React).
4.9
Highly recommended See 1,765 reviews

Highly recommended by over 40,000+ women

Employees from these organizations highly recommend SheCodes.

See what they say โ†’

๐ŸŽฏ Mission

Women currently hold 25% of coding jobs and earn 30% less money than men. SheCodes is here to help bridge the gender gap in the programming industry.

During the advanced portion of the workshop, youโ€™ll be building real products you can then showcase to land a new job in a tech company.

After SheCodes Workshop Plus React, you will be able to:
โœ… Understand and use the latest development technologies
โœ… Kickstart your career as a tech freelancer
โœ… Validate your business idea by building your own product

SheCodes Workshops have an overall completion rate of 92%, whereas other typical online courses have an average completion rate of 4% ๐Ÿ™€
This workshop covers beginner and then advanced front-end development and development tools. It also covers React. It is for students who are complete beginners. During the workshop, you will spend about 5 to 10 hours per week completing coding work. There will be live technical support to help you along the way.

๐Ÿ“… Program

HTML & CSS
You'll learn the basics of HTML and how to create an HTML page. You'll also learn how to style an HTML page with CSS and how to target certain design elements in your code.

JavaScript
You'll learn the workings of JavaScript and how to animate certain elements of your code.

Popular coding technologies
You'll become familiar with using popular coding technologies such as Visual Studio Code.

Advanced HTML, CSS, and responsive design
You'll go through advanced front-end technologies such as HTML, CSS, and Bootstrap.

Advanced JavaScript
You'll learn about advanced JavaScript techniques (ES6) so you can build your first interactive application.

APIs
You will learn how to integrate a live API to start building real applications, which you can showcase to future employers.

Tools
You will learn how to use Git and GitHub to manage your code the way professionals do with a streamlined development workflow.

React
Learn about one of the most in-demand coding frameworks today. Youโ€™ll learn the basics of React and get some hands-on practice.ย 

๐Ÿ›  Projects

At the end of the beginner portion of the workshop, youโ€™ll build a landing page using everything you've learned thus far. In the advanced portions of the workshop, you will build multiple products on top of a popular API. This is the best way to demonstrate your abilities to current or future employers. Your projects will be built using highly demanded technologies.
HTML HTML
CSS CSS
JavaScript JavaScript
Editor Editor
API API
GitHub GitHub
Bootstrap Bootstrap
Hosting Hosting
React React
Example of final projects you will code

๐Ÿ“– How it works

To this day, SheCodes workshops have taught over 40,000 women how to code. We provide a mix of live support, pre-recorded lessons, and homework to offer the highest quality online workshop possible. See whatโ€™s included in this SheCodes workshop by watching the video below!

1๏ธ. Interactive Online Platform Easily find all of the workshop material and exercises in one central location.

2๏ธ. Captivating Lessons Enjoy high-quality lessons to review old material and learn new material. You can watch lesson videos whenever is convenient for you!

3๏ธ. Homework and Project Review Get feedback from experts that will help you sharpen your skills and build projects that are ready to showcase to future employers.

Matt

Meet Matt Delac, your instructor!

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

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

Heโ€™s also the founder and engineer behind UpLabs, a successful design marketplace with over 2 million monthly visitors, mostly automated with code he wrote.

See Matt's LinkedIn Profile

๐Ÿ‘Œ
What graduates say about Matt

Elizabeth Thomas, SheCodes Alumni

โ€œOne of the best courses I've done! Matt's teaching style is incredibly easy to follow, with concepts that previously seemed daunting explained in a really understandable way. Would highly recommend this course to anyone with an interest in coding!โ€

Ema Quintal, SheCodes Alumni

โ€œThank you Matt for showing me that coding can be fun and easy to learn! Those 3 week were full of knowledge, fun and creativity and made me gain interest in coding! I'm seriously thinking of doing another course with SheCodes!โ€

Nicolette Dance, SheCodes Alumni

โ€œLearning with SheCodes is awesome! I learned much more about coding during this course than I expected, and I'm excited to continue my coding education. Thanks to SheCodes, I have discovered both a passion for coding and confidence in my understanding of the basic principles of HTML, CSS, and JavaScript. Matt is a fantastic instructor! He explains complex ideas in a simple and understandable fashion. I highly recommend this great course and community for any ladies interested in coding!โ€

๐Ÿ‘Œ
What graduates say about Matt

๐Ÿ’ธ

Price

Starting from only $299 per month

Including access to lessons, challenges, documentation, and the exclusive course live chat support where you can ask for help and chat with other learners.

๐ŸŽ“

Certificate

At the end of the workshop, you will receive 3 Verified Course Certificates from SheCodes verifying that you have completed each portion of the workshop.

SheCodes Certificate
SheCodes Certificate
SheCodes Certificate

You can share your Workshop Certificates in the Certifications section of your LinkedIn profile, on printed resumes, CVs, or other documents.

Shareable on

๐Ÿ—“

Breakdown of a typical week

Here is an example of a typical week during SheCodes Plus React

1. Lessons

You will watch lesson videos and read through detailed documentation at your own convenience.

You will be able to ask questions on Slack as you complete each portion of the workshop.

Duration: 2-3 hours

2. Coding challenges

Each lesson has coding challenges you'll need to complete. While working on them, you will have access to technical support and once completed, you will have access to a suggested solution.

Unlike other courses, our workshops are much more focused on doing rather than just listening.

Duration: 3 hours

3. Homework

You will submit homework each week. There will be deadlines for homework to be submitted in order for you to move on to the next part of the workshop.

You can ask questions and get help from the instructors and other students on Slack.

Duration: 2 hours

๐Ÿ—ฃ

Testimonials

What Alumni think of SheCodes

5/5 - Highly recommended
๐ŸŽ“Graduated 9 months ago

What a fantastic overall experience, it really has been a journey into the unknown, and look at what I've managed to achieve! I couldn't have done it without the support of the fab SheCodes team. Thank you so much! <3

5/5 - Highly recommended
๐ŸŽ“Graduated 7 months ago

Really loved this course (as well as the previous two)! Would highly recommend for anyone interested in coding as the videos are so well taught by Matt and he explains everything super well and in a way that is easily understandable ! That alongside the challenges and the support on Slack makes the course so great! Will definitely continue to learn more!

5/5 - Highly recommended
๐ŸŽ“Graduated 8 months ago

I had an amazing time doing the SheCodes React workshop and learned a lot. The course was challenging, yet easy to follow and with lots of useful documentation and a great team to go to in case of questions. I feel I have a good basis now to build on, and will for sure continue coding in the future! Thanks Matt and the entire SheCodes team for the support and experience!

๐Ÿ“š

Workshop Curriculum

We provide suggested weekly deadlines, each lesson comes with a coding challenge. Each learning week ends with a homework.

Workshop Week 1

๐ŸŽ’ Lessons and challenges
- Workshop Week 1 Overview
- HTML Elements
- HTML Attributes
- Developer tools
- Coding editor
- Prettier
- Slack
- CSS Selectors
- HTML Classes
- VS Code Tips
- CSS Properties
- CSS Colors
- Color palettes
- CSS Positioning
- CSS Spacing
- CSS Borders
- CSS Pseudo-selectors
- Default CSS Styling
- HTML Container Elements
- Workshop Week 1 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- Workshop Week 1 Homework

Workshop Week 2

๐ŸŽ’ Lessons and challenges
- Workshop Week 2 Overview
- JavaScript in the Browser
- JavaScript Variables
- JavaScript in HTML
- JavaScript If Statements
- JavaScript If Else statements
- JavaScript Logical operators
- JavaScript Functions
- JavaScript Selectors
- JavaScript Events
- JavaScript Refactoring
- Workshop Week 2 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- Workshop JavaScript Homework

Workshop Week 3

๐ŸŽ’ Lessons and challenges
- Project Overview
- Project - HTML
- Project - CSS
- Project - JavaScript
- Project - Finishing touches
- Project Summary

๐Ÿ™€ Real-life Project
- SheCodes Final Project

Workshop Week 4

๐ŸŽ’ Lessons and challenges
- Plus Week 1 Overview
- HTML Revision
- CSS Revision
- Advanced Elements in HTML
- Advanced Selectors in CSS
- Multiple files
- Advanced VS Code Tips
- Plus Week 1 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- Project Wireframe

Workshop Week 5

๐ŸŽ’ Lessons and challenges
- Plus Week 2 Overview
- CodeSandbox
- Missing files debugging
- Visuals
- Fonts
- Advanced CSS Positioning
- Bootstrap
- HTML Forms
- Plus Week 2 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- Wireframe to HTML/CSS

Workshop Week 6

๐ŸŽ’ Lessons and challenges
- Plus Week 3 Overview
- JS Revision
- JS Strings
- JS Math
- JS Arrays and Loops
- JS Objects
- JS Arrays vs Objects
- Plus Week 3 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- JS data types homework

Workshop Week 7

๐ŸŽ’ Lessons and challenges
- Plus Week 4 Overview
- JS Functions
- JS Functions Parameters
- JS Debugging
- JS Functions Return
- JS Dates
- JS Selectors
- JS Events
- JS Forms
- Plus Week 4 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- HTML/CSS to JS

Workshop Week 8

๐ŸŽ’ Lessons and challenges
- Plus Week 5 Overview
- API
- AJAX
- Weather API
- Geolocation API
- Plus Week 5 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- Search Engine

Workshop Week 9

๐ŸŽ’ Lessons and challenges
- Plus Week 6 Overview
- Install Git
- GIT
- GitHub
- Hosting
- Netlify
- Plus Week 6 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- GitHub + Hosting

Workshop Week 10

๐ŸŽ’ Lessons and challenges
- Vanilla Weather Search Overview
- Vanilla Weather Search / Plan
- Vanilla Weather Search / Design
- Vanilla Weather Search / HTML
- Vanilla Weather Search / CSS
- Vanilla Weather Search / API Integration
- Vanilla Weather Search / Weather Icon
- Vanilla Weather Search / Search engine
- Vanilla Weather Search / Unit conversion
- Vanilla Weather Search / Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- Vanilla Weather Search Homework

Workshop Week 11

๐ŸŽ’ Lessons and challenges
- Vanilla Weather Forecast Overview
- Vanilla Weather Forecast / Plan
- Vanilla Weather Forecast / HTML/CSS
- Vanilla Weather Forecast / JS Template
- Vanilla Weather Forecast / API
- Vanilla Weather Forecast / API Integration
- Vanilla Weather Forecast / Unit conversion
- Vanilla Weather Forecast Summary

๐Ÿ™€ Real-life Project
- Plus Final Project

Workshop Week 12

๐ŸŽ’ Lessons and challenges
- React Week 1 Overview
- React Hello World
- React and HTML
- React and CSS
- React Components
- React Properties
- React Multiple Components
- React Week 1 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- HTML / CSS to React

Workshop Week 13

๐ŸŽ’ Lessons and challenges
- React Week 2 Overview
- JS Closures
- React Events
- React States
- React Forms
- React Week 2 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- React Search Engine

Workshop Week 14

๐ŸŽ’ Lessons and challenges
- React Week 3 Overview
- React Conditional Rendering
- React Loops
- React AJAX
- React External Components
- React Week 3 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- React AJAX Search Engine

Workshop Week 15

๐ŸŽ’ Lessons and challenges
- React Week 4 Overview
- Node.js
- Terminal
- Create React App
- React Debugging
- NPM
- React hosting
- React Week 4 Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- React + GitHub + Netlify

Workshop Week 16

๐ŸŽ’ Lessons and challenges
- React Projects Overview
- React Weather Project / Project Structure
- React Weather Project / HTML
- React Weather Project / CSS
- React Weather Project / API Integration
- React Weather Project / Date
- React Weather Project / Search Engine
- React Weather Project / Weather Icon
- React Weather Project / Unit Conversion
- React Weather Search / Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- SheCodes React Weather Search Engine

Workshop Week 17

๐ŸŽ’ Lessons and challenges
- React Weather Project / Forecast / Overview
- React Weather Project / Forecast / Layout
- React Weather Project / Forecast / API
- React Weather Project / Forecast / 1 Day
- React Weather Project / Forecast / 5 Day
- React Weather Project / Forecast / Refresh
- React Weather Project / Finishing touches

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- React Weather App

Workshop Week 18

๐ŸŽ’ Lessons and challenges
- React Dictionary Search / Overview
- React Dictionary Project / Wireframe
- React Dictionary Project / Setup
- React Dictionary Project / Search engine
- React Dictionary Project / API integration
- React Dictionary Project / Meanings
- React Dictionary Search / Summary

๐Ÿ‘ฉโ€๐Ÿ’ป Homework
- SheCodes React Dictionary Search Engine

Workshop Week 19

๐ŸŽ’ Lessons and challenges
- React Dictionary Project - Overview
- React Dictionary Project / Synonyms
- React Dictionary Project / Phonetics
- React Dictionary Project / Styling
- React Dictionary Project / Photos
- React Dictionary Project - Summary

๐Ÿ™€ Real-life Project
- SheCodes React Final Project

๐Ÿ“ฆ

What's included

We provide everything you need to succeed

๐Ÿ’ฌ Access to an exclusive Slack chat

Chat with instructors and other students. Ask questions and get help during the workshop. You can also use this Slack chat as a resource after completing the workshop.

๐Ÿ’ป Interactive Online platform

Easily access all workshop materials and complete workshop assignments in one place.

๐Ÿ”ด Course Preparation

You will receive all of the necessary tools to set you up for success. Weโ€™ll provide you with all of the materials you need to prepare for your new coding workshop.

๐Ÿ“ฎ Video Updates

We update lesson videos whenever it's needed to be sure that our students can always access the most recent information.

๐Ÿ‘จโ€๐Ÿซ Lesson documentation

Each lesson comes with detailed documentation and recommended resources.

๐Ÿ‘ฉโ€๐Ÿ’ป Coding Challenges

Complete challenges throughout the workshop to reinforce your new coding knowledge.

๐Ÿ“ฆ Projects

Develop advanced final projects that can be added to a development portfolio. This will help you showcase your new coding skills to potential employers!

๐ŸŽ– Project Showcase

Join other students from the workshop in a project showcase - where you can share ideas, get feedback, and check out what other students in your class have built. This will be good practice for when you present your projects to future potential employers.

๐Ÿ‘จโ€๐Ÿซ Homework review

Get feedback for each homework assignment you complete so you can more easily track your progress throughout the workshop.

๐Ÿ‘จโ€๐Ÿซ Project review

Receive feedback from an expert so you can make your final project even better.

๐ŸŽ“ Online Profile

After completing the workshop and all associated assignments, youโ€™ll get an online profile created for you on the SheCodes site. This is a great perk that can help potential employers find you.

๐Ÿ”– Verified Certificate

Youโ€™ll receive official certificates upon workshop completion to verify that youโ€™ve successfully graduated from a SheCodes workshop.

๐Ÿค”

Frequently Asked Questions

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

You will gain a solid understanding of HTML, CSS, and JavaScript. You will also become familiar with Visual Studio Code, the developer console, and other popular coding technologies.

You will learn advanced HTML, CSS, Bootstrap, and JavaScript, along with Git and GitHub. You will deepen your knowledge of Visual Studio Code and learn to use other advanced development tools that are relevant in the workplace today. You will also learn about React, one of the most in-demand coding frameworks today.

No, weโ€™ll start from scratch assuming youโ€™ve never coded before. If you already have some knowledge, youโ€™ll still learn a lot!

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

You'll gain access to all of the course materials as soon as you are confirmed for the course. We recommend that you complete the course at the suggested pace.

Youโ€™ll be able to access the course materials for life! Your access will never expire.

After completing each portion of this course, including all assignments and the final project, you will receive a verified course completion certificate (3 in total) and a Coder Profile on our website. Coder Profiles present the skills youโ€™ve learned in a workshop and also have a link to your LinkedIn page. This is a helpful tool for future potential employers to find you.

Yes, definitely! But you'll only be considered an official SheCodes alumni if you have completed all of the course work.You can find instructions for adding your certificates to your LinkedIn profile in the โ€˜Certificateโ€™ section of your course dashboard.

Yes, the course is completely online. Youโ€™ll need a computer and internet connection to complete the course.

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 course 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 will complete 3 coding projects throughout the course.

3 week SheCodes beginner Workshop + ~2 month SheCodes Plus advanced course + ~1 month SheCodes React advanced course.

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 for the course. You cannot use iPads, tablets, or smartphones to complete the workshops; however, maybe you can borrow a laptop or computer from someone if necessary.

SheCodes Plus React Success Stories

Nora

UX Designer

Read story

Daniela

Freelance Developer

Read story

Abbey

Front End Developer

Read story

Emma

Budding Front End Developer

Read story

Katrin

Front End Web Developer

Read story

Jรฉssica

Front-end Developer

Read story

Quinn

Junior React Developer

Read story

Elvira

Junior Front-end Developer

Read story

McKenna

Web Strategist and Designer

Read story

Iris

Developer Trainee

Read story
โ˜Ž๏ธ

Not sure yet?

Schedule a 10-minute phone call with ๐Ÿ‘จโ€๐ŸซMatt Delac or contact him by email [email protected]

๐Ÿ“ฌ

Join Our Mailing List

Be the first to know about upcoming coding workshops, new coding tools, and other SheCodes related news.