Using AI in the Design to Full-Stack Development Life Cycle

1h 2mIntermediate2025-03-11

Authors

Dakota Fabro

Course details

Learn how to use AI tools throughout the full stack web development process while building a full stack web application in this course with instructor Dakota Fabro. Dakota shows you how to build a full stack ecommerce platform that leverages AI at every stage of development, from design to deployment and maintenance. This e-commerce platform—in the form of a pet adoption website—includes AI-generated pet care instructions based on pet breed, a content management system, a responsive user interface, and real-time analytics.

Learning objectives
Leverage AI to increase your efficiency and productivity as a developer.
Recognize the different methods of leveraging AI tools in each stage of the design to development process.
Build a pet adoption site using the AI tools leveraged throughout the dev process.

Skills covered

FirebaseWeb Development ToolsArtificial Intelligence FoundationsFull-Stack Web DevelopmentDatabase DevelopmentFront-End Web DevelopmentDatabase ManagementGoogleSoftware Development ToolsArtificial Intelligence (AI)Web DevelopmentSoftware DevelopmentOne-Off

Concepts

Introduction

Leaning into AI - Reframing what we know and how we build
AI - Common hesitations, curiosities, and unknowns
What to expect
Using the project files

Wireframing

Leaning into AI - Introduction to AI in wireframing
Exploring Figma AI tools
Generate your wireframe
AI as a partner - Refining the AI output wireframe
Make it useful - Annotate your wireframe

Frontend Development

Using AI to brainstorm your frontend approach
Leveraging AI tools for frontend brainstorming
Writing effective AI prompts for frontend development
AI as a partner - Refining the AI output wireframe to code
Make it real - First frontend iteration

Backend Development

Coming up with your backend approach
Analyzing benefits and tradeoffs
AI as a partner - Refining the AI output backend brainstorm
Make it real - Frontend meets the backend

Testing Your Full Stack Project

Testing your code with AI
Leveraging AI when writing tests
Effective prompting for testing your project
Troubleshooting with AI
It's time to run it - Testing your tests

Deployment and Documentation

Streamlining handoff and delivery
AI-assisted delivery and handoff in the real world
Generating useful documentation
Documentation for devs
Preparing your documentation for client delivery

Conclusion

Overview of design to dev stages and AI
How might you integrate AI into your personal workflow