๐ฏ 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 85,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 85,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
Anna MacMurdo, SheCodes Alumni
โThis course was awesome! Matt has such a great way of explaining things in a way that make it very clear and easy to understand. The format with small videos on individual topics, so you learn one concept at a time is great.โ
Loren Hanna Marques, SheCodes Alumni
โSheCodes offers the perfect introduction to coding. Matt is an awesome teacher and makes everything very easy to understand, even if you are an absolute beginner and have no experience coding. I would surely recommend giving it a try!โ
Natalia Martineli, SheCodes Alumni
โThis is a fantastic workshop! The lessons are well designed and very practical. Matt is a great teacher, making it easy to keep up even when there is a lot to take in. He really shows how we can be more independent and problem-solve ourselves. The support team is incredible and easily accessible when needed. It was a great experience overall. I sincerely recommend it for anyone who wants to learn how to code.โ
๐
What graduates say about
Matt
SheCodes was an amazing experience for me. I learned so much and now have additional skills that I can proudly add to my resume. I am going to continue learning as much as I could and love that access to all lessons never expire. I am always reviewing and referencing past material. I highly recommend SheCodes for anyone wanting to learn coding on a beginner to advanced level to either grow or start a new career! Huge shout out to the Slack community - very helpful, my advisor Lexi and the awesome instructor, Matt. Keep coding everyone!
After completing the SheCodes workshop, I immediately signed up for SheCodes Plus React. I am so grateful to have found this program that made coding fun and accessible. I really look forward to continuing my education and hopefully begin a career in front end development!
I would highly recommend this course to anyone who is new to coding and wishes to deep dive into the world of React. Building a concrete project on your own is a great way to learn. A huge bonus is that you can actually showcase what you've built during the course to potential employers. After the course, you can immediately start job hunting, or you can continue to explore the world of coding (or do both!). I'm very happy that I started my journey to front-end development with SheCodes and can't wait to learn & code more! :)
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 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
๐ฌ 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.
