https://github.com/anburocky3/javascript-dom-in-tamil
This repository contains Javascript DOM source code from cyberdude channel.
https://github.com/anburocky3/javascript-dom-in-tamil
javascript javascript-dom javascript-tutorial javascript-tutorial-series
Last synced: about 1 month ago
JSON representation
This repository contains Javascript DOM source code from cyberdude channel.
- Host: GitHub
- URL: https://github.com/anburocky3/javascript-dom-in-tamil
- Owner: anburocky3
- License: mit
- Created: 2022-03-11T14:25:27.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-21T05:50:37.000Z (almost 3 years ago)
- Last Synced: 2025-10-02T00:48:21.105Z (about 1 month ago)
- Topics: javascript, javascript-dom, javascript-tutorial, javascript-tutorial-series
- Language: HTML
- Homepage: https://www.youtube.com/c/CyberDudeNetworks/videos
- Size: 2.3 MB
- Stars: 21
- Watchers: 4
- Forks: 800
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Javascript-DOM-in-Tamil (தமிழில்)
[](https://github.com/anburocky3/Javascript-DOM-in-Tamil)
[](https://github.com/anburocky3/Javascript-DOM-in-Tamil)
[](https://github.com/anburocky3/Javascript-DOM-in-Tamil)
[](https://bit.ly/cyberdudeDiscord)
[](https://bit.ly/cyberdudeYT)
Learn to build dynamic interactive web app/sites using HTML DOM & Javascript programming language. Learn all this in Tamil Language 😊👍
### Links to Learn & Practice:
| No. | Topic/Source | Source code | Video Link |
| --- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------: |
| #01 | [Introduction to Javascript DOM Course - Tamil](https://youtu.be/0Q8eftj5OA0) | N/A | [
](https://youtu.be/0Q8eftj5OA0) |
| #02 | [What is JS DOM](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/02-what-is-dom) | [
](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/02-what-is-dom) | [](https://youtu.be/D04yjfmgiD4) |
| #03 | [Window Object in Javascript](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/03-Window-Object-in-Javascript) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/03-Window-Object-in-Javascript) | [](https://www.youtube.com/watch?v=O5q2ftAmZEE) |
| #04 | [Window Object in Action](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/04-Window-Object-in-Action) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/04-Window-Object-in-Action) | [](https://www.youtube.com/watch?v=of16-QLL3LI) |
| #05 | [What is BOM?](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/05-what-is-bom) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/05-what-is-bom) | [](https://www.youtube.com/watch?v=OjSummBnFdo) |
| #06 | [Exploring DOM Document](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/06-Exploring-DOM-Document) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/06-Exploring-DOM-Document) | [](https://www.youtube.com/watch?v=PwH3qYb1g1o) |
| #07 | [DOM Properties & Methods](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/07-DOM-Methods-vs-Properties) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/07-DOM-Methods-vs-Properties) | [](https://youtu.be/NRl7nF4vIFw) |
| #08 | [DOM Loaded Events](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/08-DOM-Loaded-Events) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/08-DOM-Loaded-Events) | [](https://www.youtube.com/watch?v=DCvpLOaFkZU) |
| #09 | [Javascript Scripts: async vs defer](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/09-Javascript-scripts-async-vs-defer) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/09-Javascript-scripts-async-vs-defer) | [](https://www.youtube.com/watch?v=9WHrYavh-hM) |
| #10 | [Understanding DOM Nodes](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/10-Understanding-DOM-Nodes) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/10-Understanding-DOM-Nodes) | [](https://www.youtube.com/watch?v=SlLTuWYa7UM) |
| #11 | [How to Select DOM Elements & UI Building](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/11-How-to-Select-DOM-Elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/11-How-to-Select-DOM-Elements) | [](https://www.youtube.com/watch?v=j1UAeKE9rd4) |
| #12 | [getElementById() - JS DOM Selector](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/12-getElementById-dom-selector) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/12-getElementById-dom-selector) | [](https://www.youtube.com/watch?v=khi85Y4ylCw) |
| #13 | [getElementsByClassName()](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/13-getElementsByClassName-dom-selector) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/13-getElementsByClassName-dom-selector) | [](https://www.youtube.com/watch?v=k3O1OiGtMVE) |
| #14 | [getElementsByTagName(), getElementsByName()](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/14-getElementsByTagName-dom-selector) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/14-getElementsByTagName-dom-selector) | [](https://www.youtube.com/watch?v=Hq-bDr0CSU0) |
| #15 | [DOM Query Selector (querySelector(), querySelectorAll())](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/15-querySelector-querySelectorAll-dom-selectors) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/15-querySelector-querySelectorAll-dom-selectors) | [](https://youtu.be/NRl7nF4vIFw) |
| #16 | [Creating DOM Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/16-creating-DOM-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/16-creating-DOM-elements) | [](https://youtu.be/lT1S6yUacgQ) |
| #17 | [Changing/Getting Content of DOM Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/17-changing-contents-of-DOM-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/17-changing-contents-of-DOM-elements) | [](https://youtu.be/clQO1vcCgHo) |
| #18 | [innerHTML vs createElement](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/18-innerHTML-vs-createElement) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/18-innerHTML-vs-createElement) | [](https://youtu.be/bax6ny-NRA8) |
| #19 | [DocumentFragment - For Performance](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/19-DocumentFragment-For-Performance) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/19-DocumentFragment-For-Performance) | [](https://youtu.be/EddrT4FLzd0) |
| #20 | [Inserting DOM Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/20-Inserting-DOM-Elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/20-Inserting-DOM-Elements) | [](https://youtu.be/6sfvRNcGqTQ) |
| #21 | [Inserting DOM as String Templates](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/21-Inserting-DOM-as-String-Templates) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/21-Inserting-DOM-as-String-Templates) | [](https://youtu.be/TkkE9tAtZNA) |
| #22 | [Replacing DOM Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/22-replacing-dom-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/22-replacing-dom-elements) | [](https://youtu.be/NiZfbZE9rSA) |
| #23 | [Cloning DOM Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/23-cloning-DOM-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/23-cloning-DOM-elements) | [](https://youtu.be/0TFhYKO6bcQ) |
| #24 | [Removing DOM Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/24-removing-dom-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/24-removing-dom-elements) | [](https://youtu.be/AHQqt19ogVE) |
| #25 | [Looping over the DOM](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/25-looping-over-dom-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/25-looping-over-dom-elements) | [](https://youtu.be/lemV0hgeFFs) |
| #26 | [Finding Child Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/26-finding-child-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/26-finding-child-elements) | [](https://youtu.be/bziRqACn0F4) |
| #27 | [Finding Parent Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/27-finding-parent-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/27-finding-parent-elements) | [](https://youtu.be/jt9ikcNGdKU) |
| #28 | [Finding Sibling Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/28-finding-sibling-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/28-finding-sibling-elements) | [](https://youtu.be/a9JWrVKyHG4) |
| #29 | [Element Properties vs HTML Attributes](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/29-element-properties-vs-html-attributes) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/29-element-properties-vs-html-attributes) | [](https://youtu.be/_CJsFQCh4-8) |
| #30 | [Setting & Getting HTML Attributes](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/30-setting-and-getting-HTML-attributes) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/30-setting-and-getting-HTML-attributes) | [](https://youtu.be/q_gQldvWjk8) |
| #31 | [Setting & Getting Inline Styles](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/31-setting-and-getting-inline-styles) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/31-setting-and-getting-inline-styles) | [](https://youtu.be/Rf_82qUg58o) |
| #32 | [Setting & Getting Class Styles](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/32-setting-and-getting-classes) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/32-setting-and-getting-classes) | [](https://youtu.be/M5Bl5dMCn34) |
| #33 | [DOM Animations](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/33-DOM-Animations) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/33-DOM-Animations) | [](https://youtu.be/iF93GteEs2Y) |
| #34 | [Adding DOM Events & Event Object](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/34-adding-event-listeners) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/34-adding-event-listeners) | [](https://youtu.be/Mtkyq0jXRL8) |
| #35 | [Removing DOM Events](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/35-removing-event-listeners) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/35-removing-event-listeners) | [](https://youtu.be/gC5UThrYn94) |
| #36 | [Event Bubbling, Capturing & Propagation](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/36-event-bubbling-capturing-and-propagation) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/36-event-bubbling-capturing-and-propagation) | [](https://youtu.be/6pDidDhcEn0) |
| #37 | [Preventing Default Browser Actions](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/37-preventing-default-event-actions) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/37-preventing-default-event-actions) | [](https://youtu.be/Aie3MW9wjOM) |
| #38 | [Event Delegation & Dynamic Events](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/38-event-delegation-and-dynamic-events) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/38-event-delegation-and-dynamic-events) | [](https://youtu.be/rEnIfFfi2Wk) |
| #39 | [DOM Mouse Events](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/39-mouse-events) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/39-mouse-events) | [](https://youtu.be/7foWfSwCpmY) |
| #40 | [DOM Keyboard Events](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/40-keyboard-events) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/40-keyboard-events) | [](https://youtu.be/iZ9wWBbDV_I) |
| #41 | [Accessing Forms and Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/41-accessing-forms-and-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/41-accessing-forms-and-elements) | [](https://youtu.be/8MibgZLbFRs) |
| #42 | [Javascript Form Submit and FormData Event](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/42-form-submit-event-and-FormData) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/42-form-submit-event-and-FormData) | [](https://youtu.be/RNvGJhNT2JM) |
| #43 | [Transforming HTML FormData to Server](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/43-transforming-formData-for-the-server) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/43-transforming-formData-for-the-server) | [](https://youtu.be/0nXyfglNKlw) |
| #44 | [Posting FormData via Fetch API](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/44-posting-formData-via-fetch-api) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/44-posting-formData-via-fetch-api) | [](https://youtu.be/0jB50mugTmM) |
| #45 | [Handling Input Form Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/45-handling-input-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/45-handling-input-elements) | [](#) |
| #46 | [Handling Radio Input Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/46-handling-radio-input-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/46-handling-radio-input-elements) | [](#) |
| #47 | [Handling Checkbox Input Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/47-handling-checkbox-input-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/47-handling-checkbox-input-elements) | [](#) |
| #48 | [Handling Select Form Elements](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/48-handling-select-elements) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/48-handling-select-elements) | [](#) |
| #49 | [Finishing the FoodCook Planner App](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/49-finishing-the-foodCook-planner-app) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/49-finishing-the-foodCook-planner-app) | [](#) |
| #50 | [Data Persistant Using localStorage](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/50-data-persistant-using-localstorage) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/50-data-persistant-using-localstorage) | [](#) |
| #51 | [Deploy FoodCook into Github Pages](#) | N/A | [](https://youtu.be/Tb564BfcJt4) |
| #52 | [Javascript DOM Interview Questions](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/52-javascript-dom-interview-questions) | [](https://github.com/anburocky3/Javascript-DOM-in-Tamil/tree/52-javascript-dom-interview-questions) | [](https://youtu.be/J0FBSiztA10) |
| #53 | [Javascript Course Conclusion - What's next?](#) | N/A | [](#) |
---
### 📝 For Discussion:
Join our Facebook Group: https://www.facebook.com/groups/cyberdudetraining/
### ✨ For Updates:
Discord: https://bit.ly/cyberdudeDiscord
YouTube: https://www.youtube.com/user/CyberDudeNetworks/
Telegram: https://t.me/cyberdudechannel
### 😎 Instructor:
[Anbuselvan](https://www.facebook.com/anburocky3)
### ⚖️ License:
[MIT License](./LICENSE.md)