Junior Developer

Welcome to the Junior Developer stage! Here, you will go deeper into full-stack development and learn modern frontend workflows, database design, backend APIs, deployment, and AI-powered product building.

What You Will Learn

Frontend Development

Master modern frontend development and learn how to use design tools, component libraries, and AI-native UI workflows:

Frontend 0: Build Your Own Asset-Production Agent with Lovart

↗

Use Nanobanana and Lovart to batch-generate high-quality visual assets, then build a drawing agent with intent recognition

Frontend 1: Figma & MasterGo Basics

↗

Master the basic operations of professional UI design tools and the workflow from design to code

Frontend 2: Build Your First Modern App - UI Design

↗

Learn the UI design foundations for modern applications

Frontend 3: UI Guidelines and Multi-Product Design

↗

Learn mainstream UI design guidelines to improve product design consistency and aesthetics

Frontend 4: Make Interfaces Beautiful with LLMs and Skills

↗

Use prompts and plugins in real projects to make AI generate more polished, distinctive interfaces

Frontend 4: Let's Build Hogwarts Portraits

↗

Practical project: Build an interactive Hogwarts portrait application using AI-generated images

Frontend 6: From Design Prototype to Project Code

↗

Learn how to turn design prototypes into frontend code that really runs in the browser

Frontend 7: Upgrade Your UI with Modern Component Libraries

↗

Use component libraries to build professional interfaces faster

Backend Development

Learn API design, database management, and application deployment strategies:

Backend 1: Learn Git and GitHub

↗

Master core version control operations and collaboration workflows with Git

Backend 2: From Database to Supabase

↗

Master relational database basics and learn to use Supabase, a modern BaaS platform

Backend 3: Backend API Design and Development

↗

Use AI to assist in generating backend interface code and standard API documentation

Backend 4: Ship Your Product Prototype

↗

Learn to quickly deploy your full-stack applications to the cloud using Zeabur

Backend 5: From IDEs to CLI AI Coding Tools

↗

Explore modern CLI tools to enhance command-line development experience

Backend 6: Integrate Stripe and Other Billing Systems

↗

Practical: Integrate Stripe payment functionality into your application for monetization

Major Projects

Consolidate your full-stack development skills through hands-on projects:

Major Project 1: Your First SaaS Full-Stack App - AI Copywriting Website

↗

Build an AI marketing copy workspace from scratch, including login, generation, billing, and an admin dashboard

Major Project 2: Online Exam and Management System

↗

Build an online exam system with automatic question generation, test-taking flows, and admin management

AI Capabilities Extension

AI 1: Dify Basics & Knowledge Base Integration

↗

Learn to build AI applications using Dify and integrate private knowledge bases

Who Is This For

• Developers with some programming foundation who want to systematically learn modern full-stack development
• Learners transitioning from product manager to full-stack engineer
• Junior to intermediate developers who want to master modern development tools and workflows
• Entrepreneurs who want to independently develop complete products

Prerequisites

• Complete the "Novice & Product Prototype" stage, or have equivalent foundational knowledge
• Understand basic HTML/CSS/JavaScript concepts
• Have a basic understanding of AI coding tools

Ready to move from product prototype to real full-stack delivery? Use the left navigation to start learning.