#frontend-backend collaboration
31 related articles
·6 min
30-Minute Hands-On: Building a Working AI Agent from Scratch
Skip the dry theory and get hands-on! This article demonstrates step by step how to build a working AI Agent from scratch in 30 minutes using AI coding tools—covering the agent skeleton, tool system, memory mechanism, Flask web UI, and DeepSeek API integration.
Read more →
·4 min
Claude Code Getting Started: Environment Setup, Core Commands, and Git Workflow Automation
A practical guide to Claude Code covering installation, Chinese LLM switching, project analysis, key commands, and conversational Git workflow automation for developers.
Read more →
·3 min
Build a Flask Visual Database Query System in 20 Minutes with Trae
Learn how to use Trae, ByteDance's free AI coding tool, to build a Flask-based visual database query system (EasyQuery) in just 20 minutes. Full walkthrough included.
Read more →
·3 min
One-Prompt Apps: Demos Are Easy, Shipping Is the Real Test
Is one-prompt app generation really that powerful? We break down three tiers of AI dev tools, expose the gap between demo and production, and compare top domestic platforms including Baidu Miaoda and Ant Lingguan.
Read more →
·6 min
Vibe Coding in Practice at Big Tech: How Frontend Engineers Can Avoid Being Replaced in the AI Era
A big-tech interviewer reveals: junior/mid frontend dev is being replaced by AI. This article breaks down 3 core Vibe Coding interview questions to help you master key skills for the AI-assisted coding era.
Read more →
·6 min
Codex China Direct Access Tutorial: Guide to Using DeepSeek as a ChatGPT Replacement
Use Codex without a ChatGPT account! This guide explains a China direct access solution for integrating the DeepSeek API via the Codex++ management tool.
Read more →
·4 min
Claude Code /cd Command: The Hidden Trick for Switching Directories Without Losing Context
Learn how Claude Code's /cd command lets you switch working directories without losing conversation context — perfect for microservices, monorepos, and multi-module development.
Read more →
·3 min
Kimi K2.7 Code Hands-On: How Does High Speed Mode Feel in Practice?
Hands-on test of Kimi K2.7 Code in High Speed mode across two real projects: a frontend interactive lab and an e-commerce microservice. Speed is noticeably improved, with strong responsiveness for legacy codebases and frontend-backend integration.
Read more →
·2 min
FastAPI Fundamentals: Web Development Patterns, API Interfaces, and RESTful Standards Explained
Learn FastAPI fundamentals: frontend-backend separation, what API interfaces really are, and how RESTful standards work. Essential groundwork for Python backend development.
Read more →
·3 min
Cursor in Action: Building a Library Management System in 15 Minutes — Full Walkthrough
Full walkthrough of building a FastAPI + Vue3 library management system in 15 minutes with Cursor AI, covering structured prompts, Plan & Build strategy, and bug fixes.
Read more →
·3 min
Claude Code in Practice: A Complete Tutorial for Building a WebSocket Real-Time Chat Room from Scratch
A detailed walkthrough of building a real-time chat room from scratch with Claude Code, covering WebSocket server setup, multi-room private messaging, bug fixing, and prompt engineering tips.
Read more →
·3 min
Claude Generates 10 Web Games from One-Line Prompts: Zero-Code AI Programming in Action
Use Claude Code to generate 10 web games like 2048, Gomoku, and Tetris from one-line prompts — zero manual coding. A full walkthrough of AI programming in practice.
Read more →
·4 min
A Complete Guide to Multi-Agent Teams in AI Coding: From Solo Work to Team Collaboration
Deep dive into multi-agent solutions from Cursor, Claude Code, and Tencent CodeBuddy — covering parallel exploration, cross-layer collaboration, context isolation, practical tips, and selection guide.
Read more →
·3 min
Beginner's Guide to Vibe Coding: Turn Ideas into Products with AI — No Coding Experience Required
Vibe Coding lets anyone build software products through natural language conversations with AI — no programming skills required. Learn the concept, top tools (Cursor, Claude Code, Codex), and how to get started.
Read more →
·4 min
The Complete AI App Development Workflow: Six Steps from Idea to Launch
A complete guide to building apps with AI coding tools, covering product docs, prototyping, full-stack development, database design, project management, and testing — no coding required.
Read more →
Tutorials·4 min
Cursor + Codex Dual-IDE Collaboration: A Practical Methodology for Open-Source Project Customization
A complete methodology for open-source project customization based on real-world experience, detailing the Cursor+Codex dual-IDE workflow, seven-stage process, MVP validation, and AI source code reading techniques.
Read more →
Tutorials·2 min
Firebase Functions Now Supports Dart: A New Era for Full-Stack Flutter Development
Firebase Functions now supports Dart, enabling shared code and business logic across frontend and backend. Learn about full-stack Dart, AOT compilation, deployment workflows, and current status.
Read more →
Tutorials·3 min
Complete Guide to Building AI Agent Projects with WindSurf: Practical Tips & Techniques
Complete practical guide to building AI Agent Frameworks with WindSurf, covering technology selection, component generation, code refactoring, debugging, and deployment tips.
Read more →
Product Reviews·4 min
Claude Code: The AI Programming Tool That Frees Product Managers from 'Waiting on Engineers'
Deep dive into how Claude Code helps product managers independently investigate bugs, understand codebases, and generate professional technical reports — transforming PM-engineer collaboration.
Read more →
Product Reviews·4 min
Claude Code: The AI Programming Tool That Frees Product Managers from 'Waiting on Engineers'
Deep dive into how Claude Code helps product managers independently investigate bugs, understand codebases, and generate professional technical reports—boosting PM-engineer collaboration efficiency.
Read more →