<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Tech with Mash]]></title><description><![CDATA[Tech with Mash]]></description><link>https://blog.manansharma.dev</link><generator>RSS for Node</generator><lastBuildDate>Fri, 05 Jun 2026 19:38:43 GMT</lastBuildDate><atom:link href="https://blog.manansharma.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[Embracing DevOps: My Journey as a Sophomore Student]]></title><description><![CDATA[As I entered my sophomore year in college, I joined the ranks of students diving into the world of development. Web Development, specifically with the MERN stack, became my starting point. I was enthusiastic, creating projects and learning the ins an...]]></description><link>https://blog.manansharma.dev/embracing-devops-my-journey-as-a-sophomore-student</link><guid isPermaLink="true">https://blog.manansharma.dev/embracing-devops-my-journey-as-a-sophomore-student</guid><category><![CDATA[Devops]]></category><category><![CDATA[WeMakeDevs]]></category><category><![CDATA[Programming Blogs]]></category><category><![CDATA[Web Development]]></category><category><![CDATA[General Programming]]></category><dc:creator><![CDATA[Manan Sharma]]></dc:creator><pubDate>Tue, 12 Dec 2023 17:19:54 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/xrVDYZRGdw4/upload/6f9ce7c270a023c3117a1b0833d2bc65.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>As I entered my sophomore year in college, I joined the ranks of students diving into the world of development. Web Development, specifically with the MERN stack, became my starting point. I was enthusiastic, creating projects and learning the ins and outs of building websites. However, I couldn't help but notice that many of my peers were on the same journey. It got me thinking — while the path was exciting, it felt a bit crowded. This realization fueled my desire to find something more unique, a niche where my creativity could truly shine. It wasn't just about exploration anymore; it was about discovering a field where innovation and personal growth intersected, paving the way for a journey less traveled in the vast realm of development.</p>
<p>As I ventured into exploring different fields, I came across DevOps. Now, you might wonder, what exactly is DevOps?</p>
<h2 id="heading-what-is-devops">What is DevOps?</h2>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1702397181348/f9fb6890-35bf-4f2a-8aa3-230e9f084814.jpeg" alt class="image--center mx-auto" /></p>
<p>DevOps, blending "Development" and "Operations," holds a pivotal role in the tech realm. Imagine this scenario: a developer wraps up a groundbreaking project, eager for global adoption. But here's the challenge—making sure that every user, on any device, experiences seamless access to the latest tweaks and enhancements.</p>
<p>Ever watched a high-stakes match or a blockbuster event on a streaming platform without a glitch? Take, for instance, the India vs Australia finale, drawing a whopping 5.8+Cr viewers on Disney+ Hotstar. How does the platform manage such colossal traffic without a hitch?</p>
<p>Enter the DevOps superheroes. They're the behind-the-scenes maestros juggling a myriad of tasks, ensuring those updates flow seamlessly, maintaining compatibility, and guaranteeing every user's access remains uninterrupted. It's a complex orchestra of responsibilities they handle effortlessly, making sure the show goes on without a hitch.</p>
<h2 id="heading-workflow-in-devops">WorkFlow in DevOps:</h2>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1702400561488/674028e1-e557-407e-81e3-bcdcbe7e37d4.png" alt class="image--center mx-auto" /></p>
<p>When you step into the shoes of a DevOps Engineer, the journey begins with meticulous project planning. After brainstorming the product's ins and outs, discussing feasibility, and nurturing ideas, the next stop is the realm of code.</p>
<p>This is where the magic starts unfolding. Armed with the discussed infrastructure and tech stack, the coding journey kicks off. As the developers work their coding wizardry, the team gears up for the crucial testing phase. It's a meticulous process aimed at ensuring the application functions seamlessly across every possible type of device a user might have.</p>
<p>Once the coding and testing phases have danced their intricate steps, it's time for the grand reveal—the product release. This is when we make sure that the app is accessible to each and every eager user, while keeping a watchful eye on the server's load to prevent any overload.</p>
<p>But the story doesn't end there. The DevOps team remains on duty, handling the updates and ongoing operations. It's a continuous cycle of improvement and maintenance, ensuring that the product remains at its peak performance for users around the globe.</p>
<h2 id="heading-exploring-the-key-components-tools-and-technologies-driving-devops-success">Exploring the Key Components: Tools and Technologies Driving DevOps Success</h2>
<p><img src="https://media0.giphy.com/media/NytMLKyiaIh6VH9SPm/giphy.gif?cid=ecf05e47w4b395qmelgrqe4aonpc2sajq3l2fsk4tsnbe6du&amp;ep=v1_gifs_search&amp;rid=giphy.gif&amp;ct=g" alt="Computer Reaction GIF by GitHub" class="image--center mx-auto" /></p>
<p>In the dynamic world of DevOps, an array of tools empowers the daily workflow, each serving a distinct purpose. Among the prominent players are Docker, Kubernetes, Helm, Jenkins, and GitHub.</p>
<p>These tools belong to various categories, essential for seamless operations:</p>
<ul>
<li><p><strong>Continuous Integration/Continuous Deployment (CI/CD) Tools</strong></p>
</li>
<li><p><strong>Configuration Management Tools</strong></p>
</li>
<li><p><strong>Containerization Technologies</strong></p>
</li>
<li><p><strong>Infrastructure as Code (IaC) Tools</strong></p>
</li>
<li><p><strong>Monitoring and Logging Tools</strong></p>
</li>
<li><p><strong>Collaboration and Communication Platforms</strong></p>
</li>
<li><p><strong>Version Control Systems</strong></p>
</li>
<li><p><strong>Automated Testing Frameworks</strong></p>
</li>
<li><p><strong>Orchestration Tools</strong></p>
</li>
<li><p><strong>Cloud Services and Providers</strong></p>
</li>
</ul>
<p>These tools represent just a fraction of the expansive DevOps toolkit. Exploring these and other tools further online can unveil an even broader array, tailored to meet specific project needs and fuel innovation in this ever-evolving landscape.</p>
<h2 id="heading-career-opportunities-and-growth-as-devops-engineer">Career Opportunities and Growth as Devops Engineer</h2>
<p><img src="https://media0.giphy.com/media/3oKIPnAiaMCws8nOsE/giphy.gif?cid=ecf05e4776zfs6bzrmmcp9re201oa1xr7wnd0h9843fylyon&amp;ep=v1_gifs_search&amp;rid=giphy.gif&amp;ct=g" alt="Gif description" class="image--center mx-auto" /></p>
<p>The world of DevOps is like a rocket, zooming up and expected to hit a mind-blowing <strong>US$ 287.9 billion by 2026</strong>! But hey, here's the inside scoop: not many people are clued in on what DevOps actually is, making it a bit of a hidden gem in the job market.</p>
<p>What's even cooler? Remote opportunities in DevOps are exploding! Yep, you heard it right—there's a whole bunch of remote gigs waiting for those interested in diving into the DevOps universe. So, if you're up for an adventure and want to be part of this growing field, there's a world of possibilities out there!</p>
<hr />
<p>In conclusion, I would like to express my gratitude to everyone who took the time to read this blog post. I hope the insights shared about DevOps have been informative and helpful on your journey as a full-stack developer.</p>
<p>I encourage you to leave your <strong>valuable feedback</strong> and <strong>comments</strong> below. Your input and suggestions are highly appreciated as they contribute to creating a vibrant and collaborative learning community.</p>
<p>Thank you once again, and I look forward to hearing from you!</p>
]]></content:encoded></item><item><title><![CDATA[Mastering Backend Development: Essential Tips and Techniques for Seamless Frontend-Backend Integration]]></title><description><![CDATA[Hey everyone! In this blog post, I'll share my knowledge about backend development.
I embarked on my full-stack development journey back in January, and since then, I've delved into various technologies in front and backend development. I want to sha...]]></description><link>https://blog.manansharma.dev/mastering-backend-development-essential-tips-and-techniques-for-seamless-frontend-backend-integration</link><guid isPermaLink="true">https://blog.manansharma.dev/mastering-backend-development-essential-tips-and-techniques-for-seamless-frontend-backend-integration</guid><category><![CDATA[WeMakeDevs]]></category><category><![CDATA[@WeMakeDevs @hashnode]]></category><category><![CDATA[React]]></category><category><![CDATA[backend]]></category><category><![CDATA[full stack]]></category><dc:creator><![CDATA[Manan Sharma]]></dc:creator><pubDate>Sun, 18 Jun 2023 20:57:38 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1687122727602/e985dd39-ec46-464d-b50b-b28db2435674.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hey everyone! In this blog post, I'll share my knowledge about backend development.</p>
<p>I embarked on my full-stack development journey back in January, and since then, I've delved into various technologies in front and backend development. I want to share my learnings and insights from the path of knowledge I've traversed so far.</p>
<p>Now, let's dive into the question:</p>
<h3 id="heading-what-exactly-is-the-backend">What exactly is the backend?</h3>
<p>In simple terms, the backend refers to the behind-the-scenes processes of a web application. It encompasses all the functions and logic that operate in the background. The backend handles data, manages databases, and facilitates communication with other systems.</p>
<p>The backend comprises the following elements:</p>
<ul>
<li><p><strong>Servers</strong>: As we all know, servers are those computers used to host applications or websites. They also receive and process requests from the front end and send them back with the required responses.</p>
</li>
<li><p><strong>APIs</strong>: APIs enable the front end to communicate with the backend by making the data exchange possible between the server and the client by sending in the requests to the server for fetching or posting data to the Database.</p>
</li>
<li><p><strong>Databases:</strong> While making a full stack application, we need to store various types of data, which are further required for better functioning of the app. To solve this problem, the database role comes into play which holds data and then provides them whenever the user requests.</p>
</li>
<li><p><strong>Logics and Functions:</strong> The backend also stores the application's logic and functions, which implements the software's core functionality, without which the app would be meaningless.</p>
</li>
</ul>
<h3 id="heading-how-to-start-learning-the-backend">How to start learning the backend?</h3>
<p>To start learning backend, you need to follow the steps below:</p>
<ol>
<li><p>First and foremost, we need to familiarise ourselves with the basics of <strong>HTML, CSS, and javascript</strong>, as they are the foundation for learning the backend.</p>
</li>
<li><p>You need to choose a <strong>Backend Programming Language</strong> that you will use for some time. Some of the options are NodeJS, Python, and PHP.</p>
</li>
<li><p>Now that you have selected a backend programming language, you must learn <strong>server-side frameworks</strong>. Since I had started with NodeJS, the server-side framework I knew was Express.js.</p>
</li>
<li><p>Now that you have mastered the server-side frameworks, the next thing you need to learn is about the <strong>database</strong>. Some of the famous databases are MySQL, MongoDB, and PostgreSQL. You need to know about the CRUD(Create, Read, Update, and Delete) Operations for a good understanding of databases.</p>
</li>
<li><p>Learn about creating and consuming <strong>APIs</strong>(Application Programming Interfaces). Understand the principles of REST (Representational State Transfer) and how to design and develop RESTful APIs.</p>
</li>
</ol>
<p>To master the backend, start building web applications or APIs, as by practicing, you would put your knowledge to the test, which will help you develop the logic-building skills required to work in the backend.</p>
<h3 id="heading-tips-and-techniques-for-seamless-frontend-backend-integration">Tips and Techniques for Seamless Frontend-Backend Integration</h3>
<p>When I started to make my first full-stack project, the most significant doubt I had was how to connect the front end of my project with the backend. After searching a lot on the internet, I found two methods to connect our React project with the backend server:</p>
<ol>
<li><h3 id="heading-fetch-method"><code>.fetch()</code> method</h3>
<p> The <code>.fetch()</code> method is a built-in web API in JavaScript that allows you to request HTTP to retrieve data from a server.</p>
<p> The code snippet for the .fetch() method is as follows:</p>
<pre><code class="lang-javascript"> <span class="hljs-keyword">import</span> React, { useEffect, useState } <span class="hljs-keyword">from</span> <span class="hljs-string">'react'</span>;

 <span class="hljs-keyword">const</span> MyComponent = <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">const</span> [data, setData] = useState(<span class="hljs-literal">null</span>);

   useEffect(<span class="hljs-function">() =&gt;</span> {
     fetchData();
   }, []);

   <span class="hljs-keyword">const</span> fetchData = <span class="hljs-function">() =&gt;</span> {
     fetch(<span class="hljs-string">'/api'</span>)
       .then(<span class="hljs-function"><span class="hljs-params">response</span> =&gt;</span> response.json())
       .then(<span class="hljs-function"><span class="hljs-params">jsonData</span> =&gt;</span> setData(jsonData))
       .catch(<span class="hljs-function"><span class="hljs-params">error</span> =&gt;</span> <span class="hljs-built_in">console</span>.error(<span class="hljs-string">'Error fetching data:'</span>, error));
   };

   <span class="hljs-keyword">return</span> (
     <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>
       {data ? <span class="hljs-tag">&lt;<span class="hljs-name">h1</span>&gt;</span>Hello<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span> : <span class="hljs-tag">&lt;<span class="hljs-name">h1</span>&gt;</span>World<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span>}
     <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span>
   );
 };

 <span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> MyComponent;
</code></pre>
</li>
</ol>
<p>    In the given code snippet, the <code>fetchData</code> function makes a GET request to the backend server, and the backend server then sends back to us the data that is then getting saved in the data variable</p>
<ol>
<li><h3 id="heading-axios-library">Axios Library:</h3>
<p> Axios is a JavaScript library that simplifies making HTTP requests from a web application. It provides an easy-to-use API for sending HTTP requests to a backend server and handling the responses. Similar to the <code>fetch()</code> method, Axios allows you to communicate with the backend and retrieve data.</p>
</li>
</ol>
<pre><code class="lang-javascript"><span class="hljs-keyword">import</span> React, { useEffect, useState } <span class="hljs-keyword">from</span> <span class="hljs-string">'react'</span>;
<span class="hljs-keyword">import</span> axios <span class="hljs-keyword">from</span> <span class="hljs-string">'axios'</span>;

<span class="hljs-keyword">const</span> MyComponent = <span class="hljs-function">() =&gt;</span> {
  <span class="hljs-keyword">const</span> [data, setData] = useState(<span class="hljs-literal">null</span>);

  useEffect(<span class="hljs-function">() =&gt;</span> {
    fetchData();
  }, []);

  <span class="hljs-keyword">const</span> fetchData = <span class="hljs-function">() =&gt;</span> {
    axios.get(<span class="hljs-string">'/api'</span>)
      .then(<span class="hljs-function"><span class="hljs-params">response</span> =&gt;</span> {
        setData(response.data);
      })
      .catch(<span class="hljs-function"><span class="hljs-params">error</span> =&gt;</span> {
        <span class="hljs-built_in">console</span>.error(<span class="hljs-string">'Error fetching data:'</span>, error);
      });
  };

  <span class="hljs-keyword">return</span> (
    <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>
      {data ? <span class="hljs-tag">&lt;<span class="hljs-name">h1</span>&gt;</span>Hello<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span> : <span class="hljs-tag">&lt;<span class="hljs-name">h1</span>&gt;</span>World<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span>}
    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span>
  );
};

<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> MyComponent;
</code></pre>
<hr />
<p>In conclusion, I would like to express my gratitude to everyone who took the time to read this blog post. I hope the insights shared about backend development have been informative and helpful on your journey as a full-stack developer.</p>
<p>I encourage you to leave your <strong>valuable feedback</strong> and <strong>comments</strong> below. Your input and suggestions are highly appreciated as they contribute to creating a vibrant and collaborative learning community.</p>
<p>Thank you once again, and I look forward to hearing from you!</p>
]]></content:encoded></item><item><title><![CDATA[Starting the journey of Full Stack Development]]></title><description><![CDATA[Hi Community, I have started my journey to learn and master the skills which are essential for becoming a full-stack developer.
Currently, I have learnt HTML5, CSS, Bootstrap, React and jQuery for the front end and ExpressJS, MongoDB, and NodeJS for ...]]></description><link>https://blog.manansharma.dev/starting-the-journey-of-full-stack-development</link><guid isPermaLink="true">https://blog.manansharma.dev/starting-the-journey-of-full-stack-development</guid><category><![CDATA[WeMakeDevs]]></category><category><![CDATA[Full Stack Development]]></category><category><![CDATA[journey]]></category><category><![CDATA[Web Development]]></category><dc:creator><![CDATA[Manan Sharma]]></dc:creator><pubDate>Sat, 22 Apr 2023 06:13:50 GMT</pubDate><content:encoded><![CDATA[<p>Hi Community, I have started my journey to learn and master the skills which are essential for becoming a full-stack developer.</p>
<p>Currently, I have learnt <strong>HTML5, CSS, Bootstrap, React and jQuery</strong> for the <em>front end</em> and <strong>ExpressJS, MongoDB, and NodeJS</strong> for the <em>backend</em>.</p>
<p>In the process of learning these skills, there were many obstructions that I faced and today I would be sharing my journey with you guys.</p>
<p>Currently, I am learning full-stack development with the help of a course on Udemy provided by <strong>Angela Yu</strong> and also I am trying to polish my frontend skills by <strong>making clones of some known websites.</strong></p>
<p>One cannot master a skill just by just watching and learning from online tutorials until and unless the person does not apply his skills to the real world. For this, we can help contribute to some open-source projects, as by doing this, not only we would be enhancing our skills but we also would be contributing to the tech community.</p>
<p>Some of the screenshots of the website that I have made are below:</p>
<div class="hn-table">
<table>
<thead>
<tr>
<td><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1682143684069/43f9256a-da48-42ee-aeba-fb6414e7436c.png" alt="StarBux" /></td></tr>
</thead>
<tbody>
<tr>
<td>credit: https://www.youtube.com/watch?v=91Q6RvKvd7o</td></tr>
</tbody>
</table>
</div><p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1682143644363/337c4ed5-123d-46fe-a73e-0dabb8c68d42.png" alt class="image--center mx-auto" /></p>
<p>I also have contributed to some open-source projects recently, one of whose screenshot is attached below.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1682140250612/8a15bc8e-027f-4c86-a250-c67897e2a3d2.png" alt class="image--center mx-auto" /></p>
<p>Another great suggestion is to consider <strong>uploading all the projects you create during your learning phase on GitHub</strong>. This not only provides you with an opportunity to learn about version control using git but also helps you to build a strong GitHub profile.</p>
<p>By using GitHub, you can showcase your coding skills to potential employers and collaborators. Additionally, the process of regularly committing and pushing code to GitHub can help you to develop discipline and accountability in your coding practice.</p>
<p>So, if you are interested in building a strong coding portfolio and want to take advantage of the benefits that GitHub offers, be sure to upload your projects to GitHub regularly. <strong>With each upload, you'll be able to demonstrate your progress and growth as a developer, and you'll also be contributing to the open-source community</strong>.</p>
<p>Also, <strong>try to join global communities</strong> as this would lead to great networking and you would get to learn from international leaders. People who have gained experience from their mistakes would be able to provide their learnings.</p>
<p>I will provide more of my learnings as I will gain more skills in future.</p>
<p>Until then, thanks for reading my blog.</p>
<p>Also, If you would like to connect with me, here are my social links:</p>
<p><a target="_blank" href="https://www.linkedin.com/in/mash-sharma/">LinkedIn</a> <a target="_blank" href="https://github.com/Manan-Sharma-5">GitHub</a> <a target="_blank" href="https://twitter.com/Mash0riginal">Twitter</a></p>
]]></content:encoded></item></channel></rss>