Dev Notes
Language: Dev Notes are available in English only.
These are my personal development notes created while learning web development. I organize everything I learn to better understand it. I am working while studying, so this collection continues to grow whenever I learn something new. Feel free to explore and use these notes as a reference.
HTML & CSS
CSS Basics
Layout & Flexbox
Advanced CSS
Forms & Accessibility
Responsive Design
JavaScript
Module 1. Variables and Types. Basics of Functions
Module 2. Branching and loops
Module 3. Arrays and Functions
Module 4. Objects
Module 5. Array Iteration Methods
Module 6. OOP (Object-Oriented Programming).
Module 7. DOM. Events
Module 8. Events and Libraries
Module 9. Browser Storage and Tools
Module 10. Asynchronous JavaScript and promises
Module 11. HTTP requests and backend interaction
Module 12. Async/await syntax. Pagination
React.js + Next.js
Module 1. TypeScript Basics
Module 2. React Basics
- Introduction to React
- Creating a React Project with Vite and TypeScript
- JSX: Describing the User Interface
- Components
- Component Properties (Props)
- React Developer Tools
- Conditional Rendering
- Rendering Collections
- Rendering a React Application in the DOM
- Styling Components
- Class Composition with clsx
Module 3. Forms and Effects
- Forms
- Form Actions and defaultValue
- Form as a Component
- HTTP Requests with Axios
- The useId Hook
- Radio Buttons, Checkboxes and Select
- Side Effects and the useEffect Hook
- useEffect Dependencies and Dynamic API Requests
- Async Axios Requests in useEffect
- React StrictMode and Why Effects Run Twice
- React useEffect Cleanup
- Modal Windows, Portals, and Children
- Working with localStorage
- Multiple useEffect Hooks in React