Meta tags:
description=Grab both of my flagship courses — CSS for JavaScript Developers and The Joy of React — in one delightful bundle 😄;
author=Josh W. Comeau;

Headings (most frequently used words):

for, javascript, developers, joy, bundle, the, of, react, css, my, goodness, what, lovely, frequently, asked, questions, bundlejoy, this, includes,

Text of the page (most frequently used words):
the (122), you (74), and (63), for (35), courses (30), react (30), can (28), with (27), this (24), that (23), css (22), course (20), all (19), your (19), are (15), there (14), #bundle (14), about (14), joy (14), but (13), like (13), javascript (13), developers (13), how (13), full (12), have (11), out (11), one (11), what (11), from (10), more (10), build (10), get (9), not (9), email (9), don (9), really (9), please (8), will (8), purchase (8), know (8), deep (8), toggle (8), they (7), yet (7), when (7), online (7), most (7), things (7), help (7), understand (7), learn (7), bonus (7), includes (7), use (6), josh (6), any (6), address (6), just (6), discount (6), other (6), animations (6), stuff (6), cover (6), using (5), receive (5), may (5), also (5), checkout (5), price (5), made (5), our (5), need (5), these (5), community (5), code (5), support (5), access (5), platform (5), student (5), licenses (5), now (5), web (5), job (5), layout (5), way (5), option (4), invoice (4), two (4), name (4), possible (4), reach (4), completion (4), share (4), each (4), has (4), discord (4), feature (4), pay (4), into (4), something (4), time (4), let (4), team (4), though (4), would (4), which (4), could (4), including (4), works (4), step (4), projects (4), intuition (4), understanding (4), learning (4), different (4), features (4), refund (4), both (4), actually (4), was (4), mental (4), started (4), border (4), animation (4), end (4), effect (4), send (3), back (3), copy (3), credit (3), card (3), purchasing (3), receipt (3), include (3), information (3), certificate (3), yes (3), questions (3), even (3), them (3), license (3), lot (3), see (3), issue (3), problem (3), bonuses (3), point (3), cost (3), register (3), some (3), whimsical (3), memorize (3), bunch (3), knowledge (3), goal (3), work (3), level (3), instead (3), interactive (3), exercises (3), much (3), included (3), every (3), years (3), been (3), than (3), who (3), important (3), never (3), model (3), modules (3), usd (3), skills (3), understood (3), snippets (3), engineer (3), front (3), coding (3), light (3), visual (3), blog (2), privacy (2), policy (2), terms (2), home (2), comeau (2), message (2), quickly (2), question (2), here (2), note (2), recipient (2), last (2), take (2), day (2), then (2), person (2), gift (2), definitely (2), totally (2), else (2), employer (2), before (2), best (2), request (2), yep (2), useful (2), add (2), feel (2), able (2), offer (2), according (2), very (2), place (2), students (2), several (2), times (2), along (2), manager (2), within (2), countries (2), united (2), later (2), free (2), button (2), only (2), updates (2), does (2), qualify (2), instructor (2), shoot (2), proof (2), active (2), part (2), educational (2), custom (2), individual (2), billing (2), paid (2), box (2), might (2), regional (2), same (2), content (2), significantly (2), lower (2), difference (2), power (2), given (2), too (2), want (2), tutorials (2), show (2), own (2), philosophy (2), main (2), sit (2), watch (2), experience (2), game (2), created (2), lessons (2), believe (2), say (2), their (2), because (2), return (2), enough (2), sales (2), tax (2), become (2), feeling (2), hope (2), published (2), tried (2), rather (2), real (2), world (2), having (2), syntax (2), collection (2), three (2), 2026 (2), creating (2), 2025 (2), added (2), doesn (2), year (2), everything (2), latest (2), version (2), server (2), components (2), actions (2), date (2), resource (2), treasure (2), trove (2), video (2), ultimate (2), package (2), hunting (2), kit (2), module (2), flagship (2), his (2), technical (2), make (2), building (2), resources (2), through (2), modes (2), used (2), sense (2), memorizing (2), principles (2), had (2), suddenly (2), felt (2), under (2), hood (2), decade (2), staff (2), friendly (2), videos (2), beginner (2), well (2), lightbulb (2), spent (2), local (2), bootcamp (2), pitfalls (2), framework (2), focus (2), working (2), 2020, present, rights, reserved, contact, page, listed, first, quicker, digits, paying, second, preserves, respond, yourself, enter, process, welcome, seamless, options, somebody, requires, quote, accommodate, after, link, edited, reimbursement, company, vat, info, customized, prove, linkedin, profile, social, media, great, accomplishment, complete, save, showing, completed, certificates, verified, unique, url, pdf, moderated, conduct, vibrant, thousands, joined, myself, answering, week, stuck, ask, unfortunately, seems, intermittently, available, states, kingdom, spain, italy, germany, france, australia, happen, live, following, paypal, split, four, interest, instalments, click, during, afraid, currently, regions, installments, nope, buy, lifetime, improvements, subscription, expire, self, paced, unless, involve, direct, interaction, enrollment, anything, registration, paperwork, edu, sending, sufficient, joshwcomeau, com, institution, generate, directly, links, certainly, number, depending, quantity, requested, multiple, group, golden, disable, vpn, browser, extensions, affect, persists, wind, moving, higher, living, area, wish, continue, accessing, upgrade, global, exchange, accessed, region, reside, country, india, brazil, pakistan, ethiopia, should, pop, below, parity, ppp, tend, put, emphasis, accessibility, explore, cool, rely, empower, critical, core, focused, write, order, application, without, why, fundamental, lots, passive, bit, differently, nothing, quite, give, example, early, look, jsx, html, making, boring, rules, spot, differences, style, allows, embed, inside, familiar, general, idea, goes, further, minigames, special, activities, sorts, practice, experimentation, key, ingredients, effective, built, around, belief, ways, makes, respective, landing, pages, where, caveat, said, repurchase, its, lose, provided, progress, data, preserved, account, absolutely, unconditional, getting, value, transaction, fees, cent, happy, impossible, predict, shape, industry, coming, signs, seen, far, contradict, doom, gloom, narrative, somehow, widely, accepted, anxious, check, thoughts, recently, explores, empirical, hypothesizing, compared, results, seeing, across, wide, variety, skill, levels, tell, devs, success, ones, subject, matter, expertise, newsletter, counterintuitive, fundamentals, development, isn, anymore, hard, ever, claude, total, 1317, sign, formal, set, launched, brand, new, focuses, novel, creative, interactions, svg, canvas, since, original, release, significant, update, december, subgrid, mainly, designed, robust, change, reading, flow, updated, v19, major, extensively, convinced, companies, adopt, haven, state, survey, soon, useeffectevent, still, relevant, bleeding, edge, reasonably, frequently, asked, archive, 399, wallpapers, 599, shown, excluding, 898, 998, develop, join, improved, dev, right, lovely, goodness, engineering, google, addy, osmani, highly, recommend, checking, looking, bringing, insights, fantastic, amount, whimsy, brightest, authorities, creator, tailwind, adam, wathan, being, taught, possibly, trust, install, brain, love, teaches, whatever, takes, sure, concept, clearly, accurate, helpful, plus, favourite, tools, guides, those, epiphanies, models, small, handful, layouts, puzzle, pieces, clicking, logic, behind, properties, arbitrary, perfect, seemed, holy, smokes, such, 2017, decided, sick, relationship, moment, resolved, whenever, surprised, wouldn, try, paste, settle, nice, warm, bath, figure, language, unpredictable, snippet, 100, didn, worked, relied, heavily, pasted, find, stackoverflow, writing, 2007, struggled, knew, mostly, research, github, amelia, wattenberger, wonderful, keeps, exciting, switching, between, illustrated, explanations, targeted, throughout, journey, absolute, masterpiece, meta, native, prettier, christopher, vjeux, chedeau, exceptional, explaining, decisions, trade, offs, feels, playing, text, challenges, mini, games, timed, jokes, boss, section, bored, advanced, prepare, interviews, aspects, search, uses, current, stable, covers, modern, suspense, stack, via, next, app, router, illustration, cosmetic, starts, beginning, assumed, builds, almost, professional, moments, teaching, typical, stumbling, blocks, teach, effectively, confusing, overwhelming, frameworks, assume, ton, prior, context, predominant, posting, lists, pre, requisite, days, purple, yellow, turquoise, talk, technologies, avoid, common, llms, skilled, developer, truly, remarkable, age, create, specific, uis, solve, particular, problems, needed, tackle, encounter, won, tons, widgets, inspired, aren, going, beyond, basics, comfortable, dynamic, applications, popular, filling, biggest, gaps, saw, often, career, software, teacher, specifically, past, few, together, delightful, containing,

Text of the page (random words):
s you won t sit back and watch me code there are tons of interactive widgets exercises real world inspired projects and more my goal is to help you understand how this stuff works at a deep level rather than memorizing snippets to create specific uis or solve particular problems you ll build the skills needed to tackle any problem you encounter these skills are even more important in the age of ai my courses focus on building a deep intuition for how web technologies work and that intuition will help you avoid the most common pitfalls of working with llms a skilled developer can do truly remarkable things with ai and my courses will help you reach that point as quickly as possible let s talk about the included courses toggle turquoise light visual effect toggle yellow light visual effect toggle purple light visual effect the joy of react react has become the predominant front end framework just about every job posting lists it as a pre requisite these days if you ve tried to learn react though you know it can be confusing and overwhelming it s not as beginner friendly as other frameworks there s just so much to know and most of the tutorials out there assume a ton of prior knowledge and context i know a lot about how to teach react effectively i spent years teaching it to students one on one at a local coding bootcamp and so i know all of the pitfalls all of the typical stumbling blocks the joy of react starts from the very beginning with no assumed knowledge of react and builds up to a deep understanding of how react works under the hood i share all of the lightbulb moments i ve had through almost a decade of professional react experience toggle lightbulb illustration cosmetic effect this course uses react 19 the current stable version of react and covers modern features like react server components and suspense though we don t yet cover actions we also learn full stack principles via the next js app router this bundle includes the full course including the bonuses you ll get the bonus module on advanced layout animations as well as the job hunting kit which will help prepare you for technical interviews and other aspects of the job search learn more about this course the joy of react feels like playing a video game you have text videos coding challenges mini games well timed jokes and a boss at the end of each section you never get bored it does an exceptional job at explaining all deep decisions and trade offs we ve made when creating react in a way a beginner can understand toggle border animation christopher vjeux chedeau front end engineer at meta co created react native prettier this course is an absolute masterpiece josh keeps things exciting by switching between illustrated explanations friendly videos and targeted exercises you ll build a mental model you can use throughout your journey what a wonderful way to learn react toggle border animation amelia wattenberger staff research engineer at github css for javascript developers i started writing css back in 2007 and for about a decade i really struggled with it i knew enough to get by mostly but i never felt like i really understood it the language felt really unpredictable to me every now and then the same css snippet i ve used 100 times before would suddenly do something totally different i didn t feel like i really understood how things worked under the hood i relied heavily on copy pasted snippets that i d find on stackoverflow in 2017 i decided i was sick of having this relationship with css from that moment on i resolved that whenever css surprised me i wouldn t try to copy paste my way out of it instead i d settle into the problem like it was a nice warm bath and really figure it out and holy smokes it made such a difference puzzle pieces started clicking into place i started to understand the logic behind the properties and layout modes things that had seemed arbitrary suddenly made perfect sense my goal with css for javascript developers is to share all of those epiphanies we go through the layout modes one by one and i share the mental models i ve used to make sense of it instead of memorizing snippets to build a small handful of layouts you ll understand the principles you can use to build any layout as with the joy of react this bundle includes the full course you ll get all 10 modules plus the bonuses like the resource treasure trove a collection of my favourite tools and resources with guides for how i use them learn more about this course what i love about the way josh teaches is that he ll do whatever it takes to make sure a concept is clearly understood and that you re building an accurate and helpful mental model 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 toggle border animation adam wathan creator of tailwind css 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 toggle border animation addy osmani engineering manager at google my goodness what a lovely bundle join the who have improved their web dev skills with my courses get started right now bundle joy for javascript developers develop a deep understanding of css and react with my two flagship courses css for javascript developers and the joy of react 998 898 register now price shown in usd excluding sales tax this bundle includes the joy of react ultimate package full price 599 usd full access to all modules and projects discord community access certificate of completion bonus layout animations module bonus 3d wallpapers bonus job hunting kit css for javascript developers ultimate package full price 399 usd full access to all modules and projects discord community access certificate of completion bonus video archive bonus resource treasure trove frequently asked questions are these courses up to date as of may 2026 i would say both courses are reasonably up to date everything they cover is still relevant and useful but they don t include some of the latest bleeding edge features for the joy of react the course has been updated for v19 the latest major version of react we cover react server components extensively we don t cover actions yet because i m not convinced that companies will actually adopt this feature they haven t yet according to the 2025 state of react survey and we don t yet cover the features added in 19 2 like useeffectevent though i hope to add some content about this soon for css for javascript developers i ve made several updates since the original release the last significant update was in december 2025 when i added lessons on css subgrid reading flow and more the course doesn t cover everything i d like it to but really the course is mainly designed to help you build a robust mental model of how css actually works and that stuff doesn t actually change too much from year to year is there a bundle that includes whimsical animations in may 2026 i launched my brand new course whimsical animations which focuses on creating novel and creative animations and interactions using css javascript svg and canvas i don t yet have a formal bundle that includes all three of my courses but i can definitely set you up please send me a message with your name and billing address and i ll issue an invoice that includes all three courses i can offer a 20 discount on the full collection for a total cost of us 1317 60 let me know if you d like to sign up what s the point of learning css or react when claude can just do it all for me it might be counterintuitive but i actually believe that it s more important than ever to understand the fundamentals of web development the syntax isn t as important anymore but the syntax was never the hard part i recently published a newsletter issue that explores this question i tried to be as empirical as possible rather than hypothesizing about what could be i compared the real world results i ve been seeing across developers of a wide variety of skill levels and from what i can tell the devs who are having the most success with ai are also the ones who have deep subject matter expertise it s impossible to predict how ai will shape our industry in the coming years but all of the signs i ve seen so far contradict the doom and gloom narrative that has somehow become widely accepted so if you ve been feeling anxious about this stuff i hope you ll check out my published thoughts what if i m not happy with the courses can i get a refund absolutely i have an unconditional 30 day refund policy if you re not getting enough value from the courses shoot me an email and i ll refund your purchase in full including credit card transaction fees and sales tax every cent you paid one caveat because this is a bundle you d need to return both of the included courses you can t return just one of them that said you could request a refund on the bundle and repurchase the individual course on its own you d lose the discount provided by the bundle but all of your progress and data would be preserved in your account where can i learn more about the included courses you can learn much more about each course including information about the bonus features on their respective landing pages the joy of react css for javascript developers what makes your courses different from other online courses i d say my courses are different in two main ways the platform and the philosophy for the platform i created a custom course platform which allows me to embed interactive exercises inside the lessons if you re familiar with my blog you have a general idea of how this goes but i take it even further in the course there are minigames special activities all sorts of stuff i believe practice and experimentation are key ingredients for effective learning and my course platform is built around this belief to give you an example early in the joy of react we look at how jsx is different from html instead of making you memorize a bunch of boring rules we build our intuition with a spot the differences style game lots of online courses are passive you sit and watch the instructor code i do things a bit differently my courses are an active learning experience and there s nothing else out there quite like it in terms of philosophy the main goal with my courses is to help you understand how things work at a deep fundamental level most online courses out there are focused on the what they show you step by step what code to write in order to build a given ui or application you memorize a bunch of stuff without really understanding why i want to help you build an intuition for react and css when you understand how something works you don t need to memorize a bunch of stuff or to rely on tutorials to show you step by step i want to empower you with the critical core knowledge you need to build your own projects on the web there are some other things too my courses tend to put more of an emphasis on accessibility and we explore a lot of cool animations and other whimsical ui do you support purchasing power parity ppp yes if you reside in a country with significantly lower purchasing power eg india brazil pakistan ethiopia you ll be given the option to purchase a regional license you should see a box pop up just below the register now button regional licenses include all of the same content including bonuses at a significantly lower price point in exchange the courses can only be accessed within your home region if you wind up moving to a higher cost of living area and wish to continue accessing the course you ll need to upgrade to a global license and pay the difference in cost if you don t see the golden box please disable any vpn you might be using or any browser extensions that could affect your ip address if the problem persists please reach out to support can i purchase multiple licenses for my team or group certainly please reach out to support and let us know the number of licenses you would like along with a full billing address we ll issue an invoice which can be paid online you ll receive a 10 20 discount depending on the quantity of licenses requested it is also possible to purchase team licenses directly though i don t yet have a checkout for the bundle here are the links for each individual course the joy of react team checkout css for javascript developers team checkout is there a student discount yes if you re a student at a full time or part time educational institution we can generate a custom 20 student discount code for you please send proof of active enrollment to support joshwcomeau com this can be anything from a student id card to registration paperwork if you have an edu email address sending us an email from that address is sufficient proof please note self paced online courses don t qualify for the student discount unless they involve a lot of direct interaction with an instructor to see if you qualify shoot us an email with all of the information and we ll let you know is this a subscription does the license expire nope it s a one time purchase when you buy any of my courses you ll have access to them for the lifetime of my course platform not only that but you ll get all updates and improvements for free can i pay in installments i m afraid this is not something i currently support in most regions if you happen to live in one of the following countries you may be able to use paypal s pay later feature to split your purchase into four interest free instalments to use this feature click the pay later button during checkout australia france germany italy spain united kingdom united states unfortunately this feature seems intermittently available even within these countries so it may not be an option what if i get stuck can i ask questions yes we re using discord for our online community it s a very vibrant place thousands of students have joined i m in there myself answering questions several times a week along with my discord community manager the community is moderated according to our code of conduct do you offer a certificate of completion yep when you complete one of my courses you will be able to save a pdf with your name on it showing that they ve completed my course these certificates can also be verified as each one has a unique url this can be useful to prove completion for your employer to add to your linkedin profile to share on social media or to just feel great about your accomplishment will i receive a receipt can it be customized yep after purchasing you ll receive an email with a link to your receipt this receipt can be edited to include any information you need for reimbursement eg company name address vat info if your employer requires an invoice or price quote before a purchase is made please reach out and we ll do our best to accommodate your request can i gift the bundle ...