-
Help CodeHarborHub grow and support open-source projects by donating
today. Your contribution enables us to share valuable resources and
- knowledge on our website.
-
+ knowledge on our website.
-
Thank you for your support!
`
-
-- **src:** This attribute specifies the URL of the image. It can be a relative or absolute path to the image file.
-
-- **alt:** This attribute provides alternative text for the image, which is displayed if the image cannot be loaded or for accessibility purposes. It's essential for visually impaired users who rely on screen readers.
-
-Here's an example of how you might use the `
-
-
-
-```
-
-This code will display the image "example.jpg" with the alternative text "An example for inserting the Image".
-
-# Accessibility:
-
-Adding descriptive **alt** text to images is crucial for accessibility. Screen readers rely on this text to describe images to visually impaired users. So, always ensure your images have meaningful alt attributes.
\ No newline at end of file
diff --git a/web-dev/html/Images/2Image-Formats-And-Optimisation.md b/web-dev/html/Images/2Image-Formats-And-Optimisation.md
deleted file mode 100644
index b253d5a23..000000000
--- a/web-dev/html/Images/2Image-Formats-And-Optimisation.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-id: Image-Formats-And-Optimisation
-title: Image Formats And Optimisation
-sidebar_label: Image Formats And Optimisation
-sidebar_position: 2
-tags: [html, Img]
----
-
-# Optimisation
-Optimizing images for the web is crucial for improving website performance and user experience. By choosing the appropriate image format and applying optimization techniques, you can minimize file sizes without compromising image quality.
-
-When optimizing images for use on an HTML webpage, it's essential to consider the format and optimization techniques to ensure fast loading times and good user experience.
-
-### 1. JPEG (Joint Photographic Experts Group):
-- **Description**: Ideal for photographs and images with gradients.
-- **Optimization Techniques**:
- - Adjust compression levels: Balance image quality and file size by adjusting the compression level.
- - Optimize dimensions: Resize images to the actual size they will be displayed on the webpage.
- - Remove unnecessary metadata: Strip EXIF data and other metadata to reduce file size.
- - Use progressive encoding: Load images gradually for faster perceived performance.
-
-```html
-
-```
-
-### 2. PNG (Portable Network Graphics):
-- **Description**: Suitable for images with transparency and sharp lines.
-- **Optimization Techniques**:
- - Use PNG-8 for simple graphics: PNG-8 supports up to 256 colors and is suitable for images with limited colors.
- - Optimize transparency: Use alpha transparency only where needed to minimize file size.
- - Compress PNG-24: Compress PNG-24 images to reduce file size while maintaining quality.
-
-```html
-
-```
-
-### 3. GIF (Graphics Interchange Format):
-- **Description**: Suitable for simple animations and images with limited colors.
-- **Optimization Techniques**:
- - Limit color palette: Reduce the number of colors used in the image to minimize file size.
- - Optimize animations: Limit the number of frames and optimize frame duration for GIF animations.
-
-```html
-
-```
-
-### 4. WebP:
-- **Description**: Modern image format offering both lossy and lossless compression.
-- **Optimization Techniques**:
- - Convert JPEG/PNG to WebP: Convert existing images to WebP format for better compression and smaller file sizes.
- - Serve WebP images conditionally: Detect browser support for WebP and serve WebP images to compatible browsers.
-
-```html
-
-`
-
-2. **alt (Alternative Text)**:
- - **Description**: Provides a textual description of the image. It's displayed if the image cannot be loaded or for accessibility purposes.
- - **Usage**: While not technically required, it's considered best practice for accessibility and SEO purposes.
- - **Example**: ``
-
-3. **width**:
- - **Description**: Specifies the width of the image in pixels.
- - **Usage**: This attribute allows you to control the size of the image displayed on the webpage.
- - **Example**: ``
-
-4. **height**:
- - **Description**: Specifies the height of the image in pixels.
- - **Usage**: Similar to the `width` attribute, `height` allows you to control the height of the image displayed on the webpage.
- - **Example**: ``
-
-These attributes are fundamental for displaying images on a webpage while ensuring accessibility and proper layout.
\ No newline at end of file
diff --git a/web-dev/index.md b/web-dev/index.md
index 463aab6aa..f9f5258ae 100644
--- a/web-dev/index.md
+++ b/web-dev/index.md
@@ -5,8 +5,6 @@ sidebar_label: Introduction Web Dev
sidebar_position: 1
---
-import GiscusComponent from '@site/src/components/GiscusComponent';
-
> Web development is the work involved in developing a Web site for the Internet (World Wide Web) or an intranet (a private network). Web development can range from developing a simple single static page of plain text to complex Web-based Internet applications (Web apps), electronic businesses, and social network services. A more comprehensive list of tasks to which Web development commonly refers may include Web engineering, Web design, Web content development, client liaison, client-side/server-side scripting, Web server and network security configuration, and e-commerce development. Among Web professionals, "Web development" usually refers to the main non-design aspects of building Web sites: writing markup and coding. Web development may use content management systems (CMS) to make content changes easier and available with basic technical skills.
@@ -15,43 +13,6 @@ import GiscusComponent from '@site/src/components/GiscusComponent';
Web development has been a growing industry since the commercialization of the web. It encompasses a wide range of topics and skills, including but not limited to creating and maintaining web applications, creating and maintaining websites, and creating and maintaining web services. Web development includes many types of web content creation. Some examples include hand coding web pages in a text editor, building a website in a program like Dreamweaver, and updating a blog via a blogging website. In recent years, content management systems like WordPress, Drupal, and Joomla have also become popular means of web development. These tools make it easy for anyone to create and edit their own website using a web-based interface.
-```mermaid
-graph TD
- A[Web Development] --> B(Tools)
- A --> C(Technologies)
- C --> D(Front-End)
- C --> E(Back-End)
- D --> F(HTML)
- D --> G(CSS)
- D --> H(JavaScript)
- E --> I(Node.js)
- E --> J(Python)
- E --> K(Ruby)
- E --> L(PHP)
- E --> M(Java)
- B --> N(Text Editors/IDEs)
- B --> O(Version Control)
- B --> P(Browser Developer Tools)
- B --> Q(Package Managers)
- B --> R(Task Runners)
- B --> S(Web Servers)
- B --> T(Database Management Systems)
- O --> U(Git)
- O --> V(GitHub)
- O --> W(Bitbucket)
- P --> X(Chrome DevTools)
- P --> Y(Firefox Developer Tools)
- Q --> Z(npm)
- Q --> AA(yarn)
- R --> AB(Gulp)
- R --> AC(Grunt)
- S --> AD(Apache)
- S --> AE(Nginx)
- T --> AF(MySQL)
- T --> AG(PostgreSQL)
- T --> AH(MongoDB)
-```
-
## Introduction to Web Development
Web Development is a broad term for the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). If you want to share your thoughts, ideas, and information with the world, you need a website. And if you want to create a website, you need to learn web development. Web development is the process of building and maintaining a website. It includes aspects such as web design, web publishing, web programming, and database management. While the terms **web developer** and **web designer** are often used synonymously, they do not mean the same thing. Technically, a web designer only designs website interfaces using HTML and CSS. A web developer may be involved in designing a website, but may also write web scripts in languages such as PHP and ASP. Additionally, a web developer may help maintain and update a database used by a dynamic website.
diff --git a/web-dev/javascript/advanced-topics/_category_.json b/web-dev/javascript/advanced-topics/_category_.json
deleted file mode 100644
index 0c4357150..000000000
--- a/web-dev/javascript/advanced-topics/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "Advanced Topics",
- "position": 10,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important RoadMap for JavaScript Mastery."
- }
- }
\ No newline at end of file
diff --git a/web-dev/javascript/advanced-topics/functional-programming-concepts-in-javascript.md b/web-dev/javascript/advanced-topics/functional-programming-concepts-in-javascript.md
deleted file mode 100644
index a61b44e96..000000000
--- a/web-dev/javascript/advanced-topics/functional-programming-concepts-in-javascript.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: functional-programming-concepts-in-javascript
-title: Functional Programming Concepts in JavaScript
-sidebar_label: Functional Programming Concepts
-sidebar_position: 2
----
\ No newline at end of file
diff --git a/web-dev/javascript/advanced-topics/object-oriented-javascript.md b/web-dev/javascript/advanced-topics/object-oriented-javascript.md
deleted file mode 100644
index c37d211cf..000000000
--- a/web-dev/javascript/advanced-topics/object-oriented-javascript.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: object-oriented-javascript
-title: Object-Oriented JavaScript
-sidebar_label: Object-Oriented JavaScript
-sidebar_position: 1
----
\ No newline at end of file
diff --git a/web-dev/javascript/advanced-topics/performance-optimization-techniques.md b/web-dev/javascript/advanced-topics/performance-optimization-techniques.md
deleted file mode 100644
index 8befac71a..000000000
--- a/web-dev/javascript/advanced-topics/performance-optimization-techniques.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: performance-optimization-techniques
-title: Performance Optimization Techniques
-sidebar_label: Performance Optimization Techniques
-sidebar_position: 3
----
\ No newline at end of file
diff --git a/web-dev/javascript/advanced-topics/security-best-practices-in-javascript-development.md b/web-dev/javascript/advanced-topics/security-best-practices-in-javascript-development.md
deleted file mode 100644
index 6df7d0036..000000000
--- a/web-dev/javascript/advanced-topics/security-best-practices-in-javascript-development.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: security-best-practices-in-javascript-development
-title: Security Best Practices in JavaScript Development
-sidebar_label: Security Best Practices
-sidebar_position: 4
----
\ No newline at end of file
diff --git a/web-dev/javascript/arrays-and-objects/_category_.json b/web-dev/javascript/arrays-and-objects/_category_.json
deleted file mode 100644
index 75b294155..000000000
--- a/web-dev/javascript/arrays-and-objects/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "Arrays and Objects",
- "position": 5,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important RoadMap for JavaScript Mastery."
- }
- }
\ No newline at end of file
diff --git a/web-dev/javascript/asynchronous-javascript/_category_.json b/web-dev/javascript/asynchronous-javascript/_category_.json
deleted file mode 100644
index 275d33015..000000000
--- a/web-dev/javascript/asynchronous-javascript/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "Asynchronous JavaScript",
- "position": 7,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important RoadMap for JavaScript Mastery."
- }
- }
\ No newline at end of file
diff --git a/web-dev/javascript/asynchronous-javascript/callback-functions.md b/web-dev/javascript/asynchronous-javascript/callback-functions.md
deleted file mode 100644
index 1e4d9a043..000000000
--- a/web-dev/javascript/asynchronous-javascript/callback-functions.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: callback-functions
-title: Callback Functions
-sidebar_label: Callback Functions
-sidebar_position: 2
----
\ No newline at end of file
diff --git a/web-dev/javascript/asynchronous-javascript/fetch-api-for-making-http-requests.md b/web-dev/javascript/asynchronous-javascript/fetch-api-for-making-http-requests.md
deleted file mode 100644
index bdfc8a843..000000000
--- a/web-dev/javascript/asynchronous-javascript/fetch-api-for-making-http-requests.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: fetch-api-for-making-http-requests
-title: Fetch API for Making HTTP Requests
-sidebar_label: Fetch API for Making HTTP Requests
-sidebar_position: 4
----
\ No newline at end of file
diff --git a/web-dev/javascript/asynchronous-javascript/introduction-to-asynchronous-programming.md b/web-dev/javascript/asynchronous-javascript/introduction-to-asynchronous-programming.md
deleted file mode 100644
index 154c6d842..000000000
--- a/web-dev/javascript/asynchronous-javascript/introduction-to-asynchronous-programming.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: introduction-to-asynchronous-programming
-title: Introduction to Asynchronous Programming
-sidebar_label: Introduction to Asynchronous Programming
-sidebar_position: 1
----
\ No newline at end of file
diff --git a/web-dev/javascript/asynchronous-javascript/promises-and-async-and-await-syntax.md b/web-dev/javascript/asynchronous-javascript/promises-and-async-and-await-syntax.md
deleted file mode 100644
index 91e54e35f..000000000
--- a/web-dev/javascript/asynchronous-javascript/promises-and-async-and-await-syntax.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: promises-and-async-and-await-syntax
-title: Promises and Async and Await Syntax
-sidebar_label: Promises and Async and Await Syntax
-sidebar_position: 3
----
\ No newline at end of file
diff --git a/web-dev/javascript/control-flow-and-functions/_category_.json b/web-dev/javascript/control-flow-and-functions/_category_.json
deleted file mode 100644
index eb57b5aae..000000000
--- a/web-dev/javascript/control-flow-and-functions/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "Control Flow and Functions",
- "position": 4,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important RoadMap for JavaScript Mastery."
- }
- }
\ No newline at end of file
diff --git a/web-dev/javascript/dom-manipulation/_category_.json b/web-dev/javascript/dom-manipulation/_category_.json
deleted file mode 100644
index bac7ed475..000000000
--- a/web-dev/javascript/dom-manipulation/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "DOM Manipulation",
- "position": 6,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important RoadMap for JavaScript Mastery."
- }
- }
\ No newline at end of file
diff --git a/web-dev/javascript/error-handling-and-debugging/_category_.json b/web-dev/javascript/error-handling-and-debugging/_category_.json
deleted file mode 100644
index 50cadfc4f..000000000
--- a/web-dev/javascript/error-handling-and-debugging/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "Error Handling and Debugging",
- "position": 8,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important RoadMap for JavaScript Mastery."
- }
- }
\ No newline at end of file
diff --git a/web-dev/javascript/error-handling-and-debugging/best-practices-for-error-handling-in-javascript.md b/web-dev/javascript/error-handling-and-debugging/best-practices-for-error-handling-in-javascript.md
deleted file mode 100644
index f4a720de8..000000000
--- a/web-dev/javascript/error-handling-and-debugging/best-practices-for-error-handling-in-javascript.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: best-practices-for-error-handling-in-javascript
-title: Best Practices for Error Handling in JavaScript
-sidebar_label: Best Practices for Error Handling
-sidebar_position: 3
----
\ No newline at end of file
diff --git a/web-dev/javascript/error-handling-and-debugging/common-javascript-errors-and-how-to-debug-them.md b/web-dev/javascript/error-handling-and-debugging/common-javascript-errors-and-how-to-debug-them.md
deleted file mode 100644
index 25f4818be..000000000
--- a/web-dev/javascript/error-handling-and-debugging/common-javascript-errors-and-how-to-debug-them.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: common-javascript-errors-and-how-to-debug-them
-title: Common JavaScript Errors and How to Debug Them
-sidebar_label: Common JavaScript Errors and How to Debug Them
-sidebar_position: 1
----
\ No newline at end of file
diff --git a/web-dev/javascript/error-handling-and-debugging/using-browser-developer-tools-for-debugging.md b/web-dev/javascript/error-handling-and-debugging/using-browser-developer-tools-for-debugging.md
deleted file mode 100644
index 163db56e6..000000000
--- a/web-dev/javascript/error-handling-and-debugging/using-browser-developer-tools-for-debugging.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: using-browser-developer-tools-for-debugging
-title: Using Browser Developer Tools for Debugging
-sidebar_label: Using Browser Developer Tools for Debugging
-sidebar_position: 2
----
\ No newline at end of file
diff --git a/web-dev/javascript/getting-started-with-javascript/_category_.json b/web-dev/javascript/getting-started-with-javascript/_category_.json
deleted file mode 100644
index a0a1b9ae3..000000000
--- a/web-dev/javascript/getting-started-with-javascript/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "Getting Started with JavaScript",
- "position": 3,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important RoadMap for JavaScript Mastery."
- }
- }
\ No newline at end of file
diff --git a/web-dev/javascript/introduction-to-javascript/_category_.json b/web-dev/javascript/introduction-to-javascript/_category_.json
deleted file mode 100644
index 85eea2ecf..000000000
--- a/web-dev/javascript/introduction-to-javascript/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "Introduction To JavaScript",
- "position": 2,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important RoadMap for JavaScript Mastery."
- }
- }
\ No newline at end of file
diff --git a/web-dev/javascript/introduction-to-javascript/history-and-evolution-of-javascript.md b/web-dev/javascript/introduction-to-javascript/history-and-evolution-of-javascript.md
deleted file mode 100644
index 117ba6c11..000000000
--- a/web-dev/javascript/introduction-to-javascript/history-and-evolution-of-javascript.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-id: history-and-evolution-of-javascript
-title: History and evolution of JavaScript
-sidebar_label: History and evolution
-sidebar_position: 2
-tags: [JavaScript, Introduction of js, Introduction of JavaScript,History and evolution of JavaScript, History and evolution, History and evolution of Js]
----
-
diff --git a/web-dev/javascript/introduction-to-javascript/intro-js.md b/web-dev/javascript/introduction-to-javascript/intro-js.md
deleted file mode 100644
index 28128183d..000000000
--- a/web-dev/javascript/introduction-to-javascript/intro-js.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-id: what-is-javasrcipt
-title: What is JavaScript
-sidebar_label: What is JavaScript
-sidebar_position: 1
-tags: [JavaScript, Introduction of js, Introduction of JavaScript, what is js, what is JavaScript]
----
-
diff --git a/web-dev/javascript/modern-javascript-concepts/_category_.json b/web-dev/javascript/modern-javascript-concepts/_category_.json
deleted file mode 100644
index 5be7bb80e..000000000
--- a/web-dev/javascript/modern-javascript-concepts/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "Modern JavaScript Concepts",
- "position": 9,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important RoadMap for JavaScript Mastery."
- }
- }
\ No newline at end of file
diff --git a/web-dev/javascript/modern-javascript-concepts/es6-features.md b/web-dev/javascript/modern-javascript-concepts/es6-features.md
deleted file mode 100644
index 9b98b171e..000000000
--- a/web-dev/javascript/modern-javascript-concepts/es6-features.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: es6-features
-title: ES6 Features
-sidebar_label: ES6 Features
-sidebar_position: 1
----
\ No newline at end of file
diff --git a/web-dev/javascript/modern-javascript-concepts/introduction-to-javascript-frameworks-and-libraries.md b/web-dev/javascript/modern-javascript-concepts/introduction-to-javascript-frameworks-and-libraries.md
deleted file mode 100644
index 2df447fd5..000000000
--- a/web-dev/javascript/modern-javascript-concepts/introduction-to-javascript-frameworks-and-libraries.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: introduction-to-javascript-frameworks-and-libraries
-title: Introduction to JavaScript Frameworks and Libraries
-sidebar_label: Introduction to JavaScript Frameworks and Libraries
-sidebar_position: 3
----
\ No newline at end of file
diff --git a/web-dev/javascript/modern-javascript-concepts/modules-and-module-loaders.md b/web-dev/javascript/modern-javascript-concepts/modules-and-module-loaders.md
deleted file mode 100644
index 93004516e..000000000
--- a/web-dev/javascript/modern-javascript-concepts/modules-and-module-loaders.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-id: modules-and-module-loaders
-title: Modules and Module Loaders
-sidebar_label: Modules and Module Loaders
-sidebar_position: 2
----
-
diff --git a/web-dev/javascript/tools-and-resources/_category_.json b/web-dev/javascript/tools-and-resources/_category_.json
deleted file mode 100644
index 3a95f6c17..000000000
--- a/web-dev/javascript/tools-and-resources/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "Tools and Resources",
- "position": 11,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important RoadMap for JavaScript Mastery."
- }
- }
\ No newline at end of file
diff --git a/web-dev/javascript/tools-and-resources/community-forums-and-online-communities-for-javascript-developers.md b/web-dev/javascript/tools-and-resources/community-forums-and-online-communities-for-javascript-developers.md
deleted file mode 100644
index f547bf2ca..000000000
--- a/web-dev/javascript/tools-and-resources/community-forums-and-online-communities-for-javascript-developers.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: community-forums-and-online-communities-for-javascript-developers
-title: Community Forums and Online Communities for JavaScript Developers
-sidebar_label: Community Forums and Online Communities
-sidebar_position: 4
----
\ No newline at end of file
diff --git a/web-dev/javascript/tools-and-resources/popular-development-tools-and-ides-for-JavaScript-development.md b/web-dev/javascript/tools-and-resources/popular-development-tools-and-ides-for-JavaScript-development.md
deleted file mode 100644
index 155e74224..000000000
--- a/web-dev/javascript/tools-and-resources/popular-development-tools-and-ides-for-JavaScript-development.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: popular-development-tools-and-ides-for-JavaScript-development
-title: Popular Development Tools and IDEs for JavaScript Development
-sidebar_label: Popular Development Tools and IDEs
-sidebar_position: 3
----
\ No newline at end of file
diff --git a/web-dev/javascript/tools-and-resources/recommended-books-and-online-resources.md b/web-dev/javascript/tools-and-resources/recommended-books-and-online-resources.md
deleted file mode 100644
index ee3fe64f8..000000000
--- a/web-dev/javascript/tools-and-resources/recommended-books-and-online-resources.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: recommended-books-and-online-resources
-title: Recommended Books and Online Resources
-sidebar_label: Recommended Books and Online Resources
-sidebar_position: 2
----
\ No newline at end of file
diff --git a/web-dev/javascript/tools-and-resources/useful-javascript-libraries-and-frameworks.md b/web-dev/javascript/tools-and-resources/useful-javascript-libraries-and-frameworks.md
deleted file mode 100644
index 6f74d1d85..000000000
--- a/web-dev/javascript/tools-and-resources/useful-javascript-libraries-and-frameworks.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-id: useful-javascript-libraries-and-frameworks
-title: Useful JavaScript Libraries and Frameworks
-sidebar_label: Useful JavaScript Libraries and Frameworks
-sidebar_position: 1
----
\ No newline at end of file
diff --git a/web-dev/javascript/welcome-js.md b/web-dev/javascript/welcome-js.md
index 194b8267e..c2c92459c 100644
--- a/web-dev/javascript/welcome-js.md
+++ b/web-dev/javascript/welcome-js.md
@@ -1,77 +1,7 @@
---
-id: welcome-js
-title: Welcome to JavaScript
+id: welcome-javascript
+title: Welcome to the JavaScript
sidebar_label: Welcome To JavaScript
sidebar_position: 1
-tags: [JavaScript]
----
-
-Welcome to JavaScript! JavaScript is a high-level, interpreted programming language that conforms to the ECMAScript specification. JavaScript has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions.
-
-If you are new to JavaScript, you might want to start with the Introduction to JavaScript article.
-
-JavaScript is a multi-paradigm, dynamic language with types and operators, standard built-in objects, and methods. Its syntax is based on the Java and C languages — many structures from those languages apply to JavaScript as well. JavaScript supports object-oriented programming with object prototypes, instead of classes (see more about [prototypal inheritance](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain)).
-
-JavaScript also supports functional programming — you can pass functions as arguments to other functions, return them as values from other functions, and assign them to variables or store them in data structures.
-
-JavaScript's standard library is very rich, providing a wide range of objects, including arrays, functions, and dates. Additionally, core JavaScript can be extended for a variety of purposes by supplementing it with additional objects; for example:
-
-- **Client-side JavaScript** extends the core language by supplying objects to control a browser and its Document Object Model (DOM). For example, client-side extensions allow an application to place elements on an HTML form and respond to user events such as mouse clicks, form input, and page navigation.
-
-- **Server-side JavaScript** extends the core language by supplying objects relevant to running JavaScript on a server. For example, server-side extensions allow an application to communicate with a database, provide continuity of information from one invocation to another of the application, or perform file manipulations on a server.
-
-JavaScript is a very free-form language compared to Java. You do not have to declare all variables, classes, and methods. You do not have to be concerned with whether methods are public, private, or protected, and you do not have to implement interfaces. Variables, parameters, and function return types are not explicitly typed.
-
-JavaScript is an object-based language based on prototypes, rather than being class-based. Because of this different basis, it can be less apparent how JavaScript allows you to create hierarchies of objects and to have inheritance of properties and their values. JavaScript uses functions as classes. Some people are confused by this, as JavaScript's function syntax does not resemble that of class-based languages such as Java or C++.
-
-JavaScript is a versatile language and is used for more than just web pages. For example, many desktop and server programs use JavaScript. Node.js is the best known. Some databases, like MongoDB and CouchDB, use JavaScript as their programming language.
-
-**Now that you have a basic understanding of JavaScript, let's dive into the language and learn more about it.**
-
-