Welcome to our first step into the magical realm of HTML! Let your heart flutter as we weave these delicate tags into a romantic tapestry of code. So sweet!
Example:<h1>Hello, dreamy web!</h1>
Quiz: What does HTML stand for?
Or answer by voice:
HTML Lesson 2: Head & Body Tags
Feeling adventurous? Let’s dance deeper into the swirl of head and body tags. It's like a gentle waltz where the mind and body of your webpage spin in harmony.
Quiz: What's inside the <head> tag?
Or answer by voice:
HTML Lesson 3: Common Elements
Brace yourself for an explosion of cuteness as you discover paragraphs, links, and images. They’re like adorable confessions sprinkled across your pages!
Quiz: Which tag defines a hyperlink?
Or answer by voice:
HTML Lesson 4: Tables & Lists
Let’s create sweet lists and precise tables! They line up your cutest items in perfect little rows or bullet points, so your user won't trip over data.
Quiz: Which tag starts a table row?
Or answer by voice:
HTML Lesson 5: Forms
Finally, let’s capture user input with forms! It's like sending a secret love letter from your user to your server.
Quiz: Which attribute defines the action for a form?
Or answer by voice:
Preview Lessons
HTML Lesson 2
HTML Lesson 3
HTML Lesson 4
HTML Lesson 5
Progress:
CSS Lesson 1: Intro to CSS
Oh, sweet sunshine! Let’s color our world with CSS, sprinkling adorable fonts and dreamy hues across the screen.
Quiz: What does CSS stand for?
Or answer by voice:
CSS Lesson 2: Selectors
Our code’s precious secrets revolve around choosing the right elements—like picking the sweetest candy from a jar!
Quiz: Which symbol indicates an ID selector in CSS?
Or answer by voice:
CSS Lesson 3: The Box Model
Every element is a precious gift box. Let’s wrap them in margin and padding so they don’t bump each other!
Quiz: Which property defines the space inside a box, between the content and the border?
Or answer by voice:
CSS Lesson 4: Display & Position
Ready for a sweet fashion show? Elements love to strut in block, inline, or absolutely positioned styles. Fierce!
Quiz: Which CSS property changes how an element is displayed (e.g., block/inline)?
Or answer by voice:
CSS Lesson 5: Flex & Grid
Here come the coolest kids on the block: flexbox and grid. They’ll line up your layout like a perfect jigsaw puzzle. Kyaa~!
Quiz: Which layout is best for 2D designs and complicated arrangements?
Or answer by voice:
Preview Lessons
CSS Lesson 2
CSS Lesson 3
CSS Lesson 4
CSS Lesson 5
Progress:
JS Lesson 1: Intro to JavaScript
Prepare your heart for thrilling drama—JavaScript can be a whirlwind of logic and enchantment. Let’s harness that power, oh dear coder!
Quiz: What does JS stand for?
Or answer by voice:
JS Lesson 2: Variables & Data Types
Like precious secrets, variables hold data inside. But be careful—some are numbers, others are strings, or even booleans!
Quiz: Which keyword declares a variable in modern JS?
Or answer by voice:
JS Lesson 3: Functions
Sweep off your feet with these enchanting spells called functions! Summon them anytime to do your bidding.
Quiz: Which syntax defines a function in JS?
Or answer by voice:
JS Lesson 4: Loops & Conditions
Round and round we go with loops, checking conditions like a lovestruck heart. Let’s repeat the magic!
Quiz: Which keyword starts a loop in JS?
Or answer by voice:
JS Lesson 5: DOM & Events
Oh sweet heavens, the DOM is your stage! Add event listeners to twirl and swirl your webpage’s elements with flair.
Quiz: Which method selects an element by ID?
Or answer by voice:
Preview Lessons
JS Lesson 2
JS Lesson 3
JS Lesson 4
JS Lesson 5
Progress:
JSON Lesson 1: Intro to JSON
Ever want to pass adorable data around the web? JSON is a snug little container for your cutest info!
Quiz: What does JSON stand for?
Or answer by voice:
JSON Lesson 2: Objects & Arrays
So many adorable pairs of keys and values! It's like matching sweet couples in the data realm.
Quiz: Which symbols enclose JSON objects?
Or answer by voice:
JSON Lesson 3: Strings & Numbers
Everything’s so straightforward—no extra quotes for numbers, but strings love them for sweet protection!
Quiz: True or False: JSON numbers must be in double quotes.
Or answer by voice:
JSON Lesson 4: Nested Data
Nest those objects in arrays like a set of cute little Matryoshka dolls—endless surprises inside!
Quiz: Which bracket pair encloses arrays in JSON?
Or answer by voice:
JSON Lesson 5: Parsing & Stringifying
Send your sweet JSON data to the server, then parse or stringify it. So official, yet so adorable!
Quiz: Which method converts a JSON string to an object?