haotianblog
This is a bilingual technical blog for algorithm notes, programming write-ups, project logs, and downloadable companion materials. The goal is to publish durable references that remain useful after the initial work is done.
Start here
Popular articles, learning routes, and playgrounds
The home page now points directly to content you can read, run, and reuse.
Popular Articles
Start with the pages most likely to answer a search question or lead into a complete project.
Latest Learning Routes
Use the topic hubs when you want a sequence instead of one isolated article.
Algorithm Playground
Open the browser demos when reading is not enough and you want to step through the algorithm.
AI learning path
Start the AI foundations route
Read the AI series in order and continue from the next unfinished step.
- 1 AI Basics Learning Roadmap
- 2 Machine Learning Workflow
- 3 Model Training and Evaluation
- 4 Neural Network Basics
- 5 Matrix Calculus for Neural Networks
- 6 Backpropagation as a Computation Graph
- 7 Gradient Descent and Optimizer Geometry
- 8 Convolution and Receptive Field Math
- 9 Transformer Attention Math
- 10 Transformer Self-Attention
- 11 LLM Visualizer
- 12 Python AI Mini Practice
- 13 AI Security Threat Modeling
- 14 Adversarial Examples and Robust Evaluation
- 15 Data Poisoning and Backdoor Defense
- 16 Model Privacy and Extraction Defense
- 17 LLM, RAG, and Agent Security
Learning path
Read the algorithm notes in order
A short path through the strongest current articles, code, dataset, and diagrams.
Survey feedback
Active surveys appear here. Open one to answer it on a dedicated page and view statistics on a separate results page.
The Usage of Social Media of College Students
A short questionnaire about how college students use social media.
Remotion animations
Short animations that make algorithm steps visible
These videos are rendered with Remotion and lazy-loaded so the first screen stays fast.
Short animation
CNN Convolution Scan
See how a 3x3 kernel slides, multiplies, sums, and builds a feature map in eight seconds.
Short animation
Matrix Chain Rule
Connect y = Wx + b, MSE loss, and the outer-product form of dL/dW.
Short animation
Backpropagation Graph
Watch the softmax cross-entropy signal move through W2, ReLU, and W1.
Short animation
Optimizer Geometry
Compare gradient descent, momentum, and Adam on the same quadratic loss surface.
Short animation
Convolution Receptive Field
Use a 5x5 input and 3x3 kernel to show output size, local windows, and im2col.
Short animation
Attention Heatmap
Put QK^T / sqrt(dk), softmax weights, masking, and KV cache into one matrix view.
Short animation
K-means Iteration
Watch assignment, centroid movement, and SSE reduction as visible clustering steps.
Short animation
Eight Queens Backtracking
A board animation for row-by-row tries, conflict pruning, and backtracking intuition.
Structured navigation
All destinations
The top bar stays compact. This section provides the full site entry index.
Start here
Browse every public destination by topic. On desktop, this is the full structured entry map.
Learn and explore
Browse every public destination by topic. On desktop, this is the full structured entry map.
Resources and downloads
Browse every public destination by topic. On desktop, this is the full structured entry map.
Feedback, contact, and policies
Browse every public destination by topic. On desktop, this is the full structured entry map.
Explore next
- AI Security Engineering from threat modeling to adversarial examples, poisoning, privacy, and LLM/RAG/Agent controls
- Deep Learning / CNN tutorials from neural network basics to CIFAR-10 Tiny CNN image classification
- Machine Learning From Scratch for K-means, Iris, feature processing, and evaluation
- Algorithm Visualization for eight queens, backtracking, bitmasks, and the playground
- Student AI Projects from a handwritten digit C classifier to browser demos and CNN work
- Share Center with tracked direct links, copy-ready blurbs, and social platform actions
- Algorithm playground for running the eight queens search, Iris K-means, and handwritten digit demos
- Knowledge map for connecting projects, posts, resources, and learning routes
- Projects for timelines, topic hubs, and the next planned notes
What this site focuses on
- Algorithm and data-structure articles with implementation details and debugging notes
- C and Python code walkthroughs that explain why the implementation works
- Project notes covering deployment, maintenance, and site-building decisions
- Downloadable code, diagrams, datasets, and supporting files that belong to each article
Where to start
The current site is strongest on technical blog posts and downloadable materials. Start here if you want concrete examples:
- AI foundations series from core concepts to a Python classification practice
- AI security series connecting NIST, MITRE ATLAS, OWASP, robust evaluation, privacy, and safe toy labs
- Handwritten digit project series from CSV structure and the C softmax classifier to the browser playground
- K-means clustering on the Iris dataset in C
- Eight queens with classic backtracking
- Bitwise optimization for the eight queens problem
- Share Center for direct links you can send to classmates or readers
- Downloads for code, data, and diagrams
Publishing direction
The Chinese side currently contains the most complete long-form articles. The English side is being expanded into a clearer landing surface for summaries, project context, and future translated or original posts.
