Meta tags:
description=A comprehensive course that helps you develop deep mastery of CSS. Built specifically for JavaScript developers!;

Headings (most frequently used words):

module, and, css, the, logic, with, learning, experience, designed, to, help, developers, become, confident, 0fundamentals, 1rendering, 2rendering, ii, 3modern, component, architecture, 4flexbox, 5responsive, functional, 6typography, images, 7css, grid, 8animation, interaction, 9little, big, details, stop, wrestling, interactive, javascript, js, devs, trusted, by, at, level, up, whole, team, hi, josh, thecurriculum, frequently, asked, questions, what, people, are, saying, video, archive, resource, treasure, trove, links,

Text of the page (most frequently used words):
the (282), and (201), css (172), course (149), you (133), for (131), this (90), that (72), how (72), with (65), joshwcomeau (53), #module (43), have (42), can (41), your (37), developers (35), learn (34), josh (33), but (31), just (31), all (30), from (29), will (27), #javascript (25), years (24), been (23), there (23), use (22), most (22), about (21), not (21), are (20), through (20), level (20), layout (20), like (20), get (19), learning (19), has (19), what (19), best (18), much (18), build (18), one (18), time (18), when (17), more (17), out (17), web (17), things (17), know (17), react (17), fun (16), way (16), was (16), really (16), take (15), first (15), work (15), help (15), devs (15), some (15), online (14), lot (14), experience (14), good (14), platform (14), content (14), any (14), learned (13), new (13), see (13), well (13), want (13), don (13), still (12), them (12), even (12), now (12), using (12), need (12), modern (12), had (11), never (11), thanks (11), his (11), already (11), should (11), modules (11), make (11), into (11), early (11), also (11), part (11), building (11), their (11), great (10), who (10), say (10), feel (10), purchase (10), knowledge (10), over (10), full (9), team (9), working (9), since (9), awesome (9), such (9), access (9), without (9), only (9), flexbox (9), design (9), component (9), world (9), ever (8), something (8), started (8), courses (8), high (8), used (8), amazing (8), writing (8), create (8), many (8), end (8), skills (8), questions (8), experiences (8), complete (8), they (8), framework (8), understanding (8), licenses (8), comeau (7), video (7), built (7), next (7), done (7), looking (7), love (7), believe (7), mental (7), model (7), community (7), fundamentals (7), incredibly (7), typography (7), flow (7), user (7), our (7), animation (7), animations (7), right (6), making (6), made (6), seriously (6), buy (6), fantastic (6), put (6), detail (6), off (6), think (6), very (6), based (6), everything (6), recommend (6), polish (6), going (6), got (6), every (6), education (6), interactive (6), could (6), become (6), few (6), discord (6), here (6), because (6), does (6), stuff (6), future (6), though (6), free (6), media (6), cover (6), vue (6), interfaces (6), box (6), grid (6), each (5), lesson (5), before (5), after (5), couple (5), myself (5), price (5), attention (5), excited (5), incredible (5), games (5), depth (5), bar (5), year (5), dev (5), almost (5), absolutely (5), lessons (5), highly (5), collapse (5), long (5), getting (5), definitely (5), finished (5), understand (5), while (5), better (5), big (5), coding (5), able (5), color (5), concepts (5), useful (5), ton (5), frontend (5), both (5), works (5), index (5), would (5), development (5), spend (5), support (5), angular (5), features (5), language (5), ultimate (5), package (5), tools (5), dynamic (5), effectively (5), browser (5), browsers (5), developer (4), away (4), properties (4), journey (4), thought (4), day (4), job (4), knew (4), material (4), beautiful (4), whole (4), were (4), investment (4), absolute (4), enough (4), too (4), different (4), last (4), trying (4), paying (4), together (4), confident (4), completed (4), please (4), written (4), between (4), hood (4), code (4), being (4), actually (4), far (4), worked (4), find (4), thank (4), margin (4), rules (4), later (4), didn (4), complex (4), another (4), effective (4), explain (4), concept (4), struggled (4), sure (4), quality (4), said (4), honestly (4), helpful (4), general (4), context (4), write (4), real (4), then (4), projects (4), people (4), hours (4), expect (4), purchasing (4), tricks (4), front (4), fit (4), frustrating (4), specifically (4), yes (4), non (4), assume (4), applications (4), text (4), upgrade (4), cost (4), order (4), receive (4), discount (4), students (4), scratch (4), focus (4), power (4), around (4), deep (4), responsibly (4), same (4), curriculum (4), details (4), algorithm (4), responsive (4), layouts (4), rendering (4), logic (4), terms (3), david (3), teacher (3), author (3), standout (3), friendly (3), engineer (3), wish (3), teaching (3), bought (3), wait (3), continue (3), comfortable (3), why (3), today (3), check (3), watching (3), teach (3), super (3), times (3), makes (3), charlie (3), andreas (3), hard (3), worth (3), keep (3), spent (3), won (3), comprehensive (3), stop (3), natalie (3), amount (3), mind (3), polished (3), anyone (3), terminology (3), exercises (3), wonderful (3), which (3), feels (3), finally (3), happy (3), starting (3), project (3), him (3), doesn (3), having (3), question (3), two (3), matt (3), powerful (3), single (3), taken (3), always (3), other (3), employer (3), self (3), elements (3), given (3), decade (3), enjoying (3), trust (3), pick (3), class (3), least (3), haven (3), did (3), gaps (3), wars (3), expert (3), deeper (3), joy (3), pop (3), created (3), yet (3), missing (3), knowing (3), structure (3), number (3), showing (3), these (3), tips (3), principles (3), svelte (3), career (3), student (3), workshops (3), comes (3), syntax (3), components (3), blog (3), folks (3), little (3), accessible (3), applied (3), tier (3), lower (3), sized (3), challenges (3), updates (3), educational (3), manager (3), software (3), cascade (3), naming (3), max (3), archive (3), shadows (3), fonts (3), variables (3), managing (3), overflow (3), queries (3), hidden (3), vital (3), tooling (3), avoiding (3), instead (3), important (3), provide (3), solve (3), exploration (3), may (3), teaches (3), taught (3), systems (3), 2020 (2), present (2), joshua (2), rights (2), reserved (2), policy (2), stack (2), digital (2), manage (2), randall (2), kanna (2), heard (2), dekigk (2), stevenmchenry01 (2), stevenmchenry (2), bit (2), learnt (2), thinking (2), hype (2), katherinecodes (2), katherine (2), peterson (2), pure (2), gold (2), enrolled (2), person (2), properly (2), point (2), custom (2), beyond (2), struggle (2), curso (2), must (2), impressed (2), welcome (2), wow (2), hand (2), feeling (2), perfectly (2), executed (2), passion (2), beautifully (2), presented (2), libraries (2), visual (2), cullophid (2), møller (2), tried (2), tons (2), afford (2), giovanni (2), primarily (2), requires (2), rest (2), mdn (2), favorite (2), laurie (2), genuinely (2), codefreedomritr (2), davis (2), sparkling (2), programmer (2), extraordinaire (2), effort (2), went (2), mini (2), top (2), else (2), hey (2), difference (2), multi (2), packed (2), taking (2), under (2), shoutout (2), promise (2), blown (2), congrats (2), huge (2), glad (2), own (2), maypattaranan (2), classes (2), phenomenal (2), doing (2), wrong (2), edge (2), pieces (2), sense (2), picture (2), stuck (2), loads (2), might (2), helped (2), fundamentally (2), changed (2), paid (2), back (2), explanations (2), quick (2), gives (2), adam (2), format (2), una (2), half (2), jimmydcleveland (2), jimmy (2), cleveland (2), following (2), active (2), models (2), purchased (2), added (2), sooo (2), recommended (2), becomes (2), literally (2), hands (2), saying (2), axel (2), insights (2), throughout (2), training (2), set (2), bjartnes (2), along (2), lines (2), let (2), yep (2), easier (2), certain (2), bugs (2), nifty (2), creating (2), expectations (2), practical (2), excellent (2), probably (2), apply (2), come (2), clarity (2), stacking (2), reach (2), pedagogical (2), technical (2), game (2), challenge (2), review (2), process (2), plus (2), solved (2), gone (2), seen (2), understood (2), clear (2), com (2), depending (2), add (2), vat (2), reimbursed (2), receipt (2), whatever (2), name (2), reimbursement (2), share (2), save (2), unique (2), mostly (2), those (2), hoping (2), implement (2), invest (2), recent (2), bootcamp (2), examples (2), answering (2), ask (2), conduct (2), favourite (2), group (2), situations (2), state (2), specific (2), required (2), intended (2), mean (2), beginner (2), checking (2), rich (2), mechanisms (2), improvements (2), pretty (2), videos (2), contrast (2), exclusively (2), its (2), keyboard (2), mouse (2), days (2), constant (2), refund (2), email (2), basic (2), pro (2), sale (2), significant (2), opportunities (2), practice (2), leading (2), workshop (2), license (2), teams (2), assign (2), multiple (2), page (2), letter (2), aren (2), resources (2), results (2), worthwhile (2), wanted (2), example (2), look (2), bem (2), frameworks (2), vpn (2), regional (2), update (2), focused (2), robust (2), engineering (2), creator (2), styled (2), resource (2), treasure (2), trove (2), exactly (2), collection (2), line (2), application (2), selectors (2), tailwind (2), accessibility (2), optimizing (2), usability (2), scrolling (2), aesthetics (2), gradients (2), clipping (2), filters (2), jumbo (2), bunch (2), performance (2), transition (2), lush (2), interaction (2), fallbacks (2), older (2), revolutionary (2), system (2), variable (2), font (2), practices (2), image (2), optimization (2), webapp (2), wrangle (2), images (2), calc (2), min (2), clamp (2), mobile (2), tablet (2), resilient (2), functional (2), responsiveness (2), dozen (2), common (2), grow (2), shrink (2), basis (2), brought (2), library (2), specificity (2), conventions (2), webapps (2), advantage (2), ecosystem (2), architecture (2), relative (2), fixed (2), sticky (2), positions (2), modes (2), examining (2), positioned (2), quirks (2), inheritance (2), renders (2), items (2), basics (2), colors (2), units (2), consume (2), fills (2), ensures (2), solid (2), foundation (2), instructor (2), past (2), senior (2), organizations (2), join (2), bundle (2), practicing (2), result (2), designed (2), bluesky, contact, privacy, links, telus, elliott, basically, teachers, living, encountered, show, 2014, logical, values, btw, cssforjsdevs, weekend, leaned, fluent, ccs, metelskyi_a, artem, metelskyi, mad, bills, extensive, pricy, dayum, simonleggsays, simon, legg, levels, roof, joeyrobinsondev, joey, robinson, rarely, needed, gagliardi_vale, valentino, gagliardi, introduction, caught, luckily, jacksonbates, jackson, bates, thomas_bailey_, thomas, randallkanna, words, hats, _marbiano, martin, bavio, picked, skill, pricing, steal, miss, devindford, devin, ford, definitivo, para, desarrolladores, interacción, forma, enseñar, otro, nivel, ojalá, hubiera, existido, así, cuando, estaba, empezando, carrera, charliesbot, stunned, gorgeous, screen, itsakeller, keller, straightforward, informative, holds, condescending, sluggish, aces, dneighly, dustin, neighly, renzooh, laurent, harel, broke, piggy, bank, rising, kapcash, florent, authored, editor, masterpiece, regret, giovannilondero, londero, googling, several, aha, moments, forward, ggascoigne, guy, gascoigne, piggford, puts, manner, piecemeal, harder, laurieontech, sbappan_, santhosh, appan, ing, daily, annoyed, boggling, open, public, sold, although, hooked, locked, pniedri, paige, niedringhaus, brilliantly, playgrounds, choice, questionnaire, everyoneelse, https, greystate, chriztian, steinmeier, obsessed, jam, analogies, notes, mayacelium, maya, gans, breath, fresh, air, thejuliams, lia, huuuuge, leveling, morning, _davideast, east, deserved, yesterday, immediately, loved, mehdi_vasigh, mehdi, omg, biz84, andrea, bizzotto, kudos, delivery, couldn, hajblack, henry, black, treated, forgotten, niomk, katie, raby, reasons, inspiration, wanna, signing, follow, thru, light, wherenicc, nic, jbrancha, branchaud, loving, quite, ui_natalie, enjoyed, aspect, burnout, glass, whiskey, night, unwind, _seangroff, sean, groff, hot, true, tbh, dionisio_dav, dionise, wrapped, tonight, referenced, coopercodes, ooper, ascorbic, kane, solidify, baffle, releases, fully, relationship, quinn_max_codes, quinn, turns, flex, deserves, cent, dev_bogdan, bogdan, adrian, easily, refer, constantly, snippets, references, kylemckell, kyle, suddenly, remembered, forgot, gifted, expertly, personable, budget, adamrackis, rackis, peepin, lil, preview, launching, week, assesments, kravets, sharing, topogigiovanni, mansueto, raising, 1st, a_sandrina_p, sandrina, pereira, section, masterfully, awe, succinctly, walked, misunderstood, topic, ago, truely, professor, brian, cox, simply, olds, pros, jackdomleo7, jack, domleo, firstly, liking, secondly, passive, mattmhartley, hartley, explains, jhicks154, jamie, hicks, exercise, thus, styling, character, app, randomize, button, spice, further, tommynoe, tommy, noe, whispering, raveesh_me, raveesh, agarwal, registration, list, available, a_scardapane, anthony, scardapane, valuable, scared, plethora, wasn, finishing, safer, milkysingh27, malkeet, fan, brbr_p, barbara, peric, goes, hope, weight, gobsmacked, axelolsson, olsson, partially, shares, again, recap, rose_w, rose, slow, none, erchwy, eric, howey, needs, disclaimer, reads, stopping, compete, man, remaining, joaoeira, joão, eira, thing, nicopellerin_io, nico, pellerin, information, slowly, sink, invaluable, developed, minimal, intuition, _venikx, kevin, rangel, wizard, blowing, idk, spizzy84, musashi, managed, exceed, professional, congratulations, fullstackmaker, johnny, fekete, intimidated, sarasoueidan, sara, soueidan, splendid, known, old, hacks, catching, juniors, bothered, yourself, dominiccronin, dominic, cronin, legitimately, pushing, mudetroit, laforest, hughrawlinson, hugh, rawlinson, total, antonynorthcutt, antony, northcutt, took, maxklammer, maximilian, klammer, currently, sygill_, sygill, amazed, felt, magic, practically, discovering, certainly, near, axelvaindal, vaindal, precisely, filling, causing, tremendously, shadibarhoumi, shadi, barhoumi, pseudo, demo, once, ariel_rodriguez, ariel, rodriguez, anymore, charlespeters, field, pair, hopefully, start, seeing, pierreouannes, pierre, ouannes, massive, putting, than, otherwise, draggable, kempsterrrr, kempster, nothing, short, inspiring, entire, meticulously, speed, adding, jeromehardaway, jerome, hardaway, launches, entirely, matiasbaldanza, matias, baldanza, buying, investments, 2021, pleasure, sdecri, sergio, cristofaro, erikiva, natalia, piece, art, types, jorgescript_, jorge, silva, 100, delivered, ryanisparker, ryan, parker, opportunity, money, hrsdimitrov, hris, tutorials, overstate, upcoming, brandonleichty, brandon, leichty, programming, florinpop1705, florin, highest, thorough, above, checked, chatsidhartha, sid, weeks, chapter, truly, jenaiccambre, jénaïc, cambré, candidate, mentions, bother, asking, junior, interview, stamp, approval, smsibasish, sibasish, raised, sky, presentation, offering, path, expertise, jhooks, joel, hooks, truth, ahead, coins, techgirl1908, angie, jones, reached, send, listed, feedback, thoroughly, aim, average, structured, easy, skip, charges, emailed, invoice, paddle, address, necessary, facilitate, claim, social, accomplishment, completes, certificates, verified, url, pdf, offer, certificate, completion, serious, neat, twitter, pre, existing, designs, ember, brand, picking, categories, modernize, outdated, experienced, themselves, tripped, faster, notch, backend, skillset, graduates, college, embark, careers, productivity, hit, wall, task, kinds, benefit, found, less, spending, thrilled, uses, channel, moderated, according, nooks, internet, discussion, slack, minute, mess, advanced, jsx, familiar, preloaded, git, beneficial, terminal, run, node, npm, briefly, red, months, graduated, perfect, idea, passing, data, props, beginners, isn, depends, heck, posts, repackaged, aims, give, research, direct, tangible, aleady, eyesight, imagine, nature, sad, include, closed, captions, english, higher, colorblind, communicating, anything, hue, navigation, minigames, controllable, alone, happens, dictation, eye, tracking, product, area, improvement, reason, unconditionally, originally, current, discounts, sales, cannot, upgrades, during, compared, note, either, 170, bite, mix, experimentation, small, demos, larger, where, broader, realistic, dirty, offers, assignments, nope, lifetime, subscription, expire, coupon, shoot, proof, enrolment, actively, program, including, bootcamps, assembly, indeed, gain, administration, dashboard, allow, additional, automatically, qualify, company, card, template, persuade, copy, employers, deliver, quickly, convince, challenging, familiarity, spread, operator, similarities, concerns, subset, matters, methodologies, scoping, affects, ways, try, disconnecting, visit, country, significantly, allows, select, parity, ppp, careful, promises, depend, schedule, plan, continuing, registered, covered, view, transitions, relevant, helping, change, december, 2025, subgrid, reading, date, frequently, asked, google, addy, osmani, bringing, whimsy, brightest, authorities, stoiber, favourites, generators, packages, detailed, guides, curated, amassed, fortune, often, unconventional, record, walkthroughs, stumbled, particularly, tricky, wondered, exclusive, extras, bonuses, physics, natural, bleeding, progressive, enhancement, ensuring, users, themes, calculations, serve, purpose, annoy, ellipsis, global, styles, margins, surprising, intuitions, mechanics, form, controls, meaningful, semantic, html, combined, optimal, optical, alignment, fluid, adaptive, contexts, hypothetical, sizes, containing, blocks, provides, benefits, friction, smacss, devtools, squash, mockup, figma, popular, tool, supercharge, ability, legacy, enjoyable, explosion, complexity, typically, large, scale, strong, weaved, enforced, everyone, barely, scratches, surface, included, 200, fluff, distillation, founder, blogging, monica, lent, handbook, shawn, swyx, wang, care, delight, famous, culmination, profoundly, developing, concordia, university, roles, acq, netlify, ideas, ground, gatsby, inc, digitalocean, abandoned, discovered, renowned, profit, mission, alongside, smartest, minds, khan, academy, trivial, friend, tutor, math, problems, php, mysql, jquery, dog, breakfast, wathan, takes, clearly, accurate, stick, 10x, possibly, install, brain, invent, hundreds, invested, includes, cash, unbeatable, introducing, netflix, barth, providing, essential, exceeded, epicreact, kent, dodds, educator, life, retain, abundantly, knows, productive, extremely, approach, trusted, call, packaging, paced, expedite, countless, spelunking, documentation, csswg, specifications, undeniably, arduous, becoming, proficient, sudden, energy, avoid, embracing, changing, sort, gene, unfair, criticism, nobody, born, except, worse, blame, ourselves, puzzle, individual, focusing, algorithms, inputs, cool, broadly, situation, matter, underlying, incomplete, implicit, despite, appearances, deeply, consistent, unpredictable, involved, totally, invisible, bewildering, surprises, shake, confidence, wonder, enjoy, mistake, typescript, tooltip, telling, left, dark, clues, expected, wrestling, enroll, login,

Text of the page (random words):
when i m learning something from josh i know it s being taught the best way it possibly could be there s no person i d trust more to really install css into my brain adam wathan creator of tailwind css hi i m josh believe it or not the very first non trivial web application i built was an online education platform my friend worked as a tutor and he wanted a way to assign math problems to his students i built it with php mysql and jquery it was a dog s breakfast but it worked i abandoned that project when i discovered khan academy a world renowned non profit on a mission to provide a free world class education online years later i would join as a software engineer to help build that platform i got to work alongside some of the smartest pedagogical minds in the world and i learned a whole lot about how to create effective educational content i ve spent the last couple years working in senior engineering roles at organizations like digitalocean and gatsby inc acq netlify building tools to help developers get their ideas off the ground for the past few years i ve also taught part time for journey education developing curriculum and leading web development courses at concordia university it s been almost a decade since i built my first educational platform i ve learned a lot about education since then and it s high time i do something with that knowledge and experience css for javascript developers is the culmination of my career and i genuinely believe it ll be profoundly useful i m so excited to help you on your journey with css josh w comeau instructor css for javascript developers this is a complete exploration of all the css knowledge that modern frontend devs need to know over a decade worth of knowledge packed in here with the same care and delight that josh is famous for on his blog shawn swyx wang author the coding career handbook josh s blog is pure gold if you want to learn css this course has all the polish you d expect from josh plus the structure to make sure you re getting the complete picture monica lent founder blogging for devs the curriculum this curriculum teaches everything you need to know to build modern polished web experiences it s a no fluff distillation of the skills i ve learned over 15 years 200 lessons 40 hours of content module 0 fundamentals this module fills in any gaps you may have and ensures we re all working from the same solid foundation how browsers consume css syntax and terminology basics of colors units typography module 1 rendering logic i we pop the hood and see how the browser renders items in flow layout inheritance and the cascade the box model in depth the need to know quirks about flow layout module 2 rendering logic ii we continue our exploration of the browser s layout modes by examining positioned layout understanding relative absolute fixed and sticky positions avoiding the z index wars managing overflow hidden content module 3 modern component architecture how does css fit into modern js webapps in this module we learn how to take advantage of the javascript ecosystem using tooling to solve specificity challenges without naming conventions how to build a component library from scratch how to use css in js effectively module 4 flexbox flexbox brought an incredibly powerful layout algorithm to the web we learn how to make the most of it understanding grow shrink and basis a dozen common layouts with flexbox responsiveness without media queries module 5 responsive and functional css css has become a really dynamic language we ll see how to use modern css features to build resilient layouts building amazing mobile tablet experiences dynamic css with vw vh calc min max clamp the awesome power of css variables module 6 typography and images the most important part of any webapp is the content we ll learn how to wrangle text and media responsive image optimization web font best practices variable fonts and the future of typography module 7 css grid css grid is a revolutionary layout system for the web we ll see how to use it responsibly to create next level user interfaces when to use css grid vs flexbox understanding the layout algorithm at a deep level how to provide fallbacks for older browsers module 8 animation and interaction animation is a vital part of all web applications we ll learn how to build beautiful lush animations transition and animations from first principles how to design animations animation performance module 9 little big details in this jumbo sized module we ll cover a bunch of tips and tricks to create standout experiences on the web aesthetics with gradients box shadows clipping and filters optimizing the usability around scrolling focus the details and polish to build next level user experiences module 0 fundamentals this module fills in any gaps you may have and ensures we re all working from the same solid foundation how browsers consume css syntax and terminology basics of colors units typography module 1 rendering logic i we pop the hood and see how the browser renders items in flow layout inheritance and the cascade the box model in depth the need to know quirks about flow layout module 2 rendering logic ii we continue our exploration of the browser s layout modes by examining positioned layout understanding relative absolute fixed and sticky positions avoiding the z index wars managing overflow hidden content module 3 modern component architecture how does css fit into modern js webapps in this module we learn how to take advantage of the javascript ecosystem using tooling to solve specificity challenges without naming conventions how to build a component library from scratch how to use css in js effectively module 4 flexbox flexbox brought an incredibly powerful layout algorithm to the web we learn how to make the most of it understanding grow shrink and basis a dozen common layouts with flexbox responsiveness without media queries module 5 responsive and functional css css has become a really dynamic language we ll see how to use modern css features to build resilient layouts building amazing mobile tablet experiences dynamic css with vw vh calc min max clamp the awesome power of css variables module 6 typography and images the most important part of any webapp is the content we ll learn how to wrangle text and media responsive image optimization web font best practices variable fonts and the future of typography module 7 css grid css grid is a revolutionary layout system for the web we ll see how to use it responsibly to create next level user interfaces when to use css grid vs flexbox understanding the layout algorithm at a deep level how to provide fallbacks for older browsers module 8 animation and interaction animation is a vital part of all web applications we ll learn how to build beautiful lush animations transition and animations from first principles how to design animations animation performance module 9 little big details in this jumbo sized module we ll cover a bunch of tips and tricks to create standout experiences on the web aesthetics with gradients box shadows clipping and filters optimizing the usability around scrolling focus the details and polish to build next level user experiences and so much more this curriculum barely scratches the surface here are some other important things included in the course a discord community with an enforced code of conduct so that everyone feels welcome a strong focus on accessibility instead of an accessibility module it s weaved into every module learn how to structure our css at scale avoiding the explosion of complexity that typically comes with large projects working with legacy browsers how to support ie while still being able to write modern enjoyable css the fundamentals that will supercharge your ability to work with css frameworks like tailwind building a design from a mockup using figma a popular free to use design tool how to use the browser devtools to squash css bugs effectively no bem or smacss we ll see how modern tooling provides the same benefits but without the friction understanding hidden but vital mechanisms like stacking contexts hypothetical sizes and containing blocks building fluid adaptive interfaces without media queries how to use styled components effectively using optical alignment to create next level polished interfaces the rich world of selectors and how to use combined selectors for optimal results how to write meaningful semantic html building beautiful and accessible form controls mini games that help you build deep intuitions for complex mechanics everything you need to know about margins there s a surprising amount knowing when and how to use global styles in a component focused application managing overflow text with an ellipsis both single line and multi line how to design animations that serve a purpose and don t annoy the user using css variables for color themes dynamic calculations and more how to use web fonts responsibly ensuring the best experience for all users learn bleeding edge css features and how to use them responsibly with progressive enhancement how to make shadows that look and feel real based on physics and the natural world with nifty bonuses the ultimate tier comes with exclusive extras the video archive have you ever stumbled on a particularly tricky layout or animation and wondered how it works the video archive is a collection of in depth build walkthroughs and explanations often when a student has a question around how to build an unconventional layout i ll record a video for the archive showing how i would implement it the resource treasure trove over the years i ve amassed a fortune of tools the resource treasure trove is a curated collection of my favourites i share my favourite tools generators packages and resources with detailed guides for each one showing exactly how i get the most out of it using css and knowing css are two very different things i ve been using css for years but i didn t know it well this course is awesome i ve already learned a ton and i can t wait to keep going max stoiber creator of styled components josh is one of the brightest authorities on css out there bringing both deep technical insights and a fantastic amount of whimsy to all his work i highly recommend checking his course out if you re looking to level up addy osmani engineering manager at google frequently asked questions is this course up to date for the most part yes the most recent significant update was in december 2025 when i added new content about subgrid reading flow and more there are some modern css features that aren t yet covered in the course like view transitions but i would say that everything we cover in the course is still just as relevant and useful the course is focused on helping you build a robust mental model of how css works and that stuff doesn t actually change too much from year to year also i ve been pretty careful not to make any hard promises around future updates since it ll depend on my schedule but i do plan on continuing to update the course over time all registered students will receive all future updates for free do you support purchasing power parity ppp regional licenses yes if you visit this page from a country with significantly lower purchasing power you should see a box that allows you to select a regional license at a lower price if you don t see the box and you re using a vpn please try disconnecting the vpn what does for javascript developers mean this course is specifically built for folks who use a component based js framework like react angular or vue this affects things in a number of ways we focus on the subset of css that matters most to js developers for example we don t cover naming methodologies like bem because modern frameworks have tools that manage scoping for us as js developers we have concerns that other css developers don t have things like working with css in js or building component libraries from scratch we cover them in this course we look at real world examples css being used in the context of react applications i use your familiarity with js to help make it easier to learn css for example if you understand how the spread operator works you already understand how the cascade works i explain the similarities in the course i wanted to make a css course specifically for js developers because i know how frustrating css can be for us i struggled with it myself for years and years you don t need to be a javascript expert but i do assume that you have some experience with a js framework like react angular vue if you haven t used a js framework you ll still learn a lot about css fundamentals in this course though some of the workshops will be more challenging how do i convince my manager to buy this course for me employers want to invest in resources that help their team deliver better results more quickly i believe css for javascript developers is an incredibly worthwhile investment if you work as a software developer and aren t sure how to get your employer to put this course on the company card i created a letter template you can use to help persuade them to pick up a copy for you check it out letter to your manager can i purchase multiple licenses for my team or group absolutely you can order multiple licenses on the teams order page depending on the number of licenses you purchase a 10 20 discount will be applied automatically requires at least 4 licenses to qualify you ll also gain access to the teams administration dashboard which will allow you to assign your team and purchase additional licenses is there a student discount there is indeed if you re actively enrolled in an educational program you can receive 20 off the full cost of the course the ultimate package this discount is intended for full time or part time students including coding bootcamps like general assembly to receive a unique coupon code shoot an email to support joshwcomeau com with proof of enrolment is this a subscription does the license expire nope it s a one time purchase when you buy css for javascript developers you ll have access to the course for the lifetime of my course platform not only that but you ll get all updates and improvements for free are there assignments and projects or is this mostly a video course i believe that in order to learn something you need to get your hands dirty this course offers a ton of opportunities to practice the concepts we learn throughout each module there are exercises small challenges and interactive demos most modules end in a workshop a larger project where we can apply the skills we ve learned in a broader more realistic context that said there are over 170 bite sized videos in the course as well the general format is that each lesson will mix written and video content to explain the concept and then there are opportunities for practice and experimentation leading up to the workshop at the end of the module can i upgrade later if i buy a lower tier now ...