kaustav202 / js-dom-snippets

Quick Start to JS for beginners . Get up to speed with DOM manipulation using JS through the scripts and snippets on this repository.

JS DOM SNIPPETS

Introduction 📜

Get up to speed with DOM manipulation techniques using JS and more through these scripts and snippets.

HTML or XML documents expose an interface knowns as DOM (Document Object Model) to the browser, it's tags provide structure and hierarchy or parent-child relationships among the elements and also act as labels.

The DOM structure and style can be manipulated by a scripting language (typically JS) that leads to infinite possibilities only limited by your creativity. This repo hosts collection of such exciting features as well as practical snippets to help beginners get up to speed and provide something new to intermediates and experts alike.

             

      

Knowing DOM manipulation is very important if we want to do any kind of software development work. It's ubiquitous and finds it's application everywhere weather it's web , mobile , front-end or even back-end. Even in projects where most of the code is in other languages there is some element of it , since “web interfaces” (HTTP/HTML/CSS/JavaScript) have become the standard in how to deliver applications to people, both on the consumer side and on the enterprise side. Even frameworks such as angular , node , vue , react encapsulate and hide the DOM directly but still require working with the DOM at a certain level.

Contribution Features

• Any script that shows DOM element manipualtion
• Any script that shows the working of a specific js method
• Any JS techniques that's commonly used.
• Implementation of a specific functionality.
• Live Demos or easy to understand examples.

In programming and scripting there is no one method that's the best way. There can be several approaches that do the same thing but are welcome as it is always useful to add new techniques to your skillset. Also coming up with more than 1 solution is very important for those who are in a learning phase, this may help in broadening the overall understanding of the language.

Note :

• No external libraries , only native browser's APIs and vanilla JS.
• Work with modern browsers. Try to support IE 11.

Languages

  

Instructions

• Read The Contributing Guidelines and Code Of Conduct

Steps To Contribute

• Fork this Repository.

• Clone the Repository: git clone "url of this repo"

• Raise an issue.

• Wait for the issue to be assigned to you.

• Create a branch: git checkout -b <your-new-branch-name>

• Put your code :-

  • Make a new folder in Snippets folder.
  • Put Your code files (e.g. index.html, style.css, app.js) into your newely created folder.
  • Add all neccessary information like functionalities, screenshots, working video(if required) in the readme.md file. (you will have to create it in your newely created folder)
  • Add your folder's link in the main readme.md file of the repo.

• Push changes to GitHub: git push origin <add-your-branch-name>

• Submit your changes for review.

• And Boom! You're done 🥳

• I will review and merge your changes into the master branch of this project. You will be automatically notified via E-mail once the changes have been merged.

---

Snippet List 📑

No	Name Of Snippet
1	URL

Project Maintainers ⚡

---

Happy Contributing! 🧡

Star Mark this repository and keep contributing as you learn!!