SheCodes Basics Add-On | SheCodes

Learn advanced coding techniques as a Beginner

Build on what you've learned in SheCodes Basics and dive deeper into your introduction to front-end development.

Technologies you will learn

HTML

HTML

CSS

CSS

JavaScript

JavaScript

VSCode

VSCode

๐Ÿ‘ฉโ€๐Ÿ’ป What youโ€™ll learn

โœ”๏ธ How to build a website landing page from scratch packed with cool features

โœ”๏ธ How to add engaging elements to your pages with advanced techniques in HTML, CSS and JavaScript

Learn advanced coding techniques as a Beginner

Build on what you've learned in SheCodes Basics and dive deeper into your introduction to front-end development.

Technologies you will learn

HTML

HTML

CSS

CSS

JavaScript

JavaScript

VSCode

VSCode

๐Ÿ‘ฉโ€๐Ÿ’ป What youโ€™ll learn

โœ”๏ธ How to build a website landing page from scratch packed with cool features

โœ”๏ธ How to add engaging elements to your pages with advanced techniques in HTML, CSS and JavaScript

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

SheCodes Students
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

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.

๐Ÿ‘ฉโ€๐Ÿ’ป
1 Coding Workshop

Basics Add-on
Workshop Add-on
See full curriculum

๐ŸŽ–
1 Verified Certificate

See samples

โš™๏ธ
4 Technologies Learned

HTML HTML
CSS CSS
JavaScript JavaScript
VSCode VSCode

๐Ÿ’ป
1 Final Project

โ™พ๏ธ
Lifetime Access

๐Ÿ“…
Weekly Deadlines

๐Ÿ‘ฉโ€๐Ÿซ
Live Technical Assistance
by professional developers

๐Ÿ‘
Homework Review

๐Ÿค–
AI Coding Assistant

๐Ÿ›Ÿ
Standard 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 190,000+ students how to code (online and offline) through SheCodes. His workshop rating average is ๐ŸŒŸ 4.9/5.

Matt

We've taught 190,000+ women from all over the world

All of our students started our workshops as complete beginners! Hereโ€™s what a few of them had to say

See more reviews

Trustpilot
4.98/5 | See reviews

Course Report
4.98/5 | See reviews

Switchup
4.97/5 | See reviews

Career Karma
4.8/5 | See reviews

Viktorija Koluzajeva
SheCodes Graduate
5/5
Highly recommended by Viktorija
Nice and simple little proj...
Lauren Elliott
SheCodes Graduate
5/5
Highly recommended by Lauren
The SheCodes basic course i...
Andreia Gonรงalves
SheCodes Graduate
5/5
Highly recommended by Andreia
It's pretty cool to learn n...
Tiziana Tortone
SheCodes Graduate
5/5
Highly recommended by Tiziana
I never thought learning ho...
Navreen Aulakh
SheCodes Graduate
5/5
Highly recommended by Navreen
I'm glad I took the time to...
Sebastian Seithel
SheCodes Graduate
5/5
Highly recommended by Sebastian
This add-on definitely expa...
Samantha Vellinga
SheCodes Graduate
5/5
Highly recommended by Samantha
This was a fun extra projec...
Suzana Keลกerac
SheCodes Graduate
5/5
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]

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 if this is for you?

Browse all of our workshops and compare them.

$49 $42
One-time payment
15% OFF, for a limited time only

๐Ÿ‘ฉโ€๐Ÿ’ป LEVEL
SheCodes Basics Alumni

โฐ DURATION
1 week or 2 days

INCLUDED IN THIS PACKAGE:
๐Ÿ‘ฉโ€๐Ÿซ 1 coding workshop
๐Ÿ”– 1 Verified Certificate
๐Ÿ’ป 1 real-life project
โš™๏ธ 4 technologies
๐Ÿค Technical assistants

$49 $42
One-time payment
15% OFF, for a limited time only
Purchase Basics
$42
$49