From 83721a22685a0ebbfd6e1c728a7c5d5835484e81 Mon Sep 17 00:00:00 2001 From: Ajay-Dhangar Date: Sat, 18 Jan 2025 19:42:48 +0530 Subject: [PATCH] added new content --- Learn.md | 20 +++++++++-------- community/Learn.md | 39 +++++++++++++++++++++++++++++++++ courses/index.md | 11 ++++++++-- courses/recommend.md | 15 ------------- docs/web-socket/Introduction.md | 3 +++ src/css/custom.css | 4 ++-- 6 files changed, 64 insertions(+), 28 deletions(-) create mode 100644 community/Learn.md delete mode 100644 courses/recommend.md diff --git a/Learn.md b/Learn.md index 0c4546721..a8537cac7 100644 --- a/Learn.md +++ b/Learn.md @@ -3,11 +3,13 @@ Visit our website [CodeHarbourHub](https://www.codeharborhub.live/) ## Table of Contents -- [Introduction](#introduction) -- [Features](#features) -- [Contributing Guidelines](#contributing-guidelines) -- [Code of Conduct](#code-of-conduct) -- [Socials](#socials) +- [CodeHarbourHub](#codeharbourhub) + - [Table of Contents](#table-of-contents) + - [Introduction](#introduction) + - [Features](#features) + - [Contributing Guidelines](#contributing-guidelines) + - [Code of Conduct](#code-of-conduct) + - [Socials](#socials) ## Introduction @@ -16,16 +18,16 @@ We're the exclusive platform offering a comprehensive tech curriculum, taught by ## Features - **In-Depth Tutorials**: Dive into comprehensive tutorials covering a wide range of programming languages like C++, Java, Python, JavaScript and Typescript and frameworks like ReactJS along with Data Structures and Algorithms. -![](/assets/Tutorials.png) + - **Courses for Mastery**: Enroll in structured courses designed to take your skills to the next level. They range from learning a particular language and implementing them hands-on as projects to enhance learning. -![](/assets/Courses.png) + - **Inspiring Showcases**: Explore inspiring showcases of real-world projects and innovative web solutions. -![](/assets/Showcase.png) + - **Engaging Community**: Connect with a vibrant community of developers, share knowledge, and collaborate on projects. -![](/assets/Community.png) + ## Contributing Guidelines diff --git a/community/Learn.md b/community/Learn.md new file mode 100644 index 000000000..26ad4ab2e --- /dev/null +++ b/community/Learn.md @@ -0,0 +1,39 @@ +--- +id: learn +title: Welcome to CodeHarbourHub +sidebar_label: Learn +sidebar_position: 6 +--- + +Visit our website [CodeHarbourHub](https://codeharborhub.github.io/) + +## Introduction + +Welcome to "CodeHarbourHub" - Our mission at CodeHarbourHub to provide accessible and comprehensive educational resources to learners of all levels, from Beginners learners to Advanced professionals. +We're the exclusive platform offering a comprehensive tech curriculum, taught by industry masters, completely free. Join our vibrant community, master in-demand skills, and launch your dream tech career. + +## Features +- **In-Depth Tutorials**: Dive into comprehensive tutorials covering a wide range of programming languages like C++, Java, Python, JavaScript and Typescript and frameworks like ReactJS along with Data Structures and Algorithms. + + +- **Courses for Mastery**: Enroll in structured courses designed to take your skills to the next level. They range from learning a particular language and implementing them hands-on as projects to enhance learning. + + +- **Inspiring Showcases**: Explore inspiring showcases of real-world projects and innovative web solutions. + + +- **Engaging Community**: Connect with a vibrant community of developers, share knowledge, and collaborate on projects. + + +## Contributing Guidelines + +For the enthusiasts who want to contribute to CodeHarbourHub, please refer to our [Contributing Guildelines](https://github.com/CodeHarborHub/codeharborhub/blob/main/CONTRIBUTING.md) + +## Code of Conduct + +For all the enthusiastic contributers, please refer to the [Code of Conduct](https://github.com/CodeHarborHub/codeharborhub/blob/main/CODE_OF_CONDUCT.md) + +## Socials +Stay updated with the latest news and announcements: +- [LinkedIn](https://www.linkedin.com/groups/14232119/) +- [Twitter](https://twitter.com/CodesWithAjay) diff --git a/courses/index.md b/courses/index.md index 5760836dc..127fffc59 100644 --- a/courses/index.md +++ b/courses/index.md @@ -24,9 +24,16 @@ Our courses are designed to help you learn new skills and advance your career. W Explore our courses to find the one that suits your interests and goals. Whether you are looking to learn a new programming language, build a web application, analyze data, or improve your project management skills, we have a course for you. Start your learning journey today! -import courses from '@site/src/data/courses'; + - + + + + + To get started, select a course from the list above or explore our recommended courses below. If you have any questions or need help, feel free to reach out to us. diff --git a/courses/recommend.md b/courses/recommend.md deleted file mode 100644 index d164b2e0a..000000000 --- a/courses/recommend.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -id: recommended-courses -title: Recommended Courses -sidebar_label: Recommended Courses -sidebar_position: 2 -description: "Recommended courses for learning web development, data science, project management, security, and more." -tags: [courses] -keywoards: [courses] -author: [CodeHarborHub, Ajay Dhangar] -hide_table_of_contents: true ---- - -import courses from '@site/src/database/courses'; - - diff --git a/docs/web-socket/Introduction.md b/docs/web-socket/Introduction.md index c14c94e8b..a03586c4a 100644 --- a/docs/web-socket/Introduction.md +++ b/docs/web-socket/Introduction.md @@ -10,6 +10,7 @@ description: WebSocket is a communication protocol that provides full-duplex com WebSocket is a communication protocol that provides full-duplex communication channels over a single TCP connection. It is designed to be a more efficient and real-time alternative to traditional HTTP polling mechanisms for web applications. ### Introduction: + In WebSocket, web applications typically used HTTP for communication between the client (browser) and the server. HTTP, however, is a request-response protocol, which means the client sends a request to the server and the server responds with the requested data. This model is not suitable for scenarios where real-time, bidirectional communication is required because: 1. **Polling:** Clients need to continuously poll the server for updates, which can be inefficient and result in latency. @@ -19,6 +20,7 @@ In WebSocket, web applications typically used HTTP for communication between the WebSocket addresses these limitations by establishing a persistent connection between the client and the server, allowing both parties to initiate data exchange at any time, asynchronously. This connection is established through an initial handshake between the client and the server during which the protocol details are negotiated. ### Explanation: + WebSocket operates on top of TCP and provides a full-duplex communication channel between a client (typically a web browser) and a server. Here's how it works: 1. **Handshake:** The client and server establish a WebSocket connection through a handshake mechanism. The client sends an HTTP request with specific headers indicating its intent to upgrade to WebSocket. If the server supports WebSocket and agrees to the upgrade, it responds with an HTTP 101 status code (Switching Protocols) and WebSocket-specific headers. @@ -32,6 +34,7 @@ WebSocket operates on top of TCP and provides a full-duplex communication channe 5. **Compatibility:** WebSocket is supported by all modern web browsers and is widely used in web applications that require real-time communication. ### Use Cases: + WebSocket is particularly useful in applications requiring real-time updates or interaction, such as: - **Chat applications:** Enables instant messaging and group chats. diff --git a/src/css/custom.css b/src/css/custom.css index 45f862d4c..9a71d4c24 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -390,9 +390,9 @@ th { border-radius: 8px; } -[data-theme="dark"] #__docusaurus_skipToContent_fallback { +/* [data-theme="dark"] #__docusaurus_skipToContent_fallback { background: linear-gradient(rgba(15, 23, 42, 0.796), rgba(15, 23, 42, 0.23)); -} +} */ [data-theme="dark"] .navbar { background: rgba(15, 23, 42, 0.862); border-bottom: 1px solid #4e8da0db;