codeharborhub · ajay-dhangar · Jan 4, 2025 · Nov 25, 2024 · Dec 11, 2024 · Jan 4, 2025
@@ -6,7 +6,7 @@ tags:
   - Web Development
   - Frontend Development
   - Backend Development
-date: 2024-06-10 09:32:00
+date: 2024-06-10
 ---
 
 Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. This guide will introduce you to Django, walk you through setting up a Django project, and cover key features and best practices for developing robust web applications.
@@ -53,10 +53,10 @@ A Django project is a collection of settings and configurations for an instance
 
 ### Key Files and Directories
 
-manage.py: A command-line utility for interacting with your project.
-settings.py: Configuration settings for your project.
-urls.py: URL declarations for your project.
-wsgi.py and asgi.py: Entry points for WSGI/ASGI-compatible web servers.
+- **manage.py:** A command-line utility for interacting with your project.
+- **settings.py:** Configuration settings for your project.
+- **urls.py:** URL declarations for your project.
+- **wsgi.py and asgi.py:** Entry points for WSGI/ASGI-compatible web servers.
 
 ## 4. Building Your First Django App
 
@@ -70,9 +70,9 @@ python manage.py startapp myapp
 
 ### Defining Models
 
-Models are Python classes that define the structure of your database tables. Define a model in models.py:
+Models are Python classes that define the structure of your database tables. Define a model in `models.py`:
 
-```python
+```python title="myapp/models.py"
 from django.db import models
 
 class Post(models.Model):
@@ -94,7 +94,7 @@ python manage.py migrate
 
 Register your models to be managed via the Django admin interface:
 
-```python
+```python title="myapp/admin.py"
 from django.contrib import admin
 from .models import Post
 
@@ -104,10 +104,10 @@ admin.site.register(Post)
 
 ## 5. Django Views and Templates
 
-Creating Views
-Views handle the logic of your application and return responses. Define a view in views.py:
+### Creating Views
+Views handle the logic of your application and return responses. Define a view in `views.py`:
 
-```python
+```python title="myapp/views.py"
 from django.shortcuts import render
 from .models import Post
 
@@ -118,9 +118,9 @@ def index(request):
 
 ### URL Routing
 
-Map URLs to views in urls.py:
+Map URLs to views in `urls.py`:
 
-```python
+```python title="myapp/urls.py"
 from django.urls import path
 from . import views
 
@@ -131,9 +131,9 @@ urlpatterns = [
 
 ### Using Templates
 
-Create HTML templates in the templates directory. For example, index.html:
+Create HTML templates in the templates directory. For example, `index.html`:
 
-```html
+```html title="myapp/templates/index.html"
 <!doctype html>
 <html>
   <head>
@@ -152,9 +152,9 @@ Create HTML templates in the templates directory. For example, index.html:
 
 ### Template Inheritance
 
-Use template inheritance to avoid redundancy. Create a base template base.html:
+Use template inheritance to avoid redundancy. Create a base template `base.html`:
 
-```html
+```html title="myapp/templates/base.html"
 <!doctype html>
 <html>
   <head>
@@ -166,11 +166,12 @@ Use template inheritance to avoid redundancy. Create a base template base.html:
 </html>
 ```
 
-Extend it in index.html:
+Extend it in `index.html`:
 
-```html
-{% extends 'base.html' %} {% block title %}Home{% endblock %} {% block content
-%}
+```html title="myapp/templates/index.html"
+{% extends 'base.html' %}
+{% block title %}Home{% endblock %}
+{% block content %}
 <h1>Posts</h1>
 <ul>
   {% for post in posts %}
@@ -184,9 +185,9 @@ Extend it in index.html:
 
 ### Creating Forms
 
-Define a form in forms.py:
+Define a form in `forms.py`:
 
-```python
+```python title="myapp/forms.py"
 from django import forms
 from .models import Post
 
@@ -196,10 +197,10 @@ class PostForm(forms.ModelForm):
         fields = ['title', 'content']
 ```
 
-Handling Form Submissions
+### Handling Form Submissions
 Handle form submissions in a view:
 
-```python
+```python title="myapp/views.py"
 from django.shortcuts import render, redirect
 from .forms import PostForm
 
@@ -214,10 +215,10 @@ def create_post(request):
     return render(request, 'create_post.html', {'form': form})
 ```
 
-Form Validation
+### Form Validation
 Django forms automatically handle validation, but you can add custom validation methods to your form fields if needed.
 
-Using Django Forms with Models
+### Using Django Forms with Models
 Django forms can be used directly with models to simplify data handling and validation.
 
 ## 7. Deploying Django Applications

@@ -2,7 +2,7 @@
 title: Step-by-Step Guide Debugging Tests in Create React App
 authors: [ajay-dhangar]
 tags: [Debugging Tests]
-date: 2024-03-14 14:37:46
+date: 2024-03-14
 description: Step-by-Step Guide Debugging Tests in Create React App
 draft: false
 ---

@@ -2,7 +2,7 @@
 title: "CI evolution: From FTP client to GitHub Action"
 authors: [ajay-dhangar]
 tags: [ftp, sftp, GitHub Action, ftp deploy]
-date: 2024-03-15 11:37:46
+date: 2024-03-15
 decription: The evolution of remote file management
 draft: false
 ---

@@ -1,6 +1,6 @@
 ---
 title: "Mastering OOP concepts in JAVA"
-sidebar_label: OOP
+sidebar_label: OOPs in Java
 authors: [dharshibalasubramaniyam]
 tags: [oop, java, best-practices]
 date: 2024-06-18

@@ -1,9 +1,9 @@
 ---
-title: "Introduction to Quantum Computing and Its Applications"
+title: "Introduction to Quantum Computing and It's Applications"
 sidebar_label: Quantum Computing
 authors: [pujan-sarkar]
 tags: [Quantum Computing, Applications]
-date: 2024-07-22
+date: 2024-11-25
 ---
 
 In the realm of computing, quantum computing stands as a revolutionary field that leverages the principles of quantum mechanics to process information in fundamentally different ways compared to classical computing. This blog aims to introduce the basics of quantum computing, explore its potential applications, and provide resources for further learning.
@@ -24,7 +24,9 @@ Quantum computing harnesses the peculiar principles of quantum mechanics, such a
 
 A qubit is the fundamental unit of quantum information. Unlike a classical bit, which can be either 0 or 1, a qubit can exist in a state that is a linear combination of both. This property is called superposition. Mathematically, a qubit's state can be represented as:
 
-$$ |\psi\rangle = \alpha|0\rangle + \beta|1\rangle $$
+$$ 
+|\psi\rangle = \alpha|0\rangle + \beta|1\rangle 
+$$
 
 where $|\alpha|^2$ and $|\beta|^2$ are the probabilities of the qubit being in the state $|0\rangle$ and $|1\rangle$ respectively, and $|\alpha|^2 + |\beta|^2 = 1$.
 

@@ -3,7 +3,7 @@ title: "React JS"
 sidebar_label: React JS
 authors: [hitesh-gahanolia]
 tags: [javascript, framework, frontend, react, node]
-date: 2024-06-13 12:29
+date: 2024-06-13
 hide_table_of_contents: true
 ---
 

@@ -3,7 +3,7 @@ title: "Chrome Extension Using MERN"
 sidebar_label: Chrome Extension Using MERN
 authors: [khushi-kalra]
 tags: [chrome extension, web dev, React, Express, MongoDB, Node, UI]
-date: 2024-06-13 23:23:23
+date: 2024-06-13
 hide_table_of_contents: true
 ---
 

@@ -2,8 +2,8 @@
 title: "Sed: Normalize markdown file with Regex"
 authors: [ajay-dhangar]
 tags: [sed, regex, web clipper]
-date: 2024-03-15 14:37:46
-description: How to normalize markdown file with Regex
+date: 2024-03-15
+description: How to normalize markdown file with Regex using sed command-line utility in Linux, macOS, and Windows.
 draft: false
 ---
 
@@ -16,7 +16,7 @@ One of the common issues I encounter is inconsistent formatting of the front mat
 ```markdown
 ---
 title: "Sed: Normalize markdown file with Regex"
-author: Ajay Dhangar
+author: [ajay-dhangar]
 tags: [sed, regex, web clipper]
 date: 2020-11-26 21:13:28
 description: How to normalize markdown file with Regex
@@ -32,7 +32,7 @@ To make the front matter consistent across all my markdown files, I decided to u
 sed -i -E "s/^---\n(.*: .*\n)+---\n//g" file.md
 ```
 
-Let's break down the regular expression:
+**Let's break down the regular expression:**
 
 - `^---\n` matches the opening three dashes at the beginning of the file, followed by a newline character.
 - `(.*: .*\n)+` matches one or more lines containing a key-value pair, where the key is followed by a colon and a space, and the value is followed by a newline character.

@@ -1,9 +1,9 @@
 ---
-title: "SQL"
-sidebar_label: SQL - Structured Query Language
-authors: [hitesh-gahanolia]
+title: "SQL - Structured Query Language"
+sidebar_label: "SQL"
+authors: [ajay-dhangar, hitesh-gahanolia]
 tags: [sql, databases, data]
-date: 2024-06-12 5:17
+date: 2024-06-12
 hide_table_of_contents: true
 ---
 

@@ -13,10 +13,4 @@ Hello, and welcome to the CSS Learning Path! In this page, you will find a colle
 
 ## Core Courses
 
-The following courses are designed to help you learn the fundamentals of CSS, including selectors, properties, values, and more. These courses will guide you through the basics of CSS and help you build a solid foundation in front-end web development.
-
-import CSSCourses from '@site/src/database/all-courses/CSSCourses';
-
-<div className="Courses">
-    <Courses courses={CSSCourses} />
-</div>
+The following courses are designed to help you learn the fundamentals of CSS, including selectors, properties, values, and more. These courses will guide you through the basics of CSS and help you build a solid foundation in front-end web development.
@@ -7,11 +7,11 @@ tags: [html, web-development, front-end-development, web-design, web-browsers, w
 description: In this tutorial, you will learn about How HTML works with web browsers and how web browsers render HTML content.
 ---
 
-<AdsComponent />
-
 > *We have already learned HTML in the previous tutorial. In this tutorial, we will learn about how HTML works with web browsers and how web browsers render HTML content.*
 
-HTML, which stands for HyperText Markup Language, serves as the backbone of the World Wide Web. It is the standard language used to create web pages, providing the structure and content that browsers render for users to interact with. Understanding how HTML works with web browsers is fundamental for anyone diving into web development.
+HTML, which stands for **HyperText Markup Language**, serves as the backbone of the World Wide Web. It is the standard language used to create web pages, providing the structure and content that browsers render for users to interact with. Understanding how HTML works with web browsers is fundamental for anyone diving into web development.
+
+<AdsComponent />
 
 ## HTML: The Building Blocks of Web Pages
 
@@ -40,6 +40,9 @@ HTML is a markup language that uses tags to define the structure and content of
         <p>This is my first web page.</p>
       </BrowserWindow>
     </TabItem>
+    <TabItem value="how-html-works" label="How HTML Works">
+      ![alt text](./assets/image-1.png)
+    </TabItem>
 </Tabs>
 
 In this example, the `<h1>` tag creates a heading, and the `<p>` tag creates a paragraph. The browser interprets these tags and displays the content accordingly. HTML tags can be nested within each other to create more complex structures, such as lists, tables, forms, and more.