My Web Development Journey

Resources That Shape My Workflow

• Dave Gray's tutorials simplify complex topics into clear, actionable steps that make learning feel approachable and practical.

  

• freeCodeCamp offers structured challenges that keep me engaged and focused on building real-world skills. To support their mission, donations by check can be sent to:

  freeCodeCamp, Inc.
  3905 Hedgcoxe Rd
  PO Box 250352
  Plano, TX 75025

  

Key Challenges and Concepts I'm Practicing

Head Elements

Configuring metadata, titles, and essential page information for browsers and search engines.

Text Basics

Structuring content with headings, paragraphs, and emphasis to ensure clarity and readability. Progress over perfection.

List Types

Applying unordered, ordered, and description lists to organize information effectively.

Floats

Positioning elements side by side with floats, and containing them using display: flow-root to manage layout flow without clearfix hacks.

Columns

Building multi-column layouts with column-count and related properties for responsive, readable text blocks.

JavaScript Foundations

Practicing data types, string and number methods, type conversion, method chaining, and the Math object to generate dynamic output.

Conditionals and User Interaction

Controlling program flow with if/else, switch, and ternary operators, while handling browser input and output using alert, confirm, and prompt. Includes basic input validation for reliable user-driven behavior.

Program Structure and Data Handling

Applying loops for repetition, building reusable logic with functions, managing scope using var, let, and const, and organizing data with arrays. Includes refactoring procedural code into modular, maintainable program structure.

Object-Oriented JavaScript, JSON, and Web Storage API

Modeling structured data with object literals, prototypes, factory functions, and ES6 classes, including inheritance, encapsulation, and destructuring. Converting data with JSON.stringify() and JSON.parse(), and persisting state in the browser using localStorage and sessionStorage.

JavaScript Errors and Error Handling

Understanding runtime errors in strict mode, creating custom errors, and using try, catch, throw, and finally to write resilient and fault-tolerant JavaScript code.

DOM Manipulation and Event Handling

Selecting, traversing, and modifying elements in the Document Object Model (DOM), dynamically creating and removing nodes, and responding to user interactions through event listeners and propagation control.

JavaScript Modules and Code Organization

Using ES6 modules to split code across files with named and default exports, namespace imports, and reusable class definitions to build scalable, maintainable JavaScript applications.

Higher-Order Functions and Array Methods

Working with functions that accept other functions as arguments or return functions as results. Using array iteration methods such as forEach(), filter(), map(), and reduce() to transform, filter, and aggregate data in a functional programming style.

Asynchronous JavaScript and the Fetch API

Managing asynchronous operations using callbacks, Promises, and async/await, including chaining with .then() and error handling with .catch(). Fetching and posting data with the Fetch API, working with JSON responses, and structuring request workflows for dynamic, API-driven applications.

Regular Expressions and Input Validation

Pattern matching and text processing with JavaScript regular expressions, including form validation, input sanitization, string replacement, and URI encoding for cleaner, standardized user input handling.