#front-end development
360 related articles
Tutorials·2 min
Build a DIY Parts Management System with Zero Code: A Vibe Coding Case Study
Build a complete DIY parts management app using Vibe Coding with zero hand-written code. Covers categorized inventory, drag-and-drop sorting, BOM export, and the full AI programming workflow.
Read more →
Tutorials·3 min
In-Depth Review of a 628-Episode Python Full-Stack Tutorial: Can a Free Course Launch Your Career?
In-depth review of a 628-episode free Python full-stack tutorial on Bilibili, analyzing its strengths, limitations, and providing learning strategy advice for Python beginners.
Read more →
Tutorials·3 min
In-Depth Review of a 628-Episode Python Full-Stack Tutorial: Can a Free Course Launch Your Career?
In-depth review of a 628-episode free Python full-stack tutorial on Bilibili, analyzing its strengths, limitations, and providing learning strategy advice for Python beginners.
Read more →
Tutorials·3 min
DeepSeek V4 Pro in Action: AI-Assisted Reverse Engineering of Youdao Translate's Encryption Parameters
Hands-on demo using DeepSeek V4 Pro to reverse-engineer Youdao Translate's sign parameter, from locating MD5 encryption logic to generating complete Python code, compressing hours of work into minutes.
Read more →
Tutorials·4 min
Zero-Code in Practice: Building and Publishing a WeChat Mini Program from Scratch with AI
Complete guide to building and publishing a WeChat Mini Program with zero coding using ChatGPT and Codex — from account registration to AI-generated design, code, and question banks to review and launch.
Read more →
Product Reviews·2 min
Tencent CodeBuddy IDE Hands-On Review: Full-Stack AI Platform Development Experience
Hands-on review of Tencent's CodeBuddy standalone IDE: building the Xiaohe Architecture AI Platform with Chat/Craft/Plan modes, CloudBase integration, and free Claude 4 and GPT-5 access.
Read more →
Product Reviews·2 min
Claude Code Hands-On: From Typing a Prompt to Launching a Website in Minutes
Claude Code demo hands-on: build and deploy a full-stack app via natural language in minutes — covering front-end UI, back-end logic, database, and deployment with zero handwritten code.
Read more →
Tutorials·2 min
Ship a Full-Stack Next.js Website in 15 Minutes with AI Coding: A Hands-On Tutorial with DeepSeek API
Learn how to use AI coding tools like Windsurf/Cursor to build and deploy a full-stack Next.js website with DeepSeek API in 15 minutes, including setup, coding, debugging, and Vercel deployment.
Read more →
Tutorials·4 min
Building a WeChat Mini Program with Cursor: A Practical Guide to AI Programming Pitfalls and Technical Decisions
Real-world experience building a WeChat Mini Program with Cursor, covering product design, technical pitfalls, and creative LLM API usage — a practical guide for AI programming beginners.
Read more →
Tutorials·2 min
Qwen3 Free Coding in Practice: Building Full-Stack Apps with Cline
A hands-on guide to using Qwen3 for free via OpenRouter API and Ollama local deployment, paired with Cline coding agent for full-stack development tasks.
Read more →
Tutorials·2 min
What Is an Agent Skill? A Complete Guide to Core Structure and Customization
A detailed guide to Agent Skill's core principles and four key components (skill.md, references, scripts, assets), covering file structure, differences from prompts, and customization methods.
Read more →
Tutorials·2 min
LangChain 1.0 Complete Guide: Architecture, Core Modules, and Learning Path
Deep dive into LangChain 1.0's three-layer architecture (LangChain, LangGraph, Deep Agents), core components like Models, Tools, and Memory, plus a complete learning path from semantic search to multi-agent collaboration.
Read more →
Tutorials·3 min
LangGraph + MCP in Practice: A Deep Dive into Agent Architecture and the MCP Protocol
Deep dive into the MCP protocol's core principles and practical applications, covering agent capabilities, MCP architecture, ERP integration, and building agents with LangGraph.
Read more →
Tutorials·3 min
LangGraph + MCP in Practice: A Deep Dive into Agent Architecture and the MCP Protocol
Deep dive into MCP (Model Context Protocol) core principles and practical applications, covering agent capabilities, MCP architecture, ERP integration, and building agents with LangGraph.
Read more →
Tutorials·3 min
Claude Code Hooks Explained: A Safety Net for When Rules Fail
Deep dive into Claude Code Hooks: why CLAUDE.md rules fail, and how PreCommand blocking, PostCommand reminders, and Stop Hooks form a reliable AI behavior constraint system.
Read more →
Tutorials·3 min
Claude Code Hooks Explained: A Safety Net for When Rules Fail
Deep dive into Claude Code Hooks: why CLAUDE.md rules fail and how PreCommand, PostCommand, and Stop Hooks provide a reliable safety net through on-demand context injection.
Read more →
Product Reviews·1 min
Codex vs Claude Code Hands-On Comparison: How to Choose Between the $20 and $200 Plans?
In-depth comparison of OpenAI Codex (GPT-5.4) vs Anthropic Claude Code (Opus 4.6) covering UX, model capability, ecosystem, and value. Find your ideal AI coding tool combo.
Read more →
Tutorials·4 min
Zion No-Code Platform: A Complete Hands-On Tutorial for Building AI Agents with Drag-and-Drop
Learn how Zion's no-code platform lets you build AI agents via drag-and-drop, with a hands-on prompt optimization assistant tutorial covering knowledge base integration, UI building, and API access.
Read more →
Tutorials·3 min
SSM + UniApp Pharmacy Management & Sales Mini-Program: Three-Role Permission System with Real-Time Inventory Synchronization
A pharmacy management & sales mini-program built with SSM and UniApp, featuring three-role permission control, real-time inventory synchronization, and complete e-commerce workflows—ideal for Java graduation projects.
Read more →
Tutorials·3 min
Building a Home Appliance Repair Platform on WeChat Mini Program: A Full-Stack Solution with Spring Boot + uni-app
A detailed guide to building a home appliance repair O2O platform on WeChat Mini Program using Spring Boot backend, uni-app frontend, and Vue admin panel with booking, order management, and smart customer service.
Read more →