#front-end development tutorial
50 related articles
·2 min
AIVenture: Master Agent Development and Vibe Coding Through a Dungeon Game
AIVenture is an open-source retro dungeon game by Google that teaches Vibe Coding, agentic workflows, and tool calling through playable levels. Built with Angular, Phaser.js, and Gemma.
Read more →
·3 min
Tencent CodeBuddy Hands-On Review: Complete Guide to Installing and Using This Free AI Coding Assistant
Hands-on review of Tencent's free AI coding assistant CodeBuddy, covering installation, login setup, basic command testing, and building a corporate website with one prompt.
Read more →
·3 min
Three-Layer Workflow Optimization for Claude Code: Requirements Extraction, HTML Specs, and Embedded Verification in Practice
Anthropic engineer Arno shares a Claude Code workflow: AI-driven requirements extraction, HTML specs over Markdown, and DOM-embedded verification to boost AI-assisted coding efficiency.
Read more →
·4 min
Codex Hands-On Tutorial: A Complete Guide from Installation to Enterprise-Level AI Programming
A complete hands-on guide to OpenAI Codex covering installation, CLI interaction, agents.md setup, MCP protocol integration, Rules governance, and building a RAG intelligent customer service system.
Read more →
·4 min
UniApp Beginner Tutorial: Build Multi-Platform Apps with One Codebase
In-depth analysis of a UniApp zero-to-hero APP development course covering HTML, CSS, JavaScript, and UniApp, with project-driven teaching and learning path recommendations.
Read more →
·3 min
Making Games from Scratch with Claude Code: A Wild Snake + Shooter Mashup
Build web games from scratch with Claude Code: a full walkthrough from shoot-'em-up to Snake mashup, no coding needed. Covers AI task scheduling and iterative dev tips.
Read more →
·4 min
Building a Personal Blog from Scratch with Cursor: A Complete AI-Powered Development Tutorial
Learn how to build a personal blog from scratch using Cursor AI — covering UI prototyping, full-stack code generation, database setup, and bug debugging with almost no hand-written code.
Read more →
·2 min
Claude Code Practical Guide: Complete Workflow from Installation to Project Deployment
Complete guide to Claude Code from installation to deployment, covering token cost optimization, CCSwitch setup, prompt engineering, Skills, MCP integration, and a Financial Manager App case study.
Read more →
Tutorials·3 min
How Ordinary People Can Build Products with AI Programming
AI programming tools let anyone build products, but zero-experience users still struggle. Learn why Python basics and key strategies help you direct AI effectively.
Read more →
Product Reviews·2 min
Codex vs Claude Code vs Cursor: A Practical Comparison and Selection Guide for the Three AI Coding Giants
In-depth comparison of Codex, Claude Code, and Cursor: pricing, stability, and capability differences. Codex excels at UI, Claude Code at logic, Cursor at ecosystem maturity. Includes practical selection guide.
Read more →
Product Reviews·2 min
HyperFrames: An Open-Source Tool for Batch Video Generation Using HTML Code
HyperFrames is a trending GitHub open-source project that renders HTML/CSS animation code into MP4 videos. Combined with AI coding tools, it enables automated batch video production at zero cost.
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·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·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 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
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
Build a Website with AI from Scratch: A Complete Hands-On Guide from Generation to Deployment
A detailed guide for beginners on using Vibe Coding with Google AI Studio to generate web code, then deploying via GitHub and Netlify for a free static website accessible in China — no coding required.
Read more →
Product Reviews·3 min
Building a Paid Product Solo with AI: A Vibe Coding Retrospective
A designer built a Rive asset trading platform with 99% AI-generated code. Deep retrospective on Vibe Coding reveals AI development's real capabilities and time estimation gaps.
Read more →
Product Reviews·3 min
Claude Code with MiniMax M2: Testing a Low-Cost AI Coding Solution Across Three Real Projects
Real-world testing of MiniMax M2 as Claude Code's backend model across three projects: framework migration, iOS development, and full-stack MVP — at just 8% of Claude's price.
Read more →