Skip to content
geeksforgeeks
  • 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
  • Tutorials
    • Data Structures & Algorithms
    • ML & Data Science
    • Interview Corner
    • Programming Languages
    • Web Development
    • CS Subjects
    • DevOps And Linux
    • School Learning
  • Practice
    • GfG 160: Daily DSA
    • Problem of the Day
    • Practice Coding Problems
    • GfG SDE Sheet
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • jQuery
  • AngularJS
  • ReactJS
  • Next.js
  • React Native
  • NodeJS
  • Express.js
  • MongoDB
  • MERN Stack
  • PHP
  • WordPress
  • Bootstrap
  • Tailwind
  • CSS Frameworks
  • JS Frameworks
  • Web Development
Open In App
Next Article:
How to Switch from Backend Developer to Frontend Developer
Next article icon

How to Switch from Frontend to Backend Developer

Last Updated : 25 Sep, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

In this digital world, backend development is crucial to creating any application and solution. It involves creating the backend of the application which can handle the API calls, send data to the client, receive requests, and authenticate users.

How to switch from Frontend to backend dev

This article will help you understand about the backend technology. This will also give you the steps to switch your field from front-end to back-end, which is helpful in your career journey. By reading this article you will be able to find the advantages of Backend developers.

Table of Content

  • What is Backend Development?
  • Steps to Become a Backend Developer
    • Step 1: Understand the Technology
    • Step 2: Create Projects
    • Step 3: Enhance the Portfolio
    • Step 4: Collaborate and Seek Feedback
    • Step 5: Continuous Learning
  • Back-End Development Essentials
  • Certification to Become a Backend Developer
  • Preparing for Interviews
  • Conclusion
  • How to Switch from Frontend to Backend Developer - FAQs

What is Backend Development?

In web development, the term "Backend Developer" refer to the person who write codes to create a backend program. In other words, the back-end developer creates the backend, and API, and fulfills the request data or requirements. Backend Development is the process of handling the requests and giving the data to the users.

Steps to Become a Backend Developer

Step 1: Understand the Technology

Backend developers know how to write code for the backend like Python (Django), PHP, C#, and NodeJs. To become a backend developer, you should learn new backend skills and languages used to develop a backend. There are many languages which you can choose depending on the learning curve, simplicity, or community. Some of them are given below:

  • NodeJs is an open-source, javascript runtime enviournment that is run on the windows, linux. It is good for the developer who is familar to the javascript and its framework earlier.
  • PHP is the general purpose scripting language and used to create many program. It is powerful and can develop a full working website.
  • Python language is also the good option to develop a backend, It has Django and Flask to develop the backend more efficiently.
  • Java is also used to create a backend for our website, it is used by many developers because it has many advantages like portability. It means that writing code on one machine can run on other machine.
  • Ruby is also used to develop the backend.

Step 2: Create Projects

Creating a project is the best way to master any stack/technology. Creating many projects for backend development will help you to understand and gain the hands on practice. It will also make sure the understanding of the concepts to you. You will never forget any skills and ensure productivity. You can find the project idea on backend. It will help you to start from basic and go up to advanced level. Start making project on the simple topic like CRUD operation, and chatting application. Why we need to create projects?

  • Boost the learning phase: While learning making projects will boost your learning speed and get fimilier to every aspects.
  • Easy to Learn: It is very easy way to learn from creating a project.
  • Real World practise: It will give you the real world problems and help you to solve the problem efficiently.
  • Create a good portfolio: It enhance your portfolio page, and enhance you skills set so that you can handle each and every problems.

Step 3: Enhance the Portfolio

Enhancing your portfolio includes, adding more projects to your portfolio, gain skills, explain the responsibility etc. This will ensure that you will get all of the required skills and knowledge to grow your journey to the backend developer. It will make you a good backend developer who can work in any backend project. Enhancing your portfolio is the key to get change to get a good jobs.

Step 4: Collaborate and Seek Feedback

You should connect with the related communities and forums to gain the knowledge/help. If you stuck on any bug, you should connect with them and find the solution very easily. Contributing towards open-source project will also make sure that growing your skill set. It will also help to creating a good portfolio.

Step 5: Continuous Learning

Your journey towards the backend developer will open a door to learn new things. Leaning never ends, you will have to learn each and everytime you create a project. Your client colleagues and friends also help you to learn new things, and this continues learning never ends. You have to be continues while learning for following things:

  • Get new ideas: This will help to gain the new ideas to implements.
  • Easy to implement: If you try again and again. You will find that, Now you are implementing all the task very efficiently.

Back-End Development Essentials

  • Knowledge of Web Server : Web servers are the hardware or software which is used to respond to the client. It uses HTTP and other protocols.
  • Programming Languages: Their are many programming language which can create a backend in your PC. That programming languages includes Django(Python), PHP, Nodejs(javascript) etc. These can be used to create a backend servers.
  • Version Control System (Git) : It is used for version control, and helpful to contribute in a single project. When many developers are engaging in a single project that time it is used.
  • Knowledge of Web Security : You should know how to protect your website from unauthorised users. Their are terms like encryption, decrypt, authentication, and data integrity all of the term you should know.
  • APIs (Application Programming Interface): These are used to send API to get data from the servers, and backed should be able to handle the API call efficiently is very important. API that you should know is REST, JSON, SOAP etc.
  • Containerization & Testing : Now its time to combined the project into a single project file/folder, That folder should have all the libraries and framework required to run this project. Test is used to test your project in multi levels, and their are many testing techniques available including Black Box testing, White Box testing, Unit testing and functional testing.
  • Deployment: After all the steps are completed, its time to deploy your application/webapp to visible for others.

Certification to Become a Backend Developer

Becoming a backend developer and switching from front-end to back-end both needs guidelines. These guidelines not only give you the direction but also understand the easy way to solve any problem. GeeksforGeeks(Java Backend Development) and other institutes are providing certification on backend developers. This will not only provide you the skill set, but also give you the certificate which you can include to your cv. It makes a plus point which increase the chance of getting new jobs.

Preparing for Interviews

Now its time for your interview preparation, It is very important to prepare for an interview and for becoming a backend developer in a company is not that much easy task. You should know all the core concepts and its implementation. For concepts and implementation you can refer to the GeeksforGeeks website it will give you many article on how to prepare for your interviews. After concepts and implementation you should now cover the following questions:

  • What is the need of backend?
  • How do you implement CRUD operations?
  • How you can create a authentication system?
  • How to implement chat Bot?
  • What is the best project you did to learn backend?
  • Why do you want to switch your domain?

You can practise to these question to prepare for your upcoming interviews. These question will help you reach out to every section of this domain.

Also Read

  • How to Become a Backend Developer in 2024 | A Step-by-Step Guide
  • 10 Skills to Become a Backend Developer in 2024
  • How to Connect Front End and Backend

Conclusion

In conclusion, backend developers are the person who is responsible to create backend of the application and complete the requirement of the frontend whether is data requirement or any documents. Switchin from front-end to backend ensures that career growth, because you are now not only the front-end developer you are a step ahead of full stack developer.


Next Article
How to Switch from Backend Developer to Frontend Developer
author
nitinkuhz4o
Improve
Article Tags :
  • GBlog
  • Web Technologies
  • Frontend-Development
  • Backend-Development
  • GBlog 2024
  • Career Switch

Similar Reads

    Web Development

    How to become Web Developer [2025]
    How can I start learning web development? Is it easy? And how can I keep up with the latest web designing technologies? These are the questions that appear in every beginner's mind. There is also confusion between web designing and web development, but we’ll talk about web development. It depends on
    8 min read
    Begin Web Development with a Head Start
    To get a head start in web development, you can take the following steps: Learn the basics: Learn the basics of HTML, CSS, and JavaScript, which are the building blocks of web development. You can use online tutorials and resources, such as Codecademy, W3Schools, and FreeCodeCamp to start learning.
    8 min read
    10 Best Web Development Project Ideas For Beginners in 2024
    Learning web development is an exciting journey that opens doors to lots of creative possibilities. But for beginners, figuring out where to start with projects can be tricky. This article provides you with the Top 10 web development project ideas that are perfect for sharpening your skills in 2024.
    7 min read
    30+ Web Development Projects with Source Code [2025]
    Web development is one of the most in-demand career paths in the IT industry, experiencing consistent growth of around 20–25% annually. Whether you're a student starting out or an experienced professional looking to switch or advance your career, it's essential to go beyond theory and demonstrate yo
    4 min read
    100 Days of Web Development - A Complete Guide For Beginners
    How to become Web Developer? What is the salary of a Web Developer?What are the skills required to become a web developer? How many days will it take to become a web developer?To answer all these questions and give you a correct pathway, we have come up with 100 Days of Web Development that will gui
    7 min read

    Front-End Development

    Frontend Development
    Front-end Development is the development or creation of a user interface using some markup languages and other tools. It is the development of the user side where only user interaction will be counted. It consists of the interface where buttons, texts, alignments, etc are involved and used by the us
    8 min read
    What is Frontend Development? Skills, Salary and Roles
    Want to build those beautiful UIs that you scroll through to search for something? Want to become a front-end developer? You have landed at the right place.In this article, we'll be talking about everything that you should know in order to build your front-end development journey. We'll be covering
    5 min read
    What is a Frontend Developer ?
    A Front-End Developer is type of a Software Engineer who handles the User Interface of a website. As we know web development can be divided into three categories Front-End Development, Back-End Development, and Full-Stack Development. The persons who know Front-End Development are known as Front-End
    3 min read
    Frontend Developer Roadmap 2025
    Frontend development means to design the face of a website or application. It involves working on the appearance of the website. Building interactive buttons, using images and animations, or any other aspect that involves enhancing the appearance of the webpage.A web developer is one of the most dem
    8 min read
    How to Become a Front-End Developer? [2025]
    Whenever you visit a website, the look and feel is often the first thing that influences whether you'll continue exploring it or not. A website with a poor design or user interface can quickly turn users away. That's where the Front-End Developer comes in!A Front-End Developer is responsible for ens
    7 min read
    What Skills Should a Front-End Developer Have?
    Are you keen on becoming a front-end developer? How interesting! Front-end developers are like magic creators who create websites that show up extraordinary and work well. But what must you have to end up one? Let us explore the significant abilities each front-end engineer should have. What is Fron
    13 min read
    How Much JavaScript is Required to Become Front End Developer?
    Front-end Development is the part of web development that is focused on the user end of a website or web application. It involves the development of elements that provides the interaction between the user and browsers. HTML, CSS, and JavaScript are the main components used by front-end developers. H
    8 min read
    10 Best Front-End Development Courses [2025]
    Do you want to become a front-end developer? If yes, are you looking for a path/guide which will help you to become one? You've come to the right place. Let's understand what is front-end development first. Frontend development is the most required and high-paying skill, companies are searching for.
    11 min read
    Best Books to Learn Front-End Web Development
    There is a huge demand for Front-End Web Developers or Web Designers in IT, and Front-End Developer Jobs are also some of the highest-paying jobs. These all are the reason people love to choose this field. Frontend development is all about UI/UX, where the main concern is related to the layout, styl
    9 min read
    10 Best Tools For Front-End Web Development
    As you can see, online businesses are becoming more and more concerned about the UI of their respective websites to provide a better user experience and generate better ROI - the demand for Front-End Developers has also increased significantly in recent years. Reports say that an enriching, creative
    9 min read
    How Much DSA is Required For Front End Developer Interview?
    Front-end developer creates the user-facing component such as the user interface(UI) and user experience(UX), that determines how the user interacts with the digital product. Front-end engineer works with generally HTML, CSS, JavaScript, and frameworks like React or Angular. But having a solid found
    10 min read
    Frontend Developer Interview Questions and Answers
    Frontend development is an important part of web applications, and it is used to build dynamic and user-friendly web applications with an interactive user interface (UI). Many companies are hiring skilled Frontend developers with expertise in HTML, CSS, JavaScript, and modern frameworks and librarie
    15+ min read

    Back-End Development

    What is Backend Development? Skills, Salary and Roles
    Backend development is a blessing to all of us that we are able to get everything done by just sitting at home. Be it booking tickets, watching movies, or any sort of thing, backend development plays a major role in building an application. It is also one of the highly demanding professions in the I
    7 min read
    Backend Development
    Backend Development involves the logic, database, and other operations that are built behind the scenes to run the web servers efficiently. Backend Development refers to the server-side development of the web application. It is the part of the application where the server and database reside and the
    12 min read
    Top 10 Backend Technologies You Must Know
    To provide any responsive and effective software solution, frontend, and backend are the two most essential technologies that work together. A back-end framework is used to create server-side web architectures stably and efficiently. Backend technologies focus on improving the hidden aspects of the
    11 min read
    How to Become a Backend Developer in 2025
    A Backend Developer is responsible for the server-side of web applications. Unlike frontend developers, who focus on the parts of a website users interact with, backend developers ensure that the systems and databases work seamlessly to support the front-end operations. Server-Side Development: Writ
    9 min read
    10 Skills to Become a Backend Developer in 2024
    A backend developer is responsible for writing backend codes and communicating when the user triggers any particular action. Today they have become the backbone of web development and they’re in high demand on a vast scale of companies. Whatever you do in your application, the back end is responsibl
    10 min read
    10 Best Back-End Programming Languages in 2024
    If you are planning to get started with web development, then you must be aware that web development is broadly classified into two parts i.e. frontend development and backend development. The primary difference between these two is that frontend development serves the client side in which the focus
    7 min read
    Node.js Basics: Back-End Development in MERN Stack
    Node.js is an open-source and cross-platform JavaScript runtime environment. It’s a powerful tool suitable for a wide range of projects. Node.js stands out as a game-changer. Imagine using the power of JavaScript not only in your browser but also on the server side. Table of Content What is MERN sta
    7 min read
    How to Become a Backend Developer in 2025
    A Backend Developer is responsible for the server-side of web applications. Unlike frontend developers, who focus on the parts of a website users interact with, backend developers ensure that the systems and databases work seamlessly to support the front-end operations. Server-Side Development: Writ
    9 min read
    Backend Developer Interview Questions
    Backend development involves working on the server side of web applications, where the logic, database interactions, and server management take place. It focuses on handling data, processing requests from clients, and generating appropriate responses.In this Top Backend Development interview questio
    15+ min read

    Fronted Vs Backend Development

    Frontend vs Backend Development
    In web development, the terms frontend and backend are essential for understanding how websites and web applications work. These two components make up the core of any modern web application, each serving a unique purpose. Frontend is what users see and interact with on a website, like the layout, b
    6 min read
    FrontEnd vs BackEnd: Which One Should I Choose?
    Developing a website is a wonderful task that now every individual wishes to do. There are more than 1 billion websites running today and more than 200 million of them are active. Web Development has become one of the most demanding and highest-paying jobs in India or outside India. The integral par
    7 min read
    How to Switch from Frontend to Backend Developer
    In this digital world, backend development is crucial to creating any application and solution. It involves creating the backend of the application which can handle the API calls, send data to the client, receive requests, and authenticate users. This article will help you understand about the backe
    8 min read
    How to Switch from Backend Developer to Frontend Developer
    In this technological world, People want to become a web developer and some of the working developers want to change their careers to different domains. Some backend developer wants to join the frontend development and want to work in a company as a frontend developer. This article is about How you
    8 min read

    Full Stack Development

    What is Full Stack Development ?
    Full Stack Development refers to the development of both front end (client side) and back end (server side) portions of web applications. If you want to learn in full structure form then you should enrol in our Full stack devloper course! You'll learn to create powerful web applications from scratch
    6 min read
    Full Stack Developer Roadmap [2025 Updated]
    Web Developer/ Full Stack Web Developer - How do you feel when you tag yourself with such titles? A long journey takes place to be called by such names. In the beginning, you might feel bored or terrified, but, trust me, this is the most popular and interesting field one should work on. You can also
    15 min read
    How to Become a Full Stack Web Developer in 2025
    How did you feel when you created your first login form on a web page after so many trials and tested templates (don't say that you made everything from scratch...)? ... How did you feel when you gave the layout to your first web application after multiple changes (Yes...you took the reference of so
    9 min read
    Requirements to become a full stack developer
    A full stack developer is a person who is an expert in designing, building, maintaining, and updating both the front end and back end of a website or a web application. A full-stack developer is someone who can develop both client and server software. One should be well familiar with front-end, and
    8 min read
    Full Stack Developer Salary in India (2024)
    Full Stack Developer Salary in India- The average Full Stack Developer salary in India ranges between 5 to 9 LPA. The number can go as high as 16 LPA for experienced professionals with the right skills. Full-stack developers are responsible for building a web application's front and back end. Full-s
    9 min read
    Top 10 Full Stack Development Trends in 2025
    Full stack development is the practice of building software systems or web applications that comprise both front-end and back-end components. A full-stack developer is good at multiple layers of the software development cycle and can work on different terms in the application building including, UI,
    10 min read
    12 Best Full Stack Project Ideas in 2025
    Full stack developers handle everything from front-end to back-end, making them very valuable in tech. To learn full stack and show off your skills, building real projects is a must. In this article, you'll find 12 great full stack project ideas to boost your portfolio. But first, let’s understand w
    14 min read
    Full Stack Developer Interview Questions and Answers - 2025
    Full Stack Development is a crucial aspect of modern web applications, involving both frontend and backend technologies to build dynamic, scalable, and high-performance applications. Skilled Full Stack Developers proficient in HTML, CSS, JavaScript, React, Node.js, Express, MongoDB, Spring Boot, Dja
    15+ min read

    Full Stack Development Stacks

    MERN Stack
    The MERN stack is a widely adopted full-stack development framework that simplifies the creation of modern web applications. Using JavaScript for both the frontend and backend enables developers to efficiently build robust, scalable, and dynamic applications.What is MERN Stack?MERN Stack is a JavaSc
    9 min read
    MEAN Stack
    In the world of full-stack development, the MEAN stack has became one of the top choice for building dynamic and robust web applications. Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and databa
    9 min read
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
  • Data Structures
  • Algorithms
  • DSA for Beginners
  • 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
  • World GK
  • 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.

'); // $('.spinner-loading-overlay').show(); let script = document.createElement('script'); script.src = 'https://assets.geeksforgeeks.org/v2/editor-prod/static/js/bundle.min.js'; script.defer = true document.head.appendChild(script); script.onload = function() { suggestionModalEditor() //to add editor in suggestion modal if(loginData && loginData.premiumConsent){ personalNoteEditor() //to load editor in personal note } } script.onerror = function() { if($('.editorError').length){ $('.editorError').remove(); } var messageDiv = $('
').text('Editor not loaded due to some issues'); $('#suggestion-section-textarea').append(messageDiv); $('.suggest-bottom-btn').hide(); $('.suggestion-section').hide(); editorLoaded = false; } }); //suggestion modal editor function suggestionModalEditor(){ // editor params const params = { data: undefined, plugins: ["BOLD", "ITALIC", "UNDERLINE", "PREBLOCK"], } // loading editor try { suggestEditorInstance = new GFGEditorWrapper("suggestion-section-textarea", params, { appNode: true }) suggestEditorInstance._createEditor("") $('.spinner-loading-overlay:eq(0)').remove(); editorLoaded = true; } catch (error) { $('.spinner-loading-overlay:eq(0)').remove(); editorLoaded = false; } } //personal note editor function personalNoteEditor(){ // editor params const params = { data: undefined, plugins: ["UNDO", "REDO", "BOLD", "ITALIC", "NUMBERED_LIST", "BULLET_LIST", "TEXTALIGNMENTDROPDOWN"], placeholderText: "Description to be......", } // loading editor try { let notesEditorInstance = new GFGEditorWrapper("pn-editor", params, { appNode: true }) notesEditorInstance._createEditor(loginData&&loginData.user_personal_note?loginData.user_personal_note:"") $('.spinner-loading-overlay:eq(0)').remove(); editorLoaded = true; } catch (error) { $('.spinner-loading-overlay:eq(0)').remove(); editorLoaded = false; } } var lockedCasesHtml = `You can suggest the changes for now and it will be under 'My Suggestions' Tab on Write.

You will be notified via email once the article is available for improvement. Thank you for your valuable feedback!`; var badgesRequiredHtml = `It seems that you do not meet the eligibility criteria to create improvements for this article, as only users who have earned specific badges are permitted to do so.

However, you can still create improvements through the Pick for Improvement section.`; jQuery('.improve-header-sec-child').on('click', function(){ jQuery('.improve-modal--overlay').hide(); $('.improve-modal--suggestion').hide(); jQuery('#suggestion-modal-alert').hide(); }); $('.suggest-change_wrapper, .locked-status--impove-modal .improve-bottom-btn').on('click',function(){ // when suggest changes option is clicked $('.ContentEditable__root').text(""); $('.suggest-bottom-btn').html("Suggest changes"); $('.thank-you-message').css("display","none"); $('.improve-modal--improvement').hide(); $('.improve-modal--suggestion').show(); $('#suggestion-section-textarea').show(); jQuery('#suggestion-modal-alert').hide(); if(suggestEditorInstance !== null){ suggestEditorInstance.setEditorValue(""); } $('.suggestion-section').css('display', 'block'); jQuery('.suggest-bottom-btn').css("display","block"); }); $('.create-improvement_wrapper').on('click',function(){ // when create improvement option clicked then improvement reason will be shown if(loginData && loginData.isLoggedIn) { $('body').append('
'); $('.spinner-loading-overlay').show(); jQuery.ajax({ url: writeApiUrl + 'create-improvement-post/?v=1', type: "POST", contentType: 'application/json; charset=utf-8', dataType: 'json', xhrFields: { withCredentials: true }, data: JSON.stringify({ gfg_id: post_id }), success:function(result) { $('.spinner-loading-overlay:eq(0)').remove(); $('.improve-modal--overlay').hide(); $('.unlocked-status--improve-modal-content').css("display","none"); $('.create-improvement-redirection-to-write').attr('href',writeUrl + 'improve-post/' + `${result.id}` + '/', '_blank'); $('.create-improvement-redirection-to-write')[0].click(); }, error:function(e) { showErrorMessage(e.responseJSON,e.status) }, }); } else { if(loginData && !loginData.isLoggedIn) { $('.improve-modal--overlay').hide(); if ($('.header-main__wrapper').find('.header-main__signup.login-modal-btn').length) { $('.header-main__wrapper').find('.header-main__signup.login-modal-btn').click(); } return; } } }); $('.left-arrow-icon_wrapper').on('click',function(){ if($('.improve-modal--suggestion').is(":visible")) $('.improve-modal--suggestion').hide(); else{ } $('.improve-modal--improvement').show(); }); const showErrorMessage = (result,statusCode) => { if(!result) return; $('.spinner-loading-overlay:eq(0)').remove(); if(statusCode == 403) { $('.improve-modal--improve-content.error-message').html(result.message); jQuery('.improve-modal--overlay').show(); jQuery('.improve-modal--improvement').show(); $('.locked-status--impove-modal').css("display","block"); $('.unlocked-status--improve-modal-content').css("display","none"); $('.improve-modal--improvement').attr("status","locked"); return; } } function suggestionCall() { var editorValue = suggestEditorInstance.getValue(); var suggest_val = $(".ContentEditable__root").find("[data-lexical-text='true']").map(function() { return $(this).text().trim(); }).get().join(' '); suggest_val = suggest_val.replace(/\s+/g, ' ').trim(); var array_String= suggest_val.split(" ") //array of words var gCaptchaToken = $("#g-recaptcha-response-suggestion-form").val(); var error_msg = false; if(suggest_val != "" && array_String.length >=4){ if(editorValue.length <= 2000){ var payload = { "gfg_post_id" : `${post_id}`, "suggestion" : `${editorValue}`, } if(!loginData || !loginData.isLoggedIn) // User is not logged in payload["g-recaptcha-token"] = gCaptchaToken jQuery.ajax({ type:'post', url: "https://apiwrite.geeksforgeeks.org/suggestions/auth/create/", xhrFields: { withCredentials: true }, crossDomain: true, contentType:'application/json', data: JSON.stringify(payload), success:function(data) { if(!loginData || !loginData.isLoggedIn) { grecaptcha.reset(); } jQuery('.spinner-loading-overlay:eq(0)').remove(); jQuery('.suggest-bottom-btn').css("display","none"); $('#suggestion-section-textarea').hide() $('.thank-you-message').css('display', 'flex'); $('.suggestion-section').css('display', 'none'); jQuery('#suggestion-modal-alert').hide(); }, error:function(data) { if(!loginData || !loginData.isLoggedIn) { grecaptcha.reset(); } jQuery('.spinner-loading-overlay:eq(0)').remove(); jQuery('#suggestion-modal-alert').html("Something went wrong."); jQuery('#suggestion-modal-alert').show(); error_msg = true; } }); } else{ jQuery('.spinner-loading-overlay:eq(0)').remove(); jQuery('#suggestion-modal-alert').html("Minimum 4 Words and Maximum Words limit is 1000."); jQuery('#suggestion-modal-alert').show(); jQuery('.ContentEditable__root').focus(); error_msg = true; } } else{ jQuery('.spinner-loading-overlay:eq(0)').remove(); jQuery('#suggestion-modal-alert').html("Enter atleast four words !"); jQuery('#suggestion-modal-alert').show(); jQuery('.ContentEditable__root').focus(); error_msg = true; } if(error_msg){ setTimeout(() => { jQuery('.ContentEditable__root').focus(); jQuery('#suggestion-modal-alert').hide(); }, 3000); } } document.querySelector('.suggest-bottom-btn').addEventListener('click', function(){ jQuery('body').append('
'); jQuery('.spinner-loading-overlay').show(); if(loginData && loginData.isLoggedIn) { suggestionCall(); return; } // script for grecaptcha loaded in loginmodal.html and call function to set the token setGoogleRecaptcha(); }); $('.improvement-bottom-btn.create-improvement-btn').click(function() { //create improvement button is clicked $('body').append('
'); $('.spinner-loading-overlay').show(); // send this option via create-improvement-post api jQuery.ajax({ url: writeApiUrl + 'create-improvement-post/?v=1', type: "POST", contentType: 'application/json; charset=utf-8', dataType: 'json', xhrFields: { withCredentials: true }, data: JSON.stringify({ gfg_id: post_id }), success:function(result) { $('.spinner-loading-overlay:eq(0)').remove(); $('.improve-modal--overlay').hide(); $('.create-improvement-redirection-to-write').attr('href',writeUrl + 'improve-post/' + `${result.id}` + '/', '_blank'); $('.create-improvement-redirection-to-write')[0].click(); }, error:function(e) { showErrorMessage(e.responseJSON,e.status); }, }); });
"For an ad-free experience and exclusive features, subscribe to our Premium Plan!"
Continue without supporting
`; $('body').append(adBlockerModal); $('body').addClass('body-for-ad-blocker'); const modal = document.getElementById("adBlockerModal"); modal.style.display = "block"; } function handleAdBlockerClick(type){ if(type == 'disabled'){ window.location.reload(); } else if(type == 'info'){ document.getElementById("ad-blocker-div").style.display = "none"; document.getElementById("ad-blocker-info-div").style.display = "flex"; handleAdBlockerIconClick(0); } } var lastSelected= null; //Mapping of name and video URL with the index. const adBlockerVideoMap = [ ['Ad Block Plus','https://media.geeksforgeeks.org/auth-dashboard-uploads/abp-blocker-min.mp4'], ['Ad Block','https://media.geeksforgeeks.org/auth-dashboard-uploads/Ad-block-min.mp4'], ['uBlock Origin','https://media.geeksforgeeks.org/auth-dashboard-uploads/ub-blocke-min.mp4'], ['uBlock','https://media.geeksforgeeks.org/auth-dashboard-uploads/U-blocker-min.mp4'], ] function handleAdBlockerIconClick(currSelected){ const videocontainer = document.getElementById('ad-blocker-info-div-gif'); const videosource = document.getElementById('ad-blocker-info-div-gif-src'); if(lastSelected != null){ document.getElementById("ad-blocker-info-div-icons-"+lastSelected).style.backgroundColor = "white"; document.getElementById("ad-blocker-info-div-icons-"+lastSelected).style.borderColor = "#D6D6D6"; } document.getElementById("ad-blocker-info-div-icons-"+currSelected).style.backgroundColor = "#D9D9D9"; document.getElementById("ad-blocker-info-div-icons-"+currSelected).style.borderColor = "#848484"; document.getElementById('ad-blocker-info-div-name-span').innerHTML = adBlockerVideoMap[currSelected][0] videocontainer.pause(); videosource.setAttribute('src', adBlockerVideoMap[currSelected][1]); videocontainer.load(); videocontainer.play(); lastSelected = currSelected; }

What kind of Experience do you want to share?

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