Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Document Object Model (DOM)

DOM (short for Document Object Model) is a cross-platform and language-independent interface that treats an HTML or XML document as a tree structure wherein each node is an object representing a part of the document. The DOM represents a document with a logical tree. Each branch of the tree ends in a node, and each node contains objects. DOM methods allow programmatic access to the tree; with them one can change the structure, style or content of a document. Nodes can have event handlers (also known as event listeners) attached to them. Once an event is triggered, the event handlers get executed.

The principal standardization of the DOM was handled by the World Wide Web Consortium (W3C), which last developed a recommendation in 2004. WHATWG took over the development of the standard, publishing it as a living document. The W3C now publishes stable snapshots of the WHATWG standard.

In HTML DOM (Document Object Model), every element is a node:

https://github.com/dendurruty/proyectos-curso-javascript-manipulacion-del-dom-freecodecamp

Este repositorio contiene apuntes y proyectos del curso "JavaScript para manipulación del DOM - Curso con Proyectos" de freeCodeCamp en Español, canal de YouTube.

css dom freecodecamp git github html javascript visual-studio-code

Last synced: 18 Jan 2025

https://github.com/yishn/sinho

A lightweight signal-based library for building web components with a React-like API.

dom fine-grained-reactivity frontend js react signal ts ui webcomponents

Last synced: 22 Jan 2025

https://github.com/bonarja/react-sdom

Simplify the task of manipulating the DOM of the react components and use animations (like jQuery)

animatecss animated dom frontend handling react ui

Last synced: 18 Jan 2025

https://github.com/natancabral/tables2json

Convert an HTML tables node to a javascript object or array. Client-Side

client-side dom html-table-to-json table-to-json table2json

Last synced: 23 Jan 2025

https://github.com/nikulinalexey/playlist-constructor

Конструктор плейлистов

css css-transform dom html javascript

Last synced: 14 Jan 2025

https://github.com/mongoexpuser/web-clock-display

Clock (Time) Display for the Web.

brython clock dom python

Last synced: 26 Jan 2025

https://github.com/jyotipm1999/web-18

Masai Unit-2 and Unit-3 classes.

api dom

Last synced: 14 Jan 2025

https://github.com/igorskyflyer/npm-rawelement

🐯 A utility that lets you manipulate HTML elements, their attributes and innerHTML as strings, on the go and then render the modified HTML. Very useful in SSG projects. 💤

astro back-end dom element html igorskyflyer javascript js raw ssg string tag ts typescript wrapper

Last synced: 12 Oct 2024

https://github.com/lookininward/pokemon-frontend-demo

Frontend demo showcasing three levels of sophistication in approaching a task: Bare, Basic, Advanced. Each level demonstrates increasing understanding of frontend architecture and design.

css dom frontend html pokemon react responsive single-page-app typescript vite web

Last synced: 05 Feb 2025

https://github.com/daybrush/page

You can check the page in and out of the screen.

dom enter exit io page visible

Last synced: 23 Jan 2025

https://github.com/insanj/cone

🍦 vanilla js static pwa generator, built in ts for oogy: can you help (~24kB) https://www.npmjs.com/package/oogy-cone

awesome dom javascript jekyll js module npm package pwa static static-site static-site-generator static-website ts typescript website

Last synced: 16 Nov 2024

https://github.com/hacxk/readme-js

Embark on an epic JavaScript adventure! This comprehensive course takes you from the fundamentals to advanced techniques, empowering you to build dynamic and interactive web applications.

async-javascript backend best-practices bun dom frontend functional-programming javascript javascript-basics nextjs nodejs oop react web-development

Last synced: 16 Jan 2025

https://github.com/sakilk130/javascript-pig-game

This is a simple game and only client-side game. This name is 'Pig Game'

dom javascript pig-game

Last synced: 31 Dec 2024

https://github.com/nazmul-nhb/tiny-query-dom

TinyQuery - A lightweight and modern JavaScript library for minimal DOM manipulation and event handling, inspired by jQuery.

dom dom-manipulation miniquery selector

Last synced: 30 Nov 2024

https://github.com/joshgillies/picocomponent

Teeny tiny component system 🔍

component dom html

Last synced: 06 Jan 2025

https://github.com/tylrpopcorn/pingpong-scorekeepr

A simple application that will keep track of your ping pong score

bulma-css dom dom-manipulation html javascript

Last synced: 14 Oct 2024

https://github.com/gc-victor/p

P is a micro-library (1 KB) to patch DOM Trees

dom dom-diff patch vdom

Last synced: 05 Feb 2025

https://github.com/manychois/cici

A PHP library which lets you use CSS selector to locate elements in an HTML document.

css dom html php selector

Last synced: 22 Dec 2024

https://github.com/tiagobarross/fortunecookie

FortuneCookie é um projeto para você abrir biscoitos da sorte e ler boas mensagens no seu dia. Desenvolvido com HTML, CSS e JS utilizando DOM.

css dom figma git github html javascript

Last synced: 14 Feb 2025

https://github.com/yj-928/webdev_the-king-dicee-game

A simple JS + DOM coded Dicee Game. Hope you have fun playing it.

css dice-game dice-roller dice-rolls dom html html-css-javascript javascript

Last synced: 17 Jan 2025

https://github.com/thasup/travel-planner-app

Travel planner app that obtains a desired trip location & date from the user and displays weather forecast, country information, and an image of the location using information obtained from external APIs.

api dom express javascript nodejs scss service-worker webpack

Last synced: 31 Jan 2025

https://github.com/manychois/simdom

A simple-to-use PHP library for processing DOM documents.

dom html html5 parser php

Last synced: 17 Nov 2024

https://github.com/tylrpopcorn/pokemon-display-grid

A simple application showcasing Pokémon using DOM manipulation

dom dom-manipulation html html-javascript javascript

Last synced: 22 Jan 2025

https://github.com/antonybudianto/element-inspector

Simple DOM element inspector

dom inspector picker selector

Last synced: 17 Jan 2025

https://github.com/cedric921/gda_calculatrice

pour tester les connaissances en js sur les classes et surtout le dom

css dom flex grid html js

Last synced: 21 Jan 2025

https://github.com/sam-parsons/sanitize-input

declaratively scrub user input on the dom with sanitizer web api

dom jest sanitizer-api

Last synced: 21 Jan 2025

https://github.com/ryanve/bounding

Normalized cross-browser getClientBoundingRect

dom javascript

Last synced: 22 Jan 2025

https://github.com/cedric921/gda_quizapp

Créer une application web qui permet aux développeurs JavaScript d'évaluer leur niveau.

css dom js spa

Last synced: 21 Jan 2025

https://github.com/tiagobarross/focustimer

Um Timer Pomodoro para web, desenvolvido com HTML, CSS e JavaScript, utilizando manipulação do DOM. Inicia com 25 minutos, mas permite que o usuário ajuste para qualquer outra duração. Ideal para aumentar a produtividade com intervalos programados.

css dom figma git github html javascript

Last synced: 14 Feb 2025

https://github.com/projectravel/javascriptdom

Welcome to the JavaScript DOM Manipulation repository! This repository is dedicated to providing comprehensive examples, tutorials, and projects focused on manipulating the Document Object Model (DOM) using JavaScript.

dom dom-manipulation education guide javascript javascript-project javascriptdom

Last synced: 10 Jan 2025

https://github.com/sohaibbahrami/miniprojects

Mini Projects for HTML, CSS and JavaScript.

ajax async css dom html javascript

Last synced: 21 Jan 2025

https://github.com/nazmul-nhb/alpha-clash-pro

Alphabet Clash Pro Practice

dom game javascript

Last synced: 29 Jan 2025

https://github.com/yashi-singh-9/tabs

The Tabs project offers a straightforward tabbed interface for navigating between content sections on a web page, using HTML, CSS, and JavaScript. It enables seamless content switching without page reloads.

css dom dom-manipulation html html-css-javascript javascript roadmap-project

Last synced: 04 Nov 2024

https://github.com/harshit-saraswat/simon-game

This is another project in The Complete Web Development 2020 Bootcamp course from Angela Yu.

css dom dom-manipulation game html javascript javascript-game jquery simon-game

Last synced: 12 Jan 2025

https://github.com/ayaamar200/login

A Smart Login System website is a secure and user-friendly platform designed to make logging in quick and easy.

bootstrap5 crud css3 dom html5 javascript responsive rwd

Last synced: 01 Feb 2025

https://github.com/afeiship/next-element-in-viewport

Judge element if is in viewport.

dom element next viewport

Last synced: 07 Feb 2025

https://github.com/aswitalski/dom-test

A subset of DOM Level 4 for tests in Node.js

dom node test

Last synced: 09 Feb 2025

https://github.com/dialtor/legosuperheores

Practice from Animations, Transitions and js dom

animation-css dom js transitions

Last synced: 01 Feb 2025

https://github.com/isaacalves7/js-studies

📜 It's a repository of JavaScript (JS) programming language and his content.

ajax angular babel dom es6 javascript jquery json jsx nodejs npm prototype react-native reactjs requirejs rxjs vuejs webpack

Last synced: 01 Feb 2025

https://github.com/jccr/tiny-cfi

Generate EPUB CFI steps for a node in 40 lines of code!

cfi dom epub epub3 html

Last synced: 09 Feb 2025

https://github.com/tzbob/scalatags-hokko

A Virtual DOM based DOM library for the Hokko FRP implementation.

dom frp functional-reactive-programming scalajs virtual-dom

Last synced: 12 Jan 2025

https://github.com/sofiane-abou-abderrahim/vuejs-first-app-with-just-js

This is a very trivial JavaScript demo website where I used some Vanilla JavaScript responsible of adding goals and rendering them in a list when clicking on a button. I just built it to compare this approach with the approach I use in my other demo app that I built with Vue.js.

css3 dom event-listener html5 javascript

Last synced: 09 Feb 2025

https://github.com/sofiane-abou-abderrahim/javascript-dom-browser-apis-project-planner

In this little demo application, I used several DOM concepts, like element positions and sizes, scrolling, and some browser features, like dynamic script additions and template tags, timers and intervals. Besides, I had a loo at some browser APIs such as location, history and navigator (in the browser console).

browser-api dom dynamic-script history intervals javascript location navigator position scrolling size template-tags timers

Last synced: 09 Feb 2025

https://github.com/sofiane-abou-abderrahim/javascript-oop-project-planner

I built this JavaScript application where we can move items around. I worked with classes and with the Object Oriented Programming (OOP) approach. I also worked with the DOM, I moved elements around and with event listeners. I used a callback pattern to pass functions to other instances so that from inside they could be called upon certain events.

callback classes classes-and-inheritance classes-and-objects dom event-listeners functions javascript object-oriented-programming oop

Last synced: 09 Feb 2025

https://github.com/sofiane-abou-abderrahim/ajax-async-js-http-in-nodejs-express-mongodb-website

In this NodeJS - Express - MongoDB website, I sent AJAX requests. Therefore, I can send my own requests without getting the page reloading and I handle the response manually in my browser-side code. For this, I used the fetch() function. With this function, I sent GET requests and POST requests.

ajax ajax-request async-await dom dom-manipulation error-handling express fetch get-request http-methods javascript json mongodb nodejs post-request promise response-errors technical-errors try-catch

Last synced: 09 Feb 2025

https://github.com/mirror45/keksobooking

«Keksobooking» — сервис по размещению объявлений об аренде недвижимости в центре Токио. Пользователям предоставляется возможность разместить объявления о своей недвижимости или просмотреть уже размещенные объявления

dom es6 fetch js leaflet-map modules nouislider pristinejs promise

Last synced: 27 Dec 2024

https://github.com/km-saifullah/studentdashboard

Simple student dashboard application using JavaScript DOM

chartjs css dom dom-manipulation git html javascript student-dashboard

Last synced: 27 Dec 2024

https://github.com/km-saifullah/ticket_booking

This is a basic train ticket booking application on JavaScript DOM

css document-object-model dom dom-manipulation html javascript

Last synced: 27 Dec 2024

https://github.com/km-saifullah/shopping_list

A Basic JavaScript DOM Project.

css document-object-model dom html javascript

Last synced: 27 Dec 2024

https://github.com/chocolateboy/element-scope-ids

Scope IDs to an element by rewriting them to be globally unique

aria css css-modules dom html html-modules id ids modular scope scoped wai-aria

Last synced: 01 Feb 2025

https://github.com/yousufnaveedkhan/javascriptcourse

This JavaScript Course is well-documented and well-organized, check out all lectures and assignments here.

bootstrap css3 dom dom-manipulation html5 javascript jquery

Last synced: 09 Feb 2025

https://github.com/sakitam-fdd/js-mate

一个类jquery的工具库

ajax dom javascript jquery rollup

Last synced: 01 Feb 2025

https://github.com/iamnaveen8851/portfolio

In this repo, I'm pushing a directory which contains portfolio

css dom html javascript

Last synced: 20 Jan 2025

https://github.com/alejandro945/react-basic-examples

An introduction to React as a library/framework for web application development with javascript specialized in the user view

babel dom google-fonts jsx-renderer react remark

Last synced: 27 Dec 2024

https://github.com/martapolii/javascript-practice

Focusing on JavaScript and its advanced features like OOP, DOM manipulation, AJAX, and jQuery. Includes hands-on practice and implementation of dynamic web applications.

ajax bom client-side-scripting dom dynamic-web-application javasc javascript-arrays javascript-events javascript-form-validation javascript-functions jquery mobile-support web-storage

Last synced: 13 Jan 2025

https://github.com/mathieucaroff/html-to-hyper

Convert HTML to hyper

converter dom html hyper

Last synced: 02 Jan 2025

https://github.com/er-arunkumarselvam/javascript-dom

Explore the JavaScript DOM topics and task to be preformed in hands-on learning

dom js jsdom

Last synced: 26 Jan 2025

https://github.com/afeiship/next-dom-event

Dom event api based on next toolkit.

dom event next on

Last synced: 27 Oct 2024

https://github.com/kazu69/export-context

Executing not exported js code and browser js code in a Sandbox With Node's VM Module

context dom esnext javascript testing unit-testing

Last synced: 02 Feb 2025

https://github.com/ali-ramazani/drum_kit

This web-based Drum-Kit simulator is developed using JavaScript DOM and Event Listeners. Discover and showcase your musical talent by engaging with a virtual drum set and unleash your rhythmic prowess.

aliramazani css dom drumstick html javascript ui ux web webdevelopment webg webgame

Last synced: 05 Jan 2025

https://github.com/naopeke/maquetacion

Curso de Codenotch

css dom homework html javascript

Last synced: 13 Jan 2025

https://github.com/karesztrk/webcomponent-base

A Web Component base class

baseclass dom shadowdom webcomponent

Last synced: 15 Oct 2024

https://github.com/superfola/forge

A set of functions to generate HTML easily

dom html-generator javascript npm

Last synced: 17 Jan 2025

https://github.com/mohamedumar083/callback-hell-wish

This is Callback-hell

bootstrap5 css dom html

Last synced: 10 Jan 2025

https://github.com/aksrug/chuck-norris

Small project for learning fetch

css dom html5 javascript

Last synced: 03 Jan 2025

https://github.com/semibran/h

Create virtual DOM nodes

create dom h html nodes virtual

Last synced: 12 Feb 2025

https://github.com/muskanmi/js-programming

This repository contains some programs for learning Javascript.

css dom dom-manipulation hoisting html javascript javascript-library

Last synced: 15 Feb 2025

https://github.com/github-dev12345/survey-form-freecodecamp-challenge-complete-

freeCodeCamp Challenge complete, make the survey-form, technologies are used SCSS nesting, mixing and partials file, & 😉👍Used CSS3 flex-box, HTML5 semantic codem Make Form DOM Tree Perfect 🚀😊

css3 dom flexbox freecodecamp html5 partials responsive-design scss scss-mixins survey-form

Last synced: 05 Jan 2025

https://github.com/awinogradov/dom-objects

DOM Objects declarations for tests, e2e, cypress and etc.

cypress dom e2e e2e-tests utils

Last synced: 05 Nov 2024

https://github.com/nodef/svgdom-css

Include custom CSS along svgdom.

css dom svg svgdom

Last synced: 26 Jan 2025

https://github.com/ZahariCheyrekov/M05-JS-Advanced

JS Advanced course gives deeper knowledge about JavaScipt, syntax, arrays, matrices, objects, classes and functions. They are also concepts like function context, explicit binding and event loop. Working with DOM and events are the main object of the course. Students also learn about functional and OOP programming.

classes dom javascript objects prototypes unit-testing

Last synced: 23 Oct 2024

https://github.com/JenniferSmith007/reusable_WebComponent_VanillaJS

Defining a custom HTML elements by creating a reusable comment element and making it dynamic with state.

custom-component custom-element dom html-elements shadow-dom state-management template vanilla-javascript web-components

Last synced: 24 Oct 2024

https://github.com/stefifm/intro-dom-js-alura

Curso de Alura Latam sobre cómo manipular el DOM con JavaScript

alura dom dom-manipulation javascript oracle

Last synced: 08 Feb 2025

https://github.com/shgysk8zer0/node-dom

Basic DOM implementation

dom html node node-dom node-html node-js

Last synced: 17 Oct 2024

https://github.com/emilyjspencer/guess-the-shade

🌈 Back to basics http://profuse-swing.surge.sh/

dom dom-manipulation javascript-game

Last synced: 09 Feb 2025

https://github.com/emilyjspencer/guess-the-french-word

http://receptive-selection.surge.sh/

dom javascript vanilla-javascript

Last synced: 09 Feb 2025

https://github.com/ottiker/safejs

A more abstract SAFE DOM API

api dom maidsafe safenetwork

Last synced: 28 Dec 2024

https://github.com/prinorange/extract-headings

A JavaScript library of Rust-binding for extracting headings (H1-H6) from HTML strings with high-profermance, providing the level, text content, and ID of each heading.

dom headings html html-parser markdown

Last synced: 13 Feb 2025

https://github.com/fabianmendozaospina/fakebook

An example about a simple social media

css dom html5 javascript

Last synced: 04 Jan 2025

https://github.com/kalai64/calculator

Calculator Task

css dom html5

Last synced: 20 Jan 2025

https://github.com/santhoshs50/async_day_1_task

Independence Day Wishes Task

callback callback-hell css dom html javascript

Last synced: 24 Jan 2025

https://github.com/yiirocks/simple-html-dom

Simple Html Dom Parser for Yii

dom extension html-dom-parser html-parser yii yii3

Last synced: 24 Dec 2024

https://github.com/zhw2590582/dom-lab

DOM实验室

dom lab

Last synced: 30 Jan 2025

https://github.com/priontoabdullah/issue-tracker-js-app

💯 A single page application where the user can track their issues. 🗽🤖 View This App: https://priontoabdullah.github.io/issue-tracker-js-app/ 🏧

bootstrap dom javascript logic

Last synced: 13 Jan 2025

Document Object Model (DOM) Awesome Lists
knowledge 569 awesome 62 hyperawesome 71
Document Object Model (DOM) Categories
Uncategorized 540 Videos & Screencasts 21 Utilities V1 19 Articles 18 Extensions & Plugins 16 Examples 12 Articles & Tutorials V1 10 Boilerplates V1 9 Examples V1 9 Utilities 8 Official Resources 8 Articles & Tutorials 4 Podcasts 4 Other V1 3 Starters 3 Other 3 Testing V1 1 UI Frameworks 1 Applications 1