When I first started learning web development, I used to write notes like I was preparing for an exam. Long paragraphs. Definitions copied from tutorials. Random screenshots. And later? I never opened those notes again. So I changed the way I take technical notes. Now my notes are built for one purpose: to help me while building projects. Here’s the structure I use now :- ** 1. Concept → Syntax → Real Example ** Instead of writing only theory, I divide every topic into 3 parts: Concept What is it actually used for? Example: useEffect lets us run side effects in React components. Syntax The basic structure. useEffect(() => { // code here }, []) Real Example A practical use case from a project. useEffect(() => { fetchJobs(); }, []); This makes revision much faster because I remember where I used it. * 2. I Write Notes While Building, Not While Watching * Earlier, I paused tutorials every 2 minutes to write everything.…