<?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: Shahroz Ahmed</title>
    <description>The latest articles on DEV Community by Shahroz Ahmed (@shahrozahmd).</description>
    <link>https://dev.to/shahrozahmd</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%2F280852%2Fecde1ebf-ed0a-4913-a8b4-88d878c38a25.jpg</url>
      <title>DEV Community: Shahroz Ahmed</title>
      <link>https://dev.to/shahrozahmd</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/shahrozahmd"/>
    <language>en</language>
    <item>
      <title>The Definitive Guide to Hacktoberfest 2023: From Beginner to Contributor</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Fri, 29 Sep 2023 20:41:19 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/hacktoberfest-159j</link>
      <guid>https://dev.to/shahrozahmd/hacktoberfest-159j</guid>
      <description>&lt;p&gt;When October hits the calendar, it's not just the usual fall vibes—it's the season of code! 🍂 Embrace the digital frenzy, for in our realm, it's Hacktoberfest! 💻✨&lt;/p&gt;

&lt;p&gt;So it's the month of hackers!😅 No, it does not mean that. &lt;br&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%2Fwun012honvryjo67nrkf.gif" 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%2Fwun012honvryjo67nrkf.gif" alt="hacking funny" width="480" height="270"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;HacktoberFest is DigitalOcean’s annual event that encourages people to contribute to open source throughout October. Here we have the buzzword for this, "Hacktober", and this year, this movement is going to hit its 10th anniversary🎉.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Let me tell you what we do in Hacktoberfest.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;We need to create a minimum of 4 successful Pull Requests (PRs)  for any open-source project. Once the PR is successfully merged by the maintainer of the project/repo, it will appear on your Hacktoberfest account and go into the verification state. Once verification has been done and they find that it's your authentic PR and eligible to count in Hacktoberfest, they will eventually count it. When you complete 4 successful PRs / Contributions, you are now eligible for the reward 🎁.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Yes, you heard right! There is a reward by Hacktoberfest for all the participants who complete 4 contributions✨&lt;/p&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/5DmivkdohxCRxeDAVL/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/5DmivkdohxCRxeDAVL/giphy.gif" alt="reward funny" width="480" height="472"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In HacktoberFest2022 The reward is one of two options, you can either choose to let them plant a tree on your behalf🎄 Or you can request for a swags👕&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Swags include T-shirts and some cool laptop stickers.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I chose to get swags and planted a tree by myself 😋&lt;/p&gt;

&lt;p&gt;Here is my Hactoberfest2022 swags memory&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%2Ff1m3u42emqn8ccr4jd54.jpg" 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%2Ff1m3u42emqn8ccr4jd54.jpg" alt="hacktoberfest" width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For HacktoberFest2023 swag details, you can &lt;a href="https://hacktoberfestswaglist.com/list/" rel="noopener noreferrer"&gt;visit this site&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But this year DigitalOcean decided to make a shift, now in its tenth year, is undergoing changes to ensure sustainability. It's shifting from physical t-shirt rewards to digital reward kit due to logistical challenges and customs issues. The kit, created in partnership with Holopin, includes customizable badges for pull/merge requests and special badges and gifts for winners, fostering the open-source community's spirit. Additionally, the first 50,000 participants completing their first PR/MR will have a tree purchased in their name&lt;/p&gt;

&lt;p&gt;Don't worry if the above few lines are uncatchable for you or if you are an absolute beginner who doesn't know about Github, open-source contribution, or hacktoberfest, just be with me.&lt;br&gt;
&lt;a href="https://i.giphy.com/media/RkcZWGVel03KIHbXV6/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/RkcZWGVel03KIHbXV6/giphy.gif" alt="funny" width="480" height="270"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So moving forward after a little intro regarding Hacktoberfest, let's discuss the fundamentals on which this movement is based.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"The Open Source Contribution". Open source contribution is a concept of building software for the people, by the people, following a process of collaboration to create software that would be managed or maintained by an organization or a group of people.&lt;br&gt;
 Anyone can work on the base code of that particular software by following the defined guidelines by the community at any collaborative development platform like Github / Gitlab.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Want some examples of open-source software?&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Linux, Mozilla Firefox, VSCode, VLC Player, and the list goes on.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Want to know more about open-source?  &lt;a href="https://www.digitalocean.com/community/tutorials/what-is-open-source" rel="noopener noreferrer"&gt;Here is the complete details&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So at this point, you are familiar with what Hacktoberfest is, as well as open-source contribution. &lt;/p&gt;

&lt;p&gt;Now, the next question is,  How can I participate in Hacktoberfest2023?&lt;/p&gt;

&lt;p&gt;No worries, I am here to guide you with every step. Just be with me.&lt;/p&gt;

&lt;p&gt;First of all, let's discuss what you need to be eligible to participate in Hacktoberfest2023.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;So you need 💲1000 in your bank account to participate in Hacktoberfest2023—just joking&lt;/em&gt;&lt;br&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%2Fmedy0perb7rvhynl6mtj.gif" 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%2Fmedy0perb7rvhynl6mtj.gif" alt="funny" width="398" height="478"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You need a few things:&lt;/p&gt;

&lt;p&gt;✅ Familiarity with GitHub and its workflow&lt;br&gt;
✅ Must know about Pull Requests, Forking Repo, Issues&lt;br&gt;
✅ Must know about open-source software&lt;br&gt;
✅ A will, to make this world a better place with the help of software.&lt;/p&gt;

&lt;p&gt;If you are not aware of these, I advise you to go through them.&lt;/p&gt;

&lt;p&gt;The internet is full of resources regarding this stuff. But just to maintain your flow, here I am going to briefly explain these terminologies:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;GitHub:&lt;/strong&gt; A &lt;a href="https://github.com" rel="noopener noreferrer"&gt;platform&lt;/a&gt; where you can keep the base code of your software as a Repository and it lets you do collaborative development on your software.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Fork:&lt;/strong&gt; Fork is a tool on GitHub through which you can make a copy of someone else's project/repo in your account and then work on it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Issues:&lt;/strong&gt; It's self-explanatory. Issues are also a feature of GitHub associated with your project. In this section, you can mention the issues your software has so that other people can come and pick up an issue and work on it. Also, other people can raise issues for your project.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pull Request:&lt;/strong&gt; It's a way through which you can ask the project owner, "Hey, I have done some work for your project, and now I want you to review my work and merge it into your codebase." For that purpose, you open a Pull Request.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.digitalocean.com/community/cheatsheets/how-to-use-git-a-reference-guide" rel="noopener noreferrer"&gt;Be a GitHub champ here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now I am assuming that we have enough knowledge to move forward to our agenda, which is How to participate in Hacktoberfest 2023.&lt;/p&gt;

&lt;p&gt;I am going to break things down into steps, assuming that you have a GitHub / Gitlab account. Let's dive into it.&lt;/p&gt;

&lt;h3&gt;
  
  
  HOW TO GET YOURSELF REGISTERED FOR HACKTOBERFEST2023🎯
&lt;/h3&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%2Fbti548ebmr81put20soo.gif" 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%2Fbti548ebmr81put20soo.gif" alt="funny" width="480" height="268"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Visit &lt;a href="https://hacktoberfest.com/" rel="noopener noreferrer"&gt;this page&lt;/a&gt;&lt;br&gt;
It's Hacktoberfest's official landing page, and from here, you can kick-start your journey.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Click on &lt;strong&gt;"Register Now."&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Now you'll navigate to the page where you have 2 options: with &lt;strong&gt;Github or Gitlab&lt;/strong&gt;. Choose anyone. I choose Github, and hit &lt;strong&gt;"Initiate."&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;It will navigate you to the page where you need to enter your Github/Gitlab Credentials to register. Don't worry, just do it.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Now you will be redirected to &lt;a href="https://hacktoberfest.com/register/" rel="noopener noreferrer"&gt;this page&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Here you need to fill up the form. It's very self-explanatory and recommended,  so just read and fill in. It's a quick job.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;After filling out the form, hit &lt;strong&gt;"Register"&lt;/strong&gt; and Hurray!🎉🎉 &lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;You have been registered for HacktoberFest 2023 and navigated to &lt;a href="https://hacktoberfest.com/profile/" rel="noopener noreferrer"&gt;this page&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Now just scroll down the page a bit, you will see the text as,&lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;Progress: 0/4 &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This is where the game begins 🎰&lt;/p&gt;

&lt;p&gt;This is your progress status in how many open source projects you have collaborated with and how many PRs of yours have been merged.&lt;/p&gt;

&lt;p&gt;Our target is to hit it to a minimum of 4/4 🎯&lt;/p&gt;

&lt;p&gt;Now it's time to learn how to make contributions. It's not rocket science; it's very easy to contribute to a project.&lt;/p&gt;

&lt;p&gt;You just need to be familiar with how GitHub/GitLab works and what the standards of open-source contributions are.&lt;/p&gt;

&lt;p&gt;I'm going to explain step by step, how you can make your first open source contribution.&lt;/p&gt;

&lt;h3&gt;
  
  
  HOW TO FIND OPEN-SOURCE PROJECTS TO CONTRIBUTE 🔍
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/xT1XH20RPY6rBmMBLa/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/xT1XH20RPY6rBmMBLa/giphy.gif" alt="funny" width="480" height="270"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;1- To contribute to an open source project, first, you need to find out those open source projects that are ready to accept your PR or contribution. For this, you can visit these magic sites, &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://goodfirstissue.dev/" rel="noopener noreferrer"&gt;goodfirstissue&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.codetriage.com/" rel="noopener noreferrer"&gt;codetriage&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;2- You can select your preferred language, and it will display all the repositories that are having open issues to work on.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;One more pro tip here: all the issues in any open-source project are mentioned in the issues section. You can go there and type "goodfirstissue," or you can do a global search on GitHub with this label, and you will get all the beginner-level issues that you can contribute to as a newbie.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;So now you know how to find a project to contribute to, it's time to learn how to do this process of contribution.&lt;/p&gt;

&lt;h3&gt;
  
  
  HOW TO CONTRIBUTE TO OPEN SOURCE PROJECTS ❓
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/l4Ho0At2UD2d7WyD6/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/l4Ho0At2UD2d7WyD6/giphy.gif" alt="funny" width="480" height="270"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Okay, let's assume you find a project to contribute. You find an open issue that you think you can fix.&lt;/p&gt;

&lt;p&gt;1- You should open that issue and write a comment there, &lt;a href="https://github.com/forem/forem/issues/20180" rel="noopener noreferrer"&gt;as shown here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;2- Then the maintainer will assign that issue to you, and here you go.&lt;/p&gt;

&lt;p&gt;3- You just need to hit the &lt;strong&gt;Fork&lt;/strong&gt; button on the top right of the repo page, and then the project will be cloned to your profile.&lt;/p&gt;

&lt;p&gt;4- Now you need to clone that project to your local machine by hitting this command in your terminal &lt;br&gt;
&lt;code&gt;git clone &amp;lt;https://github.com/username/project.git&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;5- Checkout a branch regarding the feature/bug you are going to work on with this command,&lt;br&gt;
&lt;code&gt;git checkout -b my-first-contribution&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;6-Do your work, push the code to the branch, and then create a Pull Request for the repo. &lt;/p&gt;

&lt;p&gt;7- The maintainer will look into your PR, he may ask for changes as well. It's called &lt;strong&gt;Change Requests&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;6- You then make changes in the same branch and push the code again. When the maintainer of the repo finds everything good, he will approve and merge your PR👏&lt;/p&gt;

&lt;p&gt;Hurray!🎉🎉 Your first open-source contribution has been made.&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%2F370okk7q7n4o4vayhdfg.gif" 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%2F370okk7q7n4o4vayhdfg.gif" alt="funny" width="480" height="354"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Still confused about the contribution steps, no worries, below guides will help you more.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/en/get-started/quickstart/contributing-to-projects" rel="noopener noreferrer"&gt;Guide - 01&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/firstcontributions/first-contributions" rel="noopener noreferrer"&gt;Guide - 02&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;As simple as that. You can make any number of contributions you want in October, but not less than 4 to be eligible for the reward.&lt;/p&gt;

&lt;p&gt;Lastly, there is always a question raised are we doing all of this just to get swags? No not at all, Open source contribution is driving our tech industry in a revolutionary way and it has its significant benefits, let me share with you some of them.&lt;/p&gt;

&lt;h3&gt;
  
  
  WHY I SHOULD DO OPEN-SOURCE CONTRIBUTIONS ?🙋
&lt;/h3&gt;

&lt;p&gt;It's not only about why you need to participate in Hacktoberfest, but It's also about why one should make an open-source contribution. Here are the major benefits you must consider regarding open source contribution.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Contributing to open source projects improves risk management and future planning for your own projects.&lt;/li&gt;
&lt;li&gt;Open source projects have transparent roadmaps, aiding in evaluating risks associated with required features or bug fixes.&lt;/li&gt;
&lt;li&gt;Contributing allows you to shape or influence the open-source project's roadmap and priorities.&lt;/li&gt;
&lt;li&gt;Contribution to open source projects is enjoyable and personally satisfying, providing the opportunity to collaborate with talented developers.&lt;/li&gt;
&lt;li&gt;It may involve discussions and challenges, but successful contributions offer a high level of satisfaction.&lt;/li&gt;
&lt;li&gt;Sharing ideas through open-source contributions can have a lasting impact, even if it takes time for them to gain traction and be accepted.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you are still here, I appreciate that and it proved to have an eager to learn and to give back to society, You are my champ 💜&lt;/p&gt;

&lt;p&gt;👋 Its time to sign off, but before going I am going to share with you my social handles, if you have any questions regarding the open-source contribution or hacktoberfest just send me a message.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;🔗 Invite me on Linkedin :&lt;a href="https://www.linkedin.com/in/itsshahrozahmed/" rel="noopener noreferrer"&gt;Connect&lt;/a&gt;&lt;br&gt;
🔗 Let's be friends on Facebook:&lt;a href="https://web.facebook.com/itsshahrozahmed" rel="noopener noreferrer"&gt;Send Friend Request&lt;/a&gt;&lt;br&gt;
🔗 Do follow on Instagram: &lt;a href="https://www.instagram.com/shahroz_ahmd/" rel="noopener noreferrer"&gt;Follow&lt;/a&gt;&lt;br&gt;
🔗 Checkout my Github: &lt;a href="https://github.com/ShahrozAhmd" rel="noopener noreferrer"&gt;Follow&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>opensource</category>
      <category>hacktoberfest23</category>
    </item>
    <item>
      <title>Google I/O Extended 2023</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Mon, 18 Sep 2023 03:25:43 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/google-io-extended-2023-361a</link>
      <guid>https://dev.to/shahrozahmd/google-io-extended-2023-361a</guid>
      <description>&lt;h3&gt;
  
  
  🚀Attended Google I/O Extended Karachi 2023 at IBA City Campus
&lt;/h3&gt;

&lt;p&gt;A rich learning experience with industry insights. Valuable talks provided impactful advice for life's journey. Below mentioned are my key takeaways!&lt;/p&gt;

&lt;h3&gt;
  
  
  🚀 Talk: Moonshot Thinking by Raza Matin (Bransverse)
&lt;/h3&gt;

&lt;p&gt;This talk revolved around the startup ecosystem, how startups work, their challenges, and solutions.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;You don't need to be a perfectionist, as it's not a destination. You can continuously improve yourself day by day to achieve excellence.&lt;/li&gt;
&lt;li&gt;Any organization will not rise higher without a stable foundation and a constructive culture within.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🚀 Talk: Challenges Entrepreneurs Are Facing in the Current Environment by Omer Adiden (TMT Ventures)
&lt;/h3&gt;

&lt;p&gt;This talk revolved around the brutal facts regarding partnerships, startups, and fundraising, which every individual should know before taking the step.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Don't be overly concerned about your idea being stolen nowadays; it's not like the old times.&lt;/li&gt;
&lt;li&gt;Nowadays, you need to have a stable product to get funded. Investors are not interested in funding just an idea that you want to build with their money.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🚀 Talk: Optimizing Core Web Vitals for Your SPAs by Mashhood Rastgar (Sastaticket.pk)
&lt;/h3&gt;

&lt;p&gt;This talk revolved around how you can optimize your web apps to be blazingly fast, lightweight, and user-friendly with the techniques endorsed by Google as Core Web Vitals.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Understanding LCP, FID, and CLS for web apps.&lt;/li&gt;
&lt;li&gt;Your assets take the most time to load if they are not well optimized.&lt;/li&gt;
&lt;li&gt;You can use native mobile and desktop hardware APIs in your web apps to enhance your web experience.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🚀 Talk: How To Find Remote Jobs by Wajahat Karmi (Nebula)
&lt;/h3&gt;

&lt;p&gt;This talk is in high demand and revolves around the misconceptions regarding the buzzword "Remote Job".&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A remote job is more than just working from home; it's about effectively managing your life.&lt;/li&gt;
&lt;li&gt;Cracking a remote job is challenging if you don't work on its fundamentals, but with your best effort, you can land your first job. The speaker himself applied for more than 1,000 jobs.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🚀 Talk: Building Your Side Projects Using A.I by Saad Pasta (Sadapay)
&lt;/h3&gt;

&lt;p&gt;This talk revolves around how the AI-driven tech industry changes the ways to build something great with less effort.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Nowadays, you don't need to reinvent the wheel; just do research, and use the available tools effectively.&lt;/li&gt;
&lt;li&gt;Don't need to discard your idea if it already exists; you can learn from the existing one, make some improvements in your stuff, and launch.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I feel thankful to Harris Solangi for leading this event and to his team who put a lot of effort into making it a success.&lt;/p&gt;

&lt;p&gt;Connect with Me:&lt;br&gt;
Feel free to connect with me on &lt;a href="https://www.linkedin.com/in/itsshahrozahmed/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Fin.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>google</category>
      <category>career</category>
      <category>android</category>
    </item>
    <item>
      <title>how a mid level front end web developer resume looks like???</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Sun, 31 Jul 2022 09:56:00 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/how-a-mid-level-front-end-web-developer-resume-looks-like-18hd</link>
      <guid>https://dev.to/shahrozahmd/how-a-mid-level-front-end-web-developer-resume-looks-like-18hd</guid>
      <description>&lt;p&gt;When I just started my career I did a lot of research to prepare a great resume for my self, used  canava for designing it and added all my personal projects which I made for learning , to show case what I know, and I have got a placement in a organization as a front end web developer where I mostly works on react.js, right now I am confuse that now I how I need to update my resume, is it still good to add that personal learning projects in the resume or what kind of content I can add in my resume to showcase my expertise???&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>javascript</category>
      <category>react</category>
      <category>webdev</category>
    </item>
    <item>
      <title>My Journey From a CodeNewBie To Earn $1k+ As a Developer</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Sat, 16 Jan 2021 13:46:16 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/my-journey-from-a-codenewbie-to-earn-1k-as-a-developer-1lpj</link>
      <guid>https://dev.to/shahrozahmd/my-journey-from-a-codenewbie-to-earn-1k-as-a-developer-1lpj</guid>
      <description>&lt;p&gt;Hi Folks😇,&lt;br&gt;
My name is Shahroz and today I am here to  share what happens to me when I wrote my first line of code, &lt;strong&gt;the "hello world!"&lt;/strong&gt;😎&lt;/p&gt;

&lt;p&gt;It all starts in 2016, just after 1 year when my father past away😭, I was the only person in the house who is responsible to manage my home expenses, so I just started applying for jobs listed in the newspaper, let me tell you my situation at that time, I have a computer system P4, having 512MB of RAM and 40Gb of space with a CPU of 1.5 GHz, and we don't have an internet connection at our home, because we don't afford it then. I use my computer to play games, like Angry bird or IGI, or watch movies, and the most fun thing I do at that time was, reinstalling windows on my system almost every month when my system gets slow😆😆😆, I used to taught that the windows got corrupt, let's reinstall it😜.&lt;/p&gt;

&lt;p&gt;I love to be around my computer system, just play with different features of it, changing wallpapers, themes, like this, It makes me feel happy🤗, &lt;strong&gt;&lt;em&gt;Remember "This was my seed to grow as a computer science student and become a tree as a developer"&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;So, come to the story again, my father passed ways and I started finding a job, I know a little bit about what computer programming is but I don't know how it works, what is its use case, I know nothing very much about it. while applying for a job, &lt;em&gt;I kept one thing in my mind, I need to learn any skill, without skills I cant earn a good amount of money.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Luckily one day, I came across a news that one institute in my town is announcing a 6-month course on &lt;em&gt;iOS development&lt;/em&gt;, 🤓Honestly, I don't know about it🤔, that what it is but it sounds to me techy and the good thing was that they arrange a seminar for this course, So I decided to attend the seminar, I attend it and got clear that they will teach us how to develop apps for Apple ecosystem😎, and the person standing on the stage explaining about this course just bring me in the sky by telling that you can earn $10k a month after the completion of this course🤑🤑🤑, I Enrolled It💪!!! the cost was around $40 for the whole course because &lt;em&gt;it was based by an NGO&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;After joining the course, in the first few classes they teach us about SWIFT programming language, btw It was my first time learning how to code👨‍💻. &lt;/p&gt;

&lt;p&gt;I cried many times, I can't be able to understand how it works from the first class😭.&lt;/p&gt;

&lt;p&gt;I am just messed up in my mind that what's happening to me😞, this course is not right for me😔, programming is not the right choice for me☹️, I am not a tech guy😖, these kind of thoughts are revolving in my mind, and it's hurting me alot🙃 and one more bad thing happens to me is the teachers of mine announced just after few classes that you also will need a MacBook OR macintosh to do the professional level of development, I cant afford it, I leave the course, $40 wasted.☹️☹️☹️&lt;/p&gt;

&lt;p&gt;It hits me hard, I lose my $40, my self-esteem, and the trust of my family too😭.&lt;/p&gt;

&lt;p&gt;I took some break, and after that, tried to figure out what I did wrong🤔, why I failed????, The only way to become better is by finding my mistakes😟.&lt;/p&gt;

&lt;p&gt;Some mistakes I found in my decision:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;I chased money, due to which I just jump into it without analyzing myself, that do I actually want to become an iOS developer???😒&lt;/li&gt;
&lt;li&gt;I don't know that concept of Roadmap.😞&lt;/li&gt;
&lt;li&gt;I always compare myself to others in the efficiency of learning programming.😔&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I learned from my mistakes and keep walking in my life😏, started some job, earn some money, upgrade my system, get an internet connection, start learning from youtube about everything I want to learn, Now I am a better person, and It was 2018.🤫&lt;/p&gt;

&lt;p&gt;I heard the term freelancing, don't know about it as always but no worries, open google search it, learn about it. make accounts on different freelancing platforms to earn money but wait!!! 😵&lt;/p&gt;

&lt;p&gt;Became a better person😎, but don't have any skills. No worries, open google starts searching for an in-demanding skill, got to know about "Web Development", like it..... but wait... cant afford to make the same mistake again, I am a better person now😎.&lt;/p&gt;

&lt;p&gt;Starting searching about web development, talk with peoples on Facebook. doing as much research as I can🤔. &lt;/p&gt;

&lt;p&gt;Finally decided..... &lt;em&gt;I want to become a Web Developer&lt;/em&gt;. 👨‍💻&lt;/p&gt;

&lt;p&gt;Started learning from Html, and honestly enjoying it🤩, then CSS then Javascript, Now programming does not seem so tough to me because I know that I can learn it, It just takes more time💪.&lt;/p&gt;

&lt;p&gt;While I am in the process of learning web development, I came to know about &lt;em&gt;WordPress&lt;/em&gt;, don't know much about it as always, ask google, seems good and easy to take a start👣. learn it from youtube, after learning it, go back to my freelancing account and start selling services of WordPress, seems hard in starting but becomes easy after some time. parallelly learning javascript, then jump to backend technologies and doing freelancing with it🙌.&lt;/p&gt;

&lt;p&gt;Some time passes I cross the milestone of earning $1k+ as a freelancer💰💰💰, I am also a front and developer know, React.js is also included in my skill set😎.&lt;/p&gt;

&lt;p&gt;Spending a Happy and satisfactory life now 🤗 &lt;/p&gt;

&lt;p&gt;&lt;em&gt;I have cut down many things from the journey, just to not waste your time and to provide you a brief overview.&lt;/em&gt;😊&lt;/p&gt;

&lt;h3&gt;
  
  
  Some More Lessons:
&lt;/h3&gt;

&lt;p&gt;-make a habit of doing research about anything you want to know.&lt;br&gt;
-connect with concerned peoples on social media, and ask them your questions.&lt;br&gt;
-Take the first step.&lt;/p&gt;

&lt;p&gt;If you want to learn more about web development just follow my Instagram by clicking this link :&lt;a href="https://www.instagram.com/the_webdevelopers/" rel="noopener noreferrer"&gt;@the_webdevelopers&lt;/a&gt;&lt;br&gt;
Or&lt;br&gt;
Follow me on Facebook:&lt;a href="https://www.facebook.com/itsshahrozahmed/" rel="noopener noreferrer"&gt;Shahroz Ahmed&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That's all from my side😇, I am waiting for your responses😍, you can ask me anything in the comments below as well as connect with me here.&lt;/p&gt;

&lt;p&gt;Thank You👋&lt;/p&gt;

&lt;p&gt;Happy Coding👨‍💻&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>tutorial</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>What Is React.js ?🤓</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Sat, 19 Sep 2020 07:45:18 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/what-is-react-js-1n48</link>
      <guid>https://dev.to/shahrozahmd/what-is-react-js-1n48</guid>
      <description>&lt;p&gt;Hi Developers,&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;What is React.js???&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;So this is the center point of my today's article.&lt;/p&gt;

&lt;p&gt;I know that nowadays many of you are familiar with react.js, read it somewhere on the internet, or maybe one of your friend is a react guy or else.&lt;/p&gt;

&lt;p&gt;So why I am writing this post then???&lt;/p&gt;

&lt;p&gt;As my follower knows that I am learning React for the last 6 months &lt;a href="https://dev.to/shahrozahmd/reactjs-learning-experience-v1-0-1k9d"&gt;which I tell you all in my last post&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;So I am trying to share my takeaways while learning to react, maybe it helps my beginner developers friends to grasp the concept of react.js&lt;/p&gt;

&lt;p&gt;So without further ado, lets jump right into it.&lt;/p&gt;




&lt;p&gt;The most simple definition of react.js is:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;React.js is a Javascript-based Library to build User Interfaces and invented and maintained by Facebook.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Now, let's take this definition and break it into pieces.&lt;/p&gt;

&lt;p&gt;We got three words:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Library&lt;/li&gt;
&lt;li&gt;Javascript-based&lt;/li&gt;
&lt;li&gt;User Interfaces&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Let's start understanding these three of them first:&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Library:
&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%2Famwcjjf5ylc7jd2vevfo.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%2Famwcjjf5ylc7jd2vevfo.png" width="800" height="640"&gt;&lt;/a&gt;&lt;br&gt;
In programming, the library is said to be a code written by any other developer or group of developers to facilitate you while you're building anything, it's the same like the prebuilt functions or method we have in any programming language, Library does the same thing for us we just have to import the library and call its methods and functions we need, and it saves our lot of time by not letting us reinventing the wheel.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Javascript Based:
&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%2Frakpp3bi2p29wh9agmhn.jpg" 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%2Frakpp3bi2p29wh9agmhn.jpg" width="800" height="420"&gt;&lt;/a&gt;&lt;br&gt;
Javascript based means that the react library is written in core javascript(ES5, ES6..), Javascript is the building block of it.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. User Interfaces:
&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%2Fcareerfoundry.com%2Fen%2Fblog%2Fuploads%2Fdifference-between-ux-ui-ux-ui-min.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%2Fcareerfoundry.com%2Fen%2Fblog%2Fuploads%2Fdifference-between-ux-ui-ux-ui-min.png" width="800" height="400"&gt;&lt;/a&gt;&lt;br&gt;
it is the most important part of the definition, "USER INTERFACES"&lt;br&gt;
for understanding it you need to keep one thing in mind, everything which is showing on the client-side is count in under the user interface. When I was new to web development I think the user interface languages for web development is just HTML and CSS, because HTML gives structure to the interface and CSS gives style and animation that's it, but When I move forward, I came to know that there is a guy who is responsible to make your user interfaces alive,&lt;strong&gt;&lt;em&gt;Its Javascript&lt;/em&gt;&lt;/strong&gt;, the user interface does not mean static colors or elements its also includes interactivity on the page and for the interactivity we use javascript, interactivity means not only making an element move from one place to another or hiding or appearing any element &lt;strong&gt;&lt;em&gt;its also includes front end logics.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Now you have a brief explanation of all three words you see in the definition.&lt;/p&gt;

&lt;p&gt;Let's reinvent the definition with our understanding.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;A piece of code written by some developer or group of developers by using javascript language to make the interactivity on the user interface easy to develop, and the developers choose the name React.js to refer their that code. &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;So, you got that what react.js actually is.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Now I am 100% sure that the next question that comes into your mind is that "Why React.js In Invented, What's Wrong In The Existing Ways??"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I will surely answer this question in a very detailed manner in my next post.&lt;/p&gt;

&lt;p&gt;Till then, tell me in the comments that are you excited for the next post??? and you can ask any question as well.&lt;/p&gt;

&lt;p&gt;Hit Like 👍&lt;br&gt;
Do Save 💾&lt;br&gt;
Do Share 📤&lt;/p&gt;

&lt;p&gt;Happy Coding!!!&lt;/p&gt;

</description>
      <category>career</category>
      <category>codenewbie</category>
      <category>react</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Top 10 Web Projects Build With Html, CSS, javascript, And Reactjs</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Sat, 12 Sep 2020 09:27:26 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/top-10-web-projects-build-with-javascript-and-reactjs-30in</link>
      <guid>https://dev.to/shahrozahmd/top-10-web-projects-build-with-javascript-and-reactjs-30in</guid>
      <description>&lt;p&gt;Hello Developers😁 ,&lt;br&gt;
Hope you all are fine and growing🤗,&lt;/p&gt;

&lt;p&gt;Today I bring Something cool for all of my fellow developers who want to get motivated or want to learn Coding👨🏼‍💻.&lt;/p&gt;

&lt;p&gt;Today I bring all of my Web projects in front of you guys 👌.&lt;/p&gt;

&lt;p&gt;Its 10 of my best projects, I have built so far while learning about web development😅.&lt;/p&gt;

&lt;p&gt;All these projects have an online presence and hosted on Github Pages📥.&lt;/p&gt;

&lt;p&gt;Here I listed all project with their URL and Github Repo,&lt;br&gt;
You can visit the projects, and clone it from GitHub and improve your coding skills👍.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Don't Forget To Follow Me on Github -&amp;gt;&lt;a href="https://github.com/ShahrozAhmd"&gt;My Github Profile&lt;/a&gt;&lt;/strong&gt; 🤤&lt;/p&gt;

&lt;p&gt;As Well As &lt;em&gt;Give Stars to Projects&lt;/em&gt;  If You Think I Deserve It 🥺.&lt;/p&gt;
&lt;h1&gt;
  
  
  1. TODO App (React.js):
&lt;/h1&gt;

&lt;p&gt;Build this Todo app using react.js, it's just a front end, having features of adding, removing, and updating the tasks. &lt;/p&gt;
&lt;h4&gt;
  
  
  Languages Used:
&lt;/h4&gt;

&lt;p&gt;Html5, CSS3, JavaScript(ES6), React.js&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jST6n5Y5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/react-todo/master/todo%2520react.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--jST6n5Y5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/react-todo/master/todo%2520react.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Visit Live Project:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://shahrozahmd.github.io/react-todo/"&gt;Visit This project By Clicking Here&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Project Github Repo:
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ShahrozAhmd"&gt;
        ShahrozAhmd
      &lt;/a&gt; / &lt;a href="https://github.com/ShahrozAhmd/react-todo"&gt;
        react-todo
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      converted my own vanilla javascript based to do app in react
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;h1&gt;
  
  
  2. Burger Builder App (React.js):
&lt;/h1&gt;

&lt;p&gt;This is basically an app that gives the ground to customers to build their own customize burger and order it.&lt;br&gt;
&lt;em&gt;This project is still in process of building&lt;/em&gt;&lt;/p&gt;
&lt;h4&gt;
  
  
  Languages Used:
&lt;/h4&gt;

&lt;p&gt;Html5, CSS3, JavaScript(ES6), React.js&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--rhasg_Nk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/burger_builder/master/burger.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--rhasg_Nk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/burger_builder/master/burger.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Visit Live Project:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://shahrozahmd.github.io/burger_builder/"&gt;Visit This project By Clicking Here&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Project Github Repo:
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ShahrozAhmd"&gt;
        ShahrozAhmd
      &lt;/a&gt; / &lt;a href="https://github.com/ShahrozAhmd/burger_builder"&gt;
        burger_builder
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A web app to order customized burgers in reactjs 
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;h1&gt;
  
  
  3. Expense Tracker App (Javascript):
&lt;/h1&gt;

&lt;p&gt;It's an expense tracker app to calculate your monthly expenses and incomes.&lt;/p&gt;

&lt;h4&gt;
  
  
  Languages Used:
&lt;/h4&gt;

&lt;p&gt;Html5, CSS3, JavaScript(ES6)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--EEfW9pWV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/budget_app/master/expense%2520app.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EEfW9pWV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/budget_app/master/expense%2520app.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Visit Live Project:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://shahrozahmd.github.io/budget_app/"&gt;Visit This project By Clicking Here&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Project Github Repo:
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ShahrozAhmd"&gt;
        ShahrozAhmd
      &lt;/a&gt; / &lt;a href="https://github.com/ShahrozAhmd/budget_app"&gt;
        budget_app
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A basic budget app to calculate your monthly expenses and income.
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;h1&gt;
  
  
  4. Honda Landing Page:
&lt;/h1&gt;

&lt;p&gt;Its a landing page design for Honda Motors as a clone or concept.&lt;/p&gt;

&lt;h4&gt;
  
  
  Languages Used:
&lt;/h4&gt;

&lt;p&gt;Html5, CSS3, JavaScript(ES6)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--grbEzEUa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/hondamotors/master/honda.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--grbEzEUa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/hondamotors/master/honda.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Visit Live Project:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://shahrozahmd.github.io/hondamotors/"&gt;Visit This project By Clicking Here&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Project Github Repo:
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ShahrozAhmd"&gt;
        ShahrozAhmd
      &lt;/a&gt; / &lt;a href="https://github.com/ShahrozAhmd/hondamotors"&gt;
        hondamotors
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      a business page for honda motors
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;h1&gt;
  
  
  5. NGO Website:
&lt;/h1&gt;

&lt;p&gt;Its a clone of an NGO Website&lt;/p&gt;

&lt;h4&gt;
  
  
  Languages Used:
&lt;/h4&gt;

&lt;p&gt;Html5, CSS3, JavaScript(ES6)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Jwr5gB72--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/saylani-landing-page/master/saylani.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Jwr5gB72--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/saylani-landing-page/master/saylani.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Visit Live Project:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://shahrozahmd.github.io/saylani-landing-page/"&gt;Visit This project By Clicking Here&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Project Github Repo:
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ShahrozAhmd"&gt;
        ShahrozAhmd
      &lt;/a&gt; / &lt;a href="https://github.com/ShahrozAhmd/saylani-landing-page"&gt;
        saylani-landing-page
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;h1&gt;
  
  
  6. TODO App (Vanilla JS):
&lt;/h1&gt;

&lt;p&gt;Build this Todo app using Javascript(ES6), it's just a front end, having features of adding, removing, and updating the tasks. &lt;/p&gt;

&lt;h4&gt;
  
  
  Languages Used:
&lt;/h4&gt;

&lt;p&gt;Html5, CSS3, JavaScript(ES6)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5cDhbtQp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/todo-vanillajs/master/toto%2520js.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5cDhbtQp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/todo-vanillajs/master/toto%2520js.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Visit Live Project:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://shahrozahmd.github.io/todo-vanillajs/"&gt;Visit This project By Clicking Here&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Project Github Repo:
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ShahrozAhmd"&gt;
        ShahrozAhmd
      &lt;/a&gt; / &lt;a href="https://github.com/ShahrozAhmd/todo-vanillajs"&gt;
        todo-vanillajs
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      just a basic to do app to practice html, css and javsacript
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;h1&gt;
  
  
  7. Javascript Documentation:
&lt;/h1&gt;

&lt;p&gt;Its a Javascript Documentation, build to learn about Javascript(ES5)&lt;/p&gt;

&lt;h4&gt;
  
  
  Languages Used:
&lt;/h4&gt;

&lt;p&gt;Html5, CSS3, JavaScript(ES5)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--htCJKGRf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/js-documentaion/master/js%2520document.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--htCJKGRf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/js-documentaion/master/js%2520document.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Visit Live Project:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://shahrozahmd.github.io/js-documentaion/"&gt;Visit This project By Clicking Here&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Project Github Repo:
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ShahrozAhmd"&gt;
        ShahrozAhmd
      &lt;/a&gt; / &lt;a href="https://github.com/ShahrozAhmd/js-documentaion"&gt;
        js-documentaion
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A documentation page for basic javascript
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;h1&gt;
  
  
  8. Civic Landing Page:
&lt;/h1&gt;

&lt;p&gt;Design a Landing Page For Civic Car.&lt;/p&gt;

&lt;h4&gt;
  
  
  Languages Used:
&lt;/h4&gt;

&lt;p&gt;Html5, CSS3, JavaScript(ES5)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--maCgZZre--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/civic-landing-page/master/civic.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--maCgZZre--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/civic-landing-page/master/civic.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Visit Live Project:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://shahrozahmd.github.io/civic-landing-page/"&gt;Visit This project By Clicking Here&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Project Github Repo:
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ShahrozAhmd"&gt;
        ShahrozAhmd
      &lt;/a&gt; / &lt;a href="https://github.com/ShahrozAhmd/civic-landing-page"&gt;
        civic-landing-page
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A landing page for civic car 2019
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;h1&gt;
  
  
  9. Data Collecting Form:
&lt;/h1&gt;

&lt;p&gt;Its a form used to get data about peoples. &lt;/p&gt;

&lt;h4&gt;
  
  
  Languages Used:
&lt;/h4&gt;

&lt;p&gt;Html5, CSS3, JavaScript(ES5)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZkJXC1bG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/survey-form/master/form.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZkJXC1bG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/survey-form/master/form.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Visit Live Project:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://shahrozahmd.github.io/survey-form/"&gt;Visit This project By Clicking Here&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Project Github Repo:
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ShahrozAhmd"&gt;
        ShahrozAhmd
      &lt;/a&gt; / &lt;a href="https://github.com/ShahrozAhmd/survey-form"&gt;
        survey-form
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A simple survey form
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;h1&gt;
  
  
  10. Tribute Page:
&lt;/h1&gt;

&lt;p&gt;Its a Tribute Page For A Very Famous Personality&lt;/p&gt;

&lt;h4&gt;
  
  
  Languages Used:
&lt;/h4&gt;

&lt;p&gt;Html5, CSS3, JavaScript(ES6), React.js&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--kAk6EjN4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/tribute-page/master/tribute.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kAk6EjN4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ShahrozAhmd/tribute-page/master/tribute.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Visit Live Project:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://shahrozahmd.github.io/tribute-page/"&gt;Visit This project By Clicking Here&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Project Github Repo:
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/ShahrozAhmd"&gt;
        ShahrozAhmd
      &lt;/a&gt; / &lt;a href="https://github.com/ShahrozAhmd/tribute-page"&gt;
        tribute-page
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A tribute page for Edhi Sb
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;p&gt;That's All Developers😇 .&lt;br&gt;
Hope You, Will, Like It👍.&lt;/p&gt;

&lt;p&gt;Have Any Questions??? Ask Me In Comments, I am Available For You👀.&lt;/p&gt;

&lt;p&gt;Happy Coding !!!🧑🏻‍💻 &lt;/p&gt;

</description>
      <category>beginners</category>
      <category>productivity</category>
      <category>codenewbie</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Reactjs Learning Experience (v1.0)</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Thu, 10 Sep 2020 13:49:54 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/reactjs-learning-experience-v1-0-1k9d</link>
      <guid>https://dev.to/shahrozahmd/reactjs-learning-experience-v1-0-1k9d</guid>
      <description>&lt;p&gt;Hello Developers !!! 🖥️&lt;br&gt;
First of all sorry that I was not active for quite a few months and didn't write anything for you guys😔&lt;/p&gt;

&lt;p&gt;There was a reason, &lt;strong&gt;I was so busy in learning React.js.&lt;/strong&gt;🤓&lt;/p&gt;

&lt;h4&gt;
  
  
  Whats React??
&lt;/h4&gt;

&lt;p&gt;&lt;em&gt;Basically, React.js is a javascript based library developed by Facebook for making user interfaces easier to manipulate and make them lightning fast using component-based architecture.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;You can read the &lt;a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Here-Cheatsheet" rel="noopener noreferrer"&gt;Official Docs&lt;/a&gt; too. 😇 &lt;/p&gt;

&lt;p&gt;So, let's begin with the topic of what I want to share🧐&lt;/p&gt;

&lt;p&gt;Basically today I want to share one thing from my learning journey of React.js and I think If anyone ask me to give some tips to be a better developer, this will be my only tip which I am going to give you all in few minutes.😲&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Let's start from Day 1:&lt;/strong&gt; when I decided to learn React.js I was so worried about where to learn from??  Everyone's learning psychology is different so in short, I decided to learn from Udemy!😵&lt;/p&gt;

&lt;p&gt;I took a course of React.js and start learning, the course was of 42 hours of video tutorials😵, and honestly, I am just able to complete 10 hrs of tutorials in 5 months.🤭&lt;/p&gt;

&lt;p&gt;After 2.5 months of learning from the course I felt dishearted😞, I feel like I am in &lt;strong&gt;tutorial hell&lt;/strong&gt; now😰. &lt;/p&gt;

&lt;p&gt;It's not the first time for me that I was stuck in a tutorial hell so I know how to come out of it😎.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;I quit the course for 1 month and start to build my own project, instead of thinking about that I am not ready, I don't know enough React.js I just jump into it and guess what ??? In first few days of building my own project it feels like It's so hard to think in react but just after few days It feels like Its fun, I enjoyed It.&lt;/strong&gt; 😇 &lt;/p&gt;

&lt;p&gt;The project gives me a ground to apply whatever I have learned in that 2.5 months about React.js and when I got stuck I write my query on Facebook groups, StackOverflow, or googled It.✍️&lt;/p&gt;

&lt;p&gt;And now I came back to the course again and I feel satisfied that I know What I have learned and what I am going to learn.👨‍🎓 &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;strong&gt;So the Advice in short: Build your own project with the knowledge you have just took the start, google it apply it, and get results.&lt;/strong&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt;&lt;br&gt;
I will share the course link and my project links soon in coming post.😀&lt;/p&gt;

&lt;p&gt;That's all for today, thanks for reading my post and don't forget to follow me and also you can ask me anything in comments below, I am open to reply.🙋🏻‍♂️&lt;/p&gt;

&lt;p&gt;Happy Coding !!!👨🏻‍💻&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>productivity</category>
    </item>
    <item>
      <title>freeCodeCamp Certification Experience And Guide</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Sun, 12 Apr 2020 07:17:06 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/freecodecamp-certification-experience-and-guide-57p8</link>
      <guid>https://dev.to/shahrozahmd/freecodecamp-certification-experience-and-guide-57p8</guid>
      <description>&lt;p&gt;Hey Folks,&lt;br&gt;
I hope you all are fine and spending your time in learning new skills.&lt;/p&gt;

&lt;p&gt;Today I want to share my experience of completing the first certification on freeCodeCamp, &lt;em&gt;for my friends who don't know about freeCodeCamp, can visit this site: &lt;a href="https://www.freecodecamp.org/news/about/" rel="noopener noreferrer"&gt;https://www.freecodecamp.org/news/about/&lt;/a&gt;&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;In short, I tell you that freeCodeCamp is one of the lead tech organization which helps peoples to learn to code and offering 6 different certifications and the beauty of them is that they offer all the stuff free of cost (its a non-profit organization).&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You can check out the list of freeCodeCamp's certifications here : &lt;a href="https://www.freecodecamp.org" rel="noopener noreferrer"&gt;https://www.freecodecamp.org&lt;/a&gt;.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;For the absolute beginners, freeCodeCamp offers the first certification which is &lt;strong&gt;"Responsive Web Design".&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;This certification is based on 300 hours of learning and building 5 projects,&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;The learning material in this certification consists of:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;HTML5&lt;/li&gt;
&lt;li&gt;CSS3 (flexbox, grid, media queries)&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;And after learning all of the stuff you have to build 5 simple and easy projects as per their instructions.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; If you already know these technologies, you don't need to spend your time in learning, you just have to build and submit your projects and get the certificate.&lt;/p&gt;

&lt;h2&gt;
  
  
  My Experience:
&lt;/h2&gt;

&lt;p&gt;If I told you about my personal experience, it was pretty good, I also followed their learning material, just to know more, I already had a good command on these technologies, but just to explore I put my time on learning as well, and I build the projects, I feel really good and observe that getting thigs done gives you a feeling of fulfillment and achievement.&lt;/p&gt;

&lt;h2&gt;
  
  
  Worth of These Certificates:
&lt;/h2&gt;

&lt;p&gt;&lt;em&gt;"There is nothing more worthy than a human being,"&lt;/em&gt; certificates just show your dedication and hard work that how much you are honest with your profession, and when you complete the certification you also have projects on your belt, which helps you to represent your self in front of anyone.&lt;/p&gt;

&lt;h2&gt;
  
  
  Where Is My Certificate ?
&lt;/h2&gt;

&lt;p&gt;Click Here: &lt;a href="https://www.freecodecamp.org/certification/shahroz_ahmd/responsive-web-design" rel="noopener noreferrer"&gt;My Certificate&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;That's it for today guys, If you have any queries, just ask me in comments.&lt;/p&gt;

&lt;p&gt;If you want to learn more about web development, just follow my Instagram account here &lt;a href="https://www.instagram.com/the_webdevelopers/" rel="noopener noreferrer"&gt;@the_webdevelopers&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thank You &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>productivity</category>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>Benefits of Using Competitive Programming Sites??</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Sat, 11 Apr 2020 07:03:32 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/benefits-of-using-competitive-programming-sites-4l4i</link>
      <guid>https://dev.to/shahrozahmd/benefits-of-using-competitive-programming-sites-4l4i</guid>
      <description>&lt;p&gt;I just want to know that what are the benefits of using competitive programming sites and a newbie can also use them ??? and name of some of the best competitive programming sites?&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>webdev</category>
      <category>devlive</category>
    </item>
    <item>
      <title>Are You Feeling Demotivated while Learning To Code?☹️</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Mon, 06 Apr 2020 11:37:08 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/feeling-demotivated-while-learning-to-code-1f6n</link>
      <guid>https://dev.to/shahrozahmd/feeling-demotivated-while-learning-to-code-1f6n</guid>
      <description>&lt;p&gt;Hello folks,🤗 &lt;/p&gt;

&lt;p&gt;I hope you all are fine, taking the safety measures and doing something productive during this quarantine. 👍&lt;/p&gt;

&lt;p&gt;As a programmer and a Computer science student, I also spend my time with my laptop and learning some new stuff, building projects and more.👨🏽‍💻&lt;/p&gt;

&lt;p&gt;And while doing all this stuff, I came across "One Problem", which is obviously normal for anyone who is learning some kind of new stuff, maybe its programming, designing, or else...🧠&lt;/p&gt;

&lt;p&gt;That is, "Feeling Demotivated" 😣😣😣&lt;/p&gt;

&lt;p&gt;Have you ever came across a situation in feeling demotivated while learning the thing you were highly motivated ???🙄🙄&lt;/p&gt;

&lt;p&gt;In my case, it's a big "YES", While learning to code.  👻&lt;/p&gt;

&lt;p&gt;I started coding from the first day of the week with great enthusiasm and a mindset that this week I will achieve that milestones,💪  &lt;/p&gt;

&lt;p&gt;But, it was not like that, I feel demotivated just after 4-5 days, and just close my laptop put it inside the cupboard and feeling like a loser that I can't do it!!!🙎🏽‍♂️&lt;/p&gt;

&lt;p&gt;Then, What I did???👀&lt;/p&gt;

&lt;p&gt;Instead of feeling like a loser, I say to myself, Hey Shahroz, Its quarantine...Let's watch a couple of series on Netflix without thinking about your milestones and learning, just enjoy a quality of time with your family and help your mother in the kitchen!👩🏼‍🍳&lt;/p&gt;

&lt;p&gt;And guess what???&lt;/p&gt;

&lt;p&gt;Just after two days of taking this break from my learning routine, I genuinely feel hunger to start learning again and achieve those milestones with a fresh and clear mind...🤓🤓🤓&lt;/p&gt;

&lt;p&gt;So what's the point ??&lt;/p&gt;

&lt;p&gt;Whenever you feel demotivated after doing coding or anything else for a couple of days and feel like nothing happens, just jump out of it... and start doing things which give you happiness, and I assure you, after some hours or a day, you actually want to get back to your work.😇&lt;/p&gt;

&lt;p&gt;That's All, 🙋‍♂️&lt;/p&gt;

&lt;p&gt;Thanks a lot, Friends For Reading This Article,&lt;/p&gt;

&lt;p&gt;If you want to learn more about web development just follow my Instagram by clicking this link :&lt;a href="https://www.instagram.com/the_webdevelopers/" rel="noopener noreferrer"&gt;@the_webdevelopers&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Best,&lt;br&gt;
Shahroz Ahmed 👦🏻&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>productivity</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Benefits Of Building Projects</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Thu, 26 Mar 2020 07:16:29 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/benefits-of-building-projects-4glg</link>
      <guid>https://dev.to/shahrozahmd/benefits-of-building-projects-4glg</guid>
      <description>&lt;p&gt;Hello Folks 😊,&lt;/p&gt;

&lt;p&gt;Today I just wanted to share my personal experience related to building projects.&lt;br&gt;
About 1 month ago I started learning Javascript(ES6) and following the tutorials daily and it feels good that I learn something new every day 🤩.&lt;/p&gt;

&lt;p&gt;The course I followed has some projects in it just after every 2 to 3 tutorials instructor built a project and advice us to follow it.&lt;/p&gt;

&lt;p&gt;But I neglect that and think that oh dude these projects are so small and wastage of time🙄.&lt;/p&gt;

&lt;p&gt;What my thinking was that, First I will learn all the concepts and features then I will build a huge project 😎.&lt;/p&gt;

&lt;p&gt;But, I was wrong ...😓&lt;/p&gt;

&lt;p&gt;After learning all the features when I sit down to built a project, I fell my self as an empty mind🤯.&lt;/p&gt;

&lt;p&gt;Feel like I don't know anything... how to think in a sense of solving a problem and using all the advance syntax and their concepts I've learned so far 😤.&lt;/p&gt;

&lt;p&gt;Then I realize I made a big mistake.😤&lt;/p&gt;

&lt;p&gt;I learned everything but without their real-world implementations, that's why my thinking process was not developed.😯&lt;/p&gt;

&lt;p&gt;Then I go back again watch the tutorials, build those projects and guess what??? I feel great and my thinking process was also developed related to problem-solving.🤓&lt;/p&gt;

&lt;p&gt;I just wanted to give advice to all the beginner developers that please don't neglect the projects...build them and you will surely feel great...🤗&lt;/p&gt;

&lt;p&gt;That's All Folks😊&lt;/p&gt;

&lt;p&gt;Thank you.&lt;/p&gt;

&lt;p&gt;Shahroz Signing Off.. Take Care.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>productivity</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Gigs You Can Offer On Fiverr By Learning Html, CSS, Javascript?</title>
      <dc:creator>Shahroz Ahmed</dc:creator>
      <pubDate>Sun, 01 Mar 2020 11:52:49 +0000</pubDate>
      <link>https://dev.to/shahrozahmd/gigs-you-can-offer-on-fiverr-by-learning-html-css-javascript-mf2</link>
      <guid>https://dev.to/shahrozahmd/gigs-you-can-offer-on-fiverr-by-learning-html-css-javascript-mf2</guid>
      <description>&lt;p&gt;I am a beginner in web development and now capable of doing any work related to  HTML, CSS, bootstrap, and javascript. What type of gig I can make on Fiverr?&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>webdev</category>
      <category>html</category>
      <category>css</category>
    </item>
  </channel>
</rss>
