https://github.com/moumen-soliman/javascript
This repository contains a collection of JavaScript projects covering various concepts, including DOM manipulation, algorithms, data structures, and modern JavaScript frameworks. The projects demonstrate problem-solving skills, UI interactions, and performance optimizations.
https://github.com/moumen-soliman/javascript
codewars codewars-solutions javascript javascript-applications javascript-tests javascript-tools
Last synced: about 1 month ago
JSON representation
This repository contains a collection of JavaScript projects covering various concepts, including DOM manipulation, algorithms, data structures, and modern JavaScript frameworks. The projects demonstrate problem-solving skills, UI interactions, and performance optimizations.
- Host: GitHub
- URL: https://github.com/moumen-soliman/javascript
- Owner: moumen-soliman
- Created: 2017-09-21T22:54:21.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2020-03-09T09:21:30.000Z (over 5 years ago)
- Last Synced: 2025-04-01T08:12:20.935Z (3 months ago)
- Topics: codewars, codewars-solutions, javascript, javascript-applications, javascript-tests, javascript-tools
- Language: JavaScript
- Homepage:
- Size: 1.77 MB
- Stars: 46
- Watchers: 0
- Forks: 47
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Javascript
there you will find `Javascript basics`, and how `DOM mainpulation` working in `pig game` , and you will find `Javascript deeper` contain examples about `scoping` and `hoisting` and `closure` and more of deepth structures , and `Budget App` is a big application by javascript how use all js basics and js deeper in one app and using controllers.
Javascript Basics
- Variables
- Operators
- if/else statements
- boolean logic and switch
- Functions
- Statements and expressions
- Arrays
- Objects
- Objects and methods
- Loops
Javascript Deeper
- Hoisting
- Scoping
- this keyword
- Function constructor
- Object.create
-
Different between Primitives, Objects and Functions - Passing functions as arguments
- Functions returning functions
- IIFE (Immediately Invoked Function Expression)
- Closures
- Bind, call and apply
Javascript ES6
- let and const
- Destructuring
- Blocks & IIFEs
- Strings
- Classes
- Classes and Subclasses
- Spread Operator
-
Arrays - Arrow Functions
- Arrow Functions part 2
- Rest Parameters
- Default Parameters
- Maps
- Proxies
- Promises
Javascript Design Patterns
-
Creational
- Constructor
-
Factory
- Abstract Factory
- Singleton
- Builder
-
Behavioral
-
Structural
Budget App
Controllers in Javascript and how handle the anonymous functions and function constructor and contain
- Create HTML String with placeholder text
- Replace the placeholder text with some actual data
- Insert the HTML into the DOM
- DOM Mainpulation and how it work
- Get Field input data
- add the item to the budget controller
- add the item to the UI
- Calculate the budget
- Display the budget on the UI