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,318 reviews

Highly recommended by over 25,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 25,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 25,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

Chantel Crooks, SheCodes Alumni

โ€œWow I really enjoyed this workshop! Matt did a great job with thoroughly explaining everything and giving us the tools to be successful to complete all the challenges, HW and project. He also challenged us to think as experienced coders. And if we needed further assistance there was great feedback and quick response time from the Slack group. Thank you Matt and SheCodes team!โ€

Caoimhe Vallely-Gilroy, SheCodes Alumni

โ€œAbsolutely fantastic course, I thoroughly enjoyed it, mostly due to Matt's teaching style. It was a lot of fun and I would recommend it to anyone!โ€

Dominika Musioล‚, SheCodes Alumni

โ€œI loved the SheCodes workshop. It's an excellent introduction to coding. Matt is a great teacher, and the videos are easy to understand. A big plus for the challenges as you can easily put in practice all that you have learned during each lesson. I had lots of fun doing this course, and I encourage everyone to give it a try!โ€

๐Ÿ‘Œ
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 2 months ago

The way the whole workshop is thought is genius! even when things are more complex or difficult, each of Matt's video goes through everything very clearly and detailed that you receive all the information while building your own app without feeling overwhelmed. Even with any issues you know there is a simple solution to it & that the whole SheCodes Team is willing to help you fix it. It becomes very addictive. I enjoyed every second of it!

5/5 - Highly recommended
๐ŸŽ“Graduated 13 days ago

I really went from knowing nothing about coding to now being a React developer! I am amazed at the breadth of knowledge I've managed to gain over the past few months. It has been very challenging however I cant imagine doing anything else other than coding! I am excited to see where this could take me... Thank you to Matt & the SheCodes family for all your help and support!

5/5 - Highly recommended
๐ŸŽ“Graduated 1 month ago

Wooow... REACT! ๐Ÿคฉ๐Ÿ‘ฉโ€๐Ÿ’ป Finally, the journey brought me here ๐Ÿค“ It was quite challenging more than I thought, but it's so worth it & Highly Recommended! I had so much fun learning coding from SheCodes. It was so amazing to see myself learn a lot from this course in such a short time. Matt Delac is a great instructor and explains things very clearly. Big thanks to you and the whole SheCodes team. It was a great opportunity to being part of this community. Now... Hello World ๐Ÿ˜€ I'm a React Front-end Developer๐Ÿ‘ฉโ€๐Ÿ’ป

๐Ÿ“š

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

Abbey

Front End Developer

Read story

Daniela

Freelance Developer

Read story

Iris

Developer Trainee

Read story

Emma

Budding Front End Developer

Read story

Katrin

Front End Web Developer

Read story

McKenna

Web Strategist and Designer

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.