SheCodes Basics Add-On | SheCodes
SheCodes Basics Add-On

Learn advanced coding techniques as a Beginner

SheCodes Basics add-on is designed for SheCodes Basics graduates and is 100% online. Itโ€™s ideal for anyone who doesnโ€™t yet know if theyโ€™d like to pursue a career in tech but wants to build on the knowledge they learned in Basics. If you decide to continue your coding journey after finishing this workshop, you can upgrade to an advanced SheCodes workshop at a later time. Read on for more details.ย 
Highly recommended See 118,565 reviews
SheCodes Basics Add-On

Learn advanced coding techniques as a Beginner

SheCodes Basics add-on is designed for SheCodes Basics graduates and is 100% online. Itโ€™s ideal for anyone who doesnโ€™t yet know if theyโ€™d like to pursue a career in tech but wants to build on the knowledge they learned in Basics. If you decide to continue your coding journey after finishing this workshop, you can upgrade to an advanced SheCodes workshop at a later time. Read on for more details.ย 
Highly recommended See 118,565 reviews

Highly recommended by 100,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.

SheCodes Workshops have an overall completion rate of 92%, whereas other typical online courses have an average completion rate of 4% ๐Ÿ™€
SheCodes Basics add-on continues your introduction to front-end development and development tools. It is designed for SheCodes Basics graduates. During the add-on, you will spend about 8 hours in one week completing coding work. There will be live technical support to help you along the way.

๐Ÿ“… Program

You'll learn additional core basics of HTML and how to further modify different HTML attributes.

You'll learn more ways to style an HTML page with CSS and how to target certain design elements in your code.

You'll continue to work with JavaScript and how to animate certain elements of your code.

Popular coding technologies
You'll become more familiar with using popular coding technologies such as Visual Studio Code.

๐Ÿ›  Projects

After the workshop, youโ€™ll build a more sophisticated website landing page from scratch using everything you learned, with more advanced techniques in HTML, CSS and Javascript. Youโ€™ll be able to interact further with the SheCodes community; sharing ideas, getting feedback, and checking out what other students have built.
JavaScript JavaScript
Editor Editor
Example of final project you will code

1 Verified Certificate

At the end of the workshop, you will receive 1 Verified Course Certificate from SheCodes verifying that you have completed each portion of the workshop.

SheCodes Certificate

Introduction to Web Development Certificate

You can share your Workshop Certificates in the Certifications section of your LinkedIn profile, on printed resumes, CVs, or other documents.

Shareable on


Workshop Curriculum

We provide suggested weekly deadlines, each lesson comes with a coding challenge. Each learning week ends with a homework.

๐ŸŽ’ Lessons and challenges

  • 1 - Basics Add-on Overview
  • 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

How SheCodes Basics Add-On 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!


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

Julia Piton, SheCodes Alumni

โ€œSheCodes really gave me the opportunity I was looking for to learn Coding without stress! Matt is just amazing and he teaches us in a way we can truly understand what we are doing. The exercises performed during the workshop were really relevant to help us fix the content Matt was explaining us. It was amazing to take part on this workshop and I cannot wait to attend SheCodes Plus!โ€

Kiki Violetta Velebit, SheCodes Alumni

โ€œMatt explains it in such a way that it is very easy to understand how it all works! Did not expect such happiness after finishing each challenge. Im upgrading and i cant wait to start with the next workshops :) Thank you ๐Ÿ™ Matt!โ€

Nora Goerne, SheCodes Alumni

โ€œSheCodes is a fantastic workshop that I would highly recommend to anyone who's interested in a career in tech - and also just anyone who wants to understand a little bit more about the world we live in. Matt is a truly gifted teacher and knows how to make coding accessible to a wider audience. A big thank you to the whole team!โ€

What graduates say about Matt



Only $49, one time payment

Including access to lessons, challenges, documentation, and the exclusive course live chat support where you can ask for help and chat with other learners.


Breakdown of a typical week

Here is an example of a typical week during SheCodes Basics Add-On

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



What Alumni think of SheCodes

5/5 - Highly recommended

Nice and simple little project. I enjoyed working on the project and I learned some new things this week. I really like how Matt explains different techniques, he is not just showing you how he codes but he explains the logic behind it.

5/5 - Highly recommended

Back at it again! I'm grateful for the Add-ons because I like the style of the workshops and can't wait to learn more in this community setting :) knowing how to build a dark-light-theme is awesome! (and simpler than expected)

5/5 - Highly recommended

It was great learning the additional styles and it will be very helpful towards building a portfolio further. Thank you SheCodes team for all your help :)


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 homework 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 to make improvements to your final project.


Frequently Asked Questions

If you have any other questions, reach out to us at [email protected]

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.

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.

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

Feel free to send your questions to the SheCodes team to see if this package is best for you.

Contact the SheCodes Team

You can also email us here [email protected]

๐Ÿ“LOCATION 100% Online
1 extra project
1 week


๐Ÿ’ป 1 real-life project
๐Ÿ‘จโ€๐Ÿซ Homework and project review
๐Ÿ‘จโ€๐Ÿ”ง๐Ÿ‘ฉโ€๐Ÿ”ง Live chat support
๐Ÿ“† Weekly deadlines
โˆž Lifetime access


JavaScript JavaScript
Editor Editor