fbpx
Home Blog Page 55

Why the Future of Learning Starts with Building

0

Coding has always served two purposes: the intrinsic drive to build something, and the practical path to a lucrative career. Even the most passionate code aficionados don’t dream of variables or syntax — they want to make a website, a tool, a game. For years, the career upside was impossible to ignore. You could land a stable SWE job, bootstrap your own app, or join a buzzy startup as a first hire.  

Generative AI flipped the script. AI now handles the repetitive tasks that used to define entry-level developer roles. At the same time, the barrier to entry for coding and building is lower than ever — you can spin up a working prototype with just an idea and a natural language prompt.  

This shift hasn’t eliminated the desire to code, but it’s changed what and who coding is for. If you’re not learning to land a junior dev role, you’re learning to build the thing you’ve been imagining, to add a technical skill to your existing career, or to understand the tools you’re already using at work. And here’s the catch: those goals all require understanding your code, not just having code that works. 

At Codecademy, all of these changes excite us about the future of learning to code. We’re introducing the AI Builder, a new project-based learning tool that flips the script by teaching you how to work with AI-generated code from the start. Our approach brings together the immediacy of modern AI tools and the rigor of real instructional design.

Why we created the AI Builder 

AI’s speed and efficiency often come with a tradeoff; you can get working code immediately, but you don’t really know what it’s giving you or why it’s built a certain way. Developers use the term “vibe coding” to describe this phenomenon — it’s fast, fun, but shallow; great for demos, less great for long-term skill-building.  

If your goal is to understand what you’re building, generic AI output alone won’t get you there. And the more you push these tools into real-world complexity, “the harder it is for them to give you exactly what you want,” says Zoe Bachman, Head of Learning at Codecademy.  

Switch to Learn for behind-the-scenes insights and your personalized roadmap.

With the AI Builder you get an education along with the AI output. In the workspace, you can toggle between two tabs: Build, where you work directly with a project and can modify and change code in real time; and Learn, where you get a personalized learning roadmap that’s based on your project.  

“We pair the experience of having a working app with a learning path that allows you to reverse engineer how it’s built, so you can deeply understand it and modify it confidently,” Zoe says. We’re calling our hybrid approach to learning-driven development “vibe learning” — it’s powered by AI guidance but rooted in learning science.  

Build first; learn continuously 

With AI Builder, you start with what you want to do: build the thing in your head. Whether that’s a habit tracker, a portfolio site, or the seed of a bigger idea, you don’t need to have prior coding knowledge to learn and build with the AI Builder. In other words, there are no pre-requisites for creation.  

You create a prototype by typing what you’d like to create in natural language. The AI chatbot will ask a few clarifying questions about your needs and overall goal before generating the project. Once the project is created, you can use the chat function to continue describing what you want. (You’re also welcome to go right into the code and start making changes if you already know your way around!)  

“It was fun to build something so quickly and be able to see the code and a learning plan for it,” says Grace Krishna, a Code Crew member who beta tested the AI Builder.   

When you need clarity on what’s going on behind the scenes in your code, or you hit a wall with AI, that’s a great time to flip over to the Learn tab.  

We’re calling our hybrid approach to learning-driven development ‘vibe learning’ — it’s powered by AI guidance but rooted in learning science.

Your project becomes the curriculum 

Rather than teaching concepts in the abstract and hoping learners translate them later, AI Builder removes that translation tax entirely. “We’re showing you specifically your code from your project and helping you understand it,” Zoe says.  

Rework your prototype in real time with the help of AI.

To build that personalized curriculum, the AI Builder breaks your project’s code into clear milestones and tasks. For each task, it generates an interactive learning loop, which is an activity designed to help you form a mental model of what your specific code is doing.  

These loops help you understand the logic behind each part of your project, so you can confidently apply the same thinking to other sections, or even future projects. This approach also ensures everything you learn is directly relevant to what you’re making — so you don’t have to guess when you’ll ever use this. 

Why this is vibe learning (not vibe coding) 

A key misconception about AI‑assisted development is that it makes learning superficial. AI Builder challenges that by grounding the entire experience in learning science rather than simple code generation. Our entire system is intentionally designed for you to retain knowledge. So, while it might not feel like you’re taking a course, you’re absorbing key concepts just by interacting with AI-generated code.  

A Socratic AI, not an answer-spitting chatbot 

Our educational AI chatbot is designed to guide you toward an answer through an in-depth questioning approach that’s based on the Socratic method of teaching. Instead of spitting out shortcuts or answers like AI typically does, you get strategic nudges, hints, and questions that build durable mental models.  

Research on AI in education shows that just providing an answer makes it harder for learners to retain the information on their own. Zoe compares the Socratic AI to “a personalized tutor, facilitating you acquiring more knowledge, so you’re not totally left on your own.” Our method encourages you to think critically so you really grasp the concepts and can continue to use them in the real world.  

Learning loops with real instructional design 

Behind the scenes, every learning loop in the Learn tab is built on proven frameworks like inductive learning and the 5E model, a popular STEM teaching framework that’s shorthand for engage, explore, explain, elaborate, and evaluate.

You’ll notice that the questions and exercises in the Learn tab feel different than the rest of our courses and paths, and that’s intentional. “The learning loops are designed very well — they get you there inductively,” Zoe says. They’re exploratory without being overwhelming, and evaluative without feeling like tests.  

Negar Vahid, a beta tester for the AI Builder appreciated the AI’s interactive question format. “The question-based learning feels engaging, and the starter project it builds is simple but useful,” she says.  

This structure ensures you don’t develop the wrong mental models — a known risk in fully constructivist or student-centered environments — while still giving you the freedom to explore.

Why learn when AI can build? 

There are some projects that are well-suited for simply vibe coding, like making a personal HTML website or a single-use script to automate a one-time task. Tools like Lovable and v0 are suited exactly for these types of projects.  

The longer your code needs to live, and the more complex your project becomes, the more you need to actually understand what you’re building. Joe Holmes, Codecademy Curriculum Developer in the AI and machine learning domain, uses the term “ignorance debt” to describe what happens when you don’t: 

“It’s like tech debt squared. It’s much, much worse,” Joe says. “You don’t know what kind of code is coming out. You just are only looking at: Does this kind of generally appear to be what I asked for? You don’t know if there are security flaws. You don’t know if there are performance flaws. You don’t know if you’re leaking sensitive information. You don’t know how to fix anything.” 

The tipping point comes down to two factors: complexity and time. If you’re developing software professionally, you’re legally responsible for the code you output. If you’re building something that will serve actual users, you need to be accountable for security, performance, and maintainability. And if your project will need updates or fixes over time (which most do) understanding your codebase becomes essential, not optional. 

The good news? Learning doesn’t have to feel like eating your vegetables. “Kids hate veggies and broccoli because we don’t cook it well enough to make it tasty when we first introduce it to them,” says Nhi Pham, Codecademy Curriculum Developer. The same is true for teaching AI: “If you do it well, you’re inspiring people to have these very hygienic practices when working with AI,” she says.  

That’s exactly what AI Builder is designed to do — make learning feel as immediate and rewarding as building, so you develop good habits from the start rather than building a lifelong aversion to understanding your own code. 

Get started with the AI Builder 

AI isn’t a replacement for learning, it’s a tool — and a powerful one when it comes to education. Our new AI Builder allows for “just‑in‑time learning that’s highly personalized,” Zoe says. Even the best teachers or bootcamps can’t deliver that for every learner, on every project, instantly. Perhaps the most exciting vision is how AI changes what a learning environment can be. 

Zoe described it beautifully: “I imagine the AI Builder as a workspace… like having all your resources around you and an AI tutor in the background.” 

That’s the shift: from learning before you build to learning while you build. We can’t wait to see what you create. 

Why the Future of Learning Starts with Building

0

Coding has always served two purposes: the intrinsic drive to build something, and the practical path to a lucrative career. Even the most passionate code aficionados don’t dream of variables or syntax — they want to make a website, a tool, a game. For years, the career upside was impossible to ignore. You could land a stable SWE job, bootstrap your own app, or join a buzzy startup as a first hire.  

Generative AI flipped the script. AI now handles the repetitive tasks that used to define entry-level developer roles. At the same time, the barrier to entry for coding and building is lower than ever — you can spin up a working prototype with just an idea and a natural language prompt.  

This shift hasn’t eliminated the desire to code, but it’s changed what and who coding is for. If you’re not learning to land a junior dev role, you’re learning to build the thing you’ve been imagining, to add a technical skill to your existing career, or to understand the tools you’re already using at work. And here’s the catch: those goals all require understanding your code, not just having code that works. 

At Codecademy, all of these changes excite us about the future of learning to code. We’re introducing the AI Builder, a new project-based learning tool that flips the script by teaching you how to work with AI-generated code from the start. Our approach brings together the immediacy of modern AI tools and the rigor of real instructional design.

Why we created the AI Builder 

AI’s speed and efficiency often come with a tradeoff; you can get working code immediately, but you don’t really know what it’s giving you or why it’s built a certain way. Developers use the term “vibe coding” to describe this phenomenon — it’s fast, fun, but shallow; great for demos, less great for long-term skill-building.  

If your goal is to understand what you’re building, generic AI output alone won’t get you there. And the more you push these tools into real-world complexity, “the harder it is for them to give you exactly what you want,” says Zoe Bachman, Head of Learning at Codecademy.  

Switch to Learn for behind-the-scenes insights and your personalized roadmap.

With the AI Builder you get an education along with the AI output. In the workspace, you can toggle between two tabs: Build, where you work directly with a project and can modify and change code in real time; and Learn, where you get a personalized learning roadmap that’s based on your project.  

“We pair the experience of having a working app with a learning path that allows you to reverse engineer how it’s built, so you can deeply understand it and modify it confidently,” Zoe says. We’re calling our hybrid approach to learning-driven development “vibe learning” — it’s powered by AI guidance but rooted in learning science.  

Build first; learn continuously 

With AI Builder, you start with what you want to do: build the thing in your head. Whether that’s a habit tracker, a portfolio site, or the seed of a bigger idea, you don’t need to have prior coding knowledge to learn and build with the AI Builder. In other words, there are no pre-requisites for creation.  

You create a prototype by typing what you’d like to create in natural language. The AI chatbot will ask a few clarifying questions about your needs and overall goal before generating the project. Once the project is created, you can use the chat function to continue describing what you want. (You’re also welcome to go right into the code and start making changes if you already know your way around!)  

“It was fun to build something so quickly and be able to see the code and a learning plan for it,” says Grace Krishna, a Code Crew member who beta tested the AI Builder.   

When you need clarity on what’s going on behind the scenes in your code, or you hit a wall with AI, that’s a great time to flip over to the Learn tab.  

We’re calling our hybrid approach to learning-driven development ‘vibe learning’ — it’s powered by AI guidance but rooted in learning science.

Your project becomes the curriculum 

Rather than teaching concepts in the abstract and hoping learners translate them later, AI Builder removes that translation tax entirely. “We’re showing you specifically your code from your project and helping you understand it,” Zoe says.  

Rework your prototype in real time with the help of AI.

To build that personalized curriculum, the AI Builder breaks your project’s code into clear milestones and tasks. For each task, it generates an interactive learning loop, which is an activity designed to help you form a mental model of what your specific code is doing.  

These loops help you understand the logic behind each part of your project, so you can confidently apply the same thinking to other sections, or even future projects. This approach also ensures everything you learn is directly relevant to what you’re making — so you don’t have to guess when you’ll ever use this. 

Why this is vibe learning (not vibe coding) 

A key misconception about AI‑assisted development is that it makes learning superficial. AI Builder challenges that by grounding the entire experience in learning science rather than simple code generation. Our entire system is intentionally designed for you to retain knowledge. So, while it might not feel like you’re taking a course, you’re absorbing key concepts just by interacting with AI-generated code.  

A Socratic AI, not an answer-spitting chatbot 

Our educational AI chatbot is designed to guide you toward an answer through an in-depth questioning approach that’s based on the Socratic method of teaching. Instead of spitting out shortcuts or answers like AI typically does, you get strategic nudges, hints, and questions that build durable mental models.  

Research on AI in education shows that just providing an answer makes it harder for learners to retain the information on their own. Zoe compares the Socratic AI to “a personalized tutor, facilitating you acquiring more knowledge, so you’re not totally left on your own.” Our method encourages you to think critically so you really grasp the concepts and can continue to use them in the real world.  

Learning loops with real instructional design 

Behind the scenes, every learning loop in the Learn tab is built on proven frameworks like inductive learning and the 5E model, a popular STEM teaching framework that’s shorthand for engage, explore, explain, elaborate, and evaluate.

You’ll notice that the questions and exercises in the Learn tab feel different than the rest of our courses and paths, and that’s intentional. “The learning loops are designed very well — they get you there inductively,” Zoe says. They’re exploratory without being overwhelming, and evaluative without feeling like tests.  

Negar Vahid, a beta tester for the AI Builder appreciated the AI’s interactive question format. “The question-based learning feels engaging, and the starter project it builds is simple but useful,” she says.  

This structure ensures you don’t develop the wrong mental models — a known risk in fully constructivist or student-centered environments — while still giving you the freedom to explore.

Why learn when AI can build? 

There are some projects that are well-suited for simply vibe coding, like making a personal HTML website or a single-use script to automate a one-time task. Tools like Lovable and v0 are suited exactly for these types of projects.  

The longer your code needs to live, and the more complex your project becomes, the more you need to actually understand what you’re building. Joe Holmes, Codecademy Curriculum Developer in the AI and machine learning domain, uses the term “ignorance debt” to describe what happens when you don’t: 

“It’s like tech debt squared. It’s much, much worse,” Joe says. “You don’t know what kind of code is coming out. You just are only looking at: Does this kind of generally appear to be what I asked for? You don’t know if there are security flaws. You don’t know if there are performance flaws. You don’t know if you’re leaking sensitive information. You don’t know how to fix anything.” 

The tipping point comes down to two factors: complexity and time. If you’re developing software professionally, you’re legally responsible for the code you output. If you’re building something that will serve actual users, you need to be accountable for security, performance, and maintainability. And if your project will need updates or fixes over time (which most do) understanding your codebase becomes essential, not optional. 

The good news? Learning doesn’t have to feel like eating your vegetables. “Kids hate veggies and broccoli because we don’t cook it well enough to make it tasty when we first introduce it to them,” says Nhi Pham, Codecademy Curriculum Developer. The same is true for teaching AI: “If you do it well, you’re inspiring people to have these very hygienic practices when working with AI,” she says.  

That’s exactly what AI Builder is designed to do — make learning feel as immediate and rewarding as building, so you develop good habits from the start rather than building a lifelong aversion to understanding your own code. 

Get started with the AI Builder 

AI isn’t a replacement for learning, it’s a tool — and a powerful one when it comes to education. Our new AI Builder allows for “just‑in‑time learning that’s highly personalized,” Zoe says. Even the best teachers or bootcamps can’t deliver that for every learner, on every project, instantly. Perhaps the most exciting vision is how AI changes what a learning environment can be. 

Zoe described it beautifully: “I imagine the AI Builder as a workspace… like having all your resources around you and an AI tutor in the background.” 

That’s the shift: from learning before you build to learning while you build. We can’t wait to see what you create. 

Why the Future of Learning Starts with Building

0

Coding has always served two purposes: the intrinsic drive to build something, and the practical path to a lucrative career. Even the most passionate code aficionados don’t dream of variables or syntax — they want to make a website, a tool, a game. For years, the career upside was impossible to ignore. You could land a stable SWE job, bootstrap your own app, or join a buzzy startup as a first hire.  

Generative AI flipped the script. AI now handles the repetitive tasks that used to define entry-level developer roles. At the same time, the barrier to entry for coding and building is lower than ever — you can spin up a working prototype with just an idea and a natural language prompt.  

This shift hasn’t eliminated the desire to code, but it’s changed what and who coding is for. If you’re not learning to land a junior dev role, you’re learning to build the thing you’ve been imagining, to add a technical skill to your existing career, or to understand the tools you’re already using at work. And here’s the catch: those goals all require understanding your code, not just having code that works. 

At Codecademy, all of these changes excite us about the future of learning to code. We’re introducing the AI Builder, a new project-based learning tool that flips the script by teaching you how to work with AI-generated code from the start. Our approach brings together the immediacy of modern AI tools and the rigor of real instructional design.

Why we created the AI Builder 

AI’s speed and efficiency often come with a tradeoff; you can get working code immediately, but you don’t really know what it’s giving you or why it’s built a certain way. Developers use the term “vibe coding” to describe this phenomenon — it’s fast, fun, but shallow; great for demos, less great for long-term skill-building.  

If your goal is to understand what you’re building, generic AI output alone won’t get you there. And the more you push these tools into real-world complexity, “the harder it is for them to give you exactly what you want,” says Zoe Bachman, Head of Learning at Codecademy.  

Switch to Learn for behind-the-scenes insights and your personalized roadmap.

With the AI Builder you get an education along with the AI output. In the workspace, you can toggle between two tabs: Build, where you work directly with a project and can modify and change code in real time; and Learn, where you get a personalized learning roadmap that’s based on your project.  

“We pair the experience of having a working app with a learning path that allows you to reverse engineer how it’s built, so you can deeply understand it and modify it confidently,” Zoe says. We’re calling our hybrid approach to learning-driven development “vibe learning” — it’s powered by AI guidance but rooted in learning science.  

Build first; learn continuously 

With AI Builder, you start with what you want to do: build the thing in your head. Whether that’s a habit tracker, a portfolio site, or the seed of a bigger idea, you don’t need to have prior coding knowledge to learn and build with the AI Builder. In other words, there are no pre-requisites for creation.  

You create a prototype by typing what you’d like to create in natural language. The AI chatbot will ask a few clarifying questions about your needs and overall goal before generating the project. Once the project is created, you can use the chat function to continue describing what you want. (You’re also welcome to go right into the code and start making changes if you already know your way around!)  

“It was fun to build something so quickly and be able to see the code and a learning plan for it,” says Grace Krishna, a Code Crew member who beta tested the AI Builder.   

When you need clarity on what’s going on behind the scenes in your code, or you hit a wall with AI, that’s a great time to flip over to the Learn tab.  

We’re calling our hybrid approach to learning-driven development ‘vibe learning’ — it’s powered by AI guidance but rooted in learning science.

Your project becomes the curriculum 

Rather than teaching concepts in the abstract and hoping learners translate them later, AI Builder removes that translation tax entirely. “We’re showing you specifically your code from your project and helping you understand it,” Zoe says.  

Rework your prototype in real time with the help of AI.

To build that personalized curriculum, the AI Builder breaks your project’s code into clear milestones and tasks. For each task, it generates an interactive learning loop, which is an activity designed to help you form a mental model of what your specific code is doing.  

These loops help you understand the logic behind each part of your project, so you can confidently apply the same thinking to other sections, or even future projects. This approach also ensures everything you learn is directly relevant to what you’re making — so you don’t have to guess when you’ll ever use this. 

Why this is vibe learning (not vibe coding) 

A key misconception about AI‑assisted development is that it makes learning superficial. AI Builder challenges that by grounding the entire experience in learning science rather than simple code generation. Our entire system is intentionally designed for you to retain knowledge. So, while it might not feel like you’re taking a course, you’re absorbing key concepts just by interacting with AI-generated code.  

A Socratic AI, not an answer-spitting chatbot 

Our educational AI chatbot is designed to guide you toward an answer through an in-depth questioning approach that’s based on the Socratic method of teaching. Instead of spitting out shortcuts or answers like AI typically does, you get strategic nudges, hints, and questions that build durable mental models.  

Research on AI in education shows that just providing an answer makes it harder for learners to retain the information on their own. Zoe compares the Socratic AI to “a personalized tutor, facilitating you acquiring more knowledge, so you’re not totally left on your own.” Our method encourages you to think critically so you really grasp the concepts and can continue to use them in the real world.  

Learning loops with real instructional design 

Behind the scenes, every learning loop in the Learn tab is built on proven frameworks like inductive learning and the 5E model, a popular STEM teaching framework that’s shorthand for engage, explore, explain, elaborate, and evaluate.

You’ll notice that the questions and exercises in the Learn tab feel different than the rest of our courses and paths, and that’s intentional. “The learning loops are designed very well — they get you there inductively,” Zoe says. They’re exploratory without being overwhelming, and evaluative without feeling like tests.  

Negar Vahid, a beta tester for the AI Builder appreciated the AI’s interactive question format. “The question-based learning feels engaging, and the starter project it builds is simple but useful,” she says.  

This structure ensures you don’t develop the wrong mental models — a known risk in fully constructivist or student-centered environments — while still giving you the freedom to explore.

Why learn when AI can build? 

There are some projects that are well-suited for simply vibe coding, like making a personal HTML website or a single-use script to automate a one-time task. Tools like Lovable and v0 are suited exactly for these types of projects.  

The longer your code needs to live, and the more complex your project becomes, the more you need to actually understand what you’re building. Joe Holmes, Codecademy Curriculum Developer in the AI and machine learning domain, uses the term “ignorance debt” to describe what happens when you don’t: 

“It’s like tech debt squared. It’s much, much worse,” Joe says. “You don’t know what kind of code is coming out. You just are only looking at: Does this kind of generally appear to be what I asked for? You don’t know if there are security flaws. You don’t know if there are performance flaws. You don’t know if you’re leaking sensitive information. You don’t know how to fix anything.” 

The tipping point comes down to two factors: complexity and time. If you’re developing software professionally, you’re legally responsible for the code you output. If you’re building something that will serve actual users, you need to be accountable for security, performance, and maintainability. And if your project will need updates or fixes over time (which most do) understanding your codebase becomes essential, not optional. 

The good news? Learning doesn’t have to feel like eating your vegetables. “Kids hate veggies and broccoli because we don’t cook it well enough to make it tasty when we first introduce it to them,” says Nhi Pham, Codecademy Curriculum Developer. The same is true for teaching AI: “If you do it well, you’re inspiring people to have these very hygienic practices when working with AI,” she says.  

That’s exactly what AI Builder is designed to do — make learning feel as immediate and rewarding as building, so you develop good habits from the start rather than building a lifelong aversion to understanding your own code. 

Get started with the AI Builder 

AI isn’t a replacement for learning, it’s a tool — and a powerful one when it comes to education. Our new AI Builder allows for “just‑in‑time learning that’s highly personalized,” Zoe says. Even the best teachers or bootcamps can’t deliver that for every learner, on every project, instantly. Perhaps the most exciting vision is how AI changes what a learning environment can be. 

Zoe described it beautifully: “I imagine the AI Builder as a workspace… like having all your resources around you and an AI tutor in the background.” 

That’s the shift: from learning before you build to learning while you build. We can’t wait to see what you create. 

Why the Future of Learning Starts with Building

0

Coding has always served two purposes: the intrinsic drive to build something, and the practical path to a lucrative career. Even the most passionate code aficionados don’t dream of variables or syntax — they want to make a website, a tool, a game. For years, the career upside was impossible to ignore. You could land a stable SWE job, bootstrap your own app, or join a buzzy startup as a first hire.  

Generative AI flipped the script. AI now handles the repetitive tasks that used to define entry-level developer roles. At the same time, the barrier to entry for coding and building is lower than ever — you can spin up a working prototype with just an idea and a natural language prompt.  

This shift hasn’t eliminated the desire to code, but it’s changed what and who coding is for. If you’re not learning to land a junior dev role, you’re learning to build the thing you’ve been imagining, to add a technical skill to your existing career, or to understand the tools you’re already using at work. And here’s the catch: those goals all require understanding your code, not just having code that works. 

At Codecademy, all of these changes excite us about the future of learning to code. We’re introducing the AI Builder, a new project-based learning tool that flips the script by teaching you how to work with AI-generated code from the start. Our approach brings together the immediacy of modern AI tools and the rigor of real instructional design.

Why we created the AI Builder 

AI’s speed and efficiency often come with a tradeoff; you can get working code immediately, but you don’t really know what it’s giving you or why it’s built a certain way. Developers use the term “vibe coding” to describe this phenomenon — it’s fast, fun, but shallow; great for demos, less great for long-term skill-building.  

If your goal is to understand what you’re building, generic AI output alone won’t get you there. And the more you push these tools into real-world complexity, “the harder it is for them to give you exactly what you want,” says Zoe Bachman, Head of Learning at Codecademy.  

Switch to Learn for behind-the-scenes insights and your personalized roadmap.

With the AI Builder you get an education along with the AI output. In the workspace, you can toggle between two tabs: Build, where you work directly with a project and can modify and change code in real time; and Learn, where you get a personalized learning roadmap that’s based on your project.  

“We pair the experience of having a working app with a learning path that allows you to reverse engineer how it’s built, so you can deeply understand it and modify it confidently,” Zoe says. We’re calling our hybrid approach to learning-driven development “vibe learning” — it’s powered by AI guidance but rooted in learning science.  

Build first; learn continuously 

With AI Builder, you start with what you want to do: build the thing in your head. Whether that’s a habit tracker, a portfolio site, or the seed of a bigger idea, you don’t need to have prior coding knowledge to learn and build with the AI Builder. In other words, there are no pre-requisites for creation.  

You create a prototype by typing what you’d like to create in natural language. The AI chatbot will ask a few clarifying questions about your needs and overall goal before generating the project. Once the project is created, you can use the chat function to continue describing what you want. (You’re also welcome to go right into the code and start making changes if you already know your way around!)  

“It was fun to build something so quickly and be able to see the code and a learning plan for it,” says Grace Krishna, a Code Crew member who beta tested the AI Builder.   

When you need clarity on what’s going on behind the scenes in your code, or you hit a wall with AI, that’s a great time to flip over to the Learn tab.  

We’re calling our hybrid approach to learning-driven development ‘vibe learning’ — it’s powered by AI guidance but rooted in learning science.

Your project becomes the curriculum 

Rather than teaching concepts in the abstract and hoping learners translate them later, AI Builder removes that translation tax entirely. “We’re showing you specifically your code from your project and helping you understand it,” Zoe says.  

Rework your prototype in real time with the help of AI.

To build that personalized curriculum, the AI Builder breaks your project’s code into clear milestones and tasks. For each task, it generates an interactive learning loop, which is an activity designed to help you form a mental model of what your specific code is doing.  

These loops help you understand the logic behind each part of your project, so you can confidently apply the same thinking to other sections, or even future projects. This approach also ensures everything you learn is directly relevant to what you’re making — so you don’t have to guess when you’ll ever use this. 

Why this is vibe learning (not vibe coding) 

A key misconception about AI‑assisted development is that it makes learning superficial. AI Builder challenges that by grounding the entire experience in learning science rather than simple code generation. Our entire system is intentionally designed for you to retain knowledge. So, while it might not feel like you’re taking a course, you’re absorbing key concepts just by interacting with AI-generated code.  

A Socratic AI, not an answer-spitting chatbot 

Our educational AI chatbot is designed to guide you toward an answer through an in-depth questioning approach that’s based on the Socratic method of teaching. Instead of spitting out shortcuts or answers like AI typically does, you get strategic nudges, hints, and questions that build durable mental models.  

Research on AI in education shows that just providing an answer makes it harder for learners to retain the information on their own. Zoe compares the Socratic AI to “a personalized tutor, facilitating you acquiring more knowledge, so you’re not totally left on your own.” Our method encourages you to think critically so you really grasp the concepts and can continue to use them in the real world.  

Learning loops with real instructional design 

Behind the scenes, every learning loop in the Learn tab is built on proven frameworks like inductive learning and the 5E model, a popular STEM teaching framework that’s shorthand for engage, explore, explain, elaborate, and evaluate.

You’ll notice that the questions and exercises in the Learn tab feel different than the rest of our courses and paths, and that’s intentional. “The learning loops are designed very well — they get you there inductively,” Zoe says. They’re exploratory without being overwhelming, and evaluative without feeling like tests.  

Negar Vahid, a beta tester for the AI Builder appreciated the AI’s interactive question format. “The question-based learning feels engaging, and the starter project it builds is simple but useful,” she says.  

This structure ensures you don’t develop the wrong mental models — a known risk in fully constructivist or student-centered environments — while still giving you the freedom to explore.

Why learn when AI can build? 

There are some projects that are well-suited for simply vibe coding, like making a personal HTML website or a single-use script to automate a one-time task. Tools like Lovable and v0 are suited exactly for these types of projects.  

The longer your code needs to live, and the more complex your project becomes, the more you need to actually understand what you’re building. Joe Holmes, Codecademy Curriculum Developer in the AI and machine learning domain, uses the term “ignorance debt” to describe what happens when you don’t: 

“It’s like tech debt squared. It’s much, much worse,” Joe says. “You don’t know what kind of code is coming out. You just are only looking at: Does this kind of generally appear to be what I asked for? You don’t know if there are security flaws. You don’t know if there are performance flaws. You don’t know if you’re leaking sensitive information. You don’t know how to fix anything.” 

The tipping point comes down to two factors: complexity and time. If you’re developing software professionally, you’re legally responsible for the code you output. If you’re building something that will serve actual users, you need to be accountable for security, performance, and maintainability. And if your project will need updates or fixes over time (which most do) understanding your codebase becomes essential, not optional. 

The good news? Learning doesn’t have to feel like eating your vegetables. “Kids hate veggies and broccoli because we don’t cook it well enough to make it tasty when we first introduce it to them,” says Nhi Pham, Codecademy Curriculum Developer. The same is true for teaching AI: “If you do it well, you’re inspiring people to have these very hygienic practices when working with AI,” she says.  

That’s exactly what AI Builder is designed to do — make learning feel as immediate and rewarding as building, so you develop good habits from the start rather than building a lifelong aversion to understanding your own code. 

Get started with the AI Builder 

AI isn’t a replacement for learning, it’s a tool — and a powerful one when it comes to education. Our new AI Builder allows for “just‑in‑time learning that’s highly personalized,” Zoe says. Even the best teachers or bootcamps can’t deliver that for every learner, on every project, instantly. Perhaps the most exciting vision is how AI changes what a learning environment can be. 

Zoe described it beautifully: “I imagine the AI Builder as a workspace… like having all your resources around you and an AI tutor in the background.” 

That’s the shift: from learning before you build to learning while you build. We can’t wait to see what you create. 

Why the Future of Learning Starts with Building

0

Coding has always served two purposes: the intrinsic drive to build something, and the practical path to a lucrative career. Even the most passionate code aficionados don’t dream of variables or syntax — they want to make a website, a tool, a game. For years, the career upside was impossible to ignore. You could land a stable SWE job, bootstrap your own app, or join a buzzy startup as a first hire.  

Generative AI flipped the script. AI now handles the repetitive tasks that used to define entry-level developer roles. At the same time, the barrier to entry for coding and building is lower than ever — you can spin up a working prototype with just an idea and a natural language prompt.  

This shift hasn’t eliminated the desire to code, but it’s changed what and who coding is for. If you’re not learning to land a junior dev role, you’re learning to build the thing you’ve been imagining, to add a technical skill to your existing career, or to understand the tools you’re already using at work. And here’s the catch: those goals all require understanding your code, not just having code that works. 

At Codecademy, all of these changes excite us about the future of learning to code. We’re introducing the AI Builder, a new project-based learning tool that flips the script by teaching you how to work with AI-generated code from the start. Our approach brings together the immediacy of modern AI tools and the rigor of real instructional design.

Why we created the AI Builder 

AI’s speed and efficiency often come with a tradeoff; you can get working code immediately, but you don’t really know what it’s giving you or why it’s built a certain way. Developers use the term “vibe coding” to describe this phenomenon — it’s fast, fun, but shallow; great for demos, less great for long-term skill-building.  

If your goal is to understand what you’re building, generic AI output alone won’t get you there. And the more you push these tools into real-world complexity, “the harder it is for them to give you exactly what you want,” says Zoe Bachman, Head of Learning at Codecademy.  

Switch to Learn for behind-the-scenes insights and your personalized roadmap.

With the AI Builder you get an education along with the AI output. In the workspace, you can toggle between two tabs: Build, where you work directly with a project and can modify and change code in real time; and Learn, where you get a personalized learning roadmap that’s based on your project.  

“We pair the experience of having a working app with a learning path that allows you to reverse engineer how it’s built, so you can deeply understand it and modify it confidently,” Zoe says. We’re calling our hybrid approach to learning-driven development “vibe learning” — it’s powered by AI guidance but rooted in learning science.  

Build first; learn continuously 

With AI Builder, you start with what you want to do: build the thing in your head. Whether that’s a habit tracker, a portfolio site, or the seed of a bigger idea, you don’t need to have prior coding knowledge to learn and build with the AI Builder. In other words, there are no pre-requisites for creation.  

You create a prototype by typing what you’d like to create in natural language. The AI chatbot will ask a few clarifying questions about your needs and overall goal before generating the project. Once the project is created, you can use the chat function to continue describing what you want. (You’re also welcome to go right into the code and start making changes if you already know your way around!)  

“It was fun to build something so quickly and be able to see the code and a learning plan for it,” says Grace Krishna, a Code Crew member who beta tested the AI Builder.   

When you need clarity on what’s going on behind the scenes in your code, or you hit a wall with AI, that’s a great time to flip over to the Learn tab.  

We’re calling our hybrid approach to learning-driven development ‘vibe learning’ — it’s powered by AI guidance but rooted in learning science.

Your project becomes the curriculum 

Rather than teaching concepts in the abstract and hoping learners translate them later, AI Builder removes that translation tax entirely. “We’re showing you specifically your code from your project and helping you understand it,” Zoe says.  

Rework your prototype in real time with the help of AI.

To build that personalized curriculum, the AI Builder breaks your project’s code into clear milestones and tasks. For each task, it generates an interactive learning loop, which is an activity designed to help you form a mental model of what your specific code is doing.  

These loops help you understand the logic behind each part of your project, so you can confidently apply the same thinking to other sections, or even future projects. This approach also ensures everything you learn is directly relevant to what you’re making — so you don’t have to guess when you’ll ever use this. 

Why this is vibe learning (not vibe coding) 

A key misconception about AI‑assisted development is that it makes learning superficial. AI Builder challenges that by grounding the entire experience in learning science rather than simple code generation. Our entire system is intentionally designed for you to retain knowledge. So, while it might not feel like you’re taking a course, you’re absorbing key concepts just by interacting with AI-generated code.  

A Socratic AI, not an answer-spitting chatbot 

Our educational AI chatbot is designed to guide you toward an answer through an in-depth questioning approach that’s based on the Socratic method of teaching. Instead of spitting out shortcuts or answers like AI typically does, you get strategic nudges, hints, and questions that build durable mental models.  

Research on AI in education shows that just providing an answer makes it harder for learners to retain the information on their own. Zoe compares the Socratic AI to “a personalized tutor, facilitating you acquiring more knowledge, so you’re not totally left on your own.” Our method encourages you to think critically so you really grasp the concepts and can continue to use them in the real world.  

Learning loops with real instructional design 

Behind the scenes, every learning loop in the Learn tab is built on proven frameworks like inductive learning and the 5E model, a popular STEM teaching framework that’s shorthand for engage, explore, explain, elaborate, and evaluate.

You’ll notice that the questions and exercises in the Learn tab feel different than the rest of our courses and paths, and that’s intentional. “The learning loops are designed very well — they get you there inductively,” Zoe says. They’re exploratory without being overwhelming, and evaluative without feeling like tests.  

Negar Vahid, a beta tester for the AI Builder appreciated the AI’s interactive question format. “The question-based learning feels engaging, and the starter project it builds is simple but useful,” she says.  

This structure ensures you don’t develop the wrong mental models — a known risk in fully constructivist or student-centered environments — while still giving you the freedom to explore.

Why learn when AI can build? 

There are some projects that are well-suited for simply vibe coding, like making a personal HTML website or a single-use script to automate a one-time task. Tools like Lovable and v0 are suited exactly for these types of projects.  

The longer your code needs to live, and the more complex your project becomes, the more you need to actually understand what you’re building. Joe Holmes, Codecademy Curriculum Developer in the AI and machine learning domain, uses the term “ignorance debt” to describe what happens when you don’t: 

“It’s like tech debt squared. It’s much, much worse,” Joe says. “You don’t know what kind of code is coming out. You just are only looking at: Does this kind of generally appear to be what I asked for? You don’t know if there are security flaws. You don’t know if there are performance flaws. You don’t know if you’re leaking sensitive information. You don’t know how to fix anything.” 

The tipping point comes down to two factors: complexity and time. If you’re developing software professionally, you’re legally responsible for the code you output. If you’re building something that will serve actual users, you need to be accountable for security, performance, and maintainability. And if your project will need updates or fixes over time (which most do) understanding your codebase becomes essential, not optional. 

The good news? Learning doesn’t have to feel like eating your vegetables. “Kids hate veggies and broccoli because we don’t cook it well enough to make it tasty when we first introduce it to them,” says Nhi Pham, Codecademy Curriculum Developer. The same is true for teaching AI: “If you do it well, you’re inspiring people to have these very hygienic practices when working with AI,” she says.  

That’s exactly what AI Builder is designed to do — make learning feel as immediate and rewarding as building, so you develop good habits from the start rather than building a lifelong aversion to understanding your own code. 

Get started with the AI Builder 

AI isn’t a replacement for learning, it’s a tool — and a powerful one when it comes to education. Our new AI Builder allows for “just‑in‑time learning that’s highly personalized,” Zoe says. Even the best teachers or bootcamps can’t deliver that for every learner, on every project, instantly. Perhaps the most exciting vision is how AI changes what a learning environment can be. 

Zoe described it beautifully: “I imagine the AI Builder as a workspace… like having all your resources around you and an AI tutor in the background.” 

That’s the shift: from learning before you build to learning while you build. We can’t wait to see what you create. 

Why the Future of Learning Starts with Building

0

Coding has always served two purposes: the intrinsic drive to build something, and the practical path to a lucrative career. Even the most passionate code aficionados don’t dream of variables or syntax — they want to make a website, a tool, a game. For years, the career upside was impossible to ignore. You could land a stable SWE job, bootstrap your own app, or join a buzzy startup as a first hire.  

Generative AI flipped the script. AI now handles the repetitive tasks that used to define entry-level developer roles. At the same time, the barrier to entry for coding and building is lower than ever — you can spin up a working prototype with just an idea and a natural language prompt.  

This shift hasn’t eliminated the desire to code, but it’s changed what and who coding is for. If you’re not learning to land a junior dev role, you’re learning to build the thing you’ve been imagining, to add a technical skill to your existing career, or to understand the tools you’re already using at work. And here’s the catch: those goals all require understanding your code, not just having code that works. 

At Codecademy, all of these changes excite us about the future of learning to code. We’re introducing the AI Builder, a new project-based learning tool that flips the script by teaching you how to work with AI-generated code from the start. Our approach brings together the immediacy of modern AI tools and the rigor of real instructional design.

Why we created the AI Builder 

AI’s speed and efficiency often come with a tradeoff; you can get working code immediately, but you don’t really know what it’s giving you or why it’s built a certain way. Developers use the term “vibe coding” to describe this phenomenon — it’s fast, fun, but shallow; great for demos, less great for long-term skill-building.  

If your goal is to understand what you’re building, generic AI output alone won’t get you there. And the more you push these tools into real-world complexity, “the harder it is for them to give you exactly what you want,” says Zoe Bachman, Head of Learning at Codecademy.  

Switch to Learn for behind-the-scenes insights and your personalized roadmap.

With the AI Builder you get an education along with the AI output. In the workspace, you can toggle between two tabs: Build, where you work directly with a project and can modify and change code in real time; and Learn, where you get a personalized learning roadmap that’s based on your project.  

“We pair the experience of having a working app with a learning path that allows you to reverse engineer how it’s built, so you can deeply understand it and modify it confidently,” Zoe says. We’re calling our hybrid approach to learning-driven development “vibe learning” — it’s powered by AI guidance but rooted in learning science.  

Build first; learn continuously 

With AI Builder, you start with what you want to do: build the thing in your head. Whether that’s a habit tracker, a portfolio site, or the seed of a bigger idea, you don’t need to have prior coding knowledge to learn and build with the AI Builder. In other words, there are no pre-requisites for creation.  

You create a prototype by typing what you’d like to create in natural language. The AI chatbot will ask a few clarifying questions about your needs and overall goal before generating the project. Once the project is created, you can use the chat function to continue describing what you want. (You’re also welcome to go right into the code and start making changes if you already know your way around!)  

“It was fun to build something so quickly and be able to see the code and a learning plan for it,” says Grace Krishna, a Code Crew member who beta tested the AI Builder.   

When you need clarity on what’s going on behind the scenes in your code, or you hit a wall with AI, that’s a great time to flip over to the Learn tab.  

We’re calling our hybrid approach to learning-driven development ‘vibe learning’ — it’s powered by AI guidance but rooted in learning science.

Your project becomes the curriculum 

Rather than teaching concepts in the abstract and hoping learners translate them later, AI Builder removes that translation tax entirely. “We’re showing you specifically your code from your project and helping you understand it,” Zoe says.  

Rework your prototype in real time with the help of AI.

To build that personalized curriculum, the AI Builder breaks your project’s code into clear milestones and tasks. For each task, it generates an interactive learning loop, which is an activity designed to help you form a mental model of what your specific code is doing.  

These loops help you understand the logic behind each part of your project, so you can confidently apply the same thinking to other sections, or even future projects. This approach also ensures everything you learn is directly relevant to what you’re making — so you don’t have to guess when you’ll ever use this. 

Why this is vibe learning (not vibe coding) 

A key misconception about AI‑assisted development is that it makes learning superficial. AI Builder challenges that by grounding the entire experience in learning science rather than simple code generation. Our entire system is intentionally designed for you to retain knowledge. So, while it might not feel like you’re taking a course, you’re absorbing key concepts just by interacting with AI-generated code.  

A Socratic AI, not an answer-spitting chatbot 

Our educational AI chatbot is designed to guide you toward an answer through an in-depth questioning approach that’s based on the Socratic method of teaching. Instead of spitting out shortcuts or answers like AI typically does, you get strategic nudges, hints, and questions that build durable mental models.  

Research on AI in education shows that just providing an answer makes it harder for learners to retain the information on their own. Zoe compares the Socratic AI to “a personalized tutor, facilitating you acquiring more knowledge, so you’re not totally left on your own.” Our method encourages you to think critically so you really grasp the concepts and can continue to use them in the real world.  

Learning loops with real instructional design 

Behind the scenes, every learning loop in the Learn tab is built on proven frameworks like inductive learning and the 5E model, a popular STEM teaching framework that’s shorthand for engage, explore, explain, elaborate, and evaluate.

You’ll notice that the questions and exercises in the Learn tab feel different than the rest of our courses and paths, and that’s intentional. “The learning loops are designed very well — they get you there inductively,” Zoe says. They’re exploratory without being overwhelming, and evaluative without feeling like tests.  

Negar Vahid, a beta tester for the AI Builder appreciated the AI’s interactive question format. “The question-based learning feels engaging, and the starter project it builds is simple but useful,” she says.  

This structure ensures you don’t develop the wrong mental models — a known risk in fully constructivist or student-centered environments — while still giving you the freedom to explore.

Why learn when AI can build? 

There are some projects that are well-suited for simply vibe coding, like making a personal HTML website or a single-use script to automate a one-time task. Tools like Lovable and v0 are suited exactly for these types of projects.  

The longer your code needs to live, and the more complex your project becomes, the more you need to actually understand what you’re building. Joe Holmes, Codecademy Curriculum Developer in the AI and machine learning domain, uses the term “ignorance debt” to describe what happens when you don’t: 

“It’s like tech debt squared. It’s much, much worse,” Joe says. “You don’t know what kind of code is coming out. You just are only looking at: Does this kind of generally appear to be what I asked for? You don’t know if there are security flaws. You don’t know if there are performance flaws. You don’t know if you’re leaking sensitive information. You don’t know how to fix anything.” 

The tipping point comes down to two factors: complexity and time. If you’re developing software professionally, you’re legally responsible for the code you output. If you’re building something that will serve actual users, you need to be accountable for security, performance, and maintainability. And if your project will need updates or fixes over time (which most do) understanding your codebase becomes essential, not optional. 

The good news? Learning doesn’t have to feel like eating your vegetables. “Kids hate veggies and broccoli because we don’t cook it well enough to make it tasty when we first introduce it to them,” says Nhi Pham, Codecademy Curriculum Developer. The same is true for teaching AI: “If you do it well, you’re inspiring people to have these very hygienic practices when working with AI,” she says.  

That’s exactly what AI Builder is designed to do — make learning feel as immediate and rewarding as building, so you develop good habits from the start rather than building a lifelong aversion to understanding your own code. 

Get started with the AI Builder 

AI isn’t a replacement for learning, it’s a tool — and a powerful one when it comes to education. Our new AI Builder allows for “just‑in‑time learning that’s highly personalized,” Zoe says. Even the best teachers or bootcamps can’t deliver that for every learner, on every project, instantly. Perhaps the most exciting vision is how AI changes what a learning environment can be. 

Zoe described it beautifully: “I imagine the AI Builder as a workspace… like having all your resources around you and an AI tutor in the background.” 

That’s the shift: from learning before you build to learning while you build. We can’t wait to see what you create. 

Why the Future of Learning Starts with Building

0

Coding has always served two purposes: the intrinsic drive to build something, and the practical path to a lucrative career. Even the most passionate code aficionados don’t dream of variables or syntax — they want to make a website, a tool, a game. For years, the career upside was impossible to ignore. You could land a stable SWE job, bootstrap your own app, or join a buzzy startup as a first hire.  

Generative AI flipped the script. AI now handles the repetitive tasks that used to define entry-level developer roles. At the same time, the barrier to entry for coding and building is lower than ever — you can spin up a working prototype with just an idea and a natural language prompt.  

This shift hasn’t eliminated the desire to code, but it’s changed what and who coding is for. If you’re not learning to land a junior dev role, you’re learning to build the thing you’ve been imagining, to add a technical skill to your existing career, or to understand the tools you’re already using at work. And here’s the catch: those goals all require understanding your code, not just having code that works. 

At Codecademy, all of these changes excite us about the future of learning to code. We’re introducing the AI Builder, a new project-based learning tool that flips the script by teaching you how to work with AI-generated code from the start. Our approach brings together the immediacy of modern AI tools and the rigor of real instructional design.

Why we created the AI Builder 

AI’s speed and efficiency often come with a tradeoff; you can get working code immediately, but you don’t really know what it’s giving you or why it’s built a certain way. Developers use the term “vibe coding” to describe this phenomenon — it’s fast, fun, but shallow; great for demos, less great for long-term skill-building.  

If your goal is to understand what you’re building, generic AI output alone won’t get you there. And the more you push these tools into real-world complexity, “the harder it is for them to give you exactly what you want,” says Zoe Bachman, Head of Learning at Codecademy.  

Switch to Learn for behind-the-scenes insights and your personalized roadmap.

With the AI Builder you get an education along with the AI output. In the workspace, you can toggle between two tabs: Build, where you work directly with a project and can modify and change code in real time; and Learn, where you get a personalized learning roadmap that’s based on your project.  

“We pair the experience of having a working app with a learning path that allows you to reverse engineer how it’s built, so you can deeply understand it and modify it confidently,” Zoe says. We’re calling our hybrid approach to learning-driven development “vibe learning” — it’s powered by AI guidance but rooted in learning science.  

Build first; learn continuously 

With AI Builder, you start with what you want to do: build the thing in your head. Whether that’s a habit tracker, a portfolio site, or the seed of a bigger idea, you don’t need to have prior coding knowledge to learn and build with the AI Builder. In other words, there are no pre-requisites for creation.  

You create a prototype by typing what you’d like to create in natural language. The AI chatbot will ask a few clarifying questions about your needs and overall goal before generating the project. Once the project is created, you can use the chat function to continue describing what you want. (You’re also welcome to go right into the code and start making changes if you already know your way around!)  

“It was fun to build something so quickly and be able to see the code and a learning plan for it,” says Grace Krishna, a Code Crew member who beta tested the AI Builder.   

When you need clarity on what’s going on behind the scenes in your code, or you hit a wall with AI, that’s a great time to flip over to the Learn tab.  

We’re calling our hybrid approach to learning-driven development ‘vibe learning’ — it’s powered by AI guidance but rooted in learning science.

Your project becomes the curriculum 

Rather than teaching concepts in the abstract and hoping learners translate them later, AI Builder removes that translation tax entirely. “We’re showing you specifically your code from your project and helping you understand it,” Zoe says.  

Rework your prototype in real time with the help of AI.

To build that personalized curriculum, the AI Builder breaks your project’s code into clear milestones and tasks. For each task, it generates an interactive learning loop, which is an activity designed to help you form a mental model of what your specific code is doing.  

These loops help you understand the logic behind each part of your project, so you can confidently apply the same thinking to other sections, or even future projects. This approach also ensures everything you learn is directly relevant to what you’re making — so you don’t have to guess when you’ll ever use this. 

Why this is vibe learning (not vibe coding) 

A key misconception about AI‑assisted development is that it makes learning superficial. AI Builder challenges that by grounding the entire experience in learning science rather than simple code generation. Our entire system is intentionally designed for you to retain knowledge. So, while it might not feel like you’re taking a course, you’re absorbing key concepts just by interacting with AI-generated code.  

A Socratic AI, not an answer-spitting chatbot 

Our educational AI chatbot is designed to guide you toward an answer through an in-depth questioning approach that’s based on the Socratic method of teaching. Instead of spitting out shortcuts or answers like AI typically does, you get strategic nudges, hints, and questions that build durable mental models.  

Research on AI in education shows that just providing an answer makes it harder for learners to retain the information on their own. Zoe compares the Socratic AI to “a personalized tutor, facilitating you acquiring more knowledge, so you’re not totally left on your own.” Our method encourages you to think critically so you really grasp the concepts and can continue to use them in the real world.  

Learning loops with real instructional design 

Behind the scenes, every learning loop in the Learn tab is built on proven frameworks like inductive learning and the 5E model, a popular STEM teaching framework that’s shorthand for engage, explore, explain, elaborate, and evaluate.

You’ll notice that the questions and exercises in the Learn tab feel different than the rest of our courses and paths, and that’s intentional. “The learning loops are designed very well — they get you there inductively,” Zoe says. They’re exploratory without being overwhelming, and evaluative without feeling like tests.  

Negar Vahid, a beta tester for the AI Builder appreciated the AI’s interactive question format. “The question-based learning feels engaging, and the starter project it builds is simple but useful,” she says.  

This structure ensures you don’t develop the wrong mental models — a known risk in fully constructivist or student-centered environments — while still giving you the freedom to explore.

Why learn when AI can build? 

There are some projects that are well-suited for simply vibe coding, like making a personal HTML website or a single-use script to automate a one-time task. Tools like Lovable and v0 are suited exactly for these types of projects.  

The longer your code needs to live, and the more complex your project becomes, the more you need to actually understand what you’re building. Joe Holmes, Codecademy Curriculum Developer in the AI and machine learning domain, uses the term “ignorance debt” to describe what happens when you don’t: 

“It’s like tech debt squared. It’s much, much worse,” Joe says. “You don’t know what kind of code is coming out. You just are only looking at: Does this kind of generally appear to be what I asked for? You don’t know if there are security flaws. You don’t know if there are performance flaws. You don’t know if you’re leaking sensitive information. You don’t know how to fix anything.” 

The tipping point comes down to two factors: complexity and time. If you’re developing software professionally, you’re legally responsible for the code you output. If you’re building something that will serve actual users, you need to be accountable for security, performance, and maintainability. And if your project will need updates or fixes over time (which most do) understanding your codebase becomes essential, not optional. 

The good news? Learning doesn’t have to feel like eating your vegetables. “Kids hate veggies and broccoli because we don’t cook it well enough to make it tasty when we first introduce it to them,” says Nhi Pham, Codecademy Curriculum Developer. The same is true for teaching AI: “If you do it well, you’re inspiring people to have these very hygienic practices when working with AI,” she says.  

That’s exactly what AI Builder is designed to do — make learning feel as immediate and rewarding as building, so you develop good habits from the start rather than building a lifelong aversion to understanding your own code. 

Get started with the AI Builder 

AI isn’t a replacement for learning, it’s a tool — and a powerful one when it comes to education. Our new AI Builder allows for “just‑in‑time learning that’s highly personalized,” Zoe says. Even the best teachers or bootcamps can’t deliver that for every learner, on every project, instantly. Perhaps the most exciting vision is how AI changes what a learning environment can be. 

Zoe described it beautifully: “I imagine the AI Builder as a workspace… like having all your resources around you and an AI tutor in the background.” 

That’s the shift: from learning before you build to learning while you build. We can’t wait to see what you create. 

WordPress Layout Messed Up After Update? How to Fix It

0
WordPress Layout Messed Up After Update? How to Fix It

A step-by-step troubleshooting guide graphic on how to fix a WordPress layout that is messed up after an update.

You log into your dashboard, click “Update,” and expect a faster, safer website. Instead, you visit your homepage and gasp – your WordPress layout is messed up after the update. The header is crooked, the fonts look weird, your sidebar is sitting way down at the bottom of the page, and your beautifully designed site looks like a jigsaw puzzle put together in the dark.

Take a deep breath! This is incredibly common and usually a quick fix. Before you lose your mind, use this simple step-by-step checklist to troubleshoot and fix your broken layout fast.

If you don’t have time to troubleshoot code or handle backups, you can always use a fast Emergency WordPress Help service to get it sorted safely.


1. Clear All Caches (The Most Common Fix)

90% of the time, a messy layout is just a “memory” issue. Your website’s system is trying to load an old version of your design that is clashing with the brand-new update. Before trying anything complicated, force your site to refresh at every level:

  • Test in a Private Window: Open your website in an Incognito or Private browsing window. If it looks totally normal there, it means only you are seeing the mess because your computer is holding onto old memory. Clear your internet browser history/cache to fix it.
  • Clear Your Optimization Plugins: If you use speed tools like WP Rocket, LiteSpeed Cache, or W3 Total Cache, look at the very top admin bar of your WordPress dashboard. Find your plugin’s name, hover over it, and click “Purge All Cache” or “Clear Cache.”
  • Clear Your Web Host Cache: Log into your hosting account (like SiteGround, Bluehost, or Kinsta). Look for a button that says “Flush Cache” or “Clear Cache” in your main dashboard to make sure your server is sending out the fresh new layout.
Screenshot showing how to clear WordPress plugin cache to fix a messed up layout.

2. Check for WordPress Plugin Conflicts

It is incredibly common for a WordPress site to break after a plugin update because a newly updated tool might suddenly stop getting along with your design theme. If clearing your cache didn’t work, we need to find out which plugin is causing the drama.

Follow this simple process:

  1. List the Likely Suspects: Think about your page builders (Elementor, Divi) or any tools that were updated right before the layout broke.
  2. Turn Them Off One by One: Go to your dashboard and click Plugins > Installed Plugins. Click “Deactivate” on just one plugin.
  3. Check Your Site: Refresh your homepage in a separate private window.
  4. Find the Culprit: If your layout suddenly snaps back to normal, you found the broken plugin! Keep it turned off for now, and look for an alternative tool or wait for the creator to release a fix.
A screenshot showing where to click deactivate on a WordPress plugin to test for a layout conflict.

3. Sync Your Theme and Page Builder Updates

If you updated the main WordPress system but left your design theme or page builder on an older version, they might no longer speak the same language. A WordPress theme broken after an update usually just means your tools are out of sync.

Make sure everything on your dashboard is updated together:

  • Run a Complete Update Check: Go to Dashboard > Updates and make sure your core theme and page builders (Elementor, Divi, or Beaver Builder) are all running their latest versions.
  • Fixing Elementor Specifically: If your Elementor layout is broken after an update, its styling files are likely confused. Go to Elementor > Tools > Regenerate CSS & Data in your dashboard. Click that button, clear your cache, and look at your homepage.
  • Clear Divi Layout Cache: If you use Divi, go to Divi > Theme Options > Builder > Advanced and click the “Clear” button next to Static CSS File Generation to force a design reset.

4. Switch to a Default Theme to Isolate the Issue

If you’ve cleared your caches and checked your plugins but your WordPress layout is still messed up after the update, we need to test your main theme. Temporarily changing your theme will tell us instantly if your theme’s code is broken.

Here is how to safely run this quick test:

  1. Go to Appearance > Themes in your WordPress dashboard.
  2. Find a standard WordPress theme (like Twenty-Twenty Five) and click Activate.
  3. Refresh your website’s homepage.

If the layout looks normal: The issue is definitely a bug inside your specific theme. You’ll need to reach out to the theme creator or an expert developer to fix it.

If it’s still completely broken: The issue is a bit deeper, likely inside your website’s main settings or server database.

A layout preview of the default WordPress Twenty-Twenty Five theme options used for debugging website formatting issues.

5. Restore a Backup

If your site is actively losing customers, sales, or bookings because of the broken design and you need a fast fix right now, simply restore the backup you took right before you clicked update. This will immediately reset your site back to safety and buy you time to figure out the issue later.


Still Stuck? Let Us Take the Stress Off Your Plate

Trying to dig through confusing website code, layout glitches, and broken plugins can be completely exhausting. When your business relies on your website looking beautiful, professional, and trustworthy, every minute your design is broken means losing potential clients. If you’ve tried these steps and your website is still a total mess, it’s time to stop pulling your hair out and let the professionals handle it.

Get Fast, Reliable Emergency WordPress Help

Here at Designer Blogs we specialize in rescuing broken websites. Whether your site is suffering from an uncooperative theme, a major plugin clash, or a mysterious layout glitch, we have you covered. We will get your site looking gorgeous and running smoothly again in no time.

Don’t risk making things worse by guessing with the code. Let us fix the layout, restore your beautiful design, and handle the technical heavy lifting for you today.

Click Here to Get Emergency WordPress Help Now!

Why the Future of Learning Starts with Building

0

Coding has always served two purposes: the intrinsic drive to build something, and the practical path to a lucrative career. Even the most passionate code aficionados don’t dream of variables or syntax — they want to make a website, a tool, a game. For years, the career upside was impossible to ignore. You could land a stable SWE job, bootstrap your own app, or join a buzzy startup as a first hire.  

Generative AI flipped the script. AI now handles the repetitive tasks that used to define entry-level developer roles. At the same time, the barrier to entry for coding and building is lower than ever — you can spin up a working prototype with just an idea and a natural language prompt.  

This shift hasn’t eliminated the desire to code, but it’s changed what and who coding is for. If you’re not learning to land a junior dev role, you’re learning to build the thing you’ve been imagining, to add a technical skill to your existing career, or to understand the tools you’re already using at work. And here’s the catch: those goals all require understanding your code, not just having code that works. 

At Codecademy, all of these changes excite us about the future of learning to code. We’re introducing the AI Builder, a new project-based learning tool that flips the script by teaching you how to work with AI-generated code from the start. Our approach brings together the immediacy of modern AI tools and the rigor of real instructional design.

Why we created the AI Builder 

AI’s speed and efficiency often come with a tradeoff; you can get working code immediately, but you don’t really know what it’s giving you or why it’s built a certain way. Developers use the term “vibe coding” to describe this phenomenon — it’s fast, fun, but shallow; great for demos, less great for long-term skill-building.  

If your goal is to understand what you’re building, generic AI output alone won’t get you there. And the more you push these tools into real-world complexity, “the harder it is for them to give you exactly what you want,” says Zoe Bachman, Head of Learning at Codecademy.  

Switch to Learn for behind-the-scenes insights and your personalized roadmap.

With the AI Builder you get an education along with the AI output. In the workspace, you can toggle between two tabs: Build, where you work directly with a project and can modify and change code in real time; and Learn, where you get a personalized learning roadmap that’s based on your project.  

“We pair the experience of having a working app with a learning path that allows you to reverse engineer how it’s built, so you can deeply understand it and modify it confidently,” Zoe says. We’re calling our hybrid approach to learning-driven development “vibe learning” — it’s powered by AI guidance but rooted in learning science.  

Build first; learn continuously 

With AI Builder, you start with what you want to do: build the thing in your head. Whether that’s a habit tracker, a portfolio site, or the seed of a bigger idea, you don’t need to have prior coding knowledge to learn and build with the AI Builder. In other words, there are no pre-requisites for creation.  

You create a prototype by typing what you’d like to create in natural language. The AI chatbot will ask a few clarifying questions about your needs and overall goal before generating the project. Once the project is created, you can use the chat function to continue describing what you want. (You’re also welcome to go right into the code and start making changes if you already know your way around!)  

“It was fun to build something so quickly and be able to see the code and a learning plan for it,” says Grace Krishna, a Code Crew member who beta tested the AI Builder.   

When you need clarity on what’s going on behind the scenes in your code, or you hit a wall with AI, that’s a great time to flip over to the Learn tab.  

We’re calling our hybrid approach to learning-driven development ‘vibe learning’ — it’s powered by AI guidance but rooted in learning science.

Your project becomes the curriculum 

Rather than teaching concepts in the abstract and hoping learners translate them later, AI Builder removes that translation tax entirely. “We’re showing you specifically your code from your project and helping you understand it,” Zoe says.  

Rework your prototype in real time with the help of AI.

To build that personalized curriculum, the AI Builder breaks your project’s code into clear milestones and tasks. For each task, it generates an interactive learning loop, which is an activity designed to help you form a mental model of what your specific code is doing.  

These loops help you understand the logic behind each part of your project, so you can confidently apply the same thinking to other sections, or even future projects. This approach also ensures everything you learn is directly relevant to what you’re making — so you don’t have to guess when you’ll ever use this. 

Why this is vibe learning (not vibe coding) 

A key misconception about AI‑assisted development is that it makes learning superficial. AI Builder challenges that by grounding the entire experience in learning science rather than simple code generation. Our entire system is intentionally designed for you to retain knowledge. So, while it might not feel like you’re taking a course, you’re absorbing key concepts just by interacting with AI-generated code.  

A Socratic AI, not an answer-spitting chatbot 

Our educational AI chatbot is designed to guide you toward an answer through an in-depth questioning approach that’s based on the Socratic method of teaching. Instead of spitting out shortcuts or answers like AI typically does, you get strategic nudges, hints, and questions that build durable mental models.  

Research on AI in education shows that just providing an answer makes it harder for learners to retain the information on their own. Zoe compares the Socratic AI to “a personalized tutor, facilitating you acquiring more knowledge, so you’re not totally left on your own.” Our method encourages you to think critically so you really grasp the concepts and can continue to use them in the real world.  

Learning loops with real instructional design 

Behind the scenes, every learning loop in the Learn tab is built on proven frameworks like inductive learning and the 5E model, a popular STEM teaching framework that’s shorthand for engage, explore, explain, elaborate, and evaluate.

You’ll notice that the questions and exercises in the Learn tab feel different than the rest of our courses and paths, and that’s intentional. “The learning loops are designed very well — they get you there inductively,” Zoe says. They’re exploratory without being overwhelming, and evaluative without feeling like tests.  

Negar Vahid, a beta tester for the AI Builder appreciated the AI’s interactive question format. “The question-based learning feels engaging, and the starter project it builds is simple but useful,” she says.  

This structure ensures you don’t develop the wrong mental models — a known risk in fully constructivist or student-centered environments — while still giving you the freedom to explore.

Why learn when AI can build? 

There are some projects that are well-suited for simply vibe coding, like making a personal HTML website or a single-use script to automate a one-time task. Tools like Lovable and v0 are suited exactly for these types of projects.  

The longer your code needs to live, and the more complex your project becomes, the more you need to actually understand what you’re building. Joe Holmes, Codecademy Curriculum Developer in the AI and machine learning domain, uses the term “ignorance debt” to describe what happens when you don’t: 

“It’s like tech debt squared. It’s much, much worse,” Joe says. “You don’t know what kind of code is coming out. You just are only looking at: Does this kind of generally appear to be what I asked for? You don’t know if there are security flaws. You don’t know if there are performance flaws. You don’t know if you’re leaking sensitive information. You don’t know how to fix anything.” 

The tipping point comes down to two factors: complexity and time. If you’re developing software professionally, you’re legally responsible for the code you output. If you’re building something that will serve actual users, you need to be accountable for security, performance, and maintainability. And if your project will need updates or fixes over time (which most do) understanding your codebase becomes essential, not optional. 

The good news? Learning doesn’t have to feel like eating your vegetables. “Kids hate veggies and broccoli because we don’t cook it well enough to make it tasty when we first introduce it to them,” says Nhi Pham, Codecademy Curriculum Developer. The same is true for teaching AI: “If you do it well, you’re inspiring people to have these very hygienic practices when working with AI,” she says.  

That’s exactly what AI Builder is designed to do — make learning feel as immediate and rewarding as building, so you develop good habits from the start rather than building a lifelong aversion to understanding your own code. 

Get started with the AI Builder 

AI isn’t a replacement for learning, it’s a tool — and a powerful one when it comes to education. Our new AI Builder allows for “just‑in‑time learning that’s highly personalized,” Zoe says. Even the best teachers or bootcamps can’t deliver that for every learner, on every project, instantly. Perhaps the most exciting vision is how AI changes what a learning environment can be. 

Zoe described it beautifully: “I imagine the AI Builder as a workspace… like having all your resources around you and an AI tutor in the background.” 

That’s the shift: from learning before you build to learning while you build. We can’t wait to see what you create. 

Why the Future of Learning Starts with Building

0

Coding has always served two purposes: the intrinsic drive to build something, and the practical path to a lucrative career. Even the most passionate code aficionados don’t dream of variables or syntax — they want to make a website, a tool, a game. For years, the career upside was impossible to ignore. You could land a stable SWE job, bootstrap your own app, or join a buzzy startup as a first hire.  

Generative AI flipped the script. AI now handles the repetitive tasks that used to define entry-level developer roles. At the same time, the barrier to entry for coding and building is lower than ever — you can spin up a working prototype with just an idea and a natural language prompt.  

This shift hasn’t eliminated the desire to code, but it’s changed what and who coding is for. If you’re not learning to land a junior dev role, you’re learning to build the thing you’ve been imagining, to add a technical skill to your existing career, or to understand the tools you’re already using at work. And here’s the catch: those goals all require understanding your code, not just having code that works. 

At Codecademy, all of these changes excite us about the future of learning to code. We’re introducing the AI Builder, a new project-based learning tool that flips the script by teaching you how to work with AI-generated code from the start. Our approach brings together the immediacy of modern AI tools and the rigor of real instructional design.

Why we created the AI Builder 

AI’s speed and efficiency often come with a tradeoff; you can get working code immediately, but you don’t really know what it’s giving you or why it’s built a certain way. Developers use the term “vibe coding” to describe this phenomenon — it’s fast, fun, but shallow; great for demos, less great for long-term skill-building.  

If your goal is to understand what you’re building, generic AI output alone won’t get you there. And the more you push these tools into real-world complexity, “the harder it is for them to give you exactly what you want,” says Zoe Bachman, Head of Learning at Codecademy.  

Switch to Learn for behind-the-scenes insights and your personalized roadmap.

With the AI Builder you get an education along with the AI output. In the workspace, you can toggle between two tabs: Build, where you work directly with a project and can modify and change code in real time; and Learn, where you get a personalized learning roadmap that’s based on your project.  

“We pair the experience of having a working app with a learning path that allows you to reverse engineer how it’s built, so you can deeply understand it and modify it confidently,” Zoe says. We’re calling our hybrid approach to learning-driven development “vibe learning” — it’s powered by AI guidance but rooted in learning science.  

Build first; learn continuously 

With AI Builder, you start with what you want to do: build the thing in your head. Whether that’s a habit tracker, a portfolio site, or the seed of a bigger idea, you don’t need to have prior coding knowledge to learn and build with the AI Builder. In other words, there are no pre-requisites for creation.  

You create a prototype by typing what you’d like to create in natural language. The AI chatbot will ask a few clarifying questions about your needs and overall goal before generating the project. Once the project is created, you can use the chat function to continue describing what you want. (You’re also welcome to go right into the code and start making changes if you already know your way around!)  

“It was fun to build something so quickly and be able to see the code and a learning plan for it,” says Grace Krishna, a Code Crew member who beta tested the AI Builder.   

When you need clarity on what’s going on behind the scenes in your code, or you hit a wall with AI, that’s a great time to flip over to the Learn tab.  

We’re calling our hybrid approach to learning-driven development ‘vibe learning’ — it’s powered by AI guidance but rooted in learning science.

Your project becomes the curriculum 

Rather than teaching concepts in the abstract and hoping learners translate them later, AI Builder removes that translation tax entirely. “We’re showing you specifically your code from your project and helping you understand it,” Zoe says.  

Rework your prototype in real time with the help of AI.

To build that personalized curriculum, the AI Builder breaks your project’s code into clear milestones and tasks. For each task, it generates an interactive learning loop, which is an activity designed to help you form a mental model of what your specific code is doing.  

These loops help you understand the logic behind each part of your project, so you can confidently apply the same thinking to other sections, or even future projects. This approach also ensures everything you learn is directly relevant to what you’re making — so you don’t have to guess when you’ll ever use this. 

Why this is vibe learning (not vibe coding) 

A key misconception about AI‑assisted development is that it makes learning superficial. AI Builder challenges that by grounding the entire experience in learning science rather than simple code generation. Our entire system is intentionally designed for you to retain knowledge. So, while it might not feel like you’re taking a course, you’re absorbing key concepts just by interacting with AI-generated code.  

A Socratic AI, not an answer-spitting chatbot 

Our educational AI chatbot is designed to guide you toward an answer through an in-depth questioning approach that’s based on the Socratic method of teaching. Instead of spitting out shortcuts or answers like AI typically does, you get strategic nudges, hints, and questions that build durable mental models.  

Research on AI in education shows that just providing an answer makes it harder for learners to retain the information on their own. Zoe compares the Socratic AI to “a personalized tutor, facilitating you acquiring more knowledge, so you’re not totally left on your own.” Our method encourages you to think critically so you really grasp the concepts and can continue to use them in the real world.  

Learning loops with real instructional design 

Behind the scenes, every learning loop in the Learn tab is built on proven frameworks like inductive learning and the 5E model, a popular STEM teaching framework that’s shorthand for engage, explore, explain, elaborate, and evaluate.

You’ll notice that the questions and exercises in the Learn tab feel different than the rest of our courses and paths, and that’s intentional. “The learning loops are designed very well — they get you there inductively,” Zoe says. They’re exploratory without being overwhelming, and evaluative without feeling like tests.  

Negar Vahid, a beta tester for the AI Builder appreciated the AI’s interactive question format. “The question-based learning feels engaging, and the starter project it builds is simple but useful,” she says.  

This structure ensures you don’t develop the wrong mental models — a known risk in fully constructivist or student-centered environments — while still giving you the freedom to explore.

Why learn when AI can build? 

There are some projects that are well-suited for simply vibe coding, like making a personal HTML website or a single-use script to automate a one-time task. Tools like Lovable and v0 are suited exactly for these types of projects.  

The longer your code needs to live, and the more complex your project becomes, the more you need to actually understand what you’re building. Joe Holmes, Codecademy Curriculum Developer in the AI and machine learning domain, uses the term “ignorance debt” to describe what happens when you don’t: 

“It’s like tech debt squared. It’s much, much worse,” Joe says. “You don’t know what kind of code is coming out. You just are only looking at: Does this kind of generally appear to be what I asked for? You don’t know if there are security flaws. You don’t know if there are performance flaws. You don’t know if you’re leaking sensitive information. You don’t know how to fix anything.” 

The tipping point comes down to two factors: complexity and time. If you’re developing software professionally, you’re legally responsible for the code you output. If you’re building something that will serve actual users, you need to be accountable for security, performance, and maintainability. And if your project will need updates or fixes over time (which most do) understanding your codebase becomes essential, not optional. 

The good news? Learning doesn’t have to feel like eating your vegetables. “Kids hate veggies and broccoli because we don’t cook it well enough to make it tasty when we first introduce it to them,” says Nhi Pham, Codecademy Curriculum Developer. The same is true for teaching AI: “If you do it well, you’re inspiring people to have these very hygienic practices when working with AI,” she says.  

That’s exactly what AI Builder is designed to do — make learning feel as immediate and rewarding as building, so you develop good habits from the start rather than building a lifelong aversion to understanding your own code. 

Get started with the AI Builder 

AI isn’t a replacement for learning, it’s a tool — and a powerful one when it comes to education. Our new AI Builder allows for “just‑in‑time learning that’s highly personalized,” Zoe says. Even the best teachers or bootcamps can’t deliver that for every learner, on every project, instantly. Perhaps the most exciting vision is how AI changes what a learning environment can be. 

Zoe described it beautifully: “I imagine the AI Builder as a workspace… like having all your resources around you and an AI tutor in the background.” 

That’s the shift: from learning before you build to learning while you build. We can’t wait to see what you create.