This repository is my personal learning library for web development and programming.
It contains examples, notes, experiments, and rebuilt exercises while studying different technologies through structured learning paths and personal practice.
The goal of this repository is to build a personal reference library, track my learning progress, and develop a deeper understanding of programming concepts.
Currently studying:
- HTML fundamentals
- CSS layout and styling
- JavaScript basics
This section will evolve over time as new technologies are explored.
This repository exists to support my learning process by:
- rebuilding exercises from learning platforms (such as Mimo)
- creating small examples for concepts I learn
- building a personal syntax and concept reference library
- experimenting with new ideas and technologies
- tracking my growth as a developer over time
The goal is not to memorize every syntax rule, but to:
- understand the underlying concepts
- recognize patterns in code
- learn when and why certain techniques are used
- reproduce solutions using documentation, personal examples, Google, or AI tools
This repository will grow over time as I study the following technologies.
- HTML
- CSS
- JavaScript
- React
- TypeScript
- Node.js
- Express
- SQL
Some languages will be explored outside of structured courses to broaden my understanding of programming concepts and scripting environments.
- Python
- Swift
- Lua
Lua in particular will be studied independently because it is commonly used as a lightweight scripting language in many systems such as game engines, embedded environments, and automation tools.
The structure of this repository will expand as I progress through new technologies.
dev-learning-library/ │ ├─ html/ → HTML examples and exercises ├─ css/ → CSS examples and styling concepts ├─ javascript/ → JavaScript learning exercises │ ├─ projects/ → small standalone projects ├─ experiments/ → quick concept tests and playground code ├─ notes/ → personal learning notes and explanations ├─ project-structure/ → examples of common project folder structures │ ├─ react/ → future React learning examples ├─ node/ → Node.js backend experiments ├─ express/ → Express.js server examples ├─ sql/ → database query exercises ├─ typescript/ → typed JavaScript experiments │ ├─ python/ → Python learning examples ├─ swift/ → Swift experiments └─ lua/ → Lua scripting experiments
Contains HTML examples used to understand document structure and markup.
Examples include:
- basic HTML structure
- headings and paragraphs
- links and images
- lists
- forms
- semantic HTML
- tables
- media elements
Contains CSS examples related to styling and layout concepts.
Examples include:
- colors and backgrounds
- typography
- margins and padding
- borders and shadows
- flexbox layouts
- grid layouts
- positioning
- responsive design basics
Contains JavaScript examples and exercises focused on programming fundamentals.
Examples include:
- variables
- strings and numbers
- comparisons
- conditional statements and logical operators
- functions
- arrays
- objects
- loops
- DOM manipulation
- event listeners
- fetch requests
- basic API interaction
These examples help demonstrate how JavaScript interacts with the browser and external data sources.
Contains small standalone projects created while learning programming.
Projects usually combine multiple concepts such as HTML, CSS, and JavaScript.
Examples include:
- rebuilding real websites
- mini web applications
- practice projects from learning platforms (such as Mimo)
- personal project ideas
Each project typically contains its own:
- HTML
- CSS
- JavaScript
- assets
- project documentation (README)
Contains small experiments and isolated tests of programming concepts.
This folder is used for:
- testing specific language features
- small code snippets
- quick concept demonstrations
- trying out new techniques
Experiments are usually smaller than full projects and may consist of only a few files.
Contains personal notes explaining concepts learned during the learning process.
These notes help reinforce understanding and provide quick reference material.
Contains examples of common folder structures used in real development projects.
Examples may include:
- basic static website structure
- JavaScript project structure
- Node.js backend structure
- React application structure
- full-stack project structure
Understanding project structure is an important part of learning how real-world applications are organized.
Will contain examples and experiments related to React components and frontend architecture.
Will contain examples and experiments related to Node.js backend development.
Will contain examples related to Express.js server frameworks and API building.
Contains SQL examples for learning database queries and data structures.
Future examples related to typed JavaScript development.
Future examples and experiments while learning Python.
Future examples related to Swift development.
Contains experiments and examples while learning the Lua programming language.
Lua is a lightweight scripting language often used in:
- game development
- embedded systems
- scripting environments
- automation tools
This folder will contain small examples exploring Lua syntax, scripting patterns, and practical use cases.
My approach to learning programming focuses on:
- understanding concepts instead of memorizing syntax
- practicing by rebuilding examples
- experimenting with small pieces of code
- organizing knowledge into a structured reference library
By collecting examples, notes, and experiments in this repository, I aim to gradually improve my ability to read, understand, reproduce, and apply code in real-world projects.
This repository also serves as a timeline of my learning journey.
Through commits and new examples, it becomes possible to track how my knowledge and coding style evolve over time.
This repository contains learning examples and experiments.
The code may not always follow production-level best practices, as the primary goal is education, exploration, and skill development.
Created as part of my web development learning journey.