Start a career as a Developer
Technologies you will learn
HTML
CSS
JavaScript
VSCode
API
Git
GitHub
Hosting
AI
Python
Data Structure
OOP
File Manipulation
Data Visualization
Bootstrap
SEO
Responsive
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
โ๏ธ Fundamental elements of Python such as variables, strings, logical operators, and arguments
โ๏ธ How to handle, structure, and visually display data
โ๏ธ How to use Object-Oriented Programming (OOP)
โ๏ธ 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
โ๏ธ Tips on how to start your career in tech
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
12 months
(5 hours of work per week)
or 16 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
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.
๐ฉโ๐ซ 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
Example of final projects you will code
๐ Get 13 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.
Shareable on
๐ Workshop Curriculum
By the end of this workshop, youโll be able to build an impressive interactive dictionary and a responsive multi-page online portfolio 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 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 - Python Basics Week 1 Overview
- 2 - What is Python?
- 3 - Setup Python on your computer
- 4 - Setup Python in the browser
- 5 - Python Variables
- 6 - Python Numbers
- 7 - Python Strings
- 8 - Python Data conversion
- 9 - Python Debugging
- 10 - Python Basics Week 1 Summary
๐ฉโ๐ป Homework
- Python Basics Week 1 Homework
๐ Lessons and challenges
- 1 - Python Basics Week 2 Overview
- 2 - Python Booleans
- 3 - Python If-else statements
- 4 - Python Elif Statement
- 5 - Python None
- 6 - Python Basics Week 2 Summary
๐ฉโ๐ป Homework
- Python Basics Week 2 Homework
๐ Lessons and challenges
- 1 - Python Basics Week 3 Overview
- 2 - Python Functions
- 3 - Python Function Arguments
- 4 - Python Functions Default Values
- 5 - Python Function Return
- 6 - Python Basics Week 3 Summary
๐ฉโ๐ป Homework
- Python Basics Week 3 Homework
๐ Lessons and challenges
- 1 - Python Basics Week 4 Overview
- 2 - Python Lists
- 3 - Python List Loops
- 4 - Python Dictionaries
- 5 - Python Dictionary Loops
- 6 - Python Debugger
- 7 - Python Nested Dictionaries
- 8 - Python Basics Week 4 Summary
๐ฉโ๐ป Homework
- Python Basics Week 4 Homework
๐ Lessons and challenges
- 1 - Python Basics Week 5 Overview
- 2 - Python Dates
- 3 - Python External Packages
- 4 - Python and APIs
- 5 - Python and Weather API
- 6 - Python Basics Week 5 Summary
๐ฉโ๐ป Homework
- Python Basics Week 5 Homework
๐ Lessons and challenges
- 1 - Python Basics Week 6 Overview
- 2 - Interactive Weather App - 2. User Input
- 3 - Interactive Weather App - 3. API Integration
- 4 - Interactive Weather App - 4. Forecast
- 5 - Interactive Weather App - 5. User Interface
- 6 - Python Basics Week 6 Summary
๐ Final Project
- Python Basics Final Project
๐ Lessons and challenges
- 1 - SheCodes Python AI Week 1 Overview
- 2 - What is AI?
- 3 - Prompt Engineering
- 4 - AI APIs
- 5 - SheCodes AI API
- 6 - SheCodes Python AI Week 1 Summary
๐ Lessons and challenges
- 1 - SheCodes Python AI Week 2 Overview
- 2 - SheCodes Python AI Week 2 Summary
๐ Lessons and challenges
- 1 - Python Advanced Week 1 Overview
- 2 - Python named arguments
- 3 - Python Advanced Data structures
- 4 - Python Tuples
- 5 - Python Sets
- 6 - Python Data structures operations
- 7 - Python Advanced Week 1 Summary
๐ Lessons and challenges
- 1 - What is OOP?
- 2 - Python Class Creation
- 3 - Python Class attributes and methods
- 4 - Python Class Initializer
- 5 - Python Class Public vs Private methods
- 6 - Python Class vs Static methods
- 7 - Python Class Inheritance
- 8 - Why OOP?
- 9 - Python Advanced Week 2 Summary
๐ Lessons and challenges
- 1 - Python Advanced Week 3 Overview
- 2 - Working with files in Python
- 3 - Reading files in Python
- 4 - Writing files in Python
- 5 - File exception handling in Python
- 6 - Python Advanced Week 3 Summary
๐ Lessons and challenges
- 1 - Python Advanced Week 4 Overview
- 2 - What is Matplotlib?
- 3 - Simple Graph Plotting
- 4 - Python Advanced Week 4 Summary
๐ Lessons and challenges
- 1 - Python Advanced Week 5 Overview
- 2 - Python Dictionary app - User Input
- 3 - Python Dictionary app - API Integration
- 4 - Python Dictionary app - OOP
- 5 - Python Advanced Week 5 Summary
๐ 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 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.
๐
13 Verified Certificates
โ๏ธ
18
Technologies Learned
๐ป
13 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.
๐ค Frequently Asked Questions
If you have any other questions, reach out to us at [email protected]
Who is the workshop for?
This workshop is for students who want to learn advanced JavaScript, responsive design, Python and React to strengthen your development skills! We will also help you develop a strong portfolio and resume to start your career in development.
How will I receive Priority Support?
You will use the Slack weekly channels like everyone else, 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!
Who teaches the workshops?
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.
Can I watch the lesson videos whenever I want?
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.
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 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.
How can I complete the workshop payment?
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.
Not sure if this is for you?
Browse all of our workshops and compare them.