Skip to content

huzaifa-asad/understanding-javascript

Repository files navigation

Understanding JavaScript

This repository is a comprehensive guide to learning JavaScript, covering fundamental concepts, syntax, and practical examples. It is organized into topic-based folders, each containing hands-on code samples and explanations with detailed understanding.

Folder Structure & Topics

01_basics

  • 01_variables.js: Introduction to variables in JavaScript
  • 02_dataTypes.js: Overview of JavaScript data types
  • 03_conversionOperation.js: Type conversion operations
  • 04_comparision.js: Comparison operators and examples
  • 05_dataTypes_summary.js: Summary of data types
  • 06_strings.js: String manipulation and methods
  • 07_nums_&_math.js: Numbers and Math operations
  • 08_date_in_JS.js: Working with dates in JavaScript

02_basics

  • 01_arrays.js, 02_arrays.js: Array basics and operations
  • 03_objects.js, 04_objects.js: Object basics and manipulation

03_basics

  • 01_functions.js: Functions in JavaScript
  • 02_scopes.js: Scope and variable visibility
  • 03_arrow.js: Arrow functions
  • 04_iife.js: Immediately Invoked Function Expressions (IIFE)

04_control_flow

  • 01_ifelse.js: If-else statements
  • 02_switch.js: Switch statements
  • 03_truthy_falsy.js: Truthy and falsy values
  • 04_nullish_coalescing_operators.js: Nullish coalescing operator
  • 05_ternary_operator.js: Ternary operator usage

05_iterations

  • 01_forLoop.js: For loops
  • 02_while_and_dowhile.js: While and do-while loops
  • 03_arrayLoop.js: Looping through arrays
  • 04_objectLoop.js: Looping through objects
  • 05_mapLoop.js: Map loop
  • 06_forEachLoop.js, 07_forEach.js: forEach loop examples
  • 08_map.js: Map method
  • 09_reduce.js: Reduce method

06_dom

  • one.html, two.html, three.html, four.html: DOM manipulation and examples

08_events

  • 01_eventbasics.js: Event basics in JavaScript
  • one.html, two.html, three.html, two.html: Event handling and async examples

How to Use

  1. Clone the repository
  2. Open the folder in your code editor
  3. Explore each topic folder and run the .js or .html files in your browser or Node.js as appropriate

Learning Outcomes

  • Understand JavaScript fundamentals
  • Practice with real code examples
  • Learn about variables, data types, functions, control flow, loops, DOM, and events
  • See practical async and event-driven code in action

Happy coding and learning JavaScript!

About

Repo for daily learning javascript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published