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
1 week
(5 hours of work per week)
or 2 days
(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.
190,000+ women highly recommend SheCodes
Employees from these organizations also joined SheCodes Workshops
๐ฉโ๐ซ 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 a real-life project
Build a more sophisticated website landing page about your favorite hobby with more advanced techniques in HTML, CSS and Javascript.ย
Example of final project you will code
๐ Get 1 Certificate
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.
Introduction to Web Development Certificate
Shareable on
๐ Workshop Curriculum
SheCodes Basics Add-on continues your introduction to front-end development and development tools. You'll learn new techniques in HTML, CSS and JavaScript to build on the knowledge you gained in SheCodes Basics.
By the end of this workshop, you'll be able to build an engaging landing page with interactive featuresย all on your own! ๐
๐ 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
๐ฆ What's included
We provide everything you need to succeed.
๐ฉโ๐ซ
Live Technical Assistance
by professional developers
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 190,000+ students how to code (online and offline) through SheCodes. His workshop rating average is ๐ 4.9/5.
Highly recommended by Viktorija
Nice and simple little proj...
Highly recommended by Lauren
The SheCodes basic course i...
Highly recommended by Andreia
It's pretty cool to learn n...
Highly recommended by Tiziana
I never thought learning ho...
Highly recommended by Navreen
I'm glad I took the time to...
Highly recommended by Sebastian
This add-on definitely expa...
Highly recommended by Samantha
This was a fun extra projec...
Highly recommended by Suzana
It is a pleasure to continu...
๐ค Frequently Asked Questions
If you have any other questions, reach out to us at
[email protected]
Will I learn anything new from this add-on?
Yes! This add-on builds on the knowledge of everything you learned in Basics: you will learn how to modify more attributes in HTML, discover more ways to style a page using design elements in CSS, and continue to work with JavaScript to animate elements of your code.
What will I gain from making another project?
Adding another hands-on project to your portfolio is never too much! This is a great way to showcase your coding skills to potential employers and show the knowledge youโve built on from SheCodes Basics, using more advanced HTML, CSS and Javascript techniques.
Can I buy all of the workshop add-ons together in one package?
Yes you can! Click here to check out our SheCodes Max Add-Ons package that combines four workshop add-ons and has exciting benefits like priority tech support from the SheCodes team!
Not sure if this is for you?
Browse all of our workshops and compare them.