Skip to content
geeksforgeeks
  • Tutorials
    • Python
    • Java
    • Data Structures & Algorithms
    • ML & Data Science
    • Interview Corner
    • Programming Languages
    • Web Development
    • CS Subjects
    • DevOps And Linux
    • Software and Tools
    • School Learning
    • Practice Coding Problems
  • Courses
    • DSA to Development
    • Get IBM Certification
    • Newly Launched!
      • Master Django Framework
      • Become AWS Certified
    • For Working Professionals
      • Interview 101: DSA & System Design
      • Data Science Training Program
      • JAVA Backend Development (Live)
      • DevOps Engineering (LIVE)
      • Data Structures & Algorithms in Python
    • For Students
      • Placement Preparation Course
      • Data Science (Live)
      • Data Structure & Algorithm-Self Paced (C++/JAVA)
      • Master Competitive Programming (Live)
      • Full Stack Development with React & Node JS (Live)
    • Full Stack Development
    • Data Science Program
    • All Courses
  • Go Premium
  • Django
  • Views
  • Model
  • Template
  • Forms
  • Jinja
  • Python SQLite
  • Flask
  • Json
  • Postman
  • Interview Ques
  • MongoDB
  • Python MongoDB
  • Python Database
  • ReactJS
  • Vue.js
Open In App
Next Article:
Python Introduction
Next article icon

Django Tutorial | Learn Django Framework

Last Updated : 17 Jul, 2025
Comments
Improve
Suggest changes
Like Article
Like
Report

Django is a Python framework that simplifies web development by handling complex tasks for you. It follows the "Don't Repeat Yourself" (DRY) principle, promoting reusable components and making development faster. With built-in features like user authentication, database connections, and CRUD operations, Django lets you focus on building your web applications without reinventing the wheel.

Working of Django

Django uses the MVT (Model-View-Template) design pattern:

  • Model: Represents the data you want to display, typically sourced from a database.
  • View: Handles incoming requests and returns the appropriate template and content based on the user's request.
  • Template: A text file (usually HTML) that defines the structure of the web page and includes logic for displaying the data.

Why Use Django Framework?

  • Excellent documentation and high scalability.
  • Used by Top MNCs and Companies, such as Instagram, Disqus, Spotify, Youtube, Bitbucket, Dropbox, etc. and the list is never-ending.
  • Web framework Django is easy to learn, rapid development, and Batteries fully included.
  • The last but not least reason to learn Django in Python, It has a huge library and features such as Web Scraping, Machine Learning, Image Processing, Scientific Computing, etc. One can integrate all this with web applications and do lots and lots of advanced stuff.

Hostinger’s VPS hosting is built for developers looking to seamlessly integrate Django and other frameworks like Node.js. With full root access and support for multiple OS options, you get total control over your environment. Enjoy lightning-fast performance, robust security, automated backups, and one-click app installations—plus, the flexibility to scale as your projects grow. It’s the perfect foundation for developing and deploying your Django applications with ease

Getting Started with Django

In this section, you'll learn how to set up and start using Django, a powerful framework for building dynamic websites. Django helps you organize your project into apps, each handling a specific task. You’ll start by creating a project, which automatically sets up the necessary folder structure and basic settings.

  • Django Basics
  • Django Installation and Setup
  • Django Project MVT Structure
  • Create a Basic Project in Django
  • Create an App in Django

Django Views

Django views are the backbone of handling user requests and rendering responses. There are two two main types of views: Function Based Views (FBVs) and Class Based Views (CBVs). Function Based Views offer simplicity and directness, allowing developers to define views as Python functions.

  • Django views
  • Function Based Views
  • Class Based Views

To learn about difference between the both the views discussed above: Class Based vs Function Based Views

Django URLs

In Django, URL patterns are used to route incoming requests to the right views in your application. Using flexible patterns, you can match URLs and connect them to specific views. Django also makes it easy to handle GET parameters passed in URLs, allowing you to access user input and customize responses efficiently.

  • Django URLs
  • URL Validator in Django
  • URL Shortener with Django
  • Django URLResolver error

Django Templates

Django templates are used to create the HTML files that display data to users. They allow you to combine static HTML with dynamic content using template tags and variables. This helps separate the design from the Python code, making your web pages easier to manage and update.

  • Django templates
  • Template Variables
  • Template Tags
  • Template Filters
  • Template Inheritance

Django Syntax

Django variables are used inside templates to display dynamic data passed from views. You can include variables within double curly braces like {{ variable_name }} to show values on your web pages.

  • Boolean Operators
  • for loop
  • if else

Django Models

Django Models are the core of database management in Django, providing an easy way to interact with your data through its powerful Object-Relational Mapping (ORM) system. This guide covers key operations like creating, updating, and deleting data using models.

  • Django Models
  • Basic App Model – Makemigrations and Migrate
  • Model data types and fields list
  • Render Model in Django Admin Interface
  • ORM – Inserting, Updating & Deleting Data
  • Field Validations and Built-In Fields

Django Admin

The Django Admin Interface is a powerful, built-in tool that automatically generates a web-based interface for managing your models and application data. With it, you can easily add, view, edit, and delete records directly from a user-friendly dashboard, without needing to write extra code.

  • Django Admin Interface
  • CRUD Operation in Django Admin
  • Customize Object Names with __str__ Method

Django Query-Sets

A QuerySet is a way to retrieve and work with data from your database using Django’s ORM. It lets you filter, sort, and manage records easily with Python, without writing SQL. QuerySets fetch data only when needed, making your app more efficient.

  • Django QuerySets: Introduction and Using get()
  • Django QuerySets fiter()
  • Django QuerySets order_by()

Django Forms

Django comes with built-in Forms that simplify creating and managing HTML forms in your web apps. These forms help collect and validate user input securely and efficiently, saving you from writing repetitive code. Whether it’s login, registration, or any data entry, Django’s built-in Forms make handling forms easy and reliable.

  • Django Forms
  • How to create a form using Django Forms ?
  • Render HTML Forms (GET & POST) in Django
  • Django Form | Data Types and Fields
  • Django Formsets

Django REST API

Django REST API helps you create web APIs easily using Django and the Django REST Framework (DRF). It lets you share your data and app logic so that websites, mobile apps, or other programs can use them. DRF includes tools to handle data formatting, user login, and permissions, making it simple to build secure and reliable APIs.

  • Django Rest API

Miscellaneous

This section covers a variety of additional Django topics that don't fit neatly into the core areas but are essential for building fully functional, secure, and user-friendly Django applications. These topics include handling asynchronous requests, managing user permissions, customizing authentication, session management, and other practical concerns developers commonly face.

  • Ajax and Asynchronous Handling
  • User Authentication and Permissions
  • Sessions and State Management
  • How to integrate Mysql database with Django?
  • Django- Debugging and Warnings
  • When to Use Django? Comparison with other Development Stacks

Django Projects

In this section, we’ll explore how to structure and manage Django projects, which form the foundation for building any web application. These projects serve as containers for multiple apps, each handling specific features like user authentication, blog management, or e-commerce.

To help you learn step-by-step, here are some basic to advanced Django projects you can try:

  • Google authentication and Fetching mails from scratch
  • ToDo webapp using Django
  • Django News App
  • Weather app using Django
  • College Management System Using Django
  • E-Commerce Website Using Django
  • Creating Word Counter App Using Django
  • Voting System Project Using Django

For more advanced Djngo Projects, refer to this article: Django Projects

Django Quiz

Test your Django knowledge by answering quiz questions. The quiz questions are meant to test your understanding of Django concepts.

Take Django Quiz

Python Django Interview Question

Interviews are most important aspect of job recruitment and you need to prepare for interviews if you want to get job sooner. We have compiled some of the most asked interview questions for Django Developers. To boost your chances of cracking Django interviews at top companies, visit:

Top 50 Django Interview Questions and Answers

Features of Django

  • Fast Development: Django helps you build web applications quickly with minimal effort.
  • Built-in Admin: It comes with a ready-to-use admin interface to manage your website data easily.
  • Security: Django has built-in protections to guard against common security threats like SQL injection, XSS, and CSRF.
  • Reusability: Django follows the DRY (Don't Repeat Yourself) principle, encouraging reusable code components.
  • Scalable: Django is designed to handle websites of all sizes, from small apps to large-scale projects.
  • ORM (Object-Relational Mapping): Easily interact with your database without writing SQL queries.
  • URL Routing: Clean and simple URL structure that maps URLs to views in your app.
  • Templating Engine: Separate your HTML from Python code using Django’s templating system, making dynamic content easy to manage.

Applications of Django

Django is a versatile web framework used in a wide range of industries and projects. Here are some common applications:

  • Content Management Systems (CMS): Django is ideal for building custom CMS platforms due to its modularity and flexibility.
  • E-commerce Sites: Platforms like e-commerce websites benefit from Django’s scalability and robust security features.
  • Social Networking Platforms: Django’s ability to handle high traffic makes it perfect for social media apps and community-based websites.
  • Data-Driven Applications: With its powerful ORM and database management capabilities, Django is great for building applications that rely on large datasets.
  • API Development: Django, coupled with Django REST Framework (DRF), makes it simple to develop robust and scalable APIs.
  • Scientific Computing Platforms: Django is used in platforms that require complex data analysis and visualization.
  • News & Publishing Platforms: Its ability to manage large volumes of content efficiently makes it a go-to for news websites and online publications.
  • Educational Platforms: Many e-learning websites and educational tools are built with Django for its scalability and security.

Django vs. Other Web Frameworks

FeatureDjangoJava Spring BootExpress.js
LanguagePythonJavaJavaScript (Node.js)
ArchitectureFull-stack (MVT)Full-stack (MVC)Minimalist
Admin InterfaceBuilt-in admin interfaceNo built-in admin interfaceNo built-in admin interface
Development SpeedFast (due to built-in features)Medium (more setup required)Fast (simple routing)
ScalabilityHighly scalableHighly scalableHighly scalable
SecurityExcellent (with built-in protections)Excellent (strong security features)Needs additional security measures
ORMPowerful ORM (built-in)Powerful ORM (Hibernate)No built-in ORM
FlexibilityModerate (convention over configuration)High (highly configurable)High (minimalist with custom flexibility)
DocumentationExtensive and detailedExtensive and detailedGood but less detailed
Best forFull-scale apps, CMS, e-commerceEnterprise-level applications, APIsReal-time apps, APIs, microservices
Learning CurveModerate (due to its many features)Steeper (requires understanding of Java ecosystem)Moderate
Use CasesSocial networks, CMS, e-commerceLarge-scale enterprise applicationsReal-time apps, microservices

Careers with Django

Here’s a table showcasing some common Django career roles along with their approximate salary ranges in both INR and USD:

Career RoleSalary (INR/year)Salary (USD/year)
Django Developer₹4,00,000 - ₹10,00,000$50,000 - $90,000
Full-Stack Developer₹6,00,000 - ₹15,00,000$60,000 - $120,000
Software Engineer₹5,00,000 - ₹12,00,000$70,000 - $110,000
DevOps Engineer₹8,00,000 - ₹18,00,000$80,000 - $140,000
Technical Lead/Architect₹12,00,000 - ₹25,00,000$100,000 - $180,000

Introduction to Django
Next Article
Python Introduction

A

abhishek1
Improve
Article Tags :
  • Python
  • Python Django
  • Tutorials
  • Spotlight
Practice Tags :
  • python

Similar Reads

    Python Tutorial - Learn Python Programming Language
    Python is one of the most popular programming languages. It’s simple to use, packed with features and supported by a wide range of libraries and frameworks. Its clean syntax makes it beginner-friendly. It'sA high-level language, used in web development, data science, automation, AI and more.Known fo
    10 min read

    Python Fundamentals

    Python Introduction
    Python was created by Guido van Rossum in 1991 and further developed by the Python Software Foundation. It was designed with focus on code readability and its syntax allows us to express concepts in fewer lines of code.Key Features of PythonPython’s simple and readable syntax makes it beginner-frien
    3 min read
    Input and Output in Python
    Understanding input and output operations is fundamental to Python programming. With the print() function, we can display output in various formats, while the input() function enables interaction with users by gathering input during program execution. Taking input in PythonPython's input() function
    7 min read
    Python Variables
    In Python, variables are used to store data that can be referenced and manipulated during program execution. A variable is essentially a name that is assigned to a value. Unlike many other programming languages, Python variables do not require explicit declaration of type. The type of the variable i
    6 min read
    Python Operators
    In Python programming, Operators in general are used to perform operations on values and variables. These are standard symbols used for logical and arithmetic operations. In this article, we will look into different types of Python operators. OPERATORS: These are the special symbols. Eg- + , * , /,
    6 min read
    Python Keywords
    Keywords in Python are reserved words that have special meanings and serve specific purposes in the language syntax. Python keywords cannot be used as the names of variables, functions, and classes or any other identifier. Getting List of all Python keywordsWe can also get all the keyword names usin
    2 min read
    Python Data Types
    Python Data types are the classification or categorization of data items. It represents the kind of value that tells what operations can be performed on a particular data. Since everything is an object in Python programming, Python data types are classes and variables are instances (objects) of thes
    9 min read
    Conditional Statements in Python
    Conditional statements in Python are used to execute certain blocks of code based on specific conditions. These statements help control the flow of a program, making it behave differently in different situations.If Conditional Statement in PythonIf statement is the simplest form of a conditional sta
    6 min read
    Loops in Python - For, While and Nested Loops
    Loops in Python are used to repeat actions efficiently. The main types are For loops (counting through items) and While loops (based on conditions). In this article, we will look at Python loops and understand their working with the help of examples. For Loop in PythonFor loops is used to iterate ov
    9 min read
    Python Functions
    Python Functions is a block of statements that does a specific task. The idea is to put some commonly or repeatedly done task together and make a function so that instead of writing the same code again and again for different inputs, we can do the function calls to reuse code contained in it over an
    9 min read
    Recursion in Python
    Recursion involves a function calling itself directly or indirectly to solve a problem by breaking it down into simpler and more manageable parts. In Python, recursion is widely used for tasks that can be divided into identical subtasks.In Python, a recursive function is defined like any other funct
    6 min read
    Python Lambda Functions
    Python Lambda Functions are anonymous functions means that the function is without a name. As we already know the def keyword is used to define a normal function in Python. Similarly, the lambda keyword is used to define an anonymous function in Python. In the example, we defined a lambda function(u
    6 min read

    Python Data Structures

    Python String
    A string is a sequence of characters. Python treats anything inside quotes as a string. This includes letters, numbers, and symbols. Python has no character data type so single character is a string of length 1.Pythons = "GfG" print(s[1]) # access 2nd char s1 = s + s[0] # update print(s1) # printOut
    6 min read
    Python Lists
    In Python, a list is a built-in dynamic sized array (automatically grows and shrinks). We can store all types of items (including another list) in a list. A list may contain mixed type of items, this is possible because a list mainly stores references at contiguous locations and actual items maybe s
    6 min read
    Python Tuples
    A tuple in Python is an immutable ordered collection of elements. Tuples are similar to lists, but unlike lists, they cannot be changed after their creation (i.e., they are immutable). Tuples can hold elements of different data types. The main characteristics of tuples are being ordered , heterogene
    6 min read
    Dictionaries in Python
    Python dictionary is a data structure that stores the value in key: value pairs. Values in a dictionary can be of any data type and can be duplicated, whereas keys can't be repeated and must be immutable. Example: Here, The data is stored in key:value pairs in dictionaries, which makes it easier to
    7 min read
    Python Sets
    Python set is an unordered collection of multiple items having different datatypes. In Python, sets are mutable, unindexed and do not contain duplicates. The order of elements in a set is not preserved and can change.Creating a Set in PythonIn Python, the most basic and efficient method for creating
    10 min read
    Python Arrays
    Lists in Python are the most flexible and commonly used data structure for sequential storage. They are similar to arrays in other languages but with several key differences:Dynamic Typing: Python lists can hold elements of different types in the same list. We can have an integer, a string and even
    9 min read
    List Comprehension in Python
    List comprehension is a way to create lists using a concise syntax. It allows us to generate a new list by applying an expression to each item in an existing iterable (such as a list or range). This helps us to write cleaner, more readable code compared to traditional looping techniques.For example,
    4 min read

    Advanced Python

    Python OOPs Concepts
    Object Oriented Programming is a fundamental concept in Python, empowering developers to build modular, maintainable, and scalable applications. OOPs is a way of organizing code that uses objects and classes to represent real-world entities and their behavior. In OOPs, object has attributes thing th
    11 min read
    Python Exception Handling
    Python Exception Handling handles errors that occur during the execution of a program. Exception handling allows to respond to the error, instead of crashing the running program. It enables you to catch and manage errors, making your code more robust and user-friendly. Let's look at an example:Handl
    6 min read
    File Handling in Python
    File handling refers to the process of performing operations on a file, such as creating, opening, reading, writing and closing it through a programming interface. It involves managing the data flow between the program and the file system on the storage device, ensuring that data is handled safely a
    4 min read
    Python Database Tutorial
    Python being a high-level language provides support for various databases. We can connect and run queries for a particular database using Python and without writing raw queries in the terminal or shell of that particular database, we just need to have that database installed in our system.A database
    4 min read
    Python MongoDB Tutorial
    MongoDB is a popular NoSQL database designed to store and manage data flexibly and at scale. Unlike traditional relational databases that use tables and rows, MongoDB stores data as JSON-like documents using a format called BSON (Binary JSON). This document-oriented model makes it easy to handle com
    2 min read
    Python MySQL
    MySQL is a widely used open-source relational database for managing structured data. Integrating it with Python enables efficient data storage, retrieval and manipulation within applications. To work with MySQL in Python, we use MySQL Connector, a driver that enables seamless integration between the
    9 min read
    Python Packages
    Python packages are a way to organize and structure code by grouping related modules into directories. A package is essentially a folder that contains an __init__.py file and one or more Python files (modules). This organization helps manage and reuse code effectively, especially in larger projects.
    12 min read
    Python Modules
    Python Module is a file that contains built-in functions, classes,its and variables. There are many Python modules, each with its specific work.In this article, we will cover all about Python modules, such as How to create our own simple module, Import Python modules, From statements in Python, we c
    7 min read
    Python DSA Libraries
    Data Structures and Algorithms (DSA) serve as the backbone for efficient problem-solving and software development. Python, known for its simplicity and versatility, offers a plethora of libraries and packages that facilitate the implementation of various DSA concepts. In this article, we'll delve in
    15 min read
    List of Python GUI Library and Packages
    Graphical User Interfaces (GUIs) play a pivotal role in enhancing user interaction and experience. Python, known for its simplicity and versatility, has evolved into a prominent choice for building GUI applications. With the advent of Python 3, developers have been equipped with lots of tools and li
    11 min read

    Data Science with Python

    NumPy Tutorial - Python Library
    NumPy (short for Numerical Python ) is one of the most fundamental libraries in Python for scientific computing. It provides support for large, multi-dimensional arrays and matrices along with a collection of mathematical functions to operate on arrays.At its core it introduces the ndarray (n-dimens
    3 min read
    Pandas Tutorial
    Pandas is an open-source software library designed for data manipulation and analysis. It provides data structures like series and DataFrames to easily clean, transform and analyze large datasets and integrates with other Python libraries, such as NumPy and Matplotlib. It offers functions for data t
    6 min read
    Matplotlib Tutorial
    Matplotlib is an open-source visualization library for the Python programming language, widely used for creating static, animated and interactive plots. It provides an object-oriented API for embedding plots into applications using general-purpose GUI toolkits like Tkinter, Qt, GTK and wxPython. It
    5 min read
    Python Seaborn Tutorial
    Seaborn is a library mostly used for statistical plotting in Python. It is built on top of Matplotlib and provides beautiful default styles and color palettes to make statistical plots more attractive.In this tutorial, we will learn about Python Seaborn from basics to advance using a huge dataset of
    15+ min read
    StatsModel Library- Tutorial
    Statsmodels is a useful Python library for doing statistics and hypothesis testing. It provides tools for fitting various statistical models, performing tests and analyzing data. It is especially used for tasks in data science ,economics and other fields where understanding data is important. It is
    4 min read
    Learning Model Building in Scikit-learn
    Building machine learning models from scratch can be complex and time-consuming. Scikit-learn which is an open-source Python library which helps in making machine learning more accessible. It provides a straightforward, consistent interface for a variety of tasks like classification, regression, clu
    8 min read
    TensorFlow Tutorial
    TensorFlow is an open-source machine-learning framework developed by Google. It is written in Python, making it accessible and easy to understand. It is designed to build and train machine learning (ML) and deep learning models. It is highly scalable for both research and production.It supports CPUs
    2 min read
    PyTorch Tutorial
    PyTorch is an open-source deep learning framework designed to simplify the process of building neural networks and machine learning models. With its dynamic computation graph, PyTorch allows developers to modify the network’s behavior in real-time, making it an excellent choice for both beginners an
    7 min read

    Web Development with Python

    Flask Tutorial
    Flask is a lightweight and powerful web framework for Python. It’s often called a "micro-framework" because it provides the essentials for web development without unnecessary complexity. Unlike Django, which comes with built-in features like authentication and an admin panel, Flask keeps things mini
    8 min read
    Django Tutorial | Learn Django Framework
    Django is a Python framework that simplifies web development by handling complex tasks for you. It follows the "Don't Repeat Yourself" (DRY) principle, promoting reusable components and making development faster. With built-in features like user authentication, database connections, and CRUD operati
    10 min read
    Django ORM - Inserting, Updating & Deleting Data
    Django's Object-Relational Mapping (ORM) is one of the key features that simplifies interaction with the database. It allows developers to define their database schema in Python classes and manage data without writing raw SQL queries. The Django ORM bridges the gap between Python objects and databas
    4 min read
    Templating With Jinja2 in Flask
    Flask is a lightweight WSGI framework that is built on Python programming. WSGI simply means Web Server Gateway Interface. Flask is widely used as a backend to develop a fully-fledged Website. And to make a sure website, templating is very important. Flask is supported by inbuilt template support na
    6 min read
    Django Templates
    Templates are the third and most important part of Django's MVT Structure. A Django template is basically an HTML file that can also include CSS and JavaScript. The Django framework uses these templates to dynamically generate web pages that users interact with. Since Django primarily handles the ba
    7 min read
    Python | Build a REST API using Flask
    Prerequisite: Introduction to Rest API REST stands for REpresentational State Transfer and is an architectural style used in modern web development. It defines a set or rules/constraints for a web application to send and receive data. In this article, we will build a REST API in Python using the Fla
    3 min read
    How to Create a basic API using Django Rest Framework ?
    Django REST Framework (DRF) is a powerful extension of Django that helps you build APIs quickly and easily. It simplifies exposing your Django models as RESTfulAPIs, which can be consumed by frontend apps, mobile clients or other services.Before creating an API, there are three main steps to underst
    4 min read

    Python Practice

    Python Quiz
    These Python quiz questions are designed to help you become more familiar with Python and test your knowledge across various topics. From Python basics to advanced concepts, these topic-specific quizzes offer a comprehensive way to practice and assess your understanding of Python concepts. These Pyt
    3 min read
    Python Coding Practice Problems
    This collection of Python coding practice problems is designed to help you improve your overall programming skills in Python.The links below lead to different topic pages, each containing coding problems, and this page also includes links to quizzes. You need to log in first to write your code. Your
    1 min read
    Python Interview Questions and Answers
    Python is the most used language in top companies such as Intel, IBM, NASA, Pixar, Netflix, Facebook, JP Morgan Chase, Spotify and many more because of its simplicity and powerful libraries. To crack their Online Assessment and Interview Rounds as a Python developer, we need to master important Pyth
    15+ min read
`; $(commentSectionTemplate).insertBefore(".article--recommended"); } loadComments(); }); }); function loadComments() { if ($("iframe[id*='discuss-iframe']").length top_of_element && top_of_screen articleRecommendedTop && top_of_screen articleRecommendedBottom)) { if (!isfollowingApiCall) { isfollowingApiCall = true; setTimeout(function(){ if (loginData && loginData.isLoggedIn) { if (loginData.userName !== $('#followAuthor').val()) { is_following(); } else { $('.profileCard-profile-picture').css('background-color', '#E7E7E7'); } } else { $('.follow-btn').removeClass('hideIt'); } }, 3000); } } }); } $(".accordion-header").click(function() { var arrowIcon = $(this).find('.bottom-arrow-icon'); arrowIcon.toggleClass('rotate180'); }); }); window.isReportArticle = false; function report_article(){ if (!loginData || !loginData.isLoggedIn) { const loginModalButton = $('.login-modal-btn') if (loginModalButton.length) { loginModalButton.click(); } return; } if(!window.isReportArticle){ //to add loader $('.report-loader').addClass('spinner'); jQuery('#report_modal_content').load(gfgSiteUrl+'wp-content/themes/iconic-one/report-modal.php', { PRACTICE_API_URL: practiceAPIURL, PRACTICE_URL:practiceURL },function(responseTxt, statusTxt, xhr){ if(statusTxt == "error"){ alert("Error: " + xhr.status + ": " + xhr.statusText); } }); }else{ window.scrollTo({ top: 0, behavior: 'smooth' }); $("#report_modal_content").show(); } } function closeShareModal() { const shareOption = document.querySelector('[data-gfg-action="share-article"]'); shareOption.classList.remove("hover_share_menu"); let shareModal = document.querySelector(".hover__share-modal-container"); shareModal && shareModal.remove(); } function openShareModal() { closeShareModal(); // Remove existing modal if any let shareModal = document.querySelector(".three_dot_dropdown_share"); shareModal.appendChild(Object.assign(document.createElement("div"), { className: "hover__share-modal-container" })); document.querySelector(".hover__share-modal-container").append( Object.assign(document.createElement('div'), { className: "share__modal" }), ); document.querySelector(".share__modal").append(Object.assign(document.createElement('h1'), { className: "share__modal-heading" }, { textContent: "Share to" })); const socialOptions = ["LinkedIn", "WhatsApp","Twitter", "Copy Link"]; socialOptions.forEach((socialOption) => { const socialContainer = Object.assign(document.createElement('div'), { className: "social__container" }); const icon = Object.assign(document.createElement("div"), { className: `share__icon share__${socialOption.split(" ").join("")}-icon` }); const socialText = Object.assign(document.createElement("span"), { className: "share__option-text" }, { textContent: `${socialOption}` }); const shareLink = (socialOption === "Copy Link") ? Object.assign(document.createElement('div'), { role: "button", className: "link-container CopyLink" }) : Object.assign(document.createElement('a'), { className: "link-container" }); if (socialOption === "LinkedIn") { shareLink.setAttribute('href', `https://www.linkedin.com/sharing/share-offsite/?url=${window.location.href}`); shareLink.setAttribute('target', '_blank'); } if (socialOption === "WhatsApp") { shareLink.setAttribute('href', `https://api.whatsapp.com/send?text=${window.location.href}`); shareLink.setAttribute('target', "_blank"); } if (socialOption === "Twitter") { shareLink.setAttribute('href', `https://twitter.com/intent/tweet?url=${window.location.href}`); shareLink.setAttribute('target', "_blank"); } shareLink.append(icon, socialText); socialContainer.append(shareLink); document.querySelector(".share__modal").appendChild(socialContainer); //adding copy url functionality if(socialOption === "Copy Link") { shareLink.addEventListener("click", function() { var tempInput = document.createElement("input"); tempInput.value = window.location.href; document.body.appendChild(tempInput); tempInput.select(); tempInput.setSelectionRange(0, 99999); // For mobile devices document.execCommand('copy'); document.body.removeChild(tempInput); this.querySelector(".share__option-text").textContent = "Copied" }) } }); // document.querySelector(".hover__share-modal-container").addEventListener("mouseover", () => document.querySelector('[data-gfg-action="share-article"]').classList.add("hover_share_menu")); } function toggleLikeElementVisibility(selector, show) { document.querySelector(`.${selector}`).style.display = show ? "block" : "none"; } function closeKebabMenu(){ document.getElementById("myDropdown").classList.toggle("show"); }
geeksforgeeks-footer-logo
Corporate & Communications Address:
A-143, 7th Floor, Sovereign Corporate Tower, Sector- 136, Noida, Uttar Pradesh (201305)
Registered Address:
K 061, Tower K, Gulshan Vivante Apartment, Sector 137, Noida, Gautam Buddh Nagar, Uttar Pradesh, 201305
GFG App on Play Store GFG App on App Store
Advertise with us
  • Company
  • About Us
  • Legal
  • Privacy Policy
  • In Media
  • Contact Us
  • Advertise with us
  • GFG Corporate Solution
  • Placement Training Program
  • Languages
  • Python
  • Java
  • C++
  • PHP
  • GoLang
  • SQL
  • R Language
  • Android Tutorial
  • Tutorials Archive
  • DSA
  • DSA Tutorial
  • Basic DSA Problems
  • DSA Roadmap
  • Top 100 DSA Interview Problems
  • DSA Roadmap by Sandeep Jain
  • All Cheat Sheets
  • Data Science & ML
  • Data Science With Python
  • Data Science For Beginner
  • Machine Learning
  • ML Maths
  • Data Visualisation
  • Pandas
  • NumPy
  • NLP
  • Deep Learning
  • Web Technologies
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • ReactJS
  • NextJS
  • Bootstrap
  • Web Design
  • Python Tutorial
  • Python Programming Examples
  • Python Projects
  • Python Tkinter
  • Python Web Scraping
  • OpenCV Tutorial
  • Python Interview Question
  • Django
  • Computer Science
  • Operating Systems
  • Computer Network
  • Database Management System
  • Software Engineering
  • Digital Logic Design
  • Engineering Maths
  • Software Development
  • Software Testing
  • DevOps
  • Git
  • Linux
  • AWS
  • Docker
  • Kubernetes
  • Azure
  • GCP
  • DevOps Roadmap
  • System Design
  • High Level Design
  • Low Level Design
  • UML Diagrams
  • Interview Guide
  • Design Patterns
  • OOAD
  • System Design Bootcamp
  • Interview Questions
  • Inteview Preparation
  • Competitive Programming
  • Top DS or Algo for CP
  • Company-Wise Recruitment Process
  • Company-Wise Preparation
  • Aptitude Preparation
  • Puzzles
  • School Subjects
  • Mathematics
  • Physics
  • Chemistry
  • Biology
  • Social Science
  • English Grammar
  • Commerce
  • GeeksforGeeks Videos
  • DSA
  • Python
  • Java
  • C++
  • Web Development
  • Data Science
  • CS Subjects
@GeeksforGeeks, Sanchhaya Education Private Limited, All rights reserved
We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy
Lightbox
Improvement
Suggest Changes
Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal.
geeksforgeeks-suggest-icon
Create Improvement
Enhance the article with your expertise. Contribute to the GeeksforGeeks community and help create better learning resources for all.
geeksforgeeks-improvement-icon
Suggest Changes
min 4 words, max Words Limit:1000

Thank You!

Your suggestions are valuable to us.

What kind of Experience do you want to share?

Interview Experiences
Admission Experiences
Career Journeys
Work Experiences
Campus Experiences
Competitive Exam Experiences