๐ฏ 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 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
You'll build 4 projects in total. In SheCodes Basics, youโll build a landing page using everything you've learned thus far. In the advanced portions of the workshop, we will help you build 3 more hands-on projects utilizing popular APIs. This is the best way to demonstrate your abilities to current or future employers. Your projects will be built using highly demanded technologies.
HTML
CSS
JavaScript
Editor
API
GitHub
Bootstrap
Hosting
React
Example of final projects you will code
๐ How it works
To this day, SheCodes workshops have taught over 100,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.
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 100,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
Zian Angelica Bernasol, SheCodes Alumni
โMatt Delac has an incredible gift for teaching. His classes seem like play but there is a lot of serious learning going on. I have learned so much in this course. He paces the class just right so you feel challenged but not overwhelmed. Through this, I will improve myself more and learn how to build my own app. Thank you very much for SheCodes team!โ
Sofรญa Gandarilla de Andrรฉs, SheCodes Alumni
โI always thought the technological world was very far from me, and that it was really hard to code. But I have to say that Matt made this so easy, simple and understandable, so I really enjoy and love coding!!! Thank you very much!! i am really excited to learn more!โ
Erika Chan, SheCodes Alumni
โMatt is a great instructor - he explains concepts really clearly and simply for an absolute beginner like me! I really recommend this workshop to anyone who would like to get a headstart into programming.โ
๐
What graduates say about
Matt
I could never have imagined in just 4 months I would go from knowing literally nothing about writing code or front end development to coding an actual functioning app in React. I can't wait to see where my coding journey takes me next, and I will be forever grateful for Matt and the SheCodes community for this amazing platform and all the support that comes with it.
I'm very glad I took the entire SheCodes series. I strengthened the skills I already had and I've still learned so much, even though I have taken a few intro coding bootcamps. Honestly, React doesn't seem nearly as intimidating now as before I began the React workshop. In general, there are are quite a few things I'd already run across before while learning JavaScript but I didn't fully grasp them until I took these workshops. Matt walks you through the lessons in a very approachable way and the slack community definitely keeps you from feeling like you are on your own to figure things out. I highly recommend this series to anyone wanting to learn JavaScript and React.
SheCodes has been my best friend since the first 2-day workshop! I loved the live workshop, it was super exciting for all of us there. I've done SheCodes Plus online, which allowed me to learn and do so much more, and now, React online, is another level! And I'm just beginning ๐ฉโ๐๐ฉโ๐ป
A heartwarming thanks to the SheCodes team for making this so accessible and fun! Special thanks to Joรฃo for his precious help in Slack โค
I HIGHLY recommend SheCodes โญ
Workshop Week 1
๐ Lessons and challenges
- Workshop Week 1 Overview
- Your instructor
- 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 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
๐ Real-life Project
- React Weather App
๐ฌ 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.
What skills will I learn in the beginner portion of the workshop?
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.
What skills will I learn in the advanced portion of the workshop?
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.
Do I already need to know how to code?
No, weโll start from scratch assuming youโve never coded before. If you already have some knowledge, youโll still learn a lot!
Who teaches the workshops?
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.
When will I gain access to course materials?
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.
How long will I be able to access the course materials?
Youโll be able to access the course materials for life! Your access will never expire.
What do I receive for completing this course?
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.
Can I mention the certificates on my CV and LinkedIn?
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.
Is the course completely online?
Yes, the course is completely online. Youโll need a computer and internet connection to complete the course.
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 course payment?
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.
How many coding projects will I complete?
You will complete 3 coding projects throughout the course.
Whatโs included in this course package?
3 week SheCodes beginner Workshop + ~2 month SheCodes Plus advanced course + ~1 month SheCodes React advanced course.
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 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.
