{"id":27163536,"url":"https://github.com/punitkatiyar/javascript-master-guide","last_synced_at":"2025-04-09T01:49:29.017Z","repository":{"id":155958122,"uuid":"59683150","full_name":"punitkatiyar/javascript-master-guide","owner":"punitkatiyar","description":"JavaScript Developer Guide for DOM BOM and date time counter banner application structure ","archived":false,"fork":false,"pushed_at":"2023-12-19T12:53:12.000Z","size":1047,"stargazers_count":29,"open_issues_count":0,"forks_count":4,"subscribers_count":3,"default_branch":"master","last_synced_at":"2023-12-19T15:18:44.673Z","etag":null,"topics":["javascript","jquery","template","tutorial"],"latest_commit_sha":null,"homepage":"http://punitkatiyar.github.io/javascript-master-guide/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/punitkatiyar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-05-25T17:21:49.000Z","updated_at":"2023-12-26T16:32:55.148Z","dependencies_parsed_at":"2023-07-11T20:16:14.553Z","dependency_job_id":"75729725-c0b7-465e-b516-3733b1acc9fc","html_url":"https://github.com/punitkatiyar/javascript-master-guide","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/punitkatiyar%2Fjavascript-master-guide","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/punitkatiyar%2Fjavascript-master-guide/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/punitkatiyar%2Fjavascript-master-guide/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/punitkatiyar%2Fjavascript-master-guide/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/punitkatiyar","download_url":"https://codeload.github.com/punitkatiyar/javascript-master-guide/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247959676,"owners_count":21024840,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","jquery","template","tutorial"],"created_at":"2025-04-09T01:49:28.466Z","updated_at":"2025-04-09T01:49:28.991Z","avatar_url":"https://github.com/punitkatiyar.png","language":"HTML","readme":"# 🥇 JavaScript Master Guide\n\n***javascript is a scripting laguage work with html css and web browsers to make web page alive.***\n\n## Where we use javascript \n\n- **DOM :** Document Object Model\n\n- **BOM :**  Browser Object Model\n\n- **console :** For Developer   \n\n- **Server :** with Node\n\n\n\n\u003chr\u003e\n\n- **Script Tag**\n- **Script Attribute**\n\n\u003chr\u003e\n\n\n## The Script Tag\n\n**\u003c script \u003e tag is used to embed or reference external JavaScript code within an HTML document. The \u003c script \u003e tag supports various attributes that can modify its behavior and specify additional settings.**\n\n## Script Tag Attribute\n\n\u003e **src:** This attribute is used to specify the source file URL of the JavaScript code to be loaded.\n\n\u003e **type:** The type attribute indicates the MIME type of the script content. The default value is \"text/javascript\". For modern JavaScript, you can use \"module\" to enable ES6 module\n\n\u003e **async:** The async attribute specifies that the script should be executed asynchronously. This allows the rest of the HTML page to load and render without waiting for the script to be fully downloaded and executed\n\n\u003e **defer:** The defer attribute indicates that the script should be executed after the HTML document has been parsed. This ensures that the script does not block the parsing and rendering of the HTML page\n\n\u003e **Integrity:** The integrity attribute provides a security feature that allows you to specify a cryptographic hash of the script file. This ensures that the script is not modified or tampered with during delivery.\n\n\u003e  **crossorigin:** The crossorigin attribute is used when loading scripts from different domains. It controls whether the script can access resources from a different origin.\n\n##  Script Tag Attribute Example\n\n```\n\u003cscript src=\"app.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"app.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n\u003cscript src=\"module.js\" type=\"module\"\u003e\u003c/script\u003e\n\u003cscript src=\"app.js\" async\u003e\u003c/script\u003e\n\u003cscript src=\"app.js\" defer\u003e\u003c/script\u003e\n\u003cscript src=\"app.js\" integrity=\"sha384-hash\"\u003e\u003c/script\u003e\n\u003cscript src=\"app.js\" crossorigin=\"anonymous\"\u003e\u003c/script\u003e\n```\n\n## console  \n\n**console is a built-in object that provides a way to interact with the browser's debugging console or the terminal console (in Node.js). It provides a set of methods that allow developers to output information, such as log messages, warnings, errors, and other debugging information.**\n\n## Some of the most commonly used console methods include:\n\n```\nconsole.log(): Outputs a message to the console.\nconsole.error(): Outputs an error message to the console.\nconsole.warn(): Outputs a warning message to the console.\nconsole.info(): Outputs an informational message to the console.\nconsole.table(): Outputs data as a table in the console\n```\n\u003chr\u003e\n\n\n\n\n\n\n\n\n\n\n\u003c!--\n\n## Module 1\n\n\u003e **Introduction javaScript.**\n\n\u003e JS Enviroments\n\n\u003e JS Hello program\n\n\u003e JS Variable\n\n\u003e Js DataType\n\n\u003e Template Literals\n\n\u003e JS Oprater\n\n\u003e JS Conditional Statement\n\n\u003e JS Loops\n\n\u003e JS Function and Anonymous Function\n\n\u003e JS Popups\n\n--\u003e\n\nhttps://www.taniarascia.com/es6-syntax-and-feature-overview/\n\n\u003chr\u003e\n\u003ca href=\"https://punitkatiyar.github.io/\"\u003eBack To Home Page\u003c/a\u003e\n\u003chr\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpunitkatiyar%2Fjavascript-master-guide","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpunitkatiyar%2Fjavascript-master-guide","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpunitkatiyar%2Fjavascript-master-guide/lists"}