<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Durgesh kumar prajapati</title>
    <description>The latest articles on DEV Community by Durgesh kumar prajapati (@durgesh4993).</description>
    <link>https://dev.to/durgesh4993</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F948567%2F8bfae8e7-a26b-48e7-94d0-9370951ef89f.png</url>
      <title>DEV Community: Durgesh kumar prajapati</title>
      <link>https://dev.to/durgesh4993</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/durgesh4993"/>
    <language>en</language>
    <item>
      <title>How to Get GitHub Sponsorship: Support My Open-Source Contributions</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Sun, 23 Mar 2025 23:15:14 +0000</pubDate>
      <link>https://dev.to/durgesh4993/how-to-get-github-sponsorship-support-my-open-source-contributions-3gn8</link>
      <guid>https://dev.to/durgesh4993/how-to-get-github-sponsorship-support-my-open-source-contributions-3gn8</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Open-source development thrives on collaboration and shared knowledge. As an active contributor, I've dedicated my skills to building and maintaining projects that benefit the community. To sustain and expand this work, I'm seeking support through &lt;a href="https://github.com/sponsors/Durgesh4993" rel="noopener noreferrer"&gt;GitHub Sponsors&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Support Open Source?
&lt;/h2&gt;

&lt;p&gt;Maintaining open-source projects requires significant time and resources. Sponsoring contributors ensures:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Continuous development and maintenance of valuable projects.&lt;/li&gt;
&lt;li&gt;Improved documentation, security, and user experience.&lt;/li&gt;
&lt;li&gt;Enhanced features and timely bug fixes.&lt;/li&gt;
&lt;li&gt;Encouragement for developers to keep contributing to the ecosystem.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8avka6n1nibdd6kj6cou.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8avka6n1nibdd6kj6cou.png" alt="Image description" width="800" height="392"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  My Open-Source Contributions
&lt;/h2&gt;

&lt;p&gt;I have actively contributed to various open-source projects, including:&lt;/p&gt;

&lt;h3&gt;
  
  
  Contributions to Open-Source Communities:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Code4GovTech - DMP Program&lt;/strong&gt;: Contributed to building and improving public technology infrastructure.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;XWiki&lt;/strong&gt;: Engaged in open-source development and enhancements within the project.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The Tor Project&lt;/strong&gt;: Contributed to privacy and security-focused open-source software development.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Omega Up&lt;/strong&gt;: Assisted in improving the open-source educational platform.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Personal Projects:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;WPTS - (We Provide The Service)&lt;/strong&gt;: A full-stack web project developed using PHP. This platform aims to offer comprehensive services to users, streamlining their access to various offerings.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Gas Management System&lt;/strong&gt;: A full-stack web application built with PHP, designed to manage and streamline gas distribution and logistics efficiently.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Photo-Editor&lt;/strong&gt;: A PHP-based full-stack web project that provides users with tools to edit and enhance their photos online.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Cash-Flow-Minimizer&lt;/strong&gt;: A software project developed in C++ focusing on data structures and algorithms to optimize and minimize cash flow in financial operations.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Paint&lt;/strong&gt;: A software project created using C# and .NET, offering users a platform to create and edit digital drawings and paintings.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Instagram Clone&lt;/strong&gt;: A full-stack web project developed using the MERN (MongoDB, Express.js, React.js, Node.js) stack, replicating core features of the popular social media platform.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Ninja-Run&lt;/strong&gt;: A web-based game developed in JavaScript, providing an engaging and interactive experience for users.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Car Racing Game&lt;/strong&gt;: A web-based game developed using C# and .NET, offering users an immersive car racing experience.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;WallCrosser Game&lt;/strong&gt;: A web-based game developed in JavaScript, challenging users to navigate through obstacles and cross walls.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Headphone Website&lt;/strong&gt;: A web design project showcasing various headphone products, focusing on user-friendly design and responsiveness.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;BuyNow Website&lt;/strong&gt;: A web design project providing an e-commerce platform for users to browse and purchase products online.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Maintain Website&lt;/strong&gt;: A web design project focusing on providing maintenance services for websites, ensuring they remain up-to-date and functional.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Participation in Open-Source Programs:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Script Winter of Code (SWoC)&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Social Summer of Code (SSoC)&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Google Summer of Code (GSoC)&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Summer of Bitcoin (SoB)&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;And many more...&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;My GitHub profile, &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;Durgesh4993&lt;/a&gt;, showcases these and other repositories, reflecting my commitment to open-source development.&lt;/p&gt;

&lt;h2&gt;
  
  
  How You Can Support
&lt;/h2&gt;

&lt;p&gt;If you find my work valuable, here's how you can support my open-source efforts:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Become a GitHub Sponsor&lt;/strong&gt;: Visit my &lt;a href="https://github.com/sponsors/Durgesh4993" rel="noopener noreferrer"&gt;GitHub Sponsors page&lt;/a&gt; and contribute any amount to support my projects.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;One-Time Donations&lt;/strong&gt;: Support via platforms like Buy Me a Coffee, PayPal, or other funding sources.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Contribute to My Projects&lt;/strong&gt;: Star, fork, and contribute to my repositories.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Share and Promote&lt;/strong&gt;: Spread the word about my work within your network.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Corporate Sponsorship&lt;/strong&gt;: Companies can also sponsor open-source developers to support crucial projects.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Closing Thoughts
&lt;/h2&gt;

&lt;p&gt;Sponsoring open-source work is an investment in technology, community, and innovation. By supporting me, you enable the continuous development of impactful projects that benefit developers and businesses worldwide.&lt;/p&gt;

&lt;p&gt;Thank you for considering sponsorship. Let's build a better open-source ecosystem together!&lt;/p&gt;

&lt;p&gt;🔗 &lt;strong&gt;&lt;a href="https://github.com/sponsors/Durgesh4993" rel="noopener noreferrer"&gt;Sponsor Me on GitHub&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>github</category>
      <category>opensource</category>
      <category>help</category>
      <category>programming</category>
    </item>
    <item>
      <title>What is GirlScript Summer of Code and How to Take part?</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Tue, 30 Apr 2024 22:54:40 +0000</pubDate>
      <link>https://dev.to/durgesh4993/what-is-girlscript-summer-of-code-and-how-to-take-part-42cf</link>
      <guid>https://dev.to/durgesh4993/what-is-girlscript-summer-of-code-and-how-to-take-part-42cf</guid>
      <description>&lt;p&gt;GirlScript Summer of Code is an open-source program, which is coordinated by GirlScript Foundation every year, to help fledglings in open source. It was begun in 2018. The point of this program is to spread mindfulness about open source advancement while empowering variety. It is an incredible drive and a chance for understudies to find out about how open source improvement really functions.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyp8lfnfn55bp2pj6pl03.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyp8lfnfn55bp2pj6pl03.png" alt="Image description" width="800" height="208"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;They get an opportunity to contribute to 100+ projects every year and to win some amazing goodies during summers. It is 3 months long program, which usually starts in March and ends in May. In this article, we are going to discuss the details of this program. So, let’s get started:&lt;/p&gt;

&lt;h2&gt;
  
  
  Is it only for girls?
&lt;/h2&gt;

&lt;p&gt;No, this program is open to participants of all genders, age groups, and countries. As mentioned above, this program was started to encourage diversity in open-source development. So, the only thing, you need to participate in this program is the zeal to learn.&lt;/p&gt;

&lt;h2&gt;
  
  
  Eligibility
&lt;/h2&gt;

&lt;p&gt;The aim of this program is to help beginners in open source. So, whether you are a noob or a veteran developer, you can participate in this program as there will be hundreds of projects in this program with issues of varying difficulty. Before, the beginning of the coding period, there will be sessions on Git and GitHub along with topics like what is open source and why is it important? So, there is no need to worry if you think you don’t know about some tech stack, or you only know basics, you will be guided by experienced mentors throughout the program. &lt;/p&gt;

&lt;h1&gt;
  
  
  Benefits
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;Cash prizes: The top three contributors receive cash prizes&lt;/li&gt;
&lt;li&gt;Internships: The top 10 contributors receive internship opportunities&lt;/li&gt;
&lt;li&gt;T-shirts and swag: The top 25 contributors receive T-shirts and swag&lt;/li&gt;
&lt;li&gt;Social shout-outs: The top 50 contributors receive social shout-outs&lt;/li&gt;
&lt;li&gt;Certificates: The top 100 participants receive a certificate of appreciation, and all participants who earn at least 60 points on the leaderboard receive a certificate of participation&lt;/li&gt;
&lt;li&gt;Letter of recommendation: The top 25 participants receive a letter of recommendation&lt;/li&gt;
&lt;li&gt;Digital certificates: All participants who merge at least one PR receive digital certificate &lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Timeline
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fiky86ey9ia94qog6tnz0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fiky86ey9ia94qog6tnz0.png" alt="Image description" width="800" height="532"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  How to Apply?
&lt;/h1&gt;

&lt;p&gt;Generally, the application period is open around March. To participate, you have to fill a Google form and answer some questions including your personal details like your name, college, GitHub and LinkedIn profile links, etc. Based on your profile and eligibility, if selected, you will receive a mail from GirlScript Summer of Code regarding your selection. After that, you need to join their Discord and follow other guidelines to further participate in their program. You should regularly check their official website for updates regarding the program. The key to your selection in this program is your eagerness to learn. So, even if you are not selected, don’t be upset and lose hope instead keep learning about open source.&lt;/p&gt;

&lt;h1&gt;
  
  
  Application
&lt;/h1&gt;

&lt;p&gt;CONTRIBUTORS : &lt;a href="https://lnkd.in/dZiYCbT8" rel="noopener noreferrer"&gt;https://lnkd.in/dZiYCbT8&lt;/a&gt;&lt;br&gt;
PROJECT ADMINS : &lt;a href="https://lnkd.in/gddvxemQ" rel="noopener noreferrer"&gt;https://lnkd.in/gddvxemQ&lt;/a&gt;&lt;br&gt;
MENTORS : &lt;a href="https://lnkd.in/gv9egxiC" rel="noopener noreferrer"&gt;https://lnkd.in/gv9egxiC&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Referral Code : GS-CHG011&lt;/p&gt;

&lt;h1&gt;
  
  
  How does it work?
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;After your selection, you have to join their Discord and read about the rules and guidelines, that you have to follow throughout the program.&lt;/li&gt;
&lt;li&gt;Then, there will be a community bonding session, where you can introduce yourself to your fellow participants and mentors. The main aim of this session is that you become familiar with your mentors and other fellow participants so that you can easily ask your queries and answer others’ doubts if you already know the answer. So, there would be a better work environment.&lt;/li&gt;
&lt;li&gt;After that, there will be some workshops regarding Git, GitHub, what is open source, and the importance of open source in the real world. You will get to learn a lot from these workshops. Also, these workshops are organized for beginners, so that they won’t face difficulty throughout the program. You will also get some amazing resources, which you can always refer to later whenever you face any difficulty.&lt;/li&gt;
&lt;li&gt;Then, the coding period will start, where you can explore different projects by setting up their environment, solving some issues, bugs, etc. during the initial period. After that, you have to select some projects and have to stick to them throughout the program. You will be evaluated on the basis of how much you contribute to the projects like how many bugs or issues, you fixed and how many new features, you implement. The score will be rewarded on the basis of the difficulty of the issue/bug, you solved. You can solve only those issues, which have a specific #GSSOC tag and the issues will be assigned on a first-come, first-serve basis. After you have been assigned the issue, you have to solve it within the given time period and submit your code through a PR, which will further be reviewed by the mentors. And if approved, your score will automatically update on the leader board. You can always ask your queries and doubts to the respective mentors, they will surely help you out.&lt;/li&gt;
&lt;li&gt;After the coding period ends, you will be judged and rewarded on the basis of your standings on the leader board. In case of any query, you can always ask your mentors but be sure to not spam them. The results will be declared within two weeks 
And don’t be upset if you don’t get selected, you can still contribute to open source projects out there!!&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Keep Supporting :)&lt;/p&gt;

</description>
      <category>gssoc</category>
      <category>webdev</category>
      <category>opensource</category>
      <category>beginners</category>
    </item>
    <item>
      <title>10 Must have VS Code Extensions for Developers in 2024</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Mon, 11 Mar 2024 15:36:47 +0000</pubDate>
      <link>https://dev.to/durgesh4993/10-must-have-vs-code-extensions-for-developers-in-2024-1m83</link>
      <guid>https://dev.to/durgesh4993/10-must-have-vs-code-extensions-for-developers-in-2024-1m83</guid>
      <description>&lt;p&gt;The are some favous and most used VS Code Extensions for Developers are as follow:&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Material Icon Theme
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzkdsniwqgxrqf51l3al4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzkdsniwqgxrqf51l3al4.png" alt="Image description" width="800" height="228"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Sometimes you can feel lost when you are trying to figure out a structure of your project in a code editor. However, with this extension this process will become more user-friendly. Material Icon Theme gives your files and folders simple icons which increase the clarity of this list.&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme" rel="noopener noreferrer"&gt;Material Icon Theme&lt;/a&gt;&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Bracket Pair Colorizer
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5l4hfpf35uautvdzqdb3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5l4hfpf35uautvdzqdb3.png" alt="Image description" width="800" height="203"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Having tons of nested code can be painful for most coders, especially when a project is big. Trying to match brackets with each other is definitely time-consuming but in some cases it may even seem to be impossible. Therefore, I highly recommend taking advantage of using this extension.&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer" rel="noopener noreferrer"&gt;Bracket Pair Colorizer&lt;/a&gt;&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Auto-Close Tag
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6av52o5ic5e2v1p5lpts.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6av52o5ic5e2v1p5lpts.png" alt="Image description" width="800" height="206"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This extension is a must-have. Missing a close tag can be very irritating, especially if you’ve just started your coding adventure. At the beginning this kind of mistake occurs commonly. Auto-Close Tag adds the closing bracket of the opening tag automatically, so that you can be sure that no bugs appear!&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag" rel="noopener noreferrer"&gt;Auto-Close Tag&lt;/a&gt;&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Auto-Rename Tag
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fojwz4i0uietdx7pjl0wa.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fojwz4i0uietdx7pjl0wa.png" alt="Image description" width="800" height="230"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Instead of changing open and close tags by yourself, you can use Auto-Rename Tag and do this simultaneously. Start changing an open tag and its close tag will change automatically. This is very useful, especially when you have a lot of nested code.&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag" rel="noopener noreferrer"&gt;Auto-Rename Tag&lt;/a&gt;&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Quokka.js
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fws48glgis87pwu1c2br4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fws48glgis87pwu1c2br4.png" alt="Image description" width="800" height="236"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Quokka is a very useful extension which lets you write your JavaScript code and test if it does what it should in real time. Results of these verifications are displayed in your IDE, on the right side of your code.&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode" rel="noopener noreferrer"&gt;Quokka.js&lt;/a&gt;&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;ESLint
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc3k5ref4mc0737eptp7p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc3k5ref4mc0737eptp7p.png" alt="Image description" width="800" height="221"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It allows you to forget about common errors.The difference between ESLint and Prettier is the fact that the first extension is more focused on detecting errors while the second one is rather focused on correcting formatting. It manages your code pretty easily and auto-formats it after pressing a save button. If there are any problems, ESLint shows you warnings with more detailed information and/or hints. What is more, you’re able to fully customize it. When you’re ready with your own settings, you need to be sure that automatic fixes work on saving by adding { “eslint.autoFixOnSave”: true } to settings.json.&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint" rel="noopener noreferrer"&gt;ESLint&lt;/a&gt;&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Material Icon Theme
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzkdsniwqgxrqf51l3al4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzkdsniwqgxrqf51l3al4.png" alt="Image description" width="800" height="228"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Sometimes you can feel lost when you are trying to figure out a structure of your project in a code editor. However, with this extension this process will become more user-friendly. Material Icon Theme gives your files and folders simple icons which increase the clarity of this list.&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme" rel="noopener noreferrer"&gt;Material Icon Theme&lt;/a&gt;&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;TabNine
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpos101jpx40bf40p41ep.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpos101jpx40bf40p41ep.png" alt="Image description" width="800" height="229"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;TabNine is one of the greatest shocks I experienced when it comes to VS code extensions. It is based on machine learning technology and helps you to write your code by autocompleting it. It works with all languages and the relevance of its hints is astounding. When you start using TabNine, you’ll be amazed how quickly it learns and how much faster and easier your work will become.&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode" rel="noopener noreferrer"&gt;TabNine&lt;/a&gt;&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Path Intellisense
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjebo0wu7r4dqf9lx54cs.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjebo0wu7r4dqf9lx54cs.png" alt="Image description" width="800" height="211"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Remembering a whole file’s path that you want to import is completely redundant. Unfortunately, it can cause issues and that is why this is the moment where Path Intellisense comes to aid. After having been installed, it’ll start showing you hints of next directories or files you can use.&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense" rel="noopener noreferrer"&gt;Path Intellisense&lt;/a&gt;&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;ES7 React/Redux/GraphQl/React-Native snippets
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2j1zwzpkpq5c96kmm9f0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2j1zwzpkpq5c96kmm9f0.png" alt="Image description" width="800" height="202"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This is one of those extensions which can make your code writing process significantly faster. If you are not a great fan of writing boilerplate code or you’d just want to become more efficient – this is definitely for you. In your VS code you can check a list of commands very easily, which ES7 provides.&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets" rel="noopener noreferrer"&gt;ES7&lt;/a&gt;&lt;/p&gt;






&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Prettier
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fok96hisjmlegz3amsnqh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fok96hisjmlegz3amsnqh.png" alt="Image description" width="800" height="225"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Prettier is considered to be one of the crucial plugins in daily work as a programmer. It lets you save a lot of time which in other case you would waste formatting your code and taking care of its readability. Prettier works very well with JavaScript, TypeScript, HTML, CSS, Markdown and others.&lt;/p&gt;

&lt;p&gt;Download here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode" rel="noopener noreferrer"&gt;Prettier&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Keep Supporting :)&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>extensions</category>
    </item>
    <item>
      <title>How I Write Clean Code As A Develeoper : Step By Step</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Sun, 03 Mar 2024 23:59:29 +0000</pubDate>
      <link>https://dev.to/durgesh4993/how-i-write-clean-code-as-a-develeoper-step-by-step-5l9</link>
      <guid>https://dev.to/durgesh4993/how-i-write-clean-code-as-a-develeoper-step-by-step-5l9</guid>
      <description>&lt;p&gt;These are some steps for write a clean code, I have also included my perspectives and preferences.&lt;/p&gt;




&lt;h2&gt;
  
  
  Naming
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Use descriptive name
I believe that this point is emphasized the most: “Names in software are 90 percent of what make software readable.” Let’s consider the following code examples. The variable p reveals nothing. Despite having a comment explaining its purpose, it can reduce the readability of overall codes. In Example 2, those variables clearly describe their intended functions.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// Example 1
var p float64 // final price

// Example 2
var basePrice float64
var totalDiscount float64
var finalPrice float64
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Avoid disinformation
Avoid ambiguous names; be clear about what the variable, class, or function truly does. Don’t overuse abbreviation, such as r for radius and w for width, except they are commonly used such as ctx for context in Go.&lt;/li&gt;
&lt;li&gt;Use pronounceable and searchable names
Coding may seem like an individual task, but in a collaborative team, it becomes a social activity. Use names that are easy to pronounce to facilitate communication.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Functions
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Single Responsibility Principle
A function should have a single, clearly defined responsibility indicated by its name. For instance, getUserData() should exclusively return user data without performing other tasks. Don’t hide side effects within the name of a function. Take a look at this example. This function should only update transaction status, but it also sends email to user. Furthermore, the returned result originates from SendEmailToUser(), which it is supposed to be UpdateTransactionData() . This example violates Single Responsibility Principle.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;func (s *service) updateTransactionStatus(ctx context.Context, 
  transaction UpdateTransactionRequest) (
  result UpdateTransactionResponse, err error) {
  result, err := s.UpdateTransactionData(ctx, transaction)
  if err != nil {
    return result, err
  }

  result, err := s.SendEmailToUser(ctx, transaction)
  if err != nil {
    return result, err
  }

  return result, err
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;&lt;p&gt;As small as possible&lt;br&gt;
A small function simplifies the creation of unit tests and facilitates the early detection of potential bugs. This principle is closely connected to the Single Responsibility Principle.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Number of arguments&lt;br&gt;
It’s advisable to limit the number of arguments for a function. The most recommended are niladic functions (with no arguments), followed by monadic functions (with one argument) and dyadic functions (with two arguments). It’s best to avoid triadic functions (with three arguments) whenever possible. Fewer arguments simplify testing and reduce the chances of input errors due to argument swapping.&lt;br&gt;
In Go, it’s advisable to include the context as an argument. We can manage function complexity and limit the number of arguments to a maximum of two whenever possible. This recommendation also applies to multiple return values in Go. While returning two values like return result, err is acceptable, for three or more values, it’s preferable to wrap them in a single struct. Regardless, always choose descriptive names that clearly convey the intention of each return value.&lt;br&gt;
&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// not recommended
func createTransaction(ctx context.Context, 
  userID int,
  transactionType string,
  description string,
  amount float64) (err error, status string, endingAmount float64) {
  // ...
}

// recommended
func createTransaction(ctx context.Context, 
  transactionData CreateTransactionRequest) 
  (err error, result CreateTransactionResponse) {
  // ...
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Expected arguments
Always manage to use the expected arguments. Consider this example. The second example may seem exaggerated, but we sometimes unconsciously overuse arguments.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// expected argument
func isValidUser(userID int) bool {
  // process
}

// unexpected arguments
func isValidUser(userID int, numberOfFriend int) (isValid bool, friendIDs []int) {
  // process
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Comments
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Unused and dead code
Delete unused functions unless there is a clear comment explaining why it’s beneficial to keep them.&lt;/li&gt;
&lt;li&gt;Redundant comment
“Comment should say things that the code cannot say for itself.” See the following example of redundant comment.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;i += 1 // increment of i
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Explanation of intent
I think it’s acceptable to use comments to provide an outline of the flow or important information for others to understand the code. However, it’s crucial to avoid unnecessary comments. According to Uncle Bob, comment can be used to provide the intent behind a decision. See the examples below. Additionally, comments can serve to alert others about the potential consequences of running specific functions.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// ===== NOT RECOMMENDED ======
// iterate over the list of user ID
for _, id := range userIDs {
  // do something with id
}

// the day after tomorrow
var dayAfterTomorrow string

// ===== RECOMMENDED =====
// sometimes the clients don't get the callback, so we need to resend it
result, err := resendCallback(ctx, request)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Journal comments&lt;br&gt;
Rather than including all changes, logs, and contributors at the start of the code, Uncle Bob prefers to omit this information, relying on version control systems for tracking these details.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Out-of-update comment&lt;br&gt;
Sometimes, the next developer may not be aware of existing comments, and when they make changes, these comments often go unmodified. It’s important to be mindful of comments that require regular updates. If the naming or logic of the code is clear enough on its own, consider deleting these comments.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  General
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Follow coding standard conventions
If the team follows industry conventions, adhere to them.&lt;/li&gt;
&lt;li&gt;Replace magic numbers with constants
However, there are cases where using magic numbers is acceptable, especially when calculations involve well-known measurements. For less common numbers, constants are a better choice.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// using magic numbers vs consts; magic number here is more preferable
totalSeconds = days * 24 * 60 * 60
totalSeconds = days * HOURS_PER_DAY * MINUTES_PER_HOUR * SECONDS_PER_MINUTE

// using magic numbers vs consts; const is more preferable
remainingTimeOff = 20 - takenTimeOff
remainingTimeOff = MAX_TIME_OFF - takenTimeOff
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Vertical separation
In Go, it’s common practice to define variables and functions close to where they are used. For instance, the declaration of latestTransaction is placed before its assignment, rather than declaring it at the very beginning of the program.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;transactionList, err := repository.GetTransactionList(ctx, ID)
if err != nil {
  return response, err
}

var latestTransaction Transaction
latestTransaction = transactionList[len(transactionList)-1]

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Be consistent
Once you’ve selected a convention, maintain consistency throughout your codebase to prevent confusion. If you opt for the term Userstick with it consistently and avoid introducing Customerin the middle of your code unless they represent distinct concepts.&lt;/li&gt;
&lt;li&gt;Selector arguments
Instead passing true or false as argument to select the behavior, it’s preferable to create separate functions to handle each behavior.&lt;/li&gt;
&lt;li&gt;Use explanatory variables
In many cases, splitting code into multiple lines can improve readability, but it should be done thoughtfully. The choice between one-liners and multiline code depends on the specific context and what makes the code more understandable. The following example maybe too simple to be broken down into multiple lines, but the idea is to clarify the logic so the other will get it easily.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// one line
price := basePrice - (basePrice * discount) + (basePrice * tax)

// multiple lines
priceAfterDiscount := basePrice - (price * discount)
finalPrice := priceAfterDiscount - (price * tax)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Keep Supporting :)&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>cleancode</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>10 Best AI-Powered Chrome Extensions</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Mon, 26 Feb 2024 23:55:58 +0000</pubDate>
      <link>https://dev.to/durgesh4993/10-best-ai-powered-chrome-extensions-2dp0</link>
      <guid>https://dev.to/durgesh4993/10-best-ai-powered-chrome-extensions-2dp0</guid>
      <description>&lt;p&gt;10 AI-powered chrome extensions to supercharge your productivity:&lt;/p&gt;




&lt;h2&gt;
  
  
  1. AIPRM For ChatGPT
&lt;/h2&gt;

&lt;p&gt;AIPRM is your cheat code for ChatGPT as it adds a list of curated prompt templates and advanced features.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Features:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Teams — Share your curated prompt lists with everyone in your business. Consistent ChatGPT output helps with professional use of the most important marketing technology since email.&lt;/li&gt;
&lt;li&gt;Custom Profiles — Save time with custom profiles that insert your own company’s personalized information into ChatGPT output for content unique to your team.&lt;/li&gt;
&lt;li&gt;Advanced Prompt Search — Find the exact prompts you need across a range of filters including topic, activity, usage, popularity, and open search. Prompt discovery has never been more fun and effective.&lt;/li&gt;
&lt;li&gt;Prompt Variables — Design your own custom prompts and build in multiple variables for a wider range of use cases. Add dropdown options and open fields for you and your team to re-use your prompts in a variety of use cases for your business.&lt;/li&gt;
&lt;li&gt;AIPRM Everywhere — Grab research from the internet and inject it directly into AIPRM and ChatGPT. Stop wasting time and short-circuiting your workflow with the endless copy and paste.&lt;/li&gt;
&lt;li&gt;Community Support — Free access to our community forum with support from other expert Prompt Engineers and AIPRM employees.&lt;/li&gt;
&lt;li&gt;Omnibox — Type AIPRM and your prompt right into your browser’s search bar and save time pogo sticking back and forth between websites and ChatGPT.&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Link: &lt;a href="https://chromewebstore.google.com/detail/aiprm-for-chatgpt/ojnbohmppadfgpejeebfnmnknjdlckgj" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/aiprm-for-chatgpt/ojnbohmppadfgpejeebfnmnknjdlckgj&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvr0b2ev0lyvvm7gvpgvo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvr0b2ev0lyvvm7gvpgvo.png" alt="Image description" width="800" height="365"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  2. WebChatGPT
&lt;/h2&gt;

&lt;p&gt;This extension adds relevant web results to your prompts to ChatGPT for more accurate and up-to-date conversations.&lt;/p&gt;

&lt;p&gt;&lt;u&gt;&lt;strong&gt;Features:&lt;/strong&gt;&lt;/u&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Web access&lt;/strong&gt;&lt;br&gt;
Get web results for your queries&lt;br&gt;
Scrape entire search result pages for full insights&lt;br&gt;
Extract webpage text from any url&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;One-click prompts&lt;/strong&gt;&lt;br&gt;
One-click ChatGPT prompts library&lt;br&gt;
Run prompts that perform web searches and live crawling&lt;br&gt;
Manage your own prompts&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Search with AI&lt;/strong&gt;&lt;br&gt;
Get AI-powered search answers right beside your search results&lt;br&gt;
Powered by ChatGPT, Claude, Bard, Bing AI&lt;br&gt;
Compatible with all popular search platforms&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Link: &lt;a href="https://chromewebstore.google.com/detail/webchatgpt-chatgpt-with-i/lpfemeioodjbpieminkklglpmhlngfcn" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/webchatgpt-chatgpt-with-i/lpfemeioodjbpieminkklglpmhlngfcn&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flkc7h308yjj7ly41zwz7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flkc7h308yjj7ly41zwz7.png" alt="Image description" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  3. Merlin
&lt;/h2&gt;

&lt;p&gt;It is an All-in-One AI Assistant powered by GPT-4&lt;/p&gt;

&lt;p&gt;&lt;u&gt;&lt;strong&gt;Features:&lt;/strong&gt;&lt;/u&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Summarize: Get a jist of blogs, YouTube videos, research papers, and websites&lt;/li&gt;
&lt;li&gt;AI Writer: Make content for social media, emails, art, code and more&lt;/li&gt;
&lt;li&gt;Plugins: Get the best AI plugins on the browser (like AI Chat, Chat with PDFs, Chat with web access)&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Link: &lt;a href="https://chromewebstore.google.com/detail/merlin-1-click-access-to/camppjleccjaphfdbohjdohecfnoikec" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/merlin-1-click-access-to/camppjleccjaphfdbohjdohecfnoikec&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx9nb4cenib24isgdo5i6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx9nb4cenib24isgdo5i6.png" alt="Image description" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  4. ChatGPT Writer
&lt;/h2&gt;

&lt;p&gt;Write emails, messages, and more using ChatGPT AI. Works on all sites.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Features:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Write Emails &amp;amp; Messages: Effortlessly craft the perfect message.&lt;/li&gt;
&lt;li&gt;Grammar Fixes: Eliminate typos and grammatical errors with ease.&lt;/li&gt;
&lt;li&gt;Rephrasing: Make your text clearer and more impactful.&lt;/li&gt;
&lt;li&gt;Tone Adjustment: Adapt the mood of your correspondence in a snap.&lt;/li&gt;
&lt;li&gt;Summarization: Turn lengthy text into concise summaries in seconds.&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Link: &lt;a href="https://chromewebstore.google.com/detail/chatgpt-writer-write-mail/pdnenlnelpdomajfejgapbdpmjkfpjkp" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/chatgpt-writer-write-mail/pdnenlnelpdomajfejgapbdpmjkfpjkp&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpzn6kg2gqngdzag58fyu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpzn6kg2gqngdzag58fyu.png" alt="Image description" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  5. Compose AI
&lt;/h2&gt;

&lt;p&gt;Generate any text using AI. Autocomplete your sentences where you type. With Compose AI, you can write emails, create documents, and chat faster.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Features:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Type // to generate any text. Prompt the AI to write blog posts, marketing copy, paragraphs, sentences, headlines, topical information, research and more&lt;/li&gt;
&lt;li&gt;The extension’s core feature is Autocomplete. Just hit Tab to take a completion and save time typing.&lt;/li&gt;
&lt;li&gt;Compose Now is an AI assistant for writing messages. It’s great for drafting quick replies or generating ideas you can edit to make your own. To open, press Option+G (or Alt+G).&lt;/li&gt;
&lt;li&gt;Professionally reply to emails with a single click! Like magic, generated responses will reference the context from the original email.&lt;/li&gt;
&lt;li&gt;With Rephrase, you can change how you word your sentences without having to rewrite anything. Highlight a text to shorten, expand, reword, or make something sound more friendly or formal.&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Link: &lt;a href="https://chromewebstore.google.com/detail/compose-ai-ai-powered-wri/ddlbpiadoechcolndfeaonajmngmhblj" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/compose-ai-ai-powered-wri/ddlbpiadoechcolndfeaonajmngmhblj&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhfszpkbh3aw8imld4mjc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhfszpkbh3aw8imld4mjc.png" alt="Image description" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  6. Perplexity
&lt;/h2&gt;

&lt;p&gt;It is your go-to solution — a harmonious blend of ChatGPT and Google&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Features:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Instant Page Summaries: Make sense of any article or webpage at a glance.&lt;/li&gt;
&lt;li&gt;Quick Queries: Ask any question directly from your toolbar — no need to jump between tabs.&lt;/li&gt;
&lt;li&gt;Contextual Understanding: Get answers relevant to your current page or even specific to your current domain.&lt;/li&gt;
&lt;li&gt;Shareable Insights: Easily share your discoveries with a clickable link.&lt;/li&gt;
&lt;li&gt;Dynamic Conversations: Click to ask follow-up questions for deeper understanding.&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Link: &lt;a href="https://chromewebstore.google.com/detail/perplexity-ai-companion/hlgbcneanomplepojfcnclggenpcoldo" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/perplexity-ai-companion/hlgbcneanomplepojfcnclggenpcoldo&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffwpotj6o5ej6p7oyolry.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffwpotj6o5ej6p7oyolry.png" alt="Image description" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  7. Copyleaks
&lt;/h2&gt;

&lt;p&gt;Verify what content was written by a human or an AI chatbot with the AI Content Detector browser extension&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Features:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Unprecedented 99.1% accuracy and a 0.2% false positive rate, the lowest of any platform.&lt;/li&gt;
&lt;li&gt;Detects ChatGPT (including GPT-4), Bard, T5, Jasper, and more.&lt;/li&gt;
&lt;li&gt;Detects AI content in over ten languages, including English, Spanish, and a dozen other languages, with additional languages currently in the works&lt;/li&gt;
&lt;li&gt;Recognized by CNET, VentureBeat, Wall Street Journal, Search Engine Journal, Vanity Fair, and dozens of other leading publications&lt;/li&gt;
&lt;li&gt;The most installs of any AI content detector and a five-star rating!&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Link: &lt;a href="https://chromewebstore.google.com/detail/ai-content-detector-copyl/gplcmncpklkdjiccbknjjkoidpgkcakd" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/ai-content-detector-copyl/gplcmncpklkdjiccbknjjkoidpgkcakd&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8phdqxuu6hdk2fu1n5m2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8phdqxuu6hdk2fu1n5m2.png" alt="Image description" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  8. Monica
&lt;/h2&gt;

&lt;p&gt;Your AI Copilot powered by GPT-4.&lt;/p&gt;

&lt;p&gt;&lt;u&gt;&lt;strong&gt;Features:&lt;/strong&gt;&lt;/u&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Converse with AI&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Multiple Chatbots: converse with a range of LLM models such as GPT-3.5, GPT-4, Bard, and Claude all in one spot.&lt;/li&gt;
&lt;li&gt;Prompt Library: swiftly access numerous saved prompts using ‘/’ in a prompt repository.&lt;/li&gt;
&lt;li&gt;Real-Time: access current, real-time internet data.&lt;/li&gt;
&lt;li&gt;Vocal Support: chat by pressing the microphone button, no need to type.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Dialogue and Synopsis&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;ChatPDF: upload and chat with a PDF to better comprehend the content.&lt;/li&gt;
&lt;li&gt;Chat With Image: upload an image and pose questions utilising GPT-4V capabilities.&lt;/li&gt;
&lt;li&gt;Webpage Summary: obtain summaries without the need to read entire webpages.&lt;/li&gt;
&lt;li&gt;YouTube Summary: receive summaries without viewing the entire videos.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Search&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Search Agent: post a query and we shall seek, scrutinise, and discover the answer utilising several keywords.&lt;/li&gt;
&lt;li&gt;Search Enhance: present ChatGPT responses adjacent to search engines such as Google and New Bing.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Write&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Compose: employ ‘compose’ to swiftly tailor the creation of essays or reports, with governance over length, style, and tone.&lt;/li&gt;
&lt;li&gt;Writing Agent: offer a subject, and we’ll automatically craft outlines with comprehensive content and references.&lt;/li&gt;
&lt;li&gt;Email reply: in Gmail, we suggest reply options based on the email content, enabling click-based responses without the need to type.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Translation&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;PDF Translation: translate a PDF and side-by-side compare the original text on the left with the translation on the right.&lt;/li&gt;
&lt;li&gt;Parallel Translation: translate pages without obscuring the original text to allow side-by-side linguistic comparison and accurate answers.&lt;/li&gt;
&lt;li&gt;Text Translation: instantly translate selected text on web pages.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Creating Art&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Transform your words into visual imagery. Simply input a brief text, and you can become an artist.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;AI Memo&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Memo is an AI-powered knowledge base where you can store webpages, chat histories, images, and PDFs. Interact with Memo to find information, and as its content expands, it can provide more personalized and precise responses for you.&lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;Link: &lt;a href="https://chromewebstore.google.com/detail/monica-your-ai-copilot-po/ofpnmcalabcbjgholdjcjblkibolbppb" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/monica-your-ai-copilot-po/ofpnmcalabcbjgholdjcjblkibolbppb&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fobprj9o541o5a984vucw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fobprj9o541o5a984vucw.png" alt="Image description" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  9. Wiseone
&lt;/h2&gt;

&lt;p&gt;It is your ultimate AI tool to read online.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Features:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Focus, which helps you understand complex concepts and words on any webpage to master 100% of your reading.&lt;/li&gt;
&lt;li&gt;Cross-check, which helps you access factual &amp;amp; reliable sources reporting on the same subject to get diverse perspectives.&lt;/li&gt;
&lt;li&gt;Ask Anything, which helps you simplify complex information into understandable answers on any webpage you’re reading and top search engines.&lt;/li&gt;
&lt;li&gt;Explore, which provides articles and videos from diverse sources to deepen your understanding of a subject.&lt;/li&gt;
&lt;li&gt;Summarize, which helps you read more efficiently without losing information by providing essential information to remember.&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Link: &lt;a href="https://chromewebstore.google.com/detail/wiseone-your-ai-powered-r/paodpkkacimmkacaecjmhdncjgjepcai" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/wiseone-your-ai-powered-r/paodpkkacimmkacaecjmhdncjgjepcai&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnyanzsfol5k6h4th71th.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnyanzsfol5k6h4th71th.png" alt="Image description" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  10. Engage AI
&lt;/h2&gt;

&lt;p&gt;Use ChatGPT to write insightful LinkedIn comments. Scale your social selling. Save time with AI.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Features:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Second Brain: This new feature aids communication and relationship-building by archiving past comments for efficient recall and use. Your very own personal assistant, which is currently in beta and only available to premium users.&lt;/li&gt;
&lt;li&gt;Advanced Networking Capabilities: The AI is proficient at crafting captivating post comments and promoting interactions and conversions.&lt;/li&gt;
&lt;li&gt;Smart Response Feature: The ChatGPT for LinkedIn offers diverse response tones, making your interactions more dynamic and captivating.&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Link: &lt;a href="https://chromewebstore.google.com/detail/engage-ai-chatgpt-for-lin/nelhhkchoapcbpcgpmmiahfkcdhgecaf" rel="noopener noreferrer"&gt;https://chromewebstore.google.com/detail/engage-ai-chatgpt-for-lin/nelhhkchoapcbpcgpmmiahfkcdhgecaf&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffjzt18dx4qnif0n0nvyp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffjzt18dx4qnif0n0nvyp.png" alt="Image description" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Keep Supporting :)&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Websites That Offer Free Certification Courses</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Sun, 18 Feb 2024 01:36:09 +0000</pubDate>
      <link>https://dev.to/durgesh4993/websites-that-offer-free-certification-courses-of9</link>
      <guid>https://dev.to/durgesh4993/websites-that-offer-free-certification-courses-of9</guid>
      <description>&lt;p&gt;You don’t always need a $150K degree to learn anything.&lt;/p&gt;

&lt;p&gt;The best way to get started is to start with FREE resources to understand if you’re really interested or not.&lt;/p&gt;

&lt;p&gt;10 websites offering FREE certification courses to accelerate their career:&lt;/p&gt;




&lt;h2&gt;
  
  
  1. Udemy
&lt;/h2&gt;

&lt;p&gt;Get courses across 13 categories to help you learn new skills and accelerate your career without spending hours on finding the best teacher.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Categories:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Development&lt;/li&gt;
&lt;li&gt;Business&lt;/li&gt;
&lt;li&gt;Finance and accounting&lt;/li&gt;
&lt;li&gt;IT and software&lt;/li&gt;
&lt;li&gt;Office Productivity&lt;/li&gt;
&lt;li&gt;Personal development&lt;/li&gt;
&lt;li&gt;Design&lt;/li&gt;
&lt;li&gt;Marketing&lt;/li&gt;
&lt;li&gt;Lifestyle&lt;/li&gt;
&lt;li&gt;Photography and video&lt;/li&gt;
&lt;li&gt;Health and Fitness&lt;/li&gt;
&lt;li&gt;Music&lt;/li&gt;
&lt;li&gt;Teaching and academics
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://www.udemy.com/

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa4f1iqzv0jv4opbo742i.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa4f1iqzv0jv4opbo742i.png" alt="Image description" width="800" height="362"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  2. Coursera
&lt;/h2&gt;

&lt;p&gt;Get to learn from the professors of the best universities on earth on Coursera.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Categories:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Data science&lt;/li&gt;
&lt;li&gt;Business&lt;/li&gt;
&lt;li&gt;Computer Science&lt;/li&gt;
&lt;li&gt;Information Technology&lt;/li&gt;
&lt;li&gt;Language learning&lt;/li&gt;
&lt;li&gt;Health&lt;/li&gt;
&lt;li&gt;Personal development&lt;/li&gt;
&lt;li&gt;Physical science and engineering&lt;/li&gt;
&lt;li&gt;Social science&lt;/li&gt;
&lt;li&gt;Arts and humanities&lt;/li&gt;
&lt;li&gt;Math and logic
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://www.coursera.org/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fljnm8gks4dqg20xwl09a.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fljnm8gks4dqg20xwl09a.png" alt="Image description" width="800" height="359"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  3. Khan Academy
&lt;/h2&gt;

&lt;p&gt;Khan Academy offers impressive depth on many different subjects. The lectures are short and share a handful of information at a time, but build on each other as you progress.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Categories:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;School courses&lt;/li&gt;
&lt;li&gt;Examination preparation
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://www.khanacademy.org/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmvsqm1e9deb8adzzt4d9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmvsqm1e9deb8adzzt4d9.png" alt="Image description" width="800" height="365"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  MIT OpenCourseWare
&lt;/h2&gt;

&lt;p&gt;MIT OpenCourseWare is a web-based publication of virtually all MIT course content. OCW is open and available to the world and is a permanent MIT activity.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Categories:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Electrical engineering&lt;/li&gt;
&lt;li&gt;Urban studies and planning&lt;/li&gt;
&lt;li&gt;Mathematics&lt;/li&gt;
&lt;li&gt;Mechanical engineering&lt;/li&gt;
&lt;li&gt;Literature&lt;/li&gt;
&lt;li&gt;Supplemental resources&lt;/li&gt;
&lt;li&gt;Architechture&lt;/li&gt;
&lt;li&gt;Global studies and languages&lt;/li&gt;
&lt;li&gt;Civil and environmental engineering&lt;/li&gt;
&lt;li&gt;Political science&lt;/li&gt;
&lt;li&gt;and more
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://ocw.mit.edu/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj24std14q4f27ycqc4w3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj24std14q4f27ycqc4w3.png" alt="Image description" width="800" height="365"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  5. FreeCodeCamp
&lt;/h2&gt;

&lt;p&gt;You can learn to code for FREE. You can also build projects and earn certifications.&lt;/p&gt;

&lt;p&gt;More than 40,000 graduates have got jobs at tech companies.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Categories:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Responsive web design certification&lt;/li&gt;
&lt;li&gt;Javascript algorithms and data structures (beta) certification&lt;/li&gt;
&lt;li&gt;Front end development libraries certification&lt;/li&gt;
&lt;li&gt;Data visualization certification&lt;/li&gt;
&lt;li&gt;Relational database certification&lt;/li&gt;
&lt;li&gt;Back end development APIs certification&lt;/li&gt;
&lt;li&gt;Quality assurance certification&lt;/li&gt;
&lt;li&gt;Scientific computing with Python (beta) certification&lt;/li&gt;
&lt;li&gt;Data analysis with Python certification&lt;/li&gt;
&lt;li&gt;Information security certification&lt;/li&gt;
&lt;li&gt;Machine learning with Python certification&lt;/li&gt;
&lt;li&gt;College Algebra with Python certification
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://www.freecodecamp.org/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc9w963eyv7stj0se6ozo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc9w963eyv7stj0se6ozo.png" alt="Image description" width="800" height="365"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  6. Skillshare
&lt;/h2&gt;

&lt;p&gt;Get free 7 days of trial to learn from a free course and master a skill&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Categories:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Animation&lt;/li&gt;
&lt;li&gt;Creative writing&lt;/li&gt;
&lt;li&gt;Film and video&lt;/li&gt;
&lt;li&gt;Fine art&lt;/li&gt;
&lt;li&gt;Graphic design&lt;/li&gt;
&lt;li&gt;Illustration&lt;/li&gt;
&lt;li&gt;Music&lt;/li&gt;
&lt;li&gt;Photography&lt;/li&gt;
&lt;li&gt;UI/UX design
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://www.skillshare.com/en/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4lnrs6aksang0v7b91ul.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4lnrs6aksang0v7b91ul.png" alt="Image description" width="800" height="365"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  7. Harvard
&lt;/h2&gt;

&lt;p&gt;Explore courses from Harvard University to help you accelerate your career.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Categories:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Art and Design&lt;/li&gt;
&lt;li&gt;Business&lt;/li&gt;
&lt;li&gt;Computer Science&lt;/li&gt;
&lt;li&gt;Data science&lt;/li&gt;
&lt;li&gt;Education and teaching&lt;/li&gt;
&lt;li&gt;Health and medicine&lt;/li&gt;
&lt;li&gt;Humanities&lt;/li&gt;
&lt;li&gt;Theology&lt;/li&gt;
&lt;li&gt;Mathematics&lt;/li&gt;
&lt;li&gt;Programming&lt;/li&gt;
&lt;li&gt;Science&lt;/li&gt;
&lt;li&gt;Social sciences
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://pll.harvard.edu/catalog/free
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feeipdll1binuiyx20tjf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feeipdll1binuiyx20tjf.png" alt="Image description" width="800" height="365"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  8. Hubspot Academy
&lt;/h2&gt;

&lt;p&gt;Learn everything you need to know about the most sought-after business skills.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Categories:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Social media&lt;/li&gt;
&lt;li&gt;Email Marketing&lt;/li&gt;
&lt;li&gt;SEO&lt;/li&gt;
&lt;li&gt;Inbound Sales&lt;/li&gt;
&lt;li&gt;Content Marketing
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://academy.hubspot.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyek5m3xi89u32cjw8dxo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyek5m3xi89u32cjw8dxo.png" alt="Image description" width="800" height="365"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  9. Alison
&lt;/h2&gt;

&lt;p&gt;Get free online courses with certifications and diplomas across a wide variety of domains.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Categories:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;IT&lt;/li&gt;
&lt;li&gt;Health&lt;/li&gt;
&lt;li&gt;Language&lt;/li&gt;
&lt;li&gt;Business&lt;/li&gt;
&lt;li&gt;Management&lt;/li&gt;
&lt;li&gt;English&lt;/li&gt;
&lt;li&gt;Personal development&lt;/li&gt;
&lt;li&gt;Sales and marketing&lt;/li&gt;
&lt;li&gt;Engineering and construction&lt;/li&gt;
&lt;li&gt;Teaching and academics
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://alison.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F70rnmbzdb1gcln0hl895.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F70rnmbzdb1gcln0hl895.png" alt="Image description" width="800" height="365"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  10. Google’s FREE Courses
&lt;/h2&gt;

&lt;p&gt;Develop skills you can apply immediately from the tech leader of the world, with e-learning courses designed by Google product experts. Learn at your own pace and get Google product certified.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Categories:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Google Ads&lt;/li&gt;
&lt;li&gt;Google Marketing Platform&lt;/li&gt;
&lt;li&gt;Google Analytics&lt;/li&gt;
&lt;li&gt;Google My Business&lt;/li&gt;
&lt;li&gt;Google Ad Manager&lt;/li&gt;
&lt;li&gt;Google Admob&lt;/li&gt;
&lt;li&gt;and more
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://skillshop.withgoogle.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6p18if291nu3ce9c9nqf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6p18if291nu3ce9c9nqf.png" alt="Image description" width="800" height="365"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;u&gt;I hope you’ve found this helpful.&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>course</category>
      <category>beginners</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>20 JavaScript One-Liners That’ll Make You Look Like a Pro</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Sun, 11 Feb 2024 15:38:46 +0000</pubDate>
      <link>https://dev.to/durgesh4993/20-javascript-one-liners-thatll-make-you-look-like-a-pro-24n3</link>
      <guid>https://dev.to/durgesh4993/20-javascript-one-liners-thatll-make-you-look-like-a-pro-24n3</guid>
      <description>&lt;p&gt;JavaScript keeps growing and growing, opening doors for new “to be tech geeks” in the market as it’s one of the easiest languages to start. &lt;/p&gt;

&lt;p&gt;It’s true that JavaScript can do a lot of blazing things! and there is just so much to learn.&lt;/p&gt;

&lt;p&gt;And whether you’re new to JavaScript or more of a professional developer it’s always good to learn something new.&lt;/p&gt;

&lt;p&gt;I’m gonna go over some really helpful one-liners, that can help you boost your productivity and can help in debugging code.&lt;/p&gt;




&lt;h2&gt;
  
  
  01 - Get a random boolean
&lt;/h2&gt;

&lt;p&gt;This function will return a boolean (true or false) using Math.random() method. Math.random creates a random number between 0 and 1, after which we check if it is higher or lower than 0.5. That means it’s a 50/50 chance to get either true or false.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const getRandomBoolean = () =&amp;gt; Math.random() &amp;gt;= 0.5;

console.log(getRandomBoolean());
// a 50/50 chance of returning true or false
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  02 - Check if the date is Weekend
&lt;/h2&gt;

&lt;p&gt;By this function, you’ll be able to check if the date that is provided is either a weekday or weekend.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const isWeekend = (date) =&amp;gt; [0, 6].indexOf(date.getDay()) !== -1;

console.log(isWeekend(new Date(2021, 4, 14)));
// false (Friday)
console.log(isWeekend(new Date(2021, 4, 15)));
// true (Saturday)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  03 - Check if a number is even or odd
&lt;/h2&gt;

&lt;p&gt;Simple utility function to check if a number is even or odd.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const isEven = (num) =&amp;gt; num % 2 === 0;

console.log(isEven(5));
// false
console.log(isEven(4));
// true
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  04 - Get the unique values in an array
&lt;/h2&gt;

&lt;p&gt;A very simple method to remove all duplicate values from an array. This function converts our array to a Set and then back to an array.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const uniqueArr = (arr) =&amp;gt; [...new Set(arr)];

console.log(uniqueArr([1, 2, 3, 1, 2, 3, 4, 5]));
// [1, 2, 3, 4, 5]

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  05 - Check if a variable is an array
&lt;/h2&gt;

&lt;p&gt;A clean and easy way to check if a variable is an array.&lt;br&gt;
Well, there can be other ways too 😉&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const isArray = (arr) =&amp;gt; Array.isArray(arr);

console.log(isArray([1, 2, 3]));
// true
console.log(isArray({ name: 'Ovi' }));
// false
console.log(isArray('Hello World'));
// false
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  06 - Generate a random number between two numbers
&lt;/h2&gt;

&lt;p&gt;This will take two numbers as params and will generate a random number between those two numbers!&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const random = (min, max) =&amp;gt; Math.floor(Math.random() * (max - min + 1) + min);

console.log(random(1, 50));
// could be anything from 1 - 50
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  07 - Generate a random string (unique id?)
&lt;/h2&gt;

&lt;p&gt;Maybe you need to create a temporary unique id for something, here’s a trick you can use to generate a random string on the go.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const randomString = () =&amp;gt; Math.random().toString(36).slice(2);

console.log(randomString());
// could be anything!!!
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  08 - Scroll to the top of the page
&lt;/h2&gt;

&lt;p&gt;The window.scrollTo() method takes an x and y coordinate to scroll to. If we set these to zero and zero, we’ll scroll to the top of the page.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const scrollToTop = () =&amp;gt; window.scrollTo(0, 0);

scrollToTop();
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  09 - Toggle boolean
&lt;/h2&gt;

&lt;p&gt;Toggling a boolean value is one of the very basic programming problems, that can be solved in a lot of different ways. Instead of using if-statements to determine what value to set the boolean to, you could instead use the function to flip the current value using the ! “not” operator.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// bool is stored somewhere in the upperscope
const toggleBool = () =&amp;gt; (bool = !bool);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  10 - Swapping Two Variables
&lt;/h2&gt;

&lt;p&gt;The below code is one of the simpler ways to swap two variables without using a third variable and with just one line of code.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;[foo, bar] = [bar, foo];
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  11 - Calculate number of days between two dates
&lt;/h2&gt;

&lt;p&gt;To calculate the days between two dates, we first find the absolute between two dates and then divide it with 86400000 which is equal to milliseconds in a single day, and at the end, we round the result and return it.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const daysDiff = (date, date2) =&amp;gt; Math.ceil(Math.abs(date - date2) / 86400000);

console.log(daysDiff(new Date('2021-05-10'), new Date('2021-11-25')));
// 199
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  12 - Copy text to clipboard
&lt;/h2&gt;

&lt;p&gt;PS: You might need to add a check to see if navigator.clipboard.writeText exists&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const copyTextToClipboard = async (text) =&amp;gt; {
  await navigator.clipboard.writeText(text);
};
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  13 - Different ways of merging multiple arrays
&lt;/h2&gt;

&lt;p&gt;There are a couple of ways to merge arrays. One of them is using the “concat” method. Another one is using the spread operator (”…”).&lt;/p&gt;

&lt;p&gt;PS: We can also any duplicates from the final array using the “Set” object.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// Merge but don't remove the duplications
const merge = (a, b) =&amp;gt; a.concat(b);
// Or
const merge = (a, b) =&amp;gt; [...a, ...b];

// Merge and remove the duplications
const merge = [...new Set(a.concat(b))];
// Or
const merge = [...new Set([...a, ...b])];
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  14 - Get the actual type of javascript primitives
&lt;/h2&gt;

&lt;p&gt;People sometimes use libraries to find the actual type of something in JavaScript, this small trick can save your time (and code size).&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const trueTypeOf = (obj) =&amp;gt; {
  return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
};

console.log(trueTypeOf(''));
// string
console.log(trueTypeOf(0));
// number
console.log(trueTypeOf());
// undefined
console.log(trueTypeOf(null));
// null
console.log(trueTypeOf({}));
// object
console.log(trueTypeOf([]));
// array
console.log(trueTypeOf(0));
// number
console.log(trueTypeOf(() =&amp;gt; {}));
// function
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  15 - Truncate string at the end
&lt;/h2&gt;

&lt;p&gt;Need to truncate string from the end, not a problem!&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const truncateString = (string, length) =&amp;gt; {
  return string.length &amp;lt; length ? string : `${string.slice(0, length - 3)}...`;
};

console.log(
  truncateString('Hi, I should be truncated because I am too loooong!', 36),
);
// Hi, I should be truncated because...
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  16 - Truncate string from the middle
&lt;/h2&gt;

&lt;p&gt;How about truncating the string from the middle?&lt;br&gt;
This function will take a string as the first param, then the size of string we need as 2nd argument, then how many chars we need from the start and end in 3rd and 4th param.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const truncateStringMiddle = (string, length, start, end) =&amp;gt; {
  return `${string.slice(0, start)}...${string.slice(string.length - end)}`;
};

console.log(
  truncateStringMiddle(
    'A long story goes here but then eventually ends!', // string
    25, // total size needed
    13, // chars to keep from start
    17, // chars to keep from end
  ),
);
// A long story ... eventually ends!
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  17 - Capitalizing a string
&lt;/h2&gt;

&lt;p&gt;Well, unfortunately, JavaScript does not have a built-in function to capitalize string, but this workaround can help you obtain the goal.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const capitalize = (str) =&amp;gt; str.charAt(0).toUpperCase() + str.slice(1);

console.log(capitalize('hello world'));
// Hello world
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  18 - Check if the current tab is in view/focus
&lt;/h2&gt;

&lt;p&gt;This simple helper method returns true or false depending on if a tab is in view/focus&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const isTabInView = () =&amp;gt; !document.hidden; // Not hidden

isTabInView();
// true/false
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  19 - Check if the user is on an Apple device
&lt;/h2&gt;

&lt;p&gt;This will return true if the user is on an Apple device&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const isAppleDevice = () =&amp;gt; /Mac|iPod|iPhone|iPad/.test(navigator.platform);

console.log(isAppleDevice);
// true/false
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  20 - The Ternary Operator
&lt;/h2&gt;

&lt;p&gt;This is a great code saver when you want to write an if..else statement in just one line.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// Longhand
const age = 18;
let greetings;

if (age &amp;lt; 18) {
  greetings = 'You are not old enough';
} else {
  greetings = 'You are young!';
}

// Shorthand
const greetings = age &amp;lt; 18 ? 'You are not old enough' : 'You are young!';
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>7 Side Hustle Ideas for Developers</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Sun, 11 Feb 2024 15:14:34 +0000</pubDate>
      <link>https://dev.to/durgesh4993/7-side-hustle-ideas-for-developers-1p5l</link>
      <guid>https://dev.to/durgesh4993/7-side-hustle-ideas-for-developers-1p5l</guid>
      <description>&lt;p&gt;Are you a software engineer looking to leverage your skills into profitable side hustles?&lt;/p&gt;

&lt;p&gt;The possibilities for making money online are endless, and in this post, I will share seven side hustle ideas for developers that I believe will be highly profitable in 2024.&lt;/p&gt;




&lt;h2&gt;
  
  
  1. AI-Powered Custom Solutions
&lt;/h2&gt;

&lt;p&gt;Let’s start with AI-powered personalized solutions.&lt;/p&gt;

&lt;p&gt;AI is no longer just a buzzword; in 2023 alone, the AI market was valued at more than $153.6 billion, and it’s expected to grow exponentially.&lt;/p&gt;

&lt;p&gt;A new AI tool is coming out every week; you can explore some tools at TopAI to get some inspiration from there, which are used for completing development tasks, generating images and videos with AI, research tools, and so on.&lt;/p&gt;

&lt;p&gt;As a developer, you can tap into this by offering AI-powered custom solutions to businesses.&lt;/p&gt;

&lt;p&gt;For example, you can build a tool like AgentGPT or God Mode by utilizing an existing large language model (LLM) like GPT, Llama, PaLM 2, or others that can understand and generate human-like text. (i.e., you create a token for GPT models and add it to your application)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fydr7u4895pv01h7czvg5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fydr7u4895pv01h7czvg5.png" alt="Image description" width="800" height="546"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Then, implement a system that can break down user-defined goals into actionable tasks — break down users’ large inputs into small tasks with the Laddering technique and then return a more useful response.&lt;/p&gt;

&lt;p&gt;You will also need to create a chaining mechanism where tasks are executed in sequence to achieve the set goal.&lt;/p&gt;

&lt;p&gt;You can stop here, and then people can interact with it from the terminal, but to take this a step further, design a user-friendly interface that allows users to interact with the AI agents. Additionally, allow users to define goals, monitor progress, and receive outputs.&lt;/p&gt;

&lt;p&gt;If your tool is useful enough, you can monetize it through subscription models; most people will be happy to pay you to save them time from prompting themselves or to learn prompt engineering to do it properly.&lt;/p&gt;

&lt;p&gt;This is just one example of a tool you can make, but the options are endless, and also check out the existing tools before starting to create one.&lt;/p&gt;




&lt;h2&gt;
  
  
  2. Selling Digital Products &amp;amp; Plugin Development
&lt;/h2&gt;

&lt;p&gt;The digital transformation market is also growing, which includes digital products and services, and is projected to grow from USD 2.27 trillion in 2023 to USD 8.92 trillion by 2030.&lt;/p&gt;

&lt;p&gt;You can create digital assets like plugins for Shopify or WordPress.&lt;/p&gt;

&lt;p&gt;In 2023, WordPress is still used by 45.8% of all websites on the internet and of the 9.2 million e-commerce websites in the U.S., 28.51% use Shopify.&lt;/p&gt;

&lt;p&gt;You can also create reusable website templates with your favorite tech stack and sell them on platforms like ThemeForest or Template Monster, on which I have a detailed guide in case you’re interested.&lt;/p&gt;

&lt;p&gt;I used to sell mostly website templates on Themeforest, and it can be quite profitable as a first step.&lt;/p&gt;




&lt;h2&gt;
  
  
  3. App Store / Play Store App Development
&lt;/h2&gt;

&lt;p&gt;Mobile app development is still a vibrant market. As of 2023, the Google Play Store hosts approximately 3.718 million mobile apps, while the Apple App Store offers around 1.803 million iPhone apps.&lt;/p&gt;

&lt;p&gt;You can develop an application easily without knowing any native language like Java/Kotlin or Swift by using cross-platform tools and frameworks such as React Native, Flutter, or even Ionic, and you don’t have to learn anything new except using React or Angular to create an application or game. It works by wrapping the app in a native container, allowing it to access the device’s features while being developed with familiar web technologies.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5gjvuhr3bnpuvjaayecx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5gjvuhr3bnpuvjaayecx.png" alt="Image description" width="800" height="448"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can earn money from this by monetizing through ads displayed within the app, with in-app purchases by offering additional content or features within the app or charging users to download the app’s premium version without ads and with additional features.&lt;/p&gt;




&lt;h2&gt;
  
  
  4. SaaS or Micro-SaaS Products
&lt;/h2&gt;

&lt;p&gt;In the realm of SaaS (Software as a Service), the opportunity lies in creating specialized, niche products that solve specific problems for businesses or individuals.&lt;/p&gt;

&lt;p&gt;Micro-SaaS products are often built by a solo developer or a small team of developers. These products don’t require a large investment but focus on a very narrow market or functionality. Here are some Micro-Saas ideas that you can start in 2024.&lt;/p&gt;

&lt;p&gt;Raycast is an example of such a tool with a small team of developers.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fclmns1z98mw1bk08x31c.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fclmns1z98mw1bk08x31c.png" alt="Image description" width="800" height="551"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It’s a productivity tool that streamlines daily tasks and workflows through quick access and custom scripts, primarily targeting developers and power users. It is a very successful project with a subscription-based model.&lt;/p&gt;




&lt;h2&gt;
  
  
  5. Open Source Project Contributions
&lt;/h2&gt;

&lt;p&gt;By contributing to projects related to your field, you demonstrate your skills, collaborate with others, and build a reputation in the developer community.&lt;/p&gt;

&lt;p&gt;Here are some great first PR opportunities to start contributing to open-source projects.&lt;/p&gt;

&lt;p&gt;This can lead to job offers, consulting opportunities, or the chance to sell your own tools and services to the community that grows around a project.&lt;/p&gt;

&lt;p&gt;Furthermore, if you initiate an open-source project that gains traction, you can monetize it through sponsorships, donations, or dual licensing, where you offer both a free community version and a paid commercial version with additional features or support.&lt;/p&gt;




&lt;h2&gt;
  
  
  6. Ethical Hacking Services
&lt;/h2&gt;

&lt;p&gt;As businesses increasingly rely on digital infrastructure, the demand for cybersecurity expertise is skyrocketing.&lt;/p&gt;

&lt;p&gt;Ethical hackers, or penetration testers, are professionals who use their skills to identify and fix vulnerabilities in systems before malicious hackers can exploit them.&lt;/p&gt;

&lt;p&gt;This can involve anything from web application testing to network security assessments or even social engineering drills.&lt;/p&gt;

&lt;p&gt;As an ethical hacker, you might work as a freelancer, start your own consulting firm, or join a corporate team.&lt;/p&gt;

&lt;p&gt;The field requires staying constantly updated on the latest threats and technologies, but it can be highly rewarding both intellectually and financially.&lt;/p&gt;




&lt;h2&gt;
  
  
  7. Tech Blogging
&lt;/h2&gt;

&lt;p&gt;Tech blogging is also a powerful way to share your expertise, review new technologies, or provide tutorials and tips.&lt;/p&gt;

&lt;p&gt;It can start as a hobby but has the potential to become a lucrative career through advertising, affiliate marketing, sponsored content, or selling digital products like e-books or courses.&lt;/p&gt;

&lt;p&gt;Successful tech bloggers establish a niche, whether it’s covering the latest in web development, AI trends, or gadget reviews, and they grow their audience by providing valuable, accurate, and engaging content.&lt;/p&gt;

&lt;p&gt;Building a strong personal brand as a blogger can also open doors to speaking engagements, book deals, or consulting work.&lt;/p&gt;




&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>sideprojects</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>5 Web Development Project With Their GitHub Repository</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Wed, 07 Feb 2024 13:42:52 +0000</pubDate>
      <link>https://dev.to/durgesh4993/5-web-development-project-with-their-github-repository-1jl0</link>
      <guid>https://dev.to/durgesh4993/5-web-development-project-with-their-github-repository-1jl0</guid>
      <description>&lt;p&gt;A developer's job is to create products that are loved by users and become addictive to them. To build such products, one must learn how to do so. In this article, I will provide examples of five projects that demonstrate how to build a good project, whether you are creating your startup, applying for a developer job, or building any SaaS.&lt;/p&gt;




&lt;h2&gt;
  
  
  1. RoomGpt
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwv8xepv5hxpzngo6ecp8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwv8xepv5hxpzngo6ecp8.png" alt="Image description" width="800" height="686"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This app was built by a single person, open-sourced, and scaled to 2 million users. It provides an excellent repository for learning how to scale apps to millions of users in a short amount of time.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://github.com/Nutlope/roomGPT
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  2. Awesome Weather Web App
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqyqdw5leaaydhll8ny1s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqyqdw5leaaydhll8ny1s.png" alt="Image description" width="800" height="562"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This weather app contains a user-friendly interface that includes features like a dynamic compass, 10-day forecast, pressure, air pollution measurement, and an interactive map. From this project, you will learn how to integrate lots of features into a single page.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://github.com/DariusLukasukas/nextjs-weather-app
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  3. Equinox ~ Create dynamic wallpapers for macOS
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo5awlqf38sooljh42z32.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo5awlqf38sooljh42z32.png" alt="Image description" width="800" height="658"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Equinox is a free and open-source app for creating macOS dynamic wallpapers. Starting macOS Mojave we have such cool things as Dynamic Desktop, and Light and Dark Desktop types of wallpapers. With the help of the Equinox app, you can easily create those with a few clicks.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://github.com/rlxone/Equinox
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  4. tldraw
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv5hfun7fsjtg4royi4ob.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv5hfun7fsjtg4royi4ob.png" alt="Image description" width="800" height="408"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;tldraw is a React library for creating infinite canvas experiences and is used to power tldraw.com digital whiteboard.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://github.com/tldraw/tldraw
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  5. Fill3d
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy2pb3z8gw4ijrnng8gh5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy2pb3z8gw4ijrnng8gh5.png" alt="Image description" width="800" height="542"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A Simple yet creative product, I found on the web, Upload a photo of an empty room, draw rectangles, describe the furniture you want, and render a photorealistic image in a minute. Realistic Results, Generate in a Minute, High Resolution, and Infinite Refinement.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://github.com/fill3d/fill
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Top 5 Productivity tools for 2024 for Developers</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Sat, 03 Feb 2024 00:28:39 +0000</pubDate>
      <link>https://dev.to/durgesh4993/top-5-productivity-tools-for-2024-for-developers-2hhp</link>
      <guid>https://dev.to/durgesh4993/top-5-productivity-tools-for-2024-for-developers-2hhp</guid>
      <description>&lt;h2&gt;
  
  
  1-Heptabase
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://heptabase.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This website hesps to make notes, I organize all my materials and ideas for work and life.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Forgmg6bzb09whew3ab9l.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Forgmg6bzb09whew3ab9l.png" alt="Image description" width="800" height="560"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  2-Arc
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; https://arc.net/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;In 2023 I choose to move to arc browser on my Mac. I like arc for their update frequency, personalize CSS and accounts switching.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhs20pjrxc06ianw7diy8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhs20pjrxc06ianw7diy8.png" alt="Image description" width="800" height="1031"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  3-Makereal
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://makereal.tldraw.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;tldraw is an online whiteboard that provides collaborative experience and with its latest GPT-4V support, user can draw anything and leverage the power of AI turn drawing to website.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnvp2gtetecl2e8uw2i3s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnvp2gtetecl2e8uw2i3s.png" alt="Image description" width="800" height="557"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  4-Devv
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://devv.ai/en
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;devv.ai is AI powered search engine made for developer. It’s best suit for searching “how to …” question in my opinion.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fszju1j83ryciej96dvm3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fszju1j83ryciej96dvm3.png" alt="Image description" width="800" height="618"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  5-Activepieces
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://www.activepieces.com/

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Automate your work flow like zapier but it is open source. Automate your emails, google docs, Spotify etc with ChatGPT powered content.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff3i3f0ojr3oy4e6vhwdu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff3i3f0ojr3oy4e6vhwdu.png" alt="Image description" width="800" height="1133"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>tooling</category>
      <category>programming</category>
      <category>beginners</category>
    </item>
    <item>
      <title>What is GSoC? Full Information</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Sat, 27 Jan 2024 16:37:31 +0000</pubDate>
      <link>https://dev.to/durgesh4993/what-you-need-to-know-about-gsoc-n9d</link>
      <guid>https://dev.to/durgesh4993/what-you-need-to-know-about-gsoc-n9d</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm7688ehhl12ey6avulw7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm7688ehhl12ey6avulw7.png" alt="Image description" width="800" height="475"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Quick Overview
&lt;/h2&gt;

&lt;p&gt;Isn't Google Summer of Code an intriguing concept? Ah, yes! So, basically, this is a global annual program in which Google gives summer stipends to students who finish a free and open-source software coding project. Students who are at least 18 years old may participate in the program. The following topics focus primarily on removing all doubts from your mind. So, take your time and read through the following topics.&lt;/p&gt;




&lt;h2&gt;
  
  
  What is open source, and why?
&lt;/h2&gt;

&lt;p&gt;The very word "open source" connotes something that is accessible to everyone. The term "open source software" generally refers to software that is licensed to include the source code and uses an open development process.&lt;/p&gt;

&lt;p&gt;Open Source software development is, in my opinion, the most effective approach. Through version control, it gives us transparency and a real-time record of changes made by others to it. It consolidates a variety of brilliant ideas into a single location. Contribution and teamwork are cherished by open source community members.&lt;/p&gt;




&lt;h2&gt;
  
  
  How do this programme GSoC works?
&lt;/h2&gt;

&lt;p&gt;Below is the step by step process involved in the participation &amp;amp; selection:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Open Source organisations applies to the programme. &lt;/li&gt;
&lt;li&gt;Release of shortlisted Open Source organisations announced by Google Open Source team.️️ &lt;/li&gt;
&lt;li&gt;Application portal for students to apply for organisation(s) begins. Students submit proposals, and apply for the programme.&lt;/li&gt;
&lt;li&gt;Students get informed about their selection. &lt;/li&gt;
&lt;li&gt;Community bonding and Coding period starts. Students start working for the code to be submitted and get evaluated on regular basis with the help of assigned mentor. &lt;/li&gt;
&lt;li&gt;Release of names of thee students who have passed all the evaluations is announced by Google Open Source team. &lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Note : The timeline for the above activities is announced prior to the programme.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  What actually these contributions are?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Coding&lt;/strong&gt; : Fixing bugs and developing new features.&lt;br&gt;
&lt;strong&gt;Documentation&lt;/strong&gt; : All the effort put into coding goes into vain if one doesn’t know using your software. So, one needs to improve or update the docs. This could be writing anything about the software’s features or helping other developers understand the code.&lt;br&gt;
&lt;strong&gt;Outreach/Research&lt;/strong&gt; : Researching about the use cases, suggesting features, reporting bugs is vital for the improvement of a software.&lt;br&gt;
&lt;strong&gt;Quality Assurance&lt;/strong&gt; : Keeping the code clean prevents a lot of conflicts that might arise in the future. Refactoring the code base, developing an automated test suite, and following style principles help in maintaining the quality of the code.&lt;/p&gt;




&lt;h2&gt;
  
  
  How to begin?
&lt;/h2&gt;

&lt;p&gt;(Recommended for Beginners) : Remember, this is all about Open Source software development! So, you need to be very easy with Open Source technologies and should be able to work with the basic stuff of Open Source, one of which is Version Control i.e. Git and other distributed version control systems such as GitHub , Gitlab, Bit-bucket etc…&lt;/p&gt;

&lt;p&gt;After you’re all set-up with an ease for Open Source contributions, you can simply follow the below basic steps -:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Start by selecting any awesome suited Open Source organisation for you. For me I used to go with “The network simulator project”. But, I just quit that and now thinking to go with “Creative Commons”. Organisations actually work with a particular framework or programming languages. The list of organisations Google often selects for it’s program can be found clicking here. Yes, you heard it right! Organisations themselves too have to go through the selection process.&lt;/li&gt;
&lt;li&gt;When you’re done with the above step, just ask in their particular community  channel for how to get started with the contributions. Any mentor or project maintainer will assist you soon and will guide you for what you want to know about. After that, just get your contributions on! Because, you need to be in your mentor’s eyes, you have to show them that you’re an active participant and let them know that you want to pursue GSoC in the upcoming years. The best thing in practice is to get familiar with the code base and then create patches and get them merged! &lt;/li&gt;
&lt;li&gt;After this step, just apply for the programme and wait for your proposal to pass. Many a times, your proposal is not accepted in the first trial, so don’t get annoyed or despondent . You can apply for the programme as long as you’re a University student (UG/PG Student). ️&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Note : Do practice for making good proposals as it leaves a greater impact on the evaluator. &lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  The prerequisites
&lt;/h2&gt;

&lt;p&gt;You need to have a good command over any one programming language. It actually doesn’t means that you have to make big applications using the programming languages before getting started with the program. You just need to have a basic outline of the programming language you feel an ease with. You can even choose any programming language which you want to explore more. Before, when I was at “The ns-3 network simulator project” I was using C/C++ but now I feel more comfy with Python.&lt;/p&gt;

&lt;p&gt;With this, you should also learn version control system to learn tracking changes in the software development cycle.&lt;/p&gt;

&lt;p&gt;Also, using a Linux or any UNIX based OS would give you a better ease as it’s Open Source and gives most of the developer tools by default. And also, most of the Open Source organisation uses a Linux based environment &amp;amp; believe me, you would be enjoying using Linux &lt;/p&gt;

&lt;p&gt;Things to be Noted!&lt;br&gt;
Be Patient Don't get offended or despondent Ask cool questions in the community Don't Give Up at all! Keep Trying .&lt;/p&gt;




&lt;h2&gt;
  
  
  Perks offered to you for this programme
&lt;/h2&gt;

&lt;p&gt;GSoC provides decent stipends and goodies, which could be motivating. ;-) As per GSoC 2020, Successful Google Summer of Code applicants get a $3000 to $6600 stipend.&lt;/p&gt;

&lt;p&gt;With this, you’ll also get the below swags :&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgao9byelgrtqnsy7f269.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgao9byelgrtqnsy7f269.png" alt="Image description" width="800" height="922"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That all about GSOC if you have any question regarding GSOC you can comment.&lt;/p&gt;




&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>gsoc</category>
      <category>github</category>
    </item>
    <item>
      <title>10 Websites To Learn Anything For Free On The Internet</title>
      <dc:creator>Durgesh kumar prajapati</dc:creator>
      <pubDate>Sun, 21 Jan 2024 20:35:56 +0000</pubDate>
      <link>https://dev.to/durgesh4993/10-websites-to-learn-anything-for-free-on-the-internet-4ahe</link>
      <guid>https://dev.to/durgesh4993/10-websites-to-learn-anything-for-free-on-the-internet-4ahe</guid>
      <description>&lt;p&gt;The internet has many treasures inside it.But many of you don’t know them.&lt;/p&gt;

&lt;p&gt;Here are 10 resourceful websites to learn anything for FREE on the internet:&lt;/p&gt;




&lt;h2&gt;
  
  
  1. Coding
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;FreeCodeCamp&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;You can learn to code for FREE, and build projects, and earn certifications.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You can get certifications in:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Responsive Web Design&lt;/li&gt;
&lt;li&gt;Javascript algorithms and data structures&lt;/li&gt;
&lt;li&gt;Front end development libraries&lt;/li&gt;
&lt;li&gt;Data visualization&lt;/li&gt;
&lt;li&gt;Relational database&lt;/li&gt;
&lt;li&gt;and more
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://www.freecodecamp.org/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe1p5uuz40iub2l7u2z5f.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe1p5uuz40iub2l7u2z5f.png" alt="Image description" width="800" height="425"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  2. Marketing
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Marketing Examples&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The home of short, sweet, practical marketing examples for you to get better at marketing.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Get examples in:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Customer acquisition&lt;/li&gt;
&lt;li&gt;Conversion&lt;/li&gt;
&lt;li&gt;Retention&lt;/li&gt;
&lt;li&gt;Brand strategy&lt;/li&gt;
&lt;li&gt;Referral strategy&lt;/li&gt;
&lt;li&gt;and more
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://marketingexamples.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5b7t6d2nmw2aiml2iibx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5b7t6d2nmw2aiml2iibx.png" alt="Image description" width="800" height="427"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  3. No-Code
&lt;/h2&gt;

&lt;p&gt;Get 30-minute bite-sized lessons delivered daily to guide your no-code journey for 100 days to level up your no-code skills.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;What you get?&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Guided lessons&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Tips and tricks&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Inspiration shots&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Surprise rewards&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Bonus mini-challenge&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Build-in-public prompts&lt;br&gt;
&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://www.100daysofnocode.com/start-the-challenge
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flq2r5ykrguazod5b7hrp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flq2r5ykrguazod5b7hrp.png" alt="Image description" width="800" height="427"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  4. Artificial Intelligence
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;100 Days Of AI&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Get 30-minute bite-sized lessons delivered daily to guide your AI learning journey.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What do you getto know?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Limitless applications of AI in your everyday life&lt;/li&gt;
&lt;li&gt;You know what the tech bros are talking about.&lt;/li&gt;
&lt;li&gt;You use AI everyday to build cool projects and eliminate boring work.&lt;/li&gt;
&lt;li&gt;You know why you’re anxious and even more excited about AI.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://www.100daysai.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fr1q3fklkja9pkk93elnm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fr1q3fklkja9pkk93elnm.png" alt="Image description" width="800" height="424"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  5. Language
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Duolingo&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Learn any language you want to in a gamified way to keep you motivated.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What you get?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;With quick, bite-sized lessons, you’ll earn points and unlock new levels while gaining real-world communication skills.&lt;/li&gt;
&lt;li&gt;A combination of research-backed teaching methods and delightful content to create courses.&lt;/li&gt;
&lt;li&gt;Easy to form a habit of language learning with game-like features, fun challenges, and reminders.&lt;/li&gt;
&lt;li&gt;Lessons are tailored to help you learn at just the right level and pace.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://www.duolingo.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhu7kwsknz8i57dqe9pvy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhu7kwsknz8i57dqe9pvy.png" alt="Image description" width="800" height="426"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  6. Data Structures And Algorithms
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;CSVISTOOL&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Learn how data structures and algorithms work in a visual manner.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What you get to learn?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Lists&lt;/li&gt;
&lt;li&gt;Stacks, Queues, and Dequeus&lt;/li&gt;
&lt;li&gt;Trees and SkipList&lt;/li&gt;
&lt;li&gt;Hashmaps&lt;/li&gt;
&lt;li&gt;Sorting and QuickSelect&lt;/li&gt;
&lt;li&gt;String Searching&lt;/li&gt;
&lt;li&gt;Graph Algorithms&lt;/li&gt;
&lt;li&gt;and more
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://csvistool.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvp7z77dyhhm87i94xx8j.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvp7z77dyhhm87i94xx8j.png" alt="Image description" width="800" height="424"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  7. UX
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Laws of UX&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Curation of best practices that designers can consider when building user interfaces.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What you get?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Heuristics&lt;/li&gt;
&lt;li&gt;Principles&lt;/li&gt;
&lt;li&gt;Gestalt&lt;/li&gt;
&lt;li&gt;Cognitive biases
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://lawsofux.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqi0nqfadsvvky9ea66um.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqi0nqfadsvvky9ea66um.png" alt="Image description" width="800" height="428"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  8. Excel + Power BI
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Chandoo&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Get weekly emails about the best tips on Excel and Power BI&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What you get?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Powerful tips, resources, and videos to get ahead in your work.&lt;/li&gt;
&lt;li&gt;Real world examples of data analysis, charting, reporting and automation&lt;/li&gt;
&lt;li&gt;Bonus files, PDF guides and sneak-peeks
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://chandoo.org/wp/subscribe/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkdo19vjlpbg5e7gz1tw0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkdo19vjlpbg5e7gz1tw0.png" alt="Image description" width="800" height="426"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  9. Newsletter growth
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Growth In Reverse&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Learn how to grow your newsletter from the best newsletter growth stories on the internet.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What you get?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;How newsletter businesses make money&lt;/li&gt;
&lt;li&gt;How they grow&lt;/li&gt;
&lt;li&gt;How they monetize their newsletters
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://growthinreverse.com/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbebb1sbr2mt94udzv77p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbebb1sbr2mt94udzv77p.png" alt="Image description" width="800" height="429"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  10. Mental Models
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Farnam Street&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Get to know about mental models that make you live a better life.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to get?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Core mental models&lt;/li&gt;
&lt;li&gt;Mental models of physics and chemistry&lt;/li&gt;
&lt;li&gt;Mental models of biology&lt;/li&gt;
&lt;li&gt;Mental models of systems thinking&lt;/li&gt;
&lt;li&gt;and much more
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Link: https://fs.blog/mental-models/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5tmyafxsxl9xbvbcgn0c.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5tmyafxsxl9xbvbcgn0c.png" alt="Image description" width="800" height="428"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Connect with me
&lt;/h2&gt;

&lt;p&gt;LinkedIn : &lt;a href="https://www.linkedin.com/in/durgesh4993/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/durgesh4993/&lt;/a&gt;&lt;br&gt;
GitHub : &lt;a href="https://github.com/Durgesh4993" rel="noopener noreferrer"&gt;https://github.com/Durgesh4993&lt;/a&gt;&lt;br&gt;
LeetCode : &lt;a href="https://leetcode.com/durgesh4993/" rel="noopener noreferrer"&gt;https://leetcode.com/durgesh4993/&lt;/a&gt;&lt;br&gt;
Profile : &lt;a href="https://linktr.ee/durgesh4993" rel="noopener noreferrer"&gt;https://linktr.ee/durgesh4993&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>tooling</category>
    </item>
  </channel>
</rss>
