# Dev Learning Library

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.

---

# Current Focus

Currently studying:

- HTML fundamentals
- CSS layout and styling
- JavaScript basics

This section will evolve over time as new technologies are explored.

---

# Purpose

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

---

# Learning Path

This repository will grow over time as I study the following technologies.

### Web Fundamentals

- HTML
- CSS
- JavaScript

### Frontend Development

- React
- TypeScript

### Backend Development

- Node.js
- Express

### Databases

- SQL

### Additional Languages (Exploration)

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.

---

# Repository Structure

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

---

# Folder Overview

## html/

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

---

## css/

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

---

## javascript/

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.

---

## projects/

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)

---

## experiments/

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.

---

## notes/

Contains personal notes explaining concepts learned during the learning process.

These notes help reinforce understanding and provide quick reference material.

---

## project-structure/

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.

---

## react/

Will contain examples and experiments related to React components and frontend architecture.

---

## node/

Will contain examples and experiments related to Node.js backend development.

---

## express/

Will contain examples related to Express.js server frameworks and API building.

---

## sql/

Contains SQL examples for learning database queries and data structures.

---

## typescript/

Future examples related to typed JavaScript development.

---

## python/

Future examples and experiments while learning Python.

---

## swift/

Future examples related to Swift development.

---

## lua/

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.

---

# Learning Philosophy

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.

---

# Progress Tracking

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.

---

# Disclaimer

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.

---

# Author

Created as part of my web development learning journey.