Welcome to my comprehensive web development learning repository! This collection tracks my journey through front-end programming fundamentals with practical examples and hands-on exercises.

The repository is organized into three main sections:

Advanced JavaScript concepts focusing on DOM manipulation:

• 001 DOM and Element Search: Finding and selecting HTML elements
• 002 DOM Navigation: Traversing the document tree
• 003 DOM Tree Modification: Dynamic HTML generation and updates
• 004 Props and Attributes: Managing element properties and attributes
• 005 Styles: Dynamic CSS manipulation
• 006-008 Events: Event handling and propagation
• 009 HTML Templates: Dynamic content generation
• 010-012 Classes: OOP principles in JavaScript
• 013-014 Function Context & Closures: Advanced JavaScript concepts
• 015-017 Forms & Storage: User input and data persistence
• 018 Exception Handling: Error management
• 020 Network Requests: AJAX and fetch API

Fundamental JavaScript concepts:

• Tasks/02 JS Structure: Basic script structure and syntax
• Tasks/03 Variables and Data Types: Working with different data types
• Tasks/04 Strings and Data Conversion: String manipulation and type conversion
• Tasks/05 Operators: JavaScript operators and expressions
• Tasks/06-07 Control Statements: If/else and switch statements
• Tasks/08 Cycles: Loops and iterations
• Tasks/09-10 Arrays: Array manipulation and processing methods

TypeScript fundamentals and object-oriented programming:

• 01 Basic Types: Understanding TypeScript's type system
• 02 Classes and Interfaces: OOP concepts with TypeScript
• Inheritance and Abstraction: Advanced OOP principles

• html/: HTML files with exercise descriptions and structure
• js/: JavaScript solutions implementing the required functionality

• JavaScript: Core language for dynamic web functionality
• TypeScript: Strongly-typed superset of JavaScript
• HTML: Structure and content markup
• CSS: Styling and visual presentation

• Interactive UI Components: Task lists, user cards, calculator interfaces
• DOM Manipulation: Dynamic element creation, modification, and styling
• Event Handling: User interactions with mouse and keyboard events
• Data Processing: Array manipulation, filtering, and transformations
• Form Handling: Input validation, submission, and processing
• Network Operations: API calls, data fetching, and error handling
• State Management: Managing application state with various approaches
• OOP Implementation: Creating and extending classes for data and behaviors
• Local Storage: Persisting data in browser storage
• TypeScript Development: Implementing typed solutions with interfaces and classes

• Progressive Learning Path: From basic variables to complex DOM manipulation
• Practical Examples: Real-world scenarios for each concept
• Interactive Tasks: Hands-on exercises with clear requirements
• Code Organization: Clean separation of HTML structure and JavaScript logic
• Modern Approaches: ES6+ features and contemporary development patterns

1. Clone this repository
2. Navigate to any task folder of interest
3. Open the HTML files in a browser to see the completed exercises
4. Explore the JavaScript files to understand the implementation