You NEED to see this!

@tech.unicorn

41.3K followers · usually 4.5K views a post

Views

1.7M

Likes

337.6K

Comments

1.1K

Shares

12.3K

SoundTikTok sound · Woman

Promoted product

Girls Who Code Codable Music Videogirlswhocode.com

Learn to code! Free summer programs and after-school clubs for teen girls. Explore coding in a fun and friendly environment. Find a program near you!

Why it worked

The video leverages the popularity of Doja Cat and the innovative concept of a 'codable music video' to engage viewers. By demonstrating interactive coding elements, it appeals to both music fans and aspiring coders, making the learning process seem fun and accessible.

Summary

This video showcases an interactive, codable music video experience created by Girls Who Code featuring Doja Cat. Viewers are guided through coding challenges using CSS and JavaScript to customize elements of the music video, like nail color and particle effects.

Structure

1Introduction to the codable music video
2Coding the queen's nails with CSS
3Activating Doja power with JavaScript
4

Original caption

WOW 🤯 @girlswhocode & @Doja Cat this is SO COOL 😳😍👩‍💻 #girlswhocode #techtok #codetok #learntocode

More from @tech.unicorn

Product placement

The video promotes a 'codable music video' experience created by Girls Who Code, allowing users to interactively code elements of a Doja Cat music video using CSS and JavaScript.

Call to action

BEGIN

On-screen text

You NEED to see this! DOJA CAT Welcome to the first ever codable music video. This is Planet Her Bish! Which means YOU'RE in control. You Ready? BEGIN You are about to code a freakin' music video. CSS JAVASCRIPT PYTHON Look out for the starred coding challenges. Cute, right? /* Paint the queen's nails */ #hand .nails { position: absolute; width: 30rem; height: 10rem; color: white; transform: rotation(15deg); border-radius: 3rem; } TYPE ANY COLOR YOU WANT /* Activate Doja power */ const particles = new ParticleStorm(); particles.curlNoise = ; particles.color = sandbrown; particles.height = 80; particles.speed = 50; particles.run(); GIRLS WHO CODE PRESENTS DOJA CAT

Transcript

You NEED to see this! We can code Doja Cat's new video. What? This is the first ever codable music video. Oh my god, let's start. You are about to code a freakin' music video. CSS, Javascript, and Python. Look out for the starred coding challenges. Cute, right? Gotta protect the throne! But first, let's get those nails in check. You ever code a manicure? Paint the queen's nails. I'm gonna choose pink. Don't forget the semicolon. Wow. Look! I made her nails pink. All right, let's continue. Queen. Now we can change the speed and the height of the particles. Wow. This has to be the best way to learn to code. That was super cool.