Learning live
Choose a coding course by the project you want to build
A course title is a starting point, not a complete learning plan.
PublishedSI100x learning notes
Small guides. Useful practice.
Original exercises and checklists for learning AI and coding, making projects and asking better questions in live classes.
Explore free live demos →50 articles
Learning live
Prepare three useful questions for a free live demo
A demo is a chance to understand the teaching approach and the course fit.
PublishedLearning live
Turn live-class notes into a practice checklist
A long transcript is difficult to use when you sit down to practice.
PublishedLearning live
Ask for coding help with a small reproducible example
An instructor can help more effectively when a question includes the smallest example that still fails.
PublishedLearning live
Practice a lesson twice without copying the second time
Following an example can make a new skill feel familiar before you can use it independently.
PublishedLearning live
Plan a realistic week of coding practice
A practice plan should fit the week you actually have.
PublishedLearning live
Use the AI tutor to explore one question at a time
A focused topic is easier to study than a request to learn an entire field at once.
PublishedLearning live
Keep a learning journal that records decisions
A useful learning journal shows how you approached a problem, not only the final answer.
PublishedLearning live
Review a project before calling it finished
A project can look complete while its empty and error states remain confusing.
PublishedLearning live
Build a portfolio explanation from your own work
A portfolio entry is stronger when it explains a real problem, the choices you made and what you verified.
PublishedWeb projects
Build a contact form with understandable validation
A practice contact form teaches more than placing four fields on a page.
PublishedWeb projects
Design an empty state that explains the next action
An empty list is a normal product state.
PublishedWeb projects
Make a course card work with a long title
A card layout that works only with a short example title is not ready for real content.
PublishedWeb projects
Add a menu that works with the keyboard
A navigation menu should work when someone uses Tab and Enter as well as a pointer.
PublishedWeb projects
Create a search page with useful no-results feedback
Search is a conversation between a query and a set of results.
PublishedWeb projects
Make a layout readable on a narrow screen
Responsive design is more than shrinking a desktop screenshot.
PublishedWeb projects
Write button labels that describe their action
A label such as Submit can be technically correct but unclear in context.
PublishedWeb projects
Handle an image that fails to load
Images can fail even when the surrounding page is working.
PublishedWeb projects
Keep form input after a failed request
Losing a completed form after a network error can turn a small failure into a frustrating restart.
PublishedWeb projects
Review a page’s headings as a navigation outline
Headings help readers find the structure of a page.
PublishedDebugging and testing
Debug one change at a time
Changing several things together makes it hard to know what actually fixed a problem.
PublishedDebugging and testing
Write a regression test for a visible bug
A regression test keeps a repaired behavior from quietly breaking again.
PublishedDebugging and testing
Test the boundary around a validation rule
Validation often fails at the edges rather than on an obviously invalid example.
PublishedDebugging and testing
Distinguish an empty result from a request failure
An empty response can be a correct result, while a failed request means the result is unknown.
PublishedDebugging and testing
Build a test-data ledger before testing writes
Test records are easier to clean up when you track them from the beginning.
PublishedDebugging and testing
Test permissions with two isolated accounts
A feature can work for its owner and still expose another account’s records.
PublishedDebugging and testing
Review loading states with a slow connection
Fast local responses can hide loading problems.
PublishedDebugging and testing
Verify a fix at the version users actually see
A local repair is only one stage of delivery.
PublishedDebugging and testing
Use screenshots to review states, not just pages
A screenshot of the default page misses menus, errors and populated states.
PublishedDebugging and testing
Write a bug report that another person can reproduce
A precise bug report saves time by turning a complaint into an observable case.
PublishedAI practice
Define an AI feature by the task it must support
An AI feature is easier to evaluate when its job is narrow and visible.
PublishedAI practice
Write a prompt with a clear output contract
A prompt is more useful when the desired result is concrete.
PublishedAI practice
Create a small evaluation set before changing a prompt
Without stable examples, a prompt change can feel better while making other cases worse.
PublishedAI practice
Separate a source quotation from an AI interpretation
When a generated answer uses source material, readers need to distinguish what the source says from what the assistant infers.
PublishedAI practice
Practice handling an AI answer that is uncertain
A useful assistant should have a way to communicate uncertainty.
PublishedAI practice
Design an AI summary that preserves important omissions
A summary should make information easier to review without quietly changing its meaning.
PublishedAI practice
Use invented data for an AI prototype
A prototype does not need private customer records to demonstrate a workflow.
PublishedAI practice
Compare AI outputs with a simple review rubric
A rubric makes output review more consistent than choosing whichever answer feels most impressive.
PublishedAI practice
Plan a recovery path when an AI request fails
An AI-backed interface needs useful behavior when the request does not finish.
PublishedAI practice
Turn an AI explanation into an independent exercise
Reading a generated explanation can create a feeling of understanding without showing whether you can use the concept.
PublishedProject planning
Scope a first project to one complete user journey
A small finished journey is easier to learn from than a large collection of half-working screens.
PublishedProject planning
Write acceptance criteria before building a feature
Acceptance criteria translate a feature idea into observable behavior.
PublishedProject planning
Choose sample data that challenges the layout
Sample data is part of design.
PublishedProject planning
Break a project into verifiable milestones
A milestone should describe a result that you can demonstrate.
PublishedProject planning
Document a setup process that another learner can follow
Setup instructions are useful only when they work outside the author’s memory.
PublishedProject planning
Prepare a project demo that shows real behavior
A useful project demo follows a task rather than jumping through disconnected screenshots.
PublishedProject planning
Review another learner’s project constructively
A good review points to an observable issue and explains its effect.
PublishedProject planning
Keep a change log focused on user-visible outcomes
A change log helps readers understand what improved and what remains unfinished.
PublishedProject planning
Estimate learning work with uncertainty visible
An estimate is a planning aid, not a promise.
PublishedProject planning
Publish a practice project with an honest limitations note
Publishing makes a project easier to share, but it does not erase its unfinished parts.
Published