{"componentChunkName":"component---src-gatsby-theme-try-ghost-templates-post-js","path":"/why-i-switched-from-atom-to-vs-code/","result":{"data":{"customPost":{"id":"Ghost__Post__6127ba1b3ed159214d382e85","title":"Why I Switched from Atom to VS Code","slug":"why-i-switched-from-atom-to-vs-code","featured":false,"feature_image":"https://res-4.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/photo-1498050108023-c5249f4df085.jpg","excerpt":"A few years ago, I discovered Atom and I was amazed by it. Fast forward to now, and I am using Visual Studio Code. What made me switch?","custom_excerpt":"A few years ago, I discovered Atom and I was amazed by it. Fast forward to now, and I am using Visual Studio Code. What made me switch?","visibility":"public","created_at_pretty":"9 Feb 2021","published_at_pretty":"9 Feb 2021","updated_at_pretty":"26 Aug 2021","created_at":"2021-02-09T09:40:20.000+00:00","published_at":"2021-02-09T10:56:09.000+00:00","updated_at":"2021-08-26T17:48:48.000+00:00","meta_title":null,"meta_description":null,"og_description":null,"og_image":null,"og_title":null,"twitter_description":null,"twitter_image":null,"twitter_title":null,"authors":[{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":null}],"primary_author":{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":{"base":"IMG_0591.jpg","publicURL":"/static/ceb49c3c631485453e71e00d7f84b069/IMG_0591.jpg","imageMeta":{"width":1182,"height":1179},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAMEAQL/xAAWAQEBAQAAAAAAAAAAAAAAAAADBAL/2gAMAwEAAhADEAAAAdXiFM6i0CohUWXoKn//xAAcEAACAgIDAAAAAAAAAAAAAAACAwESBBEhM0H/2gAIAQEAAQUCWySE3WEr7SzbXjAj4iKty+sOQ//EABYRAQEBAAAAAAAAAAAAAAAAAAERIP/aAAgBAwEBPwEhj//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BH//EAB4QAAIBBAMBAAAAAAAAAAAAAAABIRESMUECECJx/9oACAEBAAY/ApVGWvOjzgtUwLlTZA0sdL4f/8QAHBAAAwACAwEAAAAAAAAAAAAAAAERITFBkbHB/9oACAEBAAE/IahkCy+N2GwZpjQiJHJCspUFY0QrSi+HqiW2rgf/2gAMAwEAAgADAAAAEPw3/wD/xAAYEQEBAAMAAAAAAAAAAAAAAAAAARExQf/aAAgBAwEBPxCtjDqP/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQAxEf/aAAgBAgEBPxBFus6Tt//EAB8QAQEAAgIBBQAAAAAAAAAAAAERACExQWFRcYGR0f/aAAgBAQABPxAuaBPPzkO1wyX7F4wkwXanfZrFQgeqE9JgS14vVOvrERIJomVBKwt2jebAeP0yVa8h1n//2Q==","aspectRatio":1,"src":"/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg","srcSet":"/static/ceb49c3c631485453e71e00d7f84b069/f340b/IMG_0591.jpg 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/22d64/IMG_0591.jpg 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/aa249/IMG_0591.jpg 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/0dc33/IMG_0591.jpg 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/d8257/IMG_0591.jpg 1182w","srcWebp":"/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp","srcSetWebp":"/static/ceb49c3c631485453e71e00d7f84b069/59cda/IMG_0591.webp 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/7da75/IMG_0591.webp 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/f282e/IMG_0591.webp 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/a7b21/IMG_0591.webp 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/63099/IMG_0591.webp 1182w","sizes":"(max-width: 110px) 100vw, 110px"}}}},"primary_tag":{"slug":"my-experience","url":"https://backend.shahednasser.com/tag/my-experience/","name":"My Experience","visibility":"public","feature_image":"https://backend.shahednasser.com/content/images/2022/01/photo-1493612276216-ee3925520721-2-1.jpeg","description":"Sharing my experience in or opinions regarding programming, work, or other concepts.","meta_title":null,"meta_description":null,"featureImageSharp":{"base":"photo-1493612276216-ee3925520721-2-1.jpeg","publicURL":"/static/55d051b88133a375df71095790dfd724/photo-1493612276216-ee3925520721-2-1.jpeg","imageMeta":{"width":2000,"height":2500},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAZABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAEEAwIF/8QAGAEAAgMAAAAAAAAAAAAAAAAAAAMBBAX/2gAMAwEAAhADEAAAAfTTmIpADGTfld2IQ7O//8QAHBAAAQUAAwAAAAAAAAAAAAAAAgABAxAREyEy/9oACAEBAAEFAr1DKznq1EHfITXL7//EABkRAAIDAQAAAAAAAAAAAAAAAAABAhESE//aAAgBAwEBPwHBzZlNEk4urP/EABgRAAIDAAAAAAAAAAAAAAAAAAABEBES/9oACAECAQE/AbNQj//EABoQAAEFAQAAAAAAAAAAAAAAAAEAAhAgMRH/2gAIAQEABj8CoWz0atNP/8QAGhABAAIDAQAAAAAAAAAAAAAAAQAQETGRIf/aAAgBAQABPyHFs6LI9owavPeKsdKaP//aAAwDAQACAAMAAAAQdBNO/8QAGBEBAAMBAAAAAAAAAAAAAAAAAQAQIWH/2gAIAQMBAT8QXVhJGJWdn//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEf/aAAgBAgEBPxC4tR0kIOX/xAAdEAACAgIDAQAAAAAAAAAAAAAAARExECFBUWFx/9oACAEBAAE/EHHojwjwQ+B45hVISYd1xThsbt5XLc4sWfEf/9k=","aspectRatio":0.8,"src":"/static/55d051b88133a375df71095790dfd724/d5c54/photo-1493612276216-ee3925520721-2-1.jpg","srcSet":"/static/55d051b88133a375df71095790dfd724/65d8c/photo-1493612276216-ee3925520721-2-1.jpg 260w,\n/static/55d051b88133a375df71095790dfd724/c5f21/photo-1493612276216-ee3925520721-2-1.jpg 520w,\n/static/55d051b88133a375df71095790dfd724/d5c54/photo-1493612276216-ee3925520721-2-1.jpg 1040w,\n/static/55d051b88133a375df71095790dfd724/81a53/photo-1493612276216-ee3925520721-2-1.jpg 1560w,\n/static/55d051b88133a375df71095790dfd724/4e5f3/photo-1493612276216-ee3925520721-2-1.jpg 2000w","srcWebp":"/static/55d051b88133a375df71095790dfd724/e4875/photo-1493612276216-ee3925520721-2-1.webp","srcSetWebp":"/static/55d051b88133a375df71095790dfd724/dc8f3/photo-1493612276216-ee3925520721-2-1.webp 260w,\n/static/55d051b88133a375df71095790dfd724/2db4b/photo-1493612276216-ee3925520721-2-1.webp 520w,\n/static/55d051b88133a375df71095790dfd724/e4875/photo-1493612276216-ee3925520721-2-1.webp 1040w,\n/static/55d051b88133a375df71095790dfd724/f5845/photo-1493612276216-ee3925520721-2-1.webp 1560w,\n/static/55d051b88133a375df71095790dfd724/49d6b/photo-1493612276216-ee3925520721-2-1.webp 2000w","sizes":"(max-width: 1040px) 100vw, 1040px"}}}},"tags":[{"slug":"my-experience","url":"https://backend.shahednasser.com/tag/my-experience/","name":"My Experience","visibility":"public","feature_image":"https://backend.shahednasser.com/content/images/2022/01/photo-1493612276216-ee3925520721-2-1.jpeg","description":"Sharing my experience in or opinions regarding programming, work, or other concepts.","meta_title":null,"meta_description":null,"featureImageSharp":null},{"slug":"tips","url":"https://backend.shahednasser.com/tag/tips/","name":"Tips","visibility":"public","feature_image":null,"description":"Learn more about programming and development through these articles that have essential tips!","meta_title":"Tips on Technology and Programming","meta_description":null,"featureImageSharp":null}],"plaintext":"A few years ago, I discovered Atom [https://atom.io/], an open source text and\nsource code editor developed by GitHub [https://github.com/]. I was so amazed by\nit as it was lightweight and fully customizable. It quickly became my favorite\ncode editor.\n\nFast forward to now, and I am using Visual Studio Code\n[https://code.visualstudio.com/], a free source code editor developed by \nMicrosoft [https://www.microsoft.com/en-lb]. This might seem like a normal\nchange, however, I remember that while I was using Atom my colleague and I were\nhaving a discussion and I strictly stated \"I'm not a fan of Microsoft products.\"\n\nSo what made me switch from Atom to VS Code?\n\n\n--------------------------------------------------------------------------------\n\nPerformance\nWhen I first started using Atom, it was fast and as I mentioned lightweight.\nHowever, when you compare it to VS Code, it's load time can be pretty slow.\nEspecially if you're opening somewhat large or long files. Atom can get pretty\nlaggy and the wait becomes annoying.\n\nIt should be noted that both editors are built on Electron\n[https://www.electronjs.org/], a framework that helps you built cross-platform\ndesktop app using HTML, Javascript, and CSS. There's a lot of dispute when it\ncomes to Electron's speed, so you'd think that both editors would be inherently\nslow. However, it seems that VS Code sets an example of how to use Electron\nwithout the lag.\n\n\n--------------------------------------------------------------------------------\n\nOut of the Box Features\nAtom's main charm is that it's customizable. You can add whatever extensions and\nlinters and anything you want. However, especially if you're a beginner in a\nlanguage and not sure what kind of extensions or linters you might want, it can\nbe a hassle using it. Even if you do find the extensions you need, there's no\nguarantee that these extensions will do the job well (I'll talk about extensions\nnext). \n\nNot only does VS Code come ready with support, debuggers and linters for most\npopular languages, but when you use a new or not so popular language, it\nrecommends the extension you need right away. It saves you time and makes sure\nyou are using what you need in your development.\n\n\n--------------------------------------------------------------------------------\n\nExtension\nExtensions in Atom are tricky. You'll find really good extensions that will be\nhelpful in your development process, but you'll also find extensions that will\ncreate more bugs in your editor and makes your life a living hell. This is\nunderstandable, as most extensions are made by the open source community, so\nsome extensions might be outdated or get discontinued, or just have a lot of\nbugs. \n\nThe more extensions you add to Atom, the more you'll face bugs while using it\nand hassles. And you can't really use Atom without loads of extensions, since\nusing Atom as it is is like walking in the dark. \n\nAs for VS Code, I have been using it for a while now and I have yet to face any\nproblems with its extensions. Every extension that I have added was helpful and\nvery much needed. Nothing affected the quality of the editor.\n\n\n--------------------------------------------------------------------------------\n\nDebugging\nDebugging in Atom is, again, dependent on what extensions you add. There's\nnothing built in the editor itself. However, in VS Code, your access to\ndebugging is easier. There's the debugging tab ready for you on the left and it\nprovides what you need based on the environment of the project you're working\non. This is another part of the out of the box features in VS Code that Atom\nlacks in.\n\n\n--------------------------------------------------------------------------------\n\nConclusion\nWith time, Atom became an annoyance to me. Every time I needed to add an\nextension, the entire editor seemed to be crumbling. The load time was slow and\nthe performance got worse. However, VS Code is proving to be a stable editor\nthat can handle your main development need, while still keeping the performance\noptimal.","html":"<p>A few years ago, I discovered <a href=\"https://atom.io/\">Atom</a>, an open source text and source code editor developed by <a href=\"https://github.com/\">GitHub</a>. I was so amazed by it as it was lightweight and fully customizable. It quickly became my favorite code editor.</p><p>Fast forward to now, and I am using <a href=\"https://code.visualstudio.com/\">Visual Studio Code</a>, a free source code editor developed by <a href=\"https://www.microsoft.com/en-lb\">Microsoft</a>. This might seem like a normal change, however, I remember that while I was using Atom my colleague and I were having a discussion and I strictly stated \"I'm not a fan of Microsoft products.\"</p><p>So what made me switch from Atom to VS Code?</p><hr><h3 id=\"performance\">Performance</h3><p>When I first started using Atom, it was fast and as I mentioned lightweight. However, when you compare it to VS Code, it's load time can be pretty slow. Especially if you're opening somewhat large or long files. Atom can get pretty laggy and the wait becomes annoying.</p><p>It should be noted that both editors are built on <a href=\"https://www.electronjs.org/\">Electron</a>, a framework that helps you built cross-platform desktop app using HTML, Javascript, and CSS. There's a lot of dispute when it comes to Electron's speed, so you'd think that both editors would be inherently slow. However, it seems that VS Code sets an example of how to use Electron without the lag.</p><hr><h3 id=\"out-of-the-box-features\">Out of the Box Features</h3><p>Atom's main charm is that it's customizable. You can add whatever extensions and linters and anything you want. However, especially if you're a beginner in a language and not sure what kind of extensions or linters you might want, it can be a hassle using it. Even if you do find the extensions you need, there's no guarantee that these extensions will do the job well (I'll talk about extensions next). </p><p>Not only does VS Code come ready with support, debuggers and linters for most popular languages, but when you use a new or not so popular language, it recommends the extension you need right away. It saves you time and makes sure you are using what you need in your development.</p><hr><h3 id=\"extension\">Extension</h3><p>Extensions in Atom are tricky. You'll find really good extensions that will be helpful in your development process, but you'll also find extensions that will create more bugs in your editor and makes your life a living hell. This is understandable, as most extensions are made by the open source community, so some extensions might be outdated or get discontinued, or just have a lot of bugs. </p><p>The more extensions you add to Atom, the more you'll face bugs while using it and hassles. And you can't really use Atom without loads of extensions, since using Atom as it is is like walking in the dark. </p><p>As for VS Code, I have been using it for a while now and I have yet to face any problems with its extensions. Every extension that I have added was helpful and very much needed. Nothing affected the quality of the editor.</p><hr><h3 id=\"debugging\">Debugging</h3><p>Debugging in Atom is, again, dependent on what extensions you add. There's nothing built in the editor itself. However, in VS Code, your access to debugging is easier. There's the debugging tab ready for you on the left and it provides what you need based on the environment of the project you're working on. This is another part of the out of the box features in VS Code that Atom lacks in.</p><hr><h3 id=\"conclusion\">Conclusion</h3><p>With time, Atom became an annoyance to me. Every time I needed to add an extension, the entire editor seemed to be crumbling. The load time was slow and the performance got worse. However, VS Code is proving to be a stable editor that can handle your main development need, while still keeping the performance optimal.</p>","url":"https://backend.shahednasser.com/why-i-switched-from-atom-to-vs-code/","canonical_url":null,"uuid":"7cd11ddf-6767-492c-89cc-6e233d4b23b7","codeinjection_foot":null,"codeinjection_head":null,"codeinjection_styles":null,"comment_id":"6022588499216d001edfd530","reading_time":3,"send_email_when_published":null,"email_subject":null,"childHtmlRehype":{"html":"<p>A few years ago, I discovered <a href=\"https://atom.io/\">Atom</a>, an open source text and source code editor developed by <a href=\"https://github.com/\">GitHub</a>. I was so amazed by it as it was lightweight and fully customizable. It quickly became my favorite code editor.</p><p>Fast forward to now, and I am using <a href=\"https://code.visualstudio.com/\">Visual Studio Code</a>, a free source code editor developed by <a href=\"https://www.microsoft.com/en-lb\">Microsoft</a>. This might seem like a normal change, however, I remember that while I was using Atom my colleague and I were having a discussion and I strictly stated \"I'm not a fan of Microsoft products.\"</p><p>So what made me switch from Atom to VS Code?</p><hr><h3 id=\"performance\">Performance</h3><p>When I first started using Atom, it was fast and as I mentioned lightweight. However, when you compare it to VS Code, it's load time can be pretty slow. Especially if you're opening somewhat large or long files. Atom can get pretty laggy and the wait becomes annoying.</p><p>It should be noted that both editors are built on <a href=\"https://www.electronjs.org/\">Electron</a>, a framework that helps you built cross-platform desktop app using HTML, Javascript, and CSS. There's a lot of dispute when it comes to Electron's speed, so you'd think that both editors would be inherently slow. However, it seems that VS Code sets an example of how to use Electron without the lag.</p><hr><h3 id=\"out-of-the-box-features\">Out of the Box Features</h3><p>Atom's main charm is that it's customizable. You can add whatever extensions and linters and anything you want. However, especially if you're a beginner in a language and not sure what kind of extensions or linters you might want, it can be a hassle using it. Even if you do find the extensions you need, there's no guarantee that these extensions will do the job well (I'll talk about extensions next). </p><p>Not only does VS Code come ready with support, debuggers and linters for most popular languages, but when you use a new or not so popular language, it recommends the extension you need right away. It saves you time and makes sure you are using what you need in your development.</p><hr><h3 id=\"extension\">Extension</h3><p>Extensions in Atom are tricky. You'll find really good extensions that will be helpful in your development process, but you'll also find extensions that will create more bugs in your editor and makes your life a living hell. This is understandable, as most extensions are made by the open source community, so some extensions might be outdated or get discontinued, or just have a lot of bugs. </p><p>The more extensions you add to Atom, the more you'll face bugs while using it and hassles. And you can't really use Atom without loads of extensions, since using Atom as it is is like walking in the dark. </p><p>As for VS Code, I have been using it for a while now and I have yet to face any problems with its extensions. Every extension that I have added was helpful and very much needed. Nothing affected the quality of the editor.</p><hr><h3 id=\"debugging\">Debugging</h3><p>Debugging in Atom is, again, dependent on what extensions you add. There's nothing built in the editor itself. However, in VS Code, your access to debugging is easier. There's the debugging tab ready for you on the left and it provides what you need based on the environment of the project you're working on. This is another part of the out of the box features in VS Code that Atom lacks in.</p><hr><h3 id=\"conclusion\">Conclusion</h3><p>With time, Atom became an annoyance to me. Every time I needed to add an extension, the entire editor seemed to be crumbling. The load time was slow and the performance got worse. However, VS Code is proving to be a stable editor that can handle your main development need, while still keeping the performance optimal.</p>","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A few years ago, I discovered "},{"type":"element","tagName":"a","properties":{"href":"https://atom.io/"},"children":[{"type":"text","value":"Atom"}]},{"type":"text","value":", an open source text and source code editor developed by "},{"type":"element","tagName":"a","properties":{"href":"https://github.com/"},"children":[{"type":"text","value":"GitHub"}]},{"type":"text","value":". I was so amazed by it as it was lightweight and fully customizable. It quickly became my favorite code editor."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Fast forward to now, and I am using "},{"type":"element","tagName":"a","properties":{"href":"https://code.visualstudio.com/"},"children":[{"type":"text","value":"Visual Studio Code"}]},{"type":"text","value":", a free source code editor developed by "},{"type":"element","tagName":"a","properties":{"href":"https://www.microsoft.com/en-lb"},"children":[{"type":"text","value":"Microsoft"}]},{"type":"text","value":". This might seem like a normal change, however, I remember that while I was using Atom my colleague and I were having a discussion and I strictly stated \"I'm not a fan of Microsoft products.\""}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"So what made me switch from Atom to VS Code?"}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"performance"},"children":[{"type":"text","value":"Performance"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When I first started using Atom, it was fast and as I mentioned lightweight. However, when you compare it to VS Code, it's load time can be pretty slow. Especially if you're opening somewhat large or long files. Atom can get pretty laggy and the wait becomes annoying."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It should be noted that both editors are built on "},{"type":"element","tagName":"a","properties":{"href":"https://www.electronjs.org/"},"children":[{"type":"text","value":"Electron"}]},{"type":"text","value":", a framework that helps you built cross-platform desktop app using HTML, Javascript, and CSS. There's a lot of dispute when it comes to Electron's speed, so you'd think that both editors would be inherently slow. However, it seems that VS Code sets an example of how to use Electron without the lag."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"out-of-the-box-features"},"children":[{"type":"text","value":"Out of the Box Features"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Atom's main charm is that it's customizable. You can add whatever extensions and linters and anything you want. However, especially if you're a beginner in a language and not sure what kind of extensions or linters you might want, it can be a hassle using it. Even if you do find the extensions you need, there's no guarantee that these extensions will do the job well (I'll talk about extensions next). "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Not only does VS Code come ready with support, debuggers and linters for most popular languages, but when you use a new or not so popular language, it recommends the extension you need right away. It saves you time and makes sure you are using what you need in your development."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"extension"},"children":[{"type":"text","value":"Extension"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Extensions in Atom are tricky. You'll find really good extensions that will be helpful in your development process, but you'll also find extensions that will create more bugs in your editor and makes your life a living hell. This is understandable, as most extensions are made by the open source community, so some extensions might be outdated or get discontinued, or just have a lot of bugs. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The more extensions you add to Atom, the more you'll face bugs while using it and hassles. And you can't really use Atom without loads of extensions, since using Atom as it is is like walking in the dark. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"As for VS Code, I have been using it for a while now and I have yet to face any problems with its extensions. Every extension that I have added was helpful and very much needed. Nothing affected the quality of the editor."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"debugging"},"children":[{"type":"text","value":"Debugging"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Debugging in Atom is, again, dependent on what extensions you add. There's nothing built in the editor itself. However, in VS Code, your access to debugging is easier. There's the debugging tab ready for you on the left and it provides what you need based on the environment of the project you're working on. This is another part of the out of the box features in VS Code that Atom lacks in."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"conclusion"},"children":[{"type":"text","value":"Conclusion"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With time, Atom became an annoyance to me. Every time I needed to add an extension, the entire editor seemed to be crumbling. The load time was slow and the performance got worse. However, VS Code is proving to be a stable editor that can handle your main development need, while still keeping the performance optimal."}]}],"data":{"quirksMode":false}},"tableOfContents":[{"id":"performance","heading":"Performance"},{"id":"out-of-the-box-features","heading":"Out of the Box Features"},{"id":"extension","heading":"Extension"},{"id":"debugging","heading":"Debugging"},{"id":"conclusion","heading":"Conclusion"}]},"featureImageSharp":{"base":"photo-1498050108023-c5249f4df085.jpg","publicURL":"/static/f6b4d4620d213392f2a6bbbba17b86b5/photo-1498050108023-c5249f4df085.jpg","imageMeta":{"width":2000,"height":1331},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAAD/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAWZHbZpCj//EABsQAAIBBQAAAAAAAAAAAAAAAAIDAQAEEhMh/9oACAEBAAEFAgZihbRMqtp2itIhMv7/AP/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABsQAAICAwEAAAAAAAAAAAAAAAACAREQITFh/9oACAEBAAY/AvYKhawyNwuDSwf/xAAZEAADAQEBAAAAAAAAAAAAAAAAAREhQVH/2gAIAQEAAT8hRfYKouJjaVcJUGvM9ZJ1Ej//2gAMAwEAAgADAAAAEOsf/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEh/9oACAEDAQE/ENV//8QAFREBAQAAAAAAAAAAAAAAAAAAECH/2gAIAQIBAT8Qh//EABkQAQEBAQEBAAAAAAAAAAAAAAERACFB8P/aAAgBAQABPxAa68qTzrlLgfQrXAEEDhiH2BtfvMlNoYIhmPaTqt3/2Q==","aspectRatio":1.5028901734104045,"src":"/static/f6b4d4620d213392f2a6bbbba17b86b5/d5c54/photo-1498050108023-c5249f4df085.jpg","srcSet":"/static/f6b4d4620d213392f2a6bbbba17b86b5/65d8c/photo-1498050108023-c5249f4df085.jpg 260w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/c5f21/photo-1498050108023-c5249f4df085.jpg 520w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/d5c54/photo-1498050108023-c5249f4df085.jpg 1040w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/81a53/photo-1498050108023-c5249f4df085.jpg 1560w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/4e5f3/photo-1498050108023-c5249f4df085.jpg 2000w","srcWebp":"/static/f6b4d4620d213392f2a6bbbba17b86b5/e4875/photo-1498050108023-c5249f4df085.webp","srcSetWebp":"/static/f6b4d4620d213392f2a6bbbba17b86b5/dc8f3/photo-1498050108023-c5249f4df085.webp 260w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/2db4b/photo-1498050108023-c5249f4df085.webp 520w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/e4875/photo-1498050108023-c5249f4df085.webp 1040w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/f5845/photo-1498050108023-c5249f4df085.webp 1560w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/49d6b/photo-1498050108023-c5249f4df085.webp 2000w","sizes":"(max-width: 1040px) 100vw, 1040px"}}}},"ghostPost":{"id":"Ghost__Post__6127ba1b3ed159214d382e85","title":"Why I Switched from Atom to VS Code","slug":"why-i-switched-from-atom-to-vs-code","featured":false,"feature_image":"https://res-4.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/photo-1498050108023-c5249f4df085.jpg","excerpt":"A few years ago, I discovered Atom and I was amazed by it. Fast forward to now, and I am using Visual Studio Code. What made me switch?","custom_excerpt":"A few years ago, I discovered Atom and I was amazed by it. Fast forward to now, and I am using Visual Studio Code. What made me switch?","visibility":"public","created_at_pretty":"9 Feb 2021","published_at_pretty":"9 Feb 2021","updated_at_pretty":"26 Aug 2021","created_at":"2021-02-09T09:40:20.000+00:00","published_at":"2021-02-09T10:56:09.000+00:00","updated_at":"2021-08-26T17:48:48.000+00:00","meta_title":null,"meta_description":null,"og_description":null,"og_image":null,"og_title":null,"twitter_description":null,"twitter_image":null,"twitter_title":null,"authors":[{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":null}],"primary_author":{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":{"base":"IMG_0591.jpg","publicURL":"/static/ceb49c3c631485453e71e00d7f84b069/IMG_0591.jpg","imageMeta":{"width":1182,"height":1179},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAMEAQL/xAAWAQEBAQAAAAAAAAAAAAAAAAADBAL/2gAMAwEAAhADEAAAAdXiFM6i0CohUWXoKn//xAAcEAACAgIDAAAAAAAAAAAAAAACAwESBBEhM0H/2gAIAQEAAQUCWySE3WEr7SzbXjAj4iKty+sOQ//EABYRAQEBAAAAAAAAAAAAAAAAAAERIP/aAAgBAwEBPwEhj//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BH//EAB4QAAIBBAMBAAAAAAAAAAAAAAABIRESMUECECJx/9oACAEBAAY/ApVGWvOjzgtUwLlTZA0sdL4f/8QAHBAAAwACAwEAAAAAAAAAAAAAAAERITFBkbHB/9oACAEBAAE/IahkCy+N2GwZpjQiJHJCspUFY0QrSi+HqiW2rgf/2gAMAwEAAgADAAAAEPw3/wD/xAAYEQEBAAMAAAAAAAAAAAAAAAAAARExQf/aAAgBAwEBPxCtjDqP/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQAxEf/aAAgBAgEBPxBFus6Tt//EAB8QAQEAAgIBBQAAAAAAAAAAAAERACExQWFRcYGR0f/aAAgBAQABPxAuaBPPzkO1wyX7F4wkwXanfZrFQgeqE9JgS14vVOvrERIJomVBKwt2jebAeP0yVa8h1n//2Q==","aspectRatio":1,"src":"/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg","srcSet":"/static/ceb49c3c631485453e71e00d7f84b069/f340b/IMG_0591.jpg 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/22d64/IMG_0591.jpg 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/aa249/IMG_0591.jpg 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/0dc33/IMG_0591.jpg 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/d8257/IMG_0591.jpg 1182w","srcWebp":"/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp","srcSetWebp":"/static/ceb49c3c631485453e71e00d7f84b069/59cda/IMG_0591.webp 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/7da75/IMG_0591.webp 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/f282e/IMG_0591.webp 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/a7b21/IMG_0591.webp 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/63099/IMG_0591.webp 1182w","sizes":"(max-width: 110px) 100vw, 110px"}}}},"primary_tag":{"slug":"my-experience","url":"https://backend.shahednasser.com/tag/my-experience/","name":"My Experience","visibility":"public","feature_image":"https://backend.shahednasser.com/content/images/2022/01/photo-1493612276216-ee3925520721-2-1.jpeg","description":"Sharing my experience in or opinions regarding programming, work, or other concepts.","meta_title":null,"meta_description":null,"featureImageSharp":{"base":"photo-1493612276216-ee3925520721-2-1.jpeg","publicURL":"/static/55d051b88133a375df71095790dfd724/photo-1493612276216-ee3925520721-2-1.jpeg","imageMeta":{"width":2000,"height":2500},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAZABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAEEAwIF/8QAGAEAAgMAAAAAAAAAAAAAAAAAAAMBBAX/2gAMAwEAAhADEAAAAfTTmIpADGTfld2IQ7O//8QAHBAAAQUAAwAAAAAAAAAAAAAAAgABAxAREyEy/9oACAEBAAEFAr1DKznq1EHfITXL7//EABkRAAIDAQAAAAAAAAAAAAAAAAABAhESE//aAAgBAwEBPwHBzZlNEk4urP/EABgRAAIDAAAAAAAAAAAAAAAAAAABEBES/9oACAECAQE/AbNQj//EABoQAAEFAQAAAAAAAAAAAAAAAAEAAhAgMRH/2gAIAQEABj8CoWz0atNP/8QAGhABAAIDAQAAAAAAAAAAAAAAAQAQETGRIf/aAAgBAQABPyHFs6LI9owavPeKsdKaP//aAAwDAQACAAMAAAAQdBNO/8QAGBEBAAMBAAAAAAAAAAAAAAAAAQAQIWH/2gAIAQMBAT8QXVhJGJWdn//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEf/aAAgBAgEBPxC4tR0kIOX/xAAdEAACAgIDAQAAAAAAAAAAAAAAARExECFBUWFx/9oACAEBAAE/EHHojwjwQ+B45hVISYd1xThsbt5XLc4sWfEf/9k=","aspectRatio":0.8,"src":"/static/55d051b88133a375df71095790dfd724/d5c54/photo-1493612276216-ee3925520721-2-1.jpg","srcSet":"/static/55d051b88133a375df71095790dfd724/65d8c/photo-1493612276216-ee3925520721-2-1.jpg 260w,\n/static/55d051b88133a375df71095790dfd724/c5f21/photo-1493612276216-ee3925520721-2-1.jpg 520w,\n/static/55d051b88133a375df71095790dfd724/d5c54/photo-1493612276216-ee3925520721-2-1.jpg 1040w,\n/static/55d051b88133a375df71095790dfd724/81a53/photo-1493612276216-ee3925520721-2-1.jpg 1560w,\n/static/55d051b88133a375df71095790dfd724/4e5f3/photo-1493612276216-ee3925520721-2-1.jpg 2000w","srcWebp":"/static/55d051b88133a375df71095790dfd724/e4875/photo-1493612276216-ee3925520721-2-1.webp","srcSetWebp":"/static/55d051b88133a375df71095790dfd724/dc8f3/photo-1493612276216-ee3925520721-2-1.webp 260w,\n/static/55d051b88133a375df71095790dfd724/2db4b/photo-1493612276216-ee3925520721-2-1.webp 520w,\n/static/55d051b88133a375df71095790dfd724/e4875/photo-1493612276216-ee3925520721-2-1.webp 1040w,\n/static/55d051b88133a375df71095790dfd724/f5845/photo-1493612276216-ee3925520721-2-1.webp 1560w,\n/static/55d051b88133a375df71095790dfd724/49d6b/photo-1493612276216-ee3925520721-2-1.webp 2000w","sizes":"(max-width: 1040px) 100vw, 1040px"}}}},"tags":[{"slug":"my-experience","url":"https://backend.shahednasser.com/tag/my-experience/","name":"My Experience","visibility":"public","feature_image":"https://backend.shahednasser.com/content/images/2022/01/photo-1493612276216-ee3925520721-2-1.jpeg","description":"Sharing my experience in or opinions regarding programming, work, or other concepts.","meta_title":null,"meta_description":null,"featureImageSharp":null},{"slug":"tips","url":"https://backend.shahednasser.com/tag/tips/","name":"Tips","visibility":"public","feature_image":null,"description":"Learn more about programming and development through these articles that have essential tips!","meta_title":"Tips on Technology and Programming","meta_description":null,"featureImageSharp":null}],"plaintext":"A few years ago, I discovered Atom [https://atom.io/], an open source text and\nsource code editor developed by GitHub [https://github.com/]. I was so amazed by\nit as it was lightweight and fully customizable. It quickly became my favorite\ncode editor.\n\nFast forward to now, and I am using Visual Studio Code\n[https://code.visualstudio.com/], a free source code editor developed by \nMicrosoft [https://www.microsoft.com/en-lb]. This might seem like a normal\nchange, however, I remember that while I was using Atom my colleague and I were\nhaving a discussion and I strictly stated \"I'm not a fan of Microsoft products.\"\n\nSo what made me switch from Atom to VS Code?\n\n\n--------------------------------------------------------------------------------\n\nPerformance\nWhen I first started using Atom, it was fast and as I mentioned lightweight.\nHowever, when you compare it to VS Code, it's load time can be pretty slow.\nEspecially if you're opening somewhat large or long files. Atom can get pretty\nlaggy and the wait becomes annoying.\n\nIt should be noted that both editors are built on Electron\n[https://www.electronjs.org/], a framework that helps you built cross-platform\ndesktop app using HTML, Javascript, and CSS. There's a lot of dispute when it\ncomes to Electron's speed, so you'd think that both editors would be inherently\nslow. However, it seems that VS Code sets an example of how to use Electron\nwithout the lag.\n\n\n--------------------------------------------------------------------------------\n\nOut of the Box Features\nAtom's main charm is that it's customizable. You can add whatever extensions and\nlinters and anything you want. However, especially if you're a beginner in a\nlanguage and not sure what kind of extensions or linters you might want, it can\nbe a hassle using it. Even if you do find the extensions you need, there's no\nguarantee that these extensions will do the job well (I'll talk about extensions\nnext). \n\nNot only does VS Code come ready with support, debuggers and linters for most\npopular languages, but when you use a new or not so popular language, it\nrecommends the extension you need right away. It saves you time and makes sure\nyou are using what you need in your development.\n\n\n--------------------------------------------------------------------------------\n\nExtension\nExtensions in Atom are tricky. You'll find really good extensions that will be\nhelpful in your development process, but you'll also find extensions that will\ncreate more bugs in your editor and makes your life a living hell. This is\nunderstandable, as most extensions are made by the open source community, so\nsome extensions might be outdated or get discontinued, or just have a lot of\nbugs. \n\nThe more extensions you add to Atom, the more you'll face bugs while using it\nand hassles. And you can't really use Atom without loads of extensions, since\nusing Atom as it is is like walking in the dark. \n\nAs for VS Code, I have been using it for a while now and I have yet to face any\nproblems with its extensions. Every extension that I have added was helpful and\nvery much needed. Nothing affected the quality of the editor.\n\n\n--------------------------------------------------------------------------------\n\nDebugging\nDebugging in Atom is, again, dependent on what extensions you add. There's\nnothing built in the editor itself. However, in VS Code, your access to\ndebugging is easier. There's the debugging tab ready for you on the left and it\nprovides what you need based on the environment of the project you're working\non. This is another part of the out of the box features in VS Code that Atom\nlacks in.\n\n\n--------------------------------------------------------------------------------\n\nConclusion\nWith time, Atom became an annoyance to me. Every time I needed to add an\nextension, the entire editor seemed to be crumbling. The load time was slow and\nthe performance got worse. However, VS Code is proving to be a stable editor\nthat can handle your main development need, while still keeping the performance\noptimal.","html":"<p>A few years ago, I discovered <a href=\"https://atom.io/\">Atom</a>, an open source text and source code editor developed by <a href=\"https://github.com/\">GitHub</a>. I was so amazed by it as it was lightweight and fully customizable. It quickly became my favorite code editor.</p><p>Fast forward to now, and I am using <a href=\"https://code.visualstudio.com/\">Visual Studio Code</a>, a free source code editor developed by <a href=\"https://www.microsoft.com/en-lb\">Microsoft</a>. This might seem like a normal change, however, I remember that while I was using Atom my colleague and I were having a discussion and I strictly stated \"I'm not a fan of Microsoft products.\"</p><p>So what made me switch from Atom to VS Code?</p><hr><h3 id=\"performance\">Performance</h3><p>When I first started using Atom, it was fast and as I mentioned lightweight. However, when you compare it to VS Code, it's load time can be pretty slow. Especially if you're opening somewhat large or long files. Atom can get pretty laggy and the wait becomes annoying.</p><p>It should be noted that both editors are built on <a href=\"https://www.electronjs.org/\">Electron</a>, a framework that helps you built cross-platform desktop app using HTML, Javascript, and CSS. There's a lot of dispute when it comes to Electron's speed, so you'd think that both editors would be inherently slow. However, it seems that VS Code sets an example of how to use Electron without the lag.</p><hr><h3 id=\"out-of-the-box-features\">Out of the Box Features</h3><p>Atom's main charm is that it's customizable. You can add whatever extensions and linters and anything you want. However, especially if you're a beginner in a language and not sure what kind of extensions or linters you might want, it can be a hassle using it. Even if you do find the extensions you need, there's no guarantee that these extensions will do the job well (I'll talk about extensions next). </p><p>Not only does VS Code come ready with support, debuggers and linters for most popular languages, but when you use a new or not so popular language, it recommends the extension you need right away. It saves you time and makes sure you are using what you need in your development.</p><hr><h3 id=\"extension\">Extension</h3><p>Extensions in Atom are tricky. You'll find really good extensions that will be helpful in your development process, but you'll also find extensions that will create more bugs in your editor and makes your life a living hell. This is understandable, as most extensions are made by the open source community, so some extensions might be outdated or get discontinued, or just have a lot of bugs. </p><p>The more extensions you add to Atom, the more you'll face bugs while using it and hassles. And you can't really use Atom without loads of extensions, since using Atom as it is is like walking in the dark. </p><p>As for VS Code, I have been using it for a while now and I have yet to face any problems with its extensions. Every extension that I have added was helpful and very much needed. Nothing affected the quality of the editor.</p><hr><h3 id=\"debugging\">Debugging</h3><p>Debugging in Atom is, again, dependent on what extensions you add. There's nothing built in the editor itself. However, in VS Code, your access to debugging is easier. There's the debugging tab ready for you on the left and it provides what you need based on the environment of the project you're working on. This is another part of the out of the box features in VS Code that Atom lacks in.</p><hr><h3 id=\"conclusion\">Conclusion</h3><p>With time, Atom became an annoyance to me. Every time I needed to add an extension, the entire editor seemed to be crumbling. The load time was slow and the performance got worse. However, VS Code is proving to be a stable editor that can handle your main development need, while still keeping the performance optimal.</p>","url":"https://backend.shahednasser.com/why-i-switched-from-atom-to-vs-code/","canonical_url":null,"uuid":"7cd11ddf-6767-492c-89cc-6e233d4b23b7","codeinjection_foot":null,"codeinjection_head":null,"codeinjection_styles":null,"comment_id":"6022588499216d001edfd530","reading_time":3,"send_email_when_published":null,"email_subject":null,"childHtmlRehype":{"html":"<p>A few years ago, I discovered <a href=\"https://atom.io/\">Atom</a>, an open source text and source code editor developed by <a href=\"https://github.com/\">GitHub</a>. I was so amazed by it as it was lightweight and fully customizable. It quickly became my favorite code editor.</p><p>Fast forward to now, and I am using <a href=\"https://code.visualstudio.com/\">Visual Studio Code</a>, a free source code editor developed by <a href=\"https://www.microsoft.com/en-lb\">Microsoft</a>. This might seem like a normal change, however, I remember that while I was using Atom my colleague and I were having a discussion and I strictly stated \"I'm not a fan of Microsoft products.\"</p><p>So what made me switch from Atom to VS Code?</p><hr><h3 id=\"performance\">Performance</h3><p>When I first started using Atom, it was fast and as I mentioned lightweight. However, when you compare it to VS Code, it's load time can be pretty slow. Especially if you're opening somewhat large or long files. Atom can get pretty laggy and the wait becomes annoying.</p><p>It should be noted that both editors are built on <a href=\"https://www.electronjs.org/\">Electron</a>, a framework that helps you built cross-platform desktop app using HTML, Javascript, and CSS. There's a lot of dispute when it comes to Electron's speed, so you'd think that both editors would be inherently slow. However, it seems that VS Code sets an example of how to use Electron without the lag.</p><hr><h3 id=\"out-of-the-box-features\">Out of the Box Features</h3><p>Atom's main charm is that it's customizable. You can add whatever extensions and linters and anything you want. However, especially if you're a beginner in a language and not sure what kind of extensions or linters you might want, it can be a hassle using it. Even if you do find the extensions you need, there's no guarantee that these extensions will do the job well (I'll talk about extensions next). </p><p>Not only does VS Code come ready with support, debuggers and linters for most popular languages, but when you use a new or not so popular language, it recommends the extension you need right away. It saves you time and makes sure you are using what you need in your development.</p><hr><h3 id=\"extension\">Extension</h3><p>Extensions in Atom are tricky. You'll find really good extensions that will be helpful in your development process, but you'll also find extensions that will create more bugs in your editor and makes your life a living hell. This is understandable, as most extensions are made by the open source community, so some extensions might be outdated or get discontinued, or just have a lot of bugs. </p><p>The more extensions you add to Atom, the more you'll face bugs while using it and hassles. And you can't really use Atom without loads of extensions, since using Atom as it is is like walking in the dark. </p><p>As for VS Code, I have been using it for a while now and I have yet to face any problems with its extensions. Every extension that I have added was helpful and very much needed. Nothing affected the quality of the editor.</p><hr><h3 id=\"debugging\">Debugging</h3><p>Debugging in Atom is, again, dependent on what extensions you add. There's nothing built in the editor itself. However, in VS Code, your access to debugging is easier. There's the debugging tab ready for you on the left and it provides what you need based on the environment of the project you're working on. This is another part of the out of the box features in VS Code that Atom lacks in.</p><hr><h3 id=\"conclusion\">Conclusion</h3><p>With time, Atom became an annoyance to me. Every time I needed to add an extension, the entire editor seemed to be crumbling. The load time was slow and the performance got worse. However, VS Code is proving to be a stable editor that can handle your main development need, while still keeping the performance optimal.</p>","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A few years ago, I discovered "},{"type":"element","tagName":"a","properties":{"href":"https://atom.io/"},"children":[{"type":"text","value":"Atom"}]},{"type":"text","value":", an open source text and source code editor developed by "},{"type":"element","tagName":"a","properties":{"href":"https://github.com/"},"children":[{"type":"text","value":"GitHub"}]},{"type":"text","value":". I was so amazed by it as it was lightweight and fully customizable. It quickly became my favorite code editor."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Fast forward to now, and I am using "},{"type":"element","tagName":"a","properties":{"href":"https://code.visualstudio.com/"},"children":[{"type":"text","value":"Visual Studio Code"}]},{"type":"text","value":", a free source code editor developed by "},{"type":"element","tagName":"a","properties":{"href":"https://www.microsoft.com/en-lb"},"children":[{"type":"text","value":"Microsoft"}]},{"type":"text","value":". This might seem like a normal change, however, I remember that while I was using Atom my colleague and I were having a discussion and I strictly stated \"I'm not a fan of Microsoft products.\""}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"So what made me switch from Atom to VS Code?"}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"performance"},"children":[{"type":"text","value":"Performance"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When I first started using Atom, it was fast and as I mentioned lightweight. However, when you compare it to VS Code, it's load time can be pretty slow. Especially if you're opening somewhat large or long files. Atom can get pretty laggy and the wait becomes annoying."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It should be noted that both editors are built on "},{"type":"element","tagName":"a","properties":{"href":"https://www.electronjs.org/"},"children":[{"type":"text","value":"Electron"}]},{"type":"text","value":", a framework that helps you built cross-platform desktop app using HTML, Javascript, and CSS. There's a lot of dispute when it comes to Electron's speed, so you'd think that both editors would be inherently slow. However, it seems that VS Code sets an example of how to use Electron without the lag."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"out-of-the-box-features"},"children":[{"type":"text","value":"Out of the Box Features"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Atom's main charm is that it's customizable. You can add whatever extensions and linters and anything you want. However, especially if you're a beginner in a language and not sure what kind of extensions or linters you might want, it can be a hassle using it. Even if you do find the extensions you need, there's no guarantee that these extensions will do the job well (I'll talk about extensions next). "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Not only does VS Code come ready with support, debuggers and linters for most popular languages, but when you use a new or not so popular language, it recommends the extension you need right away. It saves you time and makes sure you are using what you need in your development."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"extension"},"children":[{"type":"text","value":"Extension"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Extensions in Atom are tricky. You'll find really good extensions that will be helpful in your development process, but you'll also find extensions that will create more bugs in your editor and makes your life a living hell. This is understandable, as most extensions are made by the open source community, so some extensions might be outdated or get discontinued, or just have a lot of bugs. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The more extensions you add to Atom, the more you'll face bugs while using it and hassles. And you can't really use Atom without loads of extensions, since using Atom as it is is like walking in the dark. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"As for VS Code, I have been using it for a while now and I have yet to face any problems with its extensions. Every extension that I have added was helpful and very much needed. Nothing affected the quality of the editor."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"debugging"},"children":[{"type":"text","value":"Debugging"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Debugging in Atom is, again, dependent on what extensions you add. There's nothing built in the editor itself. However, in VS Code, your access to debugging is easier. There's the debugging tab ready for you on the left and it provides what you need based on the environment of the project you're working on. This is another part of the out of the box features in VS Code that Atom lacks in."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"conclusion"},"children":[{"type":"text","value":"Conclusion"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With time, Atom became an annoyance to me. Every time I needed to add an extension, the entire editor seemed to be crumbling. The load time was slow and the performance got worse. However, VS Code is proving to be a stable editor that can handle your main development need, while still keeping the performance optimal."}]}],"data":{"quirksMode":false}},"tableOfContents":[{"id":"performance","heading":"Performance"},{"id":"out-of-the-box-features","heading":"Out of the Box Features"},{"id":"extension","heading":"Extension"},{"id":"debugging","heading":"Debugging"},{"id":"conclusion","heading":"Conclusion"}]},"featureImageSharp":{"base":"photo-1498050108023-c5249f4df085.jpg","publicURL":"/static/f6b4d4620d213392f2a6bbbba17b86b5/photo-1498050108023-c5249f4df085.jpg","imageMeta":{"width":2000,"height":1331},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAAD/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAWZHbZpCj//EABsQAAIBBQAAAAAAAAAAAAAAAAIDAQAEEhMh/9oACAEBAAEFAgZihbRMqtp2itIhMv7/AP/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABsQAAICAwEAAAAAAAAAAAAAAAACAREQITFh/9oACAEBAAY/AvYKhawyNwuDSwf/xAAZEAADAQEBAAAAAAAAAAAAAAAAAREhQVH/2gAIAQEAAT8hRfYKouJjaVcJUGvM9ZJ1Ej//2gAMAwEAAgADAAAAEOsf/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEh/9oACAEDAQE/ENV//8QAFREBAQAAAAAAAAAAAAAAAAAAECH/2gAIAQIBAT8Qh//EABkQAQEBAQEBAAAAAAAAAAAAAAERACFB8P/aAAgBAQABPxAa68qTzrlLgfQrXAEEDhiH2BtfvMlNoYIhmPaTqt3/2Q==","aspectRatio":1.5028901734104045,"src":"/static/f6b4d4620d213392f2a6bbbba17b86b5/d5c54/photo-1498050108023-c5249f4df085.jpg","srcSet":"/static/f6b4d4620d213392f2a6bbbba17b86b5/65d8c/photo-1498050108023-c5249f4df085.jpg 260w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/c5f21/photo-1498050108023-c5249f4df085.jpg 520w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/d5c54/photo-1498050108023-c5249f4df085.jpg 1040w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/81a53/photo-1498050108023-c5249f4df085.jpg 1560w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/4e5f3/photo-1498050108023-c5249f4df085.jpg 2000w","srcWebp":"/static/f6b4d4620d213392f2a6bbbba17b86b5/e4875/photo-1498050108023-c5249f4df085.webp","srcSetWebp":"/static/f6b4d4620d213392f2a6bbbba17b86b5/dc8f3/photo-1498050108023-c5249f4df085.webp 260w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/2db4b/photo-1498050108023-c5249f4df085.webp 520w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/e4875/photo-1498050108023-c5249f4df085.webp 1040w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/f5845/photo-1498050108023-c5249f4df085.webp 1560w,\n/static/f6b4d4620d213392f2a6bbbba17b86b5/49d6b/photo-1498050108023-c5249f4df085.webp 2000w","sizes":"(max-width: 1040px) 100vw, 1040px"}}}},"prev":{"id":"Ghost__Post__6127ba1b3ed159214d382e86","title":"The Things You Can Do For Free: The Ultimate Guide","slug":"the-things-you-can-do-for-free-the-ultimate-guide","featured":false,"feature_image":"https://res-1.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/photo-1546900703-cf06143d1239.jpg","excerpt":"When creating any kind of project, there will be costs that you have to handle. Here are a list of tools and services you can use for free.","custom_excerpt":"When creating any kind of project, there will be costs that you have to handle. Here are a list of tools and services you can use for free.","visibility":"public","created_at_pretty":"10 Feb 2021","published_at_pretty":"10 Feb 2021","updated_at_pretty":"26 Aug 2021","created_at":"2021-02-10T08:16:25.000+00:00","published_at":"2021-02-10T11:35:00.000+00:00","updated_at":"2021-08-26T17:48:31.000+00:00","meta_title":null,"meta_description":null,"og_description":null,"og_image":null,"og_title":null,"twitter_description":null,"twitter_image":null,"twitter_title":null,"authors":[{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":null}],"primary_author":{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":{"base":"IMG_0591.jpg","publicURL":"/static/ceb49c3c631485453e71e00d7f84b069/IMG_0591.jpg","imageMeta":{"width":1182,"height":1179},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAMEAQL/xAAWAQEBAQAAAAAAAAAAAAAAAAADBAL/2gAMAwEAAhADEAAAAdXiFM6i0CohUWXoKn//xAAcEAACAgIDAAAAAAAAAAAAAAACAwESBBEhM0H/2gAIAQEAAQUCWySE3WEr7SzbXjAj4iKty+sOQ//EABYRAQEBAAAAAAAAAAAAAAAAAAERIP/aAAgBAwEBPwEhj//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BH//EAB4QAAIBBAMBAAAAAAAAAAAAAAABIRESMUECECJx/9oACAEBAAY/ApVGWvOjzgtUwLlTZA0sdL4f/8QAHBAAAwACAwEAAAAAAAAAAAAAAAERITFBkbHB/9oACAEBAAE/IahkCy+N2GwZpjQiJHJCspUFY0QrSi+HqiW2rgf/2gAMAwEAAgADAAAAEPw3/wD/xAAYEQEBAAMAAAAAAAAAAAAAAAAAARExQf/aAAgBAwEBPxCtjDqP/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQAxEf/aAAgBAgEBPxBFus6Tt//EAB8QAQEAAgIBBQAAAAAAAAAAAAERACExQWFRcYGR0f/aAAgBAQABPxAuaBPPzkO1wyX7F4wkwXanfZrFQgeqE9JgS14vVOvrERIJomVBKwt2jebAeP0yVa8h1n//2Q==","aspectRatio":1,"src":"/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg","srcSet":"/static/ceb49c3c631485453e71e00d7f84b069/f340b/IMG_0591.jpg 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/22d64/IMG_0591.jpg 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/aa249/IMG_0591.jpg 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/0dc33/IMG_0591.jpg 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/d8257/IMG_0591.jpg 1182w","srcWebp":"/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp","srcSetWebp":"/static/ceb49c3c631485453e71e00d7f84b069/59cda/IMG_0591.webp 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/7da75/IMG_0591.webp 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/f282e/IMG_0591.webp 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/a7b21/IMG_0591.webp 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/63099/IMG_0591.webp 1182w","sizes":"(max-width: 110px) 100vw, 110px"}}}},"primary_tag":{"slug":"tips","url":"https://backend.shahednasser.com/tag/tips/","name":"Tips","visibility":"public","feature_image":null,"description":"Learn more about programming and development through these articles that have essential tips!","meta_title":"Tips on Technology and Programming","meta_description":null,"featureImageSharp":null},"tags":[{"slug":"tips","url":"https://backend.shahednasser.com/tag/tips/","name":"Tips","visibility":"public","feature_image":null,"description":"Learn more about programming and development through these articles that have essential tips!","meta_title":"Tips on Technology and Programming","meta_description":null,"featureImageSharp":null},{"slug":"open-source","url":"https://backend.shahednasser.com/tag/open-source/","name":"Open Source","visibility":"public","feature_image":null,"description":null,"meta_title":null,"meta_description":null,"featureImageSharp":null},{"slug":"beginner","url":"https://backend.shahednasser.com/tag/beginner/","name":"Beginners","visibility":"public","feature_image":"https://backend.shahednasser.com/content/images/2022/01/photo-1521185496955-15097b20c5fe-2.jpeg","description":"Tutorials, articles, and tips to help beginners accelerate their journey in programming.","meta_title":"Beginners","meta_description":"Tutorials, articles, and tips to help beginners accelerate their journey in programming.","featureImageSharp":null}],"plaintext":"When creating any kind of project, there will be costs that you have to handle.\nWhether big or small, at some point it can be hindering or cause a hassle. \n\nI will list for you different topics you might need in your projects and how you\ncan get it for free.\n\n\n--------------------------------------------------------------------------------\n\nHosting\nFinding a hosting is one of the most troublesome parts when you are creating a\nproject, especially when you need it for free. Here's a list of services or\nwebsites that offer free hosting, and what kind of projects you can use them\nfor:\n\n 1. Netlify [https://www.netlify.com/]: Netlify is perfect for static websites\n    like portfolios. It also supports Jamstack\n    [https://www.netlify.com/jamstack/], which basically decouples the backend\n    from the frontend, allowing your website to be deployed directly to a CDN.\n    This helps make your website faster and more secure. You can use this to\n    create, for example, blogs (like this one). You can read it more about it in \n    Netlify CMS [https://www.netlifycms.org/] as they have starter projects you\n    can get started with.\n 2. Firebase [https://firebase.google.com/pricing]: In Firebase's free plan (or\n    Spark Plan) they offer many features, including 10GB of hosting. Again, this\n    is great for static websites.\n 3. Heroku [https://www.heroku.com/]: Heroku allows you to host almost any kind\n    of environment. The down side of Heroku's free hosting is that it can be\n    slow, but it still can be very helpful in many cases.\n 4. alwaysdata [https://www.alwaysdata.com/en/]: A good hosting solution for a\n    variety of environments, with a lot of features. \n 5. Surge [http://surge.sh/]: Surge is another good hosting for static websites.\n    Surge does not really have any limits when it comes to the size of the\n    website, and it's probably the easiest to use. You can deploy any website\n    through their CLI with just one command.\n 6. 000WebHost [https://www.000webhost.com/]: Although I personally am not a big\n    fan of this hosting, but 000WebHost offers an easy to use cPanel free\n    hosting and helpful tools for WordPress hosting in particular.\n 7. GitHub Pages [https://pages.github.com/]: Another good static website\n    hosting. The pro of this option is that you can link it directly to your\n    GitHub repository, and with any update to the repository it will update\n    immediately.\n 8. Hashnode [https://hashnode.com/]: Hashnode is specific to creating your own\n    blog. You can customize it, track its analytics and much more. If you have\n    your own domain then you can add it, too.\n\n\n--------------------------------------------------------------------------------\n\nDomain Name\nNext come domain names. From my experience, the only service that provides a\nfree domain name (without having to pay for hosting, that is) is Freenom\n[https://www.freenom.com/en/freeandpaiddomains.html]. Freenom provide free\ndomain names that end with .tk, .cf, .ml, .ga or .gq.\n\n\n--------------------------------------------------------------------------------\n\nMail Tools\nWhether for a contact form, a newsletter form, or any marketing usage you might\nhave that requires sending email, here's a list to help you achieve that for\nfree:\n\n 1. Mailgun [https://www.mailgun.com/]: Mailgun provides an email you can use to\n    send email. You can either use Mailgun on your server to send emails, or use\n    the email provided by mailgun and the API keys you get to send emails\n    serverless, but this will require other services.\n 2. EmailJS [https://www.emailjs.com/]: EmailJS allows you to send emails from\n    your Javascript without needing a server. You can link EmailJS with your\n    Mailgun account. EmailJS also allows you to manage the email template, email\n    response and other settings as well. It's a great option for a contact form.\n 3. MailerLite [https://www.mailerlite.com/]: MailerLite puts all email\n    marketing together basically. Using MailerLite's free plan you can create\n    forms and popups that you can embed in your website and they take care of\n    the rest. Whether it's a subscription or contact form, you can create the\n    forms, link them with a subscription list, send newsletters and many more\n    options.\n\n\n--------------------------------------------------------------------------------\n\nNotifications\nHere are some services that offer free notifications for your websites and apps\nfor free:\n\n 1. OneSignal [https://onesignal.com/pricing]: OneSignal allows you to send push\n    notifications on different browsers and mobile apps and more.\n 2. Pusher [https://pusher.com/beams/pricing]: Pusher is mainly focused on real\n    time experiences, and part of that is building channels between your server\n    and websites or apps, which allows you to also send notifications.\n\n\n--------------------------------------------------------------------------------\n\nSEO and Other Tools\nBelow are some SEO helpful tools to help make your website a little better:\n\n 1. ShareThis [https://sharethis.com/]: A good tool to let your website visitors\n    share your website easily on almost every social media platform, with a\n    variety of design choices.\n 2. Disqus [https://disqus.com/]: Disqus lets you add a comments or reaction\n    section to your website, helping you build connections with your visitors.\n 3. CrowdIn [https://crowdin.com/]: CrowdIn is a tool you can use to manage\n    translations for your projects. You upload a strings file like a .json file,\n    add the languages you want, and then you and your team, or anyone you send\n    the link to can translate your strings easily with their interface and their\n    recommended translations as well.\n 4. Buffer [https://buffer.com/]: Buffer allows you to connect your social media\n    accounts together so you can schedule posts, track analytics and more.\n 5. hotjar [https://www.hotjar.com/]: hotjar takes analytics into the next\n    level. Not only can you track the usual traffic of users, but you can also\n    see heatmaps, add surveys, and much more.\n 6. Agolia [https://www.algolia.com/]: Agolia allows you to add a search engine\n    to your website without the hassle. \n 7. Rebrandly [https://www.rebrandly.com/]: Provides free URL shortener with\n    analytics, QR Codes and more.\n\n\n--------------------------------------------------------------------------------\n\nResources\nHere are some websites that you can get design elements, images, or other\nresources from:\n\n 1. Freebie Supply [https://freebiesupply.com/]: You can find vectors,\n    illustrations, icons, and much more for free.\n 2. Google Fonts [https://fonts.google.com/]: Easily use beautiful fonts in your\n    website.\n 3. Feather Icons [https://feathericons.com/]: An open source project with very\n    beautiful icons you can use for free.\n 4. Iconscout [https://iconscout.com/]: Find free and beautiful icons you can\n    use in your projects.\n 5. Undraw [https://undraw.co/]: Free illustrations for any project. You can\n    download the illustrations in PNG or SVG formats and change their colors in\n    website.\n 6. Unsplash [https://unsplash.com/]: Free images you can use in any of your\n    projects. They also have an API you can use to search through images, get\n    random images, and other usages as well.\n 7. hatchful [https://hatchful.shopify.com/]: Create a logo and customize it for\n    free.\n\nFor a longer list of design resources, check out my other post\n[https://blog.shahednasser.com/best-websites-to-find-free-resources-for-frontend-web-developers-and-designers/]\n.\n\n\n--------------------------------------------------------------------------------\n\nConclusion\nDo you know any other tools or services that are helpful and for free? Please\nlet us know in the comments!","html":"<p>When creating any kind of project, there will be costs that you have to handle. Whether big or small, at some point it can be hindering or cause a hassle. </p><p>I will list for you different topics you might need in your projects and how you can get it for free.</p><hr><h3 id=\"hosting\">Hosting</h3><p>Finding a hosting is one of the most troublesome parts when you are creating a project, especially when you need it for free. Here's a list of services or websites that offer free hosting, and what kind of projects you can use them for:</p><ol><li><strong><a href=\"https://www.netlify.com/\">Netlify</a>: </strong>Netlify is perfect for static websites like portfolios. It also supports <a href=\"https://www.netlify.com/jamstack/\">Jamstack</a>, which basically decouples the backend from the frontend, allowing your website to be deployed directly to a CDN. This helps make your website faster and more secure. You can use this to create, for example, blogs (like this one). You can read it more about it in <a href=\"https://www.netlifycms.org/\">Netlify CMS</a> as they have starter projects you can get started with.</li><li><a href=\"https://firebase.google.com/pricing\"><strong>Firebase</strong></a>: In Firebase's free plan (or Spark Plan) they offer many features, including 10GB of hosting. Again, this is great for static websites.</li><li><a href=\"https://www.heroku.com/\"><strong>Heroku</strong></a>: Heroku allows you to host almost any kind of environment. The down side of Heroku's free hosting is that it can be slow, but it still can be very helpful in many cases.</li><li><strong><a href=\"https://www.alwaysdata.com/en/\">alwaysdata</a></strong>: A good hosting solution for a variety of environments, with a lot of features. </li><li><strong><a href=\"http://surge.sh/\">Surge</a></strong>: Surge is another good hosting for static websites. Surge does not really have any limits when it comes to the size of the website, and it's probably the easiest to use. You can deploy any website through their CLI with just one command.</li><li><a href=\"https://www.000webhost.com/\"><strong>000WebHost</strong></a><strong>: </strong>Although I personally am not a big fan of this hosting, but 000WebHost offers an easy to use cPanel free hosting and helpful tools for WordPress hosting in particular.</li><li><strong><a href=\"https://pages.github.com/\">GitHub Pages</a></strong>: Another good static website hosting. The pro of this option is that you can link it directly to your GitHub repository, and with any update to the repository it will update immediately.</li><li><strong><a href=\"https://hashnode.com/\">Hashnode</a></strong>: Hashnode is specific to creating your own blog. You can customize it, track its analytics and much more. If you have your own domain then you can add it, too.</li></ol><hr><h3 id=\"domain-name\">Domain Name</h3><p>Next come domain names. From my experience, the only service that provides a free domain name (without having to pay for hosting, that is) is <strong><a href=\"https://www.freenom.com/en/freeandpaiddomains.html\">Freenom</a>. </strong>Freenom provide free domain names that end with .tk, .cf, .ml, .ga or .gq.</p><hr><h3 id=\"mail-tools\">Mail Tools</h3><p>Whether for a contact form, a newsletter form, or any marketing usage you might have that requires sending email, here's a list to help you achieve that for free:</p><ol><li><strong><a href=\"https://www.mailgun.com/\">Mailgun</a>: </strong>Mailgun provides an email you can use to send email. You can either use Mailgun on your server to send emails, or use the email provided by mailgun and the API keys you get to send emails serverless, but this will require other services.</li><li><strong><a href=\"https://www.emailjs.com/\">EmailJS</a></strong>: EmailJS allows you to send emails from your Javascript without needing a server. You can link EmailJS with your Mailgun account. EmailJS also allows you to manage the email template, email response and other settings as well. It's a great option for a contact form.</li><li><strong><a href=\"https://www.mailerlite.com/\">MailerLite</a>: </strong>MailerLite puts all email marketing together basically. Using MailerLite's free plan you can create forms and popups that you can embed in your website and they take care of the rest. Whether it's a subscription or contact form, you can create the forms, link them with a subscription list, send newsletters and many more options.</li></ol><hr><h3 id=\"notifications\">Notifications</h3><p>Here are some services that offer free notifications for your websites and apps for free:</p><ol><li><a href=\"https://onesignal.com/pricing\">OneSignal</a>: OneSignal allows you to send push notifications on different browsers and mobile apps and more.</li><li><a href=\"https://pusher.com/beams/pricing\">Pusher</a>: Pusher is mainly focused on real time experiences, and part of that is building channels between your server and websites or apps, which allows you to also send notifications.</li></ol><hr><h3 id=\"seo-and-other-tools\">SEO and Other Tools</h3><p>Below are some SEO helpful tools to help make your website a little better:</p><ol><li><strong><a href=\"https://sharethis.com/\">ShareThis</a></strong>: A good tool to let your website visitors share your website easily on almost every social media platform, with a variety of design choices.</li><li><strong><a href=\"https://disqus.com/\">Disqus</a></strong>: Disqus lets you add a comments or reaction section to your website, helping you build connections with your visitors.</li><li><strong><a href=\"https://crowdin.com/\">CrowdIn</a>: </strong>CrowdIn is a tool you can use to manage translations for your projects. You upload a strings file like a .json file, add the languages you want, and then you and your team, or anyone you send the link to can translate your strings easily with their interface and their recommended translations as well.</li><li><strong><a href=\"https://buffer.com/\">Buffer</a></strong>: Buffer allows you to connect your social media accounts together so you can schedule posts, track analytics and more.</li><li><strong><a href=\"https://www.hotjar.com/\">hotjar</a>: </strong>hotjar takes analytics into the next level. Not only can you track the usual traffic of users, but you can also see heatmaps, add surveys, and much more.</li><li><strong><a href=\"https://www.algolia.com/\">Agolia</a></strong>: Agolia allows you to add a search engine to your website without the hassle. </li><li><strong><a href=\"https://www.rebrandly.com/\">Rebrandly</a>: </strong>Provides free URL shortener with analytics, QR Codes and more.</li></ol><hr><h3 id=\"resources\">Resources</h3><p>Here are some websites that you can get design elements, images, or other resources from:</p><ol><li><strong><a href=\"https://freebiesupply.com/\">Freebie Supply</a></strong>: You can find vectors, illustrations, icons, and much more for free.</li><li><strong><a href=\"https://fonts.google.com/\">Google Fonts</a></strong>: Easily use beautiful fonts in your website.</li><li><strong><a href=\"https://feathericons.com/\">Feather Icons</a></strong>: An open source project with very beautiful icons you can use for free.</li><li><strong><a href=\"https://iconscout.com/\">Iconscout</a></strong>: Find free and beautiful icons you can use in your projects.</li><li><strong><a href=\"https://undraw.co/\">Undraw</a></strong>: Free illustrations for any project. You can download the illustrations in PNG or SVG formats and change their colors in website.</li><li><strong><a href=\"https://unsplash.com/\">Unsplash</a>: </strong>Free images you can use in any of your projects. They also have an API you can use to search through images, get random images, and other usages as well.</li><li><strong><a href=\"https://hatchful.shopify.com/\">hatchful</a></strong>: Create a logo and customize it for free.</li></ol><p>For a longer list of design resources, check out <strong><a href=\"https://blog.shahednasser.com/best-websites-to-find-free-resources-for-frontend-web-developers-and-designers/\">my other post</a></strong>.</p><hr><h3 id=\"conclusion\">Conclusion</h3><p>Do you know any other tools or services that are helpful and for free? Please let us know in the comments!</p>","url":"https://backend.shahednasser.com/the-things-you-can-do-for-free-the-ultimate-guide/","canonical_url":null,"uuid":"cef0d0f7-8f7b-4535-8cff-8536a762f2ec","codeinjection_foot":null,"codeinjection_head":null,"codeinjection_styles":null,"comment_id":"60239659f36749001eec5801","reading_time":4,"send_email_when_published":null,"email_subject":null,"childHtmlRehype":{"html":"<p>When creating any kind of project, there will be costs that you have to handle. Whether big or small, at some point it can be hindering or cause a hassle. </p><p>I will list for you different topics you might need in your projects and how you can get it for free.</p><hr><h3 id=\"hosting\">Hosting</h3><p>Finding a hosting is one of the most troublesome parts when you are creating a project, especially when you need it for free. Here's a list of services or websites that offer free hosting, and what kind of projects you can use them for:</p><ol><li><strong><a href=\"https://www.netlify.com/\">Netlify</a>: </strong>Netlify is perfect for static websites like portfolios. It also supports <a href=\"https://www.netlify.com/jamstack/\">Jamstack</a>, which basically decouples the backend from the frontend, allowing your website to be deployed directly to a CDN. This helps make your website faster and more secure. You can use this to create, for example, blogs (like this one). You can read it more about it in <a href=\"https://www.netlifycms.org/\">Netlify CMS</a> as they have starter projects you can get started with.</li><li><a href=\"https://firebase.google.com/pricing\"><strong>Firebase</strong></a>: In Firebase's free plan (or Spark Plan) they offer many features, including 10GB of hosting. Again, this is great for static websites.</li><li><a href=\"https://www.heroku.com/\"><strong>Heroku</strong></a>: Heroku allows you to host almost any kind of environment. The down side of Heroku's free hosting is that it can be slow, but it still can be very helpful in many cases.</li><li><strong><a href=\"https://www.alwaysdata.com/en/\">alwaysdata</a></strong>: A good hosting solution for a variety of environments, with a lot of features. </li><li><strong><a href=\"http://surge.sh/\">Surge</a></strong>: Surge is another good hosting for static websites. Surge does not really have any limits when it comes to the size of the website, and it's probably the easiest to use. You can deploy any website through their CLI with just one command.</li><li><a href=\"https://www.000webhost.com/\"><strong>000WebHost</strong></a><strong>: </strong>Although I personally am not a big fan of this hosting, but 000WebHost offers an easy to use cPanel free hosting and helpful tools for WordPress hosting in particular.</li><li><strong><a href=\"https://pages.github.com/\">GitHub Pages</a></strong>: Another good static website hosting. The pro of this option is that you can link it directly to your GitHub repository, and with any update to the repository it will update immediately.</li><li><strong><a href=\"https://hashnode.com/\">Hashnode</a></strong>: Hashnode is specific to creating your own blog. You can customize it, track its analytics and much more. If you have your own domain then you can add it, too.</li></ol><hr><h3 id=\"domain-name\">Domain Name</h3><p>Next come domain names. From my experience, the only service that provides a free domain name (without having to pay for hosting, that is) is <strong><a href=\"https://www.freenom.com/en/freeandpaiddomains.html\">Freenom</a>. </strong>Freenom provide free domain names that end with .tk, .cf, .ml, .ga or .gq.</p><hr><h3 id=\"mail-tools\">Mail Tools</h3><p>Whether for a contact form, a newsletter form, or any marketing usage you might have that requires sending email, here's a list to help you achieve that for free:</p><ol><li><strong><a href=\"https://www.mailgun.com/\">Mailgun</a>: </strong>Mailgun provides an email you can use to send email. You can either use Mailgun on your server to send emails, or use the email provided by mailgun and the API keys you get to send emails serverless, but this will require other services.</li><li><strong><a href=\"https://www.emailjs.com/\">EmailJS</a></strong>: EmailJS allows you to send emails from your Javascript without needing a server. You can link EmailJS with your Mailgun account. EmailJS also allows you to manage the email template, email response and other settings as well. It's a great option for a contact form.</li><li><strong><a href=\"https://www.mailerlite.com/\">MailerLite</a>: </strong>MailerLite puts all email marketing together basically. Using MailerLite's free plan you can create forms and popups that you can embed in your website and they take care of the rest. Whether it's a subscription or contact form, you can create the forms, link them with a subscription list, send newsletters and many more options.</li></ol><hr><h3 id=\"notifications\">Notifications</h3><p>Here are some services that offer free notifications for your websites and apps for free:</p><ol><li><a href=\"https://onesignal.com/pricing\">OneSignal</a>: OneSignal allows you to send push notifications on different browsers and mobile apps and more.</li><li><a href=\"https://pusher.com/beams/pricing\">Pusher</a>: Pusher is mainly focused on real time experiences, and part of that is building channels between your server and websites or apps, which allows you to also send notifications.</li></ol><hr><h3 id=\"seo-and-other-tools\">SEO and Other Tools</h3><p>Below are some SEO helpful tools to help make your website a little better:</p><ol><li><strong><a href=\"https://sharethis.com/\">ShareThis</a></strong>: A good tool to let your website visitors share your website easily on almost every social media platform, with a variety of design choices.</li><li><strong><a href=\"https://disqus.com/\">Disqus</a></strong>: Disqus lets you add a comments or reaction section to your website, helping you build connections with your visitors.</li><li><strong><a href=\"https://crowdin.com/\">CrowdIn</a>: </strong>CrowdIn is a tool you can use to manage translations for your projects. You upload a strings file like a .json file, add the languages you want, and then you and your team, or anyone you send the link to can translate your strings easily with their interface and their recommended translations as well.</li><li><strong><a href=\"https://buffer.com/\">Buffer</a></strong>: Buffer allows you to connect your social media accounts together so you can schedule posts, track analytics and more.</li><li><strong><a href=\"https://www.hotjar.com/\">hotjar</a>: </strong>hotjar takes analytics into the next level. Not only can you track the usual traffic of users, but you can also see heatmaps, add surveys, and much more.</li><li><strong><a href=\"https://www.algolia.com/\">Agolia</a></strong>: Agolia allows you to add a search engine to your website without the hassle. </li><li><strong><a href=\"https://www.rebrandly.com/\">Rebrandly</a>: </strong>Provides free URL shortener with analytics, QR Codes and more.</li></ol><hr><h3 id=\"resources\">Resources</h3><p>Here are some websites that you can get design elements, images, or other resources from:</p><ol><li><strong><a href=\"https://freebiesupply.com/\">Freebie Supply</a></strong>: You can find vectors, illustrations, icons, and much more for free.</li><li><strong><a href=\"https://fonts.google.com/\">Google Fonts</a></strong>: Easily use beautiful fonts in your website.</li><li><strong><a href=\"https://feathericons.com/\">Feather Icons</a></strong>: An open source project with very beautiful icons you can use for free.</li><li><strong><a href=\"https://iconscout.com/\">Iconscout</a></strong>: Find free and beautiful icons you can use in your projects.</li><li><strong><a href=\"https://undraw.co/\">Undraw</a></strong>: Free illustrations for any project. You can download the illustrations in PNG or SVG formats and change their colors in website.</li><li><strong><a href=\"https://unsplash.com/\">Unsplash</a>: </strong>Free images you can use in any of your projects. They also have an API you can use to search through images, get random images, and other usages as well.</li><li><strong><a href=\"https://hatchful.shopify.com/\">hatchful</a></strong>: Create a logo and customize it for free.</li></ol><p>For a longer list of design resources, check out <strong><a href=\"https://blog.shahednasser.com/best-websites-to-find-free-resources-for-frontend-web-developers-and-designers/\">my other post</a></strong>.</p><hr><h3 id=\"conclusion\">Conclusion</h3><p>Do you know any other tools or services that are helpful and for free? Please let us know in the comments!</p>","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When creating any kind of project, there will be costs that you have to handle. Whether big or small, at some point it can be hindering or cause a hassle. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I will list for you different topics you might need in your projects and how you can get it for free."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"hosting"},"children":[{"type":"text","value":"Hosting"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Finding a hosting is one of the most troublesome parts when you are creating a project, especially when you need it for free. Here's a list of services or websites that offer free hosting, and what kind of projects you can use them for:"}]},{"type":"element","tagName":"ol","properties":{},"children":[{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.netlify.com/"},"children":[{"type":"text","value":"Netlify"}]},{"type":"text","value":": "}]},{"type":"text","value":"Netlify is perfect for static websites like portfolios. It also supports "},{"type":"element","tagName":"a","properties":{"href":"https://www.netlify.com/jamstack/"},"children":[{"type":"text","value":"Jamstack"}]},{"type":"text","value":", which basically decouples the backend from the frontend, allowing your website to be deployed directly to a CDN. This helps make your website faster and more secure. You can use this to create, for example, blogs (like this one). You can read it more about it in "},{"type":"element","tagName":"a","properties":{"href":"https://www.netlifycms.org/"},"children":[{"type":"text","value":"Netlify CMS"}]},{"type":"text","value":" as they have starter projects you can get started with."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://firebase.google.com/pricing"},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Firebase"}]}]},{"type":"text","value":": In Firebase's free plan (or Spark Plan) they offer many features, including 10GB of hosting. Again, this is great for static websites."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.heroku.com/"},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Heroku"}]}]},{"type":"text","value":": Heroku allows you to host almost any kind of environment. The down side of Heroku's free hosting is that it can be slow, but it still can be very helpful in many cases."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.alwaysdata.com/en/"},"children":[{"type":"text","value":"alwaysdata"}]}]},{"type":"text","value":": A good hosting solution for a variety of environments, with a lot of features. "}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"http://surge.sh/"},"children":[{"type":"text","value":"Surge"}]}]},{"type":"text","value":": Surge is another good hosting for static websites. Surge does not really have any limits when it comes to the size of the website, and it's probably the easiest to use. You can deploy any website through their CLI with just one command."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.000webhost.com/"},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"000WebHost"}]}]},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":": "}]},{"type":"text","value":"Although I personally am not a big fan of this hosting, but 000WebHost offers an easy to use cPanel free hosting and helpful tools for WordPress hosting in particular."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://pages.github.com/"},"children":[{"type":"text","value":"GitHub Pages"}]}]},{"type":"text","value":": Another good static website hosting. The pro of this option is that you can link it directly to your GitHub repository, and with any update to the repository it will update immediately."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://hashnode.com/"},"children":[{"type":"text","value":"Hashnode"}]}]},{"type":"text","value":": Hashnode is specific to creating your own blog. You can customize it, track its analytics and much more. If you have your own domain then you can add it, too."}]}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"domain-name"},"children":[{"type":"text","value":"Domain Name"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Next come domain names. From my experience, the only service that provides a free domain name (without having to pay for hosting, that is) is "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.freenom.com/en/freeandpaiddomains.html"},"children":[{"type":"text","value":"Freenom"}]},{"type":"text","value":". "}]},{"type":"text","value":"Freenom provide free domain names that end with .tk, .cf, .ml, .ga or .gq."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"mail-tools"},"children":[{"type":"text","value":"Mail Tools"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Whether for a contact form, a newsletter form, or any marketing usage you might have that requires sending email, here's a list to help you achieve that for free:"}]},{"type":"element","tagName":"ol","properties":{},"children":[{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.mailgun.com/"},"children":[{"type":"text","value":"Mailgun"}]},{"type":"text","value":": "}]},{"type":"text","value":"Mailgun provides an email you can use to send email. You can either use Mailgun on your server to send emails, or use the email provided by mailgun and the API keys you get to send emails serverless, but this will require other services."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.emailjs.com/"},"children":[{"type":"text","value":"EmailJS"}]}]},{"type":"text","value":": EmailJS allows you to send emails from your Javascript without needing a server. You can link EmailJS with your Mailgun account. EmailJS also allows you to manage the email template, email response and other settings as well. It's a great option for a contact form."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.mailerlite.com/"},"children":[{"type":"text","value":"MailerLite"}]},{"type":"text","value":": "}]},{"type":"text","value":"MailerLite puts all email marketing together basically. Using MailerLite's free plan you can create forms and popups that you can embed in your website and they take care of the rest. Whether it's a subscription or contact form, you can create the forms, link them with a subscription list, send newsletters and many more options."}]}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"notifications"},"children":[{"type":"text","value":"Notifications"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Here are some services that offer free notifications for your websites and apps for free:"}]},{"type":"element","tagName":"ol","properties":{},"children":[{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://onesignal.com/pricing"},"children":[{"type":"text","value":"OneSignal"}]},{"type":"text","value":": OneSignal allows you to send push notifications on different browsers and mobile apps and more."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://pusher.com/beams/pricing"},"children":[{"type":"text","value":"Pusher"}]},{"type":"text","value":": Pusher is mainly focused on real time experiences, and part of that is building channels between your server and websites or apps, which allows you to also send notifications."}]}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"seo-and-other-tools"},"children":[{"type":"text","value":"SEO and Other Tools"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Below are some SEO helpful tools to help make your website a little better:"}]},{"type":"element","tagName":"ol","properties":{},"children":[{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://sharethis.com/"},"children":[{"type":"text","value":"ShareThis"}]}]},{"type":"text","value":": A good tool to let your website visitors share your website easily on almost every social media platform, with a variety of design choices."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://disqus.com/"},"children":[{"type":"text","value":"Disqus"}]}]},{"type":"text","value":": Disqus lets you add a comments or reaction section to your website, helping you build connections with your visitors."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://crowdin.com/"},"children":[{"type":"text","value":"CrowdIn"}]},{"type":"text","value":": "}]},{"type":"text","value":"CrowdIn is a tool you can use to manage translations for your projects. You upload a strings file like a .json file, add the languages you want, and then you and your team, or anyone you send the link to can translate your strings easily with their interface and their recommended translations as well."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://buffer.com/"},"children":[{"type":"text","value":"Buffer"}]}]},{"type":"text","value":": Buffer allows you to connect your social media accounts together so you can schedule posts, track analytics and more."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.hotjar.com/"},"children":[{"type":"text","value":"hotjar"}]},{"type":"text","value":": "}]},{"type":"text","value":"hotjar takes analytics into the next level. Not only can you track the usual traffic of users, but you can also see heatmaps, add surveys, and much more."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.algolia.com/"},"children":[{"type":"text","value":"Agolia"}]}]},{"type":"text","value":": Agolia allows you to add a search engine to your website without the hassle. "}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.rebrandly.com/"},"children":[{"type":"text","value":"Rebrandly"}]},{"type":"text","value":": "}]},{"type":"text","value":"Provides free URL shortener with analytics, QR Codes and more."}]}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"resources"},"children":[{"type":"text","value":"Resources"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Here are some websites that you can get design elements, images, or other resources from:"}]},{"type":"element","tagName":"ol","properties":{},"children":[{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://freebiesupply.com/"},"children":[{"type":"text","value":"Freebie Supply"}]}]},{"type":"text","value":": You can find vectors, illustrations, icons, and much more for free."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://fonts.google.com/"},"children":[{"type":"text","value":"Google Fonts"}]}]},{"type":"text","value":": Easily use beautiful fonts in your website."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://feathericons.com/"},"children":[{"type":"text","value":"Feather Icons"}]}]},{"type":"text","value":": An open source project with very beautiful icons you can use for free."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://iconscout.com/"},"children":[{"type":"text","value":"Iconscout"}]}]},{"type":"text","value":": Find free and beautiful icons you can use in your projects."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://undraw.co/"},"children":[{"type":"text","value":"Undraw"}]}]},{"type":"text","value":": Free illustrations for any project. You can download the illustrations in PNG or SVG formats and change their colors in website."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://unsplash.com/"},"children":[{"type":"text","value":"Unsplash"}]},{"type":"text","value":": "}]},{"type":"text","value":"Free images you can use in any of your projects. They also have an API you can use to search through images, get random images, and other usages as well."}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://hatchful.shopify.com/"},"children":[{"type":"text","value":"hatchful"}]}]},{"type":"text","value":": Create a logo and customize it for free."}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For a longer list of design resources, check out "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://blog.shahednasser.com/best-websites-to-find-free-resources-for-frontend-web-developers-and-designers/"},"children":[{"type":"text","value":"my other post"}]}]},{"type":"text","value":"."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h3","properties":{"id":"conclusion"},"children":[{"type":"text","value":"Conclusion"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Do you know any other tools or services that are helpful and for free? Please let us know in the comments!"}]}],"data":{"quirksMode":false}},"tableOfContents":[{"id":"hosting","heading":"Hosting"},{"id":"domain-name","heading":"Domain Name"},{"id":"mail-tools","heading":"Mail Tools"},{"id":"notifications","heading":"Notifications"},{"id":"seo-and-other-tools","heading":"SEO and Other Tools"},{"id":"resources","heading":"Resources"},{"id":"conclusion","heading":"Conclusion"}]},"featureImageSharp":{"base":"photo-1546900703-cf06143d1239.jpg","publicURL":"/static/032b0a41b26e3c4c024bfafaffe21cda/photo-1546900703-cf06143d1239.jpg","imageMeta":{"width":2000,"height":1010},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIFAQT/xAAVAQEBAAAAAAAAAAAAAAAAAAABAP/aAAwDAQACEAMQAAABkOmj1k8L/8QAGhAAAgIDAAAAAAAAAAAAAAAAAAECEQMQEv/aAAgBAQABBQJEqOsaTK1//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGhAAAgIDAAAAAAAAAAAAAAAAAAESICFBUf/aAAgBAQAGPwI6JRzun//EABkQAQEBAQEBAAAAAAAAAAAAAAERAEEhUf/aAAgBAQABPyFFPJe3ESOXAIPU7uDI+GN//9oADAMBAAIAAwAAABD03//EABYRAQEBAAAAAAAAAAAAAAAAABEAAf/aAAgBAwEBPxA1WL//xAAWEQEBAQAAAAAAAAAAAAAAAAAAESH/2gAIAQIBAT8QyK//xAAaEAEAAwEBAQAAAAAAAAAAAAABABEhQVGx/9oACAEBAAE/EEA0Jkz0KNCplypL3ZvezS2gYSye3kTTvX7P/9k=","aspectRatio":1.9886363636363635,"src":"/static/032b0a41b26e3c4c024bfafaffe21cda/ea4ab/photo-1546900703-cf06143d1239.jpg","srcSet":"/static/032b0a41b26e3c4c024bfafaffe21cda/477ba/photo-1546900703-cf06143d1239.jpg 175w,\n/static/032b0a41b26e3c4c024bfafaffe21cda/06776/photo-1546900703-cf06143d1239.jpg 350w,\n/static/032b0a41b26e3c4c024bfafaffe21cda/ea4ab/photo-1546900703-cf06143d1239.jpg 700w,\n/static/032b0a41b26e3c4c024bfafaffe21cda/3055e/photo-1546900703-cf06143d1239.jpg 1050w,\n/static/032b0a41b26e3c4c024bfafaffe21cda/eff08/photo-1546900703-cf06143d1239.jpg 1400w,\n/static/032b0a41b26e3c4c024bfafaffe21cda/4e5f3/photo-1546900703-cf06143d1239.jpg 2000w","srcWebp":"/static/032b0a41b26e3c4c024bfafaffe21cda/89afa/photo-1546900703-cf06143d1239.webp","srcSetWebp":"/static/032b0a41b26e3c4c024bfafaffe21cda/9fca7/photo-1546900703-cf06143d1239.webp 175w,\n/static/032b0a41b26e3c4c024bfafaffe21cda/37a4e/photo-1546900703-cf06143d1239.webp 350w,\n/static/032b0a41b26e3c4c024bfafaffe21cda/89afa/photo-1546900703-cf06143d1239.webp 700w,\n/static/032b0a41b26e3c4c024bfafaffe21cda/78e7a/photo-1546900703-cf06143d1239.webp 1050w,\n/static/032b0a41b26e3c4c024bfafaffe21cda/03d34/photo-1546900703-cf06143d1239.webp 1400w,\n/static/032b0a41b26e3c4c024bfafaffe21cda/49d6b/photo-1546900703-cf06143d1239.webp 2000w","sizes":"(max-width: 700px) 100vw, 700px"}}}},"next":{"id":"Ghost__Post__6127ba1b3ed159214d382e84","title":"Chrome 88 New Feature: Get QR Code For Any URL or Image","slug":"chrome-88-new-feature-sharing","featured":false,"feature_image":"https://res-3.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/photo-1533228100845-08145b01de14.jpg","excerpt":"In Chrome's new release for Android and Desktop, you can now generate a QR code for any URL with one click.","custom_excerpt":"In Chrome's new release for Android and Desktop, you can now generate a QR code for any URL with one click.","visibility":"public","created_at_pretty":"6 Feb 2021","published_at_pretty":"6 Feb 2021","updated_at_pretty":"26 Aug 2021","created_at":"2021-02-06T13:52:39.000+00:00","published_at":"2021-02-06T14:03:35.000+00:00","updated_at":"2021-08-26T17:49:09.000+00:00","meta_title":null,"meta_description":null,"og_description":null,"og_image":null,"og_title":null,"twitter_description":null,"twitter_image":null,"twitter_title":null,"authors":[{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":null}],"primary_author":{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":{"base":"IMG_0591.jpg","publicURL":"/static/ceb49c3c631485453e71e00d7f84b069/IMG_0591.jpg","imageMeta":{"width":1182,"height":1179},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAMEAQL/xAAWAQEBAQAAAAAAAAAAAAAAAAADBAL/2gAMAwEAAhADEAAAAdXiFM6i0CohUWXoKn//xAAcEAACAgIDAAAAAAAAAAAAAAACAwESBBEhM0H/2gAIAQEAAQUCWySE3WEr7SzbXjAj4iKty+sOQ//EABYRAQEBAAAAAAAAAAAAAAAAAAERIP/aAAgBAwEBPwEhj//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BH//EAB4QAAIBBAMBAAAAAAAAAAAAAAABIRESMUECECJx/9oACAEBAAY/ApVGWvOjzgtUwLlTZA0sdL4f/8QAHBAAAwACAwEAAAAAAAAAAAAAAAERITFBkbHB/9oACAEBAAE/IahkCy+N2GwZpjQiJHJCspUFY0QrSi+HqiW2rgf/2gAMAwEAAgADAAAAEPw3/wD/xAAYEQEBAAMAAAAAAAAAAAAAAAAAARExQf/aAAgBAwEBPxCtjDqP/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQAxEf/aAAgBAgEBPxBFus6Tt//EAB8QAQEAAgIBBQAAAAAAAAAAAAERACExQWFRcYGR0f/aAAgBAQABPxAuaBPPzkO1wyX7F4wkwXanfZrFQgeqE9JgS14vVOvrERIJomVBKwt2jebAeP0yVa8h1n//2Q==","aspectRatio":1,"src":"/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg","srcSet":"/static/ceb49c3c631485453e71e00d7f84b069/f340b/IMG_0591.jpg 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/22d64/IMG_0591.jpg 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/aa249/IMG_0591.jpg 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/0dc33/IMG_0591.jpg 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/d8257/IMG_0591.jpg 1182w","srcWebp":"/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp","srcSetWebp":"/static/ceb49c3c631485453e71e00d7f84b069/59cda/IMG_0591.webp 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/7da75/IMG_0591.webp 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/f282e/IMG_0591.webp 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/a7b21/IMG_0591.webp 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/63099/IMG_0591.webp 1182w","sizes":"(max-width: 110px) 100vw, 110px"}}}},"primary_tag":{"slug":"tips","url":"https://backend.shahednasser.com/tag/tips/","name":"Tips","visibility":"public","feature_image":null,"description":"Learn more about programming and development through these articles that have essential tips!","meta_title":"Tips on Technology and Programming","meta_description":null,"featureImageSharp":null},"tags":[{"slug":"tips","url":"https://backend.shahednasser.com/tag/tips/","name":"Tips","visibility":"public","feature_image":null,"description":"Learn more about programming and development through these articles that have essential tips!","meta_title":"Tips on Technology and Programming","meta_description":null,"featureImageSharp":null}],"plaintext":"In Chrome's new release for Android and Desktop, you can now generate a QR code\nfor any URL or Image with one click. This feature was available before as an\nexperimental feature.\n\n\n--------------------------------------------------------------------------------\n\nQR Code for URL\nOn your laptop or Android phone, go to any URL, then click on the URL box and\nyou will see a new QR icon\n\nOnce you click on the QR icon, You will see the QR code with your URL, and you\ncan choose to download the QR code. It will be downloaded as PNG.\n\nThen you can just share the QR Code with anyone you want or any social media\nplatform!\n\n\n--------------------------------------------------------------------------------\n\nQR Code for Any Image\nTo get a QR Code for any image, right click on the image then click \"Create QR\ncode for this image\"\n\nThen a pop up will show with the QR Code for the image. You can download it as\nwell.","html":"<p>In Chrome's new release for Android and Desktop, you can now generate a QR code for any URL or Image with one click. This feature was available before as an experimental feature.</p><hr><h2 id=\"qr-code-for-url\">QR Code for URL</h2><p>On your laptop or Android phone, go to any URL, then click on the URL box and you will see a new QR icon</p><figure class=\"kg-card kg-image-card\"><img src=\"https://res-5.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/chrome-qr-feature.png\" class=\"kg-image\" alt loading=\"lazy\"></figure><p>Once you click on the QR icon, You will see the QR code with your URL, and you can choose to download the QR code. It will be downloaded as PNG.</p><figure class=\"kg-card kg-image-card\"><img src=\"https://res-2.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/Chrome-QR-Feature-2.png\" class=\"kg-image\" alt loading=\"lazy\"></figure><p>Then you can just share the QR Code with anyone you want or any social media platform!</p><hr><h2 id=\"qr-code-for-any-image\">QR Code for Any Image</h2><p>To get a QR Code for any image, right click on the image then click \"Create QR code for this image\"</p><figure class=\"kg-card kg-image-card\"><img src=\"https://res-2.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/chrome-qr-image.png\" class=\"kg-image\" alt loading=\"lazy\"></figure><p>Then a pop up will show with the QR Code for the image. You can download it as well.</p><figure class=\"kg-card kg-image-card\"><img src=\"https://res-2.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/chrome-qr-image-2.png\" class=\"kg-image\" alt loading=\"lazy\"></figure>","url":"https://backend.shahednasser.com/chrome-88-new-feature-sharing/","canonical_url":null,"uuid":"45de9d20-038a-4599-bd3d-6d9560b84979","codeinjection_foot":null,"codeinjection_head":null,"codeinjection_styles":null,"comment_id":"601e9f27d27c6a001e5504c3","reading_time":1,"send_email_when_published":null,"email_subject":null,"childHtmlRehype":{"html":"<p>In Chrome's new release for Android and Desktop, you can now generate a QR code for any URL or Image with one click. This feature was available before as an experimental feature.</p><hr><h2 id=\"qr-code-for-url\">QR Code for URL</h2><p>On your laptop or Android phone, go to any URL, then click on the URL box and you will see a new QR icon</p><figure class=\"kg-card kg-image-card\"><img src=\"https://res-5.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/chrome-qr-feature.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\"></figure><p>Once you click on the QR icon, You will see the QR code with your URL, and you can choose to download the QR code. It will be downloaded as PNG.</p><figure class=\"kg-card kg-image-card\"><img src=\"https://res-2.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/Chrome-QR-Feature-2.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\"></figure><p>Then you can just share the QR Code with anyone you want or any social media platform!</p><hr><h2 id=\"qr-code-for-any-image\">QR Code for Any Image</h2><p>To get a QR Code for any image, right click on the image then click \"Create QR code for this image\"</p><figure class=\"kg-card kg-image-card\"><img src=\"https://res-2.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/chrome-qr-image.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\"></figure><p>Then a pop up will show with the QR Code for the image. You can download it as well.</p><figure class=\"kg-card kg-image-card\"><img src=\"https://res-2.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/chrome-qr-image-2.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\"></figure>","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In Chrome's new release for Android and Desktop, you can now generate a QR code for any URL or Image with one click. This feature was available before as an experimental feature."}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h2","properties":{"id":"qr-code-for-url"},"children":[{"type":"text","value":"QR Code for URL"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"On your laptop or Android phone, go to any URL, then click on the URL box and you will see a new QR icon"}]},{"type":"element","tagName":"figure","properties":{"className":["kg-card","kg-image-card"]},"children":[{"type":"element","tagName":"img","properties":{"src":"https://res-5.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/chrome-qr-feature.png","className":["kg-image"],"alt":"","loading":"lazy"},"children":[]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Once you click on the QR icon, You will see the QR code with your URL, and you can choose to download the QR code. It will be downloaded as PNG."}]},{"type":"element","tagName":"figure","properties":{"className":["kg-card","kg-image-card"]},"children":[{"type":"element","tagName":"img","properties":{"src":"https://res-2.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/Chrome-QR-Feature-2.png","className":["kg-image"],"alt":"","loading":"lazy"},"children":[]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Then you can just share the QR Code with anyone you want or any social media platform!"}]},{"type":"element","tagName":"hr","properties":{},"children":[]},{"type":"element","tagName":"h2","properties":{"id":"qr-code-for-any-image"},"children":[{"type":"text","value":"QR Code for Any Image"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To get a QR Code for any image, right click on the image then click \"Create QR code for this image\""}]},{"type":"element","tagName":"figure","properties":{"className":["kg-card","kg-image-card"]},"children":[{"type":"element","tagName":"img","properties":{"src":"https://res-2.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/chrome-qr-image.png","className":["kg-image"],"alt":"","loading":"lazy"},"children":[]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Then a pop up will show with the QR Code for the image. You can download it as well."}]},{"type":"element","tagName":"figure","properties":{"className":["kg-card","kg-image-card"]},"children":[{"type":"element","tagName":"img","properties":{"src":"https://res-2.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/chrome-qr-image-2.png","className":["kg-image"],"alt":"","loading":"lazy"},"children":[]}]}],"data":{"quirksMode":false}},"tableOfContents":[{"id":"qr-code-for-url","heading":"QR Code for URL"},{"id":"qr-code-for-any-image","heading":"QR Code for Any Image"}]},"featureImageSharp":{"base":"photo-1533228100845-08145b01de14.jpg","publicURL":"/static/e8deb38db2cffe45d315a48d5fca9d34/photo-1533228100845-08145b01de14.jpg","imageMeta":{"width":2000,"height":2650},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAEDAgQF/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEAMQAAAB9GXRQmYBPKNkQ//EABwQAAICAgMAAAAAAAAAAAAAAAECAAMREiAyQv/aAAgBAQABBQJm0C3AmeresLal7q34Zn//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAcEAACAgIDAAAAAAAAAAAAAAABAgAREIEgIXH/2gAIAQEABj8Cs3qVT7XC+zeAW6FwBWBN8f/EABsQAQEBAAIDAAAAAAAAAAAAAAEAESFBMWFx/9oACAEBAAE/ISxF6GsHxb2gWxTWPiyNsDyYTHDghnxdStb/2gAMAwEAAgADAAAAEEDCAP/EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQMBAT8QH//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8QH//EAB0QAQADAAMAAwAAAAAAAAAAAAEAESExQXFhobH/2gAIAQEAAT8Qe7ALKX8Et2XQAPrEnLPpPxh6bx31sMXSLzs1+kusai82hZeNsVCzfZqjpUqrBTORdz//2Q==","aspectRatio":0.7543103448275862,"src":"/static/e8deb38db2cffe45d315a48d5fca9d34/ea4ab/photo-1533228100845-08145b01de14.jpg","srcSet":"/static/e8deb38db2cffe45d315a48d5fca9d34/477ba/photo-1533228100845-08145b01de14.jpg 175w,\n/static/e8deb38db2cffe45d315a48d5fca9d34/06776/photo-1533228100845-08145b01de14.jpg 350w,\n/static/e8deb38db2cffe45d315a48d5fca9d34/ea4ab/photo-1533228100845-08145b01de14.jpg 700w,\n/static/e8deb38db2cffe45d315a48d5fca9d34/3055e/photo-1533228100845-08145b01de14.jpg 1050w,\n/static/e8deb38db2cffe45d315a48d5fca9d34/eff08/photo-1533228100845-08145b01de14.jpg 1400w,\n/static/e8deb38db2cffe45d315a48d5fca9d34/4e5f3/photo-1533228100845-08145b01de14.jpg 2000w","srcWebp":"/static/e8deb38db2cffe45d315a48d5fca9d34/89afa/photo-1533228100845-08145b01de14.webp","srcSetWebp":"/static/e8deb38db2cffe45d315a48d5fca9d34/9fca7/photo-1533228100845-08145b01de14.webp 175w,\n/static/e8deb38db2cffe45d315a48d5fca9d34/37a4e/photo-1533228100845-08145b01de14.webp 350w,\n/static/e8deb38db2cffe45d315a48d5fca9d34/89afa/photo-1533228100845-08145b01de14.webp 700w,\n/static/e8deb38db2cffe45d315a48d5fca9d34/78e7a/photo-1533228100845-08145b01de14.webp 1050w,\n/static/e8deb38db2cffe45d315a48d5fca9d34/03d34/photo-1533228100845-08145b01de14.webp 1400w,\n/static/e8deb38db2cffe45d315a48d5fca9d34/49d6b/photo-1533228100845-08145b01de14.webp 2000w","sizes":"(max-width: 700px) 100vw, 700px"}}}},"allGhostPost":{"edges":[{"node":{"id":"Ghost__Post__6228bd111594e705e60e17b9","title":"Why I Transitioned From a Full-Stack Developer to a Technical Writer","slug":"why-i-transitioned-from-a-full-stack-developer-to-a-technical-writer","featured":true,"feature_image":"https://backend.shahednasser.com/content/images/2022/03/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp","excerpt":"In this article, I share with you how I first started technical writing, and why am I transitioning into full-time technical writing.","custom_excerpt":"In this article, I share with you how I first started technical writing, and why am I transitioning into full-time technical writing.","visibility":"public","created_at_pretty":"9 Mar 2022","published_at_pretty":"15 Mar 2022","updated_at_pretty":"27 Mar 2022","created_at":"2022-03-09T14:43:29.000+00:00","published_at":"2022-03-15T07:45:23.000+00:00","updated_at":"2022-03-27T10:36:54.000+00:00","meta_title":null,"meta_description":null,"og_description":null,"og_image":null,"og_title":null,"twitter_description":null,"twitter_image":null,"twitter_title":null,"authors":[{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":null}],"primary_author":{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":{"base":"IMG_0591.jpg","publicURL":"/static/ceb49c3c631485453e71e00d7f84b069/IMG_0591.jpg","imageMeta":{"width":1182,"height":1179},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAMEAQL/xAAWAQEBAQAAAAAAAAAAAAAAAAADBAL/2gAMAwEAAhADEAAAAdXiFM6i0CohUWXoKn//xAAcEAACAgIDAAAAAAAAAAAAAAACAwESBBEhM0H/2gAIAQEAAQUCWySE3WEr7SzbXjAj4iKty+sOQ//EABYRAQEBAAAAAAAAAAAAAAAAAAERIP/aAAgBAwEBPwEhj//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BH//EAB4QAAIBBAMBAAAAAAAAAAAAAAABIRESMUECECJx/9oACAEBAAY/ApVGWvOjzgtUwLlTZA0sdL4f/8QAHBAAAwACAwEAAAAAAAAAAAAAAAERITFBkbHB/9oACAEBAAE/IahkCy+N2GwZpjQiJHJCspUFY0QrSi+HqiW2rgf/2gAMAwEAAgADAAAAEPw3/wD/xAAYEQEBAAMAAAAAAAAAAAAAAAAAARExQf/aAAgBAwEBPxCtjDqP/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQAxEf/aAAgBAgEBPxBFus6Tt//EAB8QAQEAAgIBBQAAAAAAAAAAAAERACExQWFRcYGR0f/aAAgBAQABPxAuaBPPzkO1wyX7F4wkwXanfZrFQgeqE9JgS14vVOvrERIJomVBKwt2jebAeP0yVa8h1n//2Q==","aspectRatio":1,"src":"/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg","srcSet":"/static/ceb49c3c631485453e71e00d7f84b069/f340b/IMG_0591.jpg 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/22d64/IMG_0591.jpg 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/aa249/IMG_0591.jpg 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/0dc33/IMG_0591.jpg 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/d8257/IMG_0591.jpg 1182w","srcWebp":"/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp","srcSetWebp":"/static/ceb49c3c631485453e71e00d7f84b069/59cda/IMG_0591.webp 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/7da75/IMG_0591.webp 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/f282e/IMG_0591.webp 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/a7b21/IMG_0591.webp 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/63099/IMG_0591.webp 1182w","sizes":"(max-width: 110px) 100vw, 110px"}}}},"primary_tag":{"slug":"my-experience","url":"https://backend.shahednasser.com/tag/my-experience/","name":"My Experience","visibility":"public","feature_image":"https://backend.shahednasser.com/content/images/2022/01/photo-1493612276216-ee3925520721-2-1.jpeg","description":"Sharing my experience in or opinions regarding programming, work, or other concepts.","meta_title":null,"meta_description":null,"featureImageSharp":{"base":"photo-1493612276216-ee3925520721-2-1.jpeg","publicURL":"/static/55d051b88133a375df71095790dfd724/photo-1493612276216-ee3925520721-2-1.jpeg","imageMeta":{"width":2000,"height":2500},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAZABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAEEAwIF/8QAGAEAAgMAAAAAAAAAAAAAAAAAAAMBBAX/2gAMAwEAAhADEAAAAfTTmIpADGTfld2IQ7O//8QAHBAAAQUAAwAAAAAAAAAAAAAAAgABAxAREyEy/9oACAEBAAEFAr1DKznq1EHfITXL7//EABkRAAIDAQAAAAAAAAAAAAAAAAABAhESE//aAAgBAwEBPwHBzZlNEk4urP/EABgRAAIDAAAAAAAAAAAAAAAAAAABEBES/9oACAECAQE/AbNQj//EABoQAAEFAQAAAAAAAAAAAAAAAAEAAhAgMRH/2gAIAQEABj8CoWz0atNP/8QAGhABAAIDAQAAAAAAAAAAAAAAAQAQETGRIf/aAAgBAQABPyHFs6LI9owavPeKsdKaP//aAAwDAQACAAMAAAAQdBNO/8QAGBEBAAMBAAAAAAAAAAAAAAAAAQAQIWH/2gAIAQMBAT8QXVhJGJWdn//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEf/aAAgBAgEBPxC4tR0kIOX/xAAdEAACAgIDAQAAAAAAAAAAAAAAARExECFBUWFx/9oACAEBAAE/EHHojwjwQ+B45hVISYd1xThsbt5XLc4sWfEf/9k=","aspectRatio":0.8,"src":"/static/55d051b88133a375df71095790dfd724/d5c54/photo-1493612276216-ee3925520721-2-1.jpg","srcSet":"/static/55d051b88133a375df71095790dfd724/65d8c/photo-1493612276216-ee3925520721-2-1.jpg 260w,\n/static/55d051b88133a375df71095790dfd724/c5f21/photo-1493612276216-ee3925520721-2-1.jpg 520w,\n/static/55d051b88133a375df71095790dfd724/d5c54/photo-1493612276216-ee3925520721-2-1.jpg 1040w,\n/static/55d051b88133a375df71095790dfd724/81a53/photo-1493612276216-ee3925520721-2-1.jpg 1560w,\n/static/55d051b88133a375df71095790dfd724/4e5f3/photo-1493612276216-ee3925520721-2-1.jpg 2000w","srcWebp":"/static/55d051b88133a375df71095790dfd724/e4875/photo-1493612276216-ee3925520721-2-1.webp","srcSetWebp":"/static/55d051b88133a375df71095790dfd724/dc8f3/photo-1493612276216-ee3925520721-2-1.webp 260w,\n/static/55d051b88133a375df71095790dfd724/2db4b/photo-1493612276216-ee3925520721-2-1.webp 520w,\n/static/55d051b88133a375df71095790dfd724/e4875/photo-1493612276216-ee3925520721-2-1.webp 1040w,\n/static/55d051b88133a375df71095790dfd724/f5845/photo-1493612276216-ee3925520721-2-1.webp 1560w,\n/static/55d051b88133a375df71095790dfd724/49d6b/photo-1493612276216-ee3925520721-2-1.webp 2000w","sizes":"(max-width: 1040px) 100vw, 1040px"}}}},"tags":[{"slug":"my-experience","url":"https://backend.shahednasser.com/tag/my-experience/","name":"My Experience","visibility":"public","feature_image":"https://backend.shahednasser.com/content/images/2022/01/photo-1493612276216-ee3925520721-2-1.jpeg","description":"Sharing my experience in or opinions regarding programming, work, or other concepts.","meta_title":null,"meta_description":null,"featureImageSharp":null}],"plaintext":"For the past 5 years, I've been working as a full-stack developer, both\nfull-time and freelance. I learned a lot through it and have become better with\ntime.\n\nA year ago I started technical writing. I wrote articles, tutorials, and\ndocumentation for my own blog as well as other websites, agencies, and clients.\nIt became a hobby of mine that I really enjoyed.\n\nToday, I start my new job as a Technical Writer at Medusa\n[https://www.medusajs.com]. This decision wasn't an easy one and it took me a\nwhile to finally make the transition.\n\nIn this article, I share with you how I first started technical writing, and why\nam I transitioning into full-time technical writing.\n\nHow it Started\nI've always loved writing in general. For a long time, I debated whether I\nshould create a blog or not. Although I have my fair share of experience as a\ndeveloper, I still considered myself an average developer. So, I didn't think\nanyone would be interested to read my content or that I had anything helpful to\nshare.\n\nI finally decided to create my own blog in December 2020. It wasn't because I\nsuddenly gained the motivation or courage. It was mostly a \"even if I fail and\nno one reads my content, what could go wrong?\" kind of decision. I tried a\ndifferent kind of content. Some got a lot of attention from other developers,\nothers not so much. However, the best part about it all was receiving feedback,\neven from one person, saying that this article or tutorial helped them\nunderstand or learn something better.\n\n Then, at the end of March 2021, I learned that you can actually get paid to\nwrite for other websites! It may seem like common knowledge to a lot of people,\nbut to me it was news. I didn't know whether my content was good enough or not,\nbut I decided to apply anyway. I applied to a lot of websites and agencies, and\nthat's what really kickstarted my technical writing journey.\n\nIn the past year, I was able to write for a lot of websites and agencies like \nSitePoint, Draft.dev, LogRocket, and more\n[https://blog.shahednasser.com/8-technical-writing-tips-i-learned-from-writing-for-sitepoint-draft-dev-and-more]\n. I was also able to work with my own clients, which was how I started my\njourney with Medusa.\n\nEven though I really loved technical writing, it took a lot of thinking and\nconsideration to finally embark on this journey and become a full-time technical\nwriter.\n\nWhy I Made the Transition\nLearn More\nAs I mentioned earlier I learned a lot from being a developer. However, when you\nare a developer a lot of time, especially if you work for a company that creates\nwebsites for other companies rather than having its own product, you end up\nprioritizing delivering features rather than the quality of the code or\narchitecture. It becomes a \"let's just get this over with\" sort of mentality. \n\nWhen I started technical writing, however, I became more curious. I started\nthinking \"ok, but how does this thing work?\" I also began diving more deeply\ninto topics rather than learning surface-level details. \n\nEven if you're not interested in writing, I recommend that you take the time to\nwrite about things as you learn them. It'll help you truly understand what\nyou're learning instead of just applying.\n\nHelp Beginners\nMy main focus when writing is making sure that my content is easily\nunderstandable by beginners. Whether it's beginners to programming in general or\nto a certain tool, framework, or programming language. \n\nI like to simplify my content, whether in the words I use or the approach I\ntake. The first tutorial or guide a beginner finds while learning something can\nbe a make-it or break-it sort of thing. If it's too complicated or doesn't give\nthe reader a real understanding of what they're doing, it's a waste of their\ntime.\n\nCloser to the Community\nI'm an introverted person. I've always struggled with communicating with people\nin general. This has also stopped me from becoming closer to the tech community\nin the past years. \n\nEver since I started sharing my content across platforms, it helped me meet new\npeople, learn from people's feedback, and have more love and support for the\ncommunity. And going back to the previous point, it made me want to make more\n(hopefully helpful) content for those in the community who do not necessarily\nhave access to paid resources.\n\nBuild the Foundation\nThis is specific to my work at Medusa. As Medusa is a fairly new platform, we\nare still lacking in terms of technical content and documentation. We are going\nto be building the documentation from the ground up to ensure that it's easy to\nunderstand by anyone who wishes to use and learn about the platform.\n\nAs I believe that Medusa will become more and more successful in the upcoming\nyears, I'm excited to be part of the team working on the foundation of the\ndocumentation of a platform that will hopefully grow with time.\n\nAlso, as an open-source platform that appreciates and works closely with its\ncommunity, Medusa's values align well with why I love writing and want to keep\ndoing it.\n\nConclusion\nThis is a personal post that maybe not many will read or be interested in. But\nthis is a very important one for me. After a long time of struggling to find my\nfooting in my career, I've finally reached a point where I understand what I\nwant and have the opportunity to get there.\n\nIf you're reading this and you're still confused about what direction you want\nto go in, give yourself some time and experiment with different projects. As\ncheesy as it sounds, with hard work and dedication you'll get there sooner or\nlater.","html":"<p>For the past 5 years, I've been working as a full-stack developer, both full-time and freelance. I learned a lot through it and have become better with time.</p><p>A year ago I started technical writing. I wrote articles, tutorials, and documentation for my own blog as well as other websites, agencies, and clients. It became a hobby of mine that I really enjoyed.</p><p>Today, I start my new job as a Technical Writer at <a href=\"https://www.medusajs.com\">Medusa</a>. This decision wasn't an easy one and it took me a while to finally make the transition.</p><p>In this article, I share with you how I first started technical writing, and why am I transitioning into full-time technical writing.</p><h2 id=\"how-it-started\">How it Started</h2><p>I've always loved writing in general. For a long time, I debated whether I should create a blog or not. Although I have my fair share of experience as a developer, I still considered myself an average developer. So, I didn't think anyone would be interested to read my content or that I had anything helpful to share.</p><p>I finally decided to create my own blog in December 2020. It wasn't because I suddenly gained the motivation or courage. It was mostly a \"even if I fail and no one reads my content, what could go wrong?\" kind of decision. I tried a different kind of content. Some got a lot of attention from other developers, others not so much. However, the best part about it all was receiving feedback, even from one person, saying that this article or tutorial helped them understand or learn something better.</p><p> Then, at the end of March 2021, I learned that you can actually get paid to write for other websites! It may seem like common knowledge to a lot of people, but to me it was news. I didn't know whether my content was good enough or not, but I decided to apply anyway. I applied to a lot of websites and agencies, and that's what really kickstarted my technical writing journey.</p><p>In the past year, I was able to write for a lot of websites and agencies like <a href=\"https://blog.shahednasser.com/8-technical-writing-tips-i-learned-from-writing-for-sitepoint-draft-dev-and-more\">SitePoint, Draft.dev, LogRocket, and more</a>. I was also able to work with my own clients, which was how I started my journey with Medusa.</p><p>Even though I really loved technical writing, it took a lot of thinking and consideration to finally embark on this journey and become a full-time technical writer.</p><h2 id=\"why-i-made-the-transition\">Why I Made the Transition</h2><h3 id=\"learn-more\">Learn More</h3><p>As I mentioned earlier I learned a lot from being a developer. However, when you are a developer a lot of time, especially if you work for a company that creates websites for other companies rather than having its own product, you end up prioritizing delivering features rather than the quality of the code or architecture. It becomes a \"let's just get this over with\" sort of mentality. </p><p>When I started technical writing, however, I became more curious. I started thinking \"ok, but how does this thing work?\" I also began diving more deeply into topics rather than learning surface-level details. </p><p>Even if you're not interested in writing, I recommend that you take the time to write about things as you learn them. It'll help you truly understand what you're learning instead of just applying.</p><h3 id=\"help-beginners\">Help Beginners</h3><p>My main focus when writing is making sure that my content is easily understandable by beginners. Whether it's beginners to programming in general or to a certain tool, framework, or programming language. </p><p>I like to simplify my content, whether in the words I use or the approach I take. The first tutorial or guide a beginner finds while learning something can be a make-it or break-it sort of thing. If it's too complicated or doesn't give the reader a real understanding of what they're doing, it's a waste of their time.</p><h3 id=\"closer-to-the-community\">Closer to the Community</h3><p>I'm an introverted person. I've always struggled with communicating with people in general. This has also stopped me from becoming closer to the tech community in the past years. </p><p>Ever since I started sharing my content across platforms, it helped me meet new people, learn from people's feedback, and have more love and support for the community. And going back to the previous point, it made me want to make more (hopefully helpful) content for those in the community who do not necessarily have access to paid resources.</p><h3 id=\"build-the-foundation\">Build the Foundation</h3><p>This is specific to my work at Medusa. As Medusa is a fairly new platform, we are still lacking in terms of technical content and documentation. We are going to be building the documentation from the ground up to ensure that it's easy to understand by anyone who wishes to use and learn about the platform.</p><p>As I believe that Medusa will become more and more successful in the upcoming years, I'm excited to be part of the team working on the foundation of the documentation of a platform that will hopefully grow with time.</p><p>Also, as an open-source platform that appreciates and works closely with its community, Medusa's values align well with why I love writing and want to keep doing it.</p><h2 id=\"conclusion\">Conclusion</h2><p>This is a personal post that maybe not many will read or be interested in. But this is a very important one for me. After a long time of struggling to find my footing in my career, I've finally reached a point where I understand what I want and have the opportunity to get there.</p><p>If you're reading this and you're still confused about what direction you want to go in, give yourself some time and experiment with different projects. As cheesy as it sounds, with hard work and dedication you'll get there sooner or later.</p>","url":"https://backend.shahednasser.com/why-i-transitioned-from-a-full-stack-developer-to-a-technical-writer/","canonical_url":null,"uuid":"e51c5272-02af-4bbb-88b8-f2fe473ccaf6","codeinjection_foot":null,"codeinjection_head":null,"codeinjection_styles":null,"comment_id":"6228bd111594e705e60e17b9","reading_time":4,"send_email_when_published":null,"email_subject":null,"childHtmlRehype":{"html":"<p>For the past 5 years, I've been working as a full-stack developer, both full-time and freelance. I learned a lot through it and have become better with time.</p><p>A year ago I started technical writing. I wrote articles, tutorials, and documentation for my own blog as well as other websites, agencies, and clients. It became a hobby of mine that I really enjoyed.</p><p>Today, I start my new job as a Technical Writer at <a href=\"https://www.medusajs.com\">Medusa</a>. This decision wasn't an easy one and it took me a while to finally make the transition.</p><p>In this article, I share with you how I first started technical writing, and why am I transitioning into full-time technical writing.</p><h2 id=\"how-it-started\">How it Started</h2><p>I've always loved writing in general. For a long time, I debated whether I should create a blog or not. Although I have my fair share of experience as a developer, I still considered myself an average developer. So, I didn't think anyone would be interested to read my content or that I had anything helpful to share.</p><p>I finally decided to create my own blog in December 2020. It wasn't because I suddenly gained the motivation or courage. It was mostly a \"even if I fail and no one reads my content, what could go wrong?\" kind of decision. I tried a different kind of content. Some got a lot of attention from other developers, others not so much. However, the best part about it all was receiving feedback, even from one person, saying that this article or tutorial helped them understand or learn something better.</p><p> Then, at the end of March 2021, I learned that you can actually get paid to write for other websites! It may seem like common knowledge to a lot of people, but to me it was news. I didn't know whether my content was good enough or not, but I decided to apply anyway. I applied to a lot of websites and agencies, and that's what really kickstarted my technical writing journey.</p><p>In the past year, I was able to write for a lot of websites and agencies like <a href=\"https://blog.shahednasser.com/8-technical-writing-tips-i-learned-from-writing-for-sitepoint-draft-dev-and-more\">SitePoint, Draft.dev, LogRocket, and more</a>. I was also able to work with my own clients, which was how I started my journey with Medusa.</p><p>Even though I really loved technical writing, it took a lot of thinking and consideration to finally embark on this journey and become a full-time technical writer.</p><h2 id=\"why-i-made-the-transition\">Why I Made the Transition</h2><h3 id=\"learn-more\">Learn More</h3><p>As I mentioned earlier I learned a lot from being a developer. However, when you are a developer a lot of time, especially if you work for a company that creates websites for other companies rather than having its own product, you end up prioritizing delivering features rather than the quality of the code or architecture. It becomes a \"let's just get this over with\" sort of mentality. </p><p>When I started technical writing, however, I became more curious. I started thinking \"ok, but how does this thing work?\" I also began diving more deeply into topics rather than learning surface-level details. </p><p>Even if you're not interested in writing, I recommend that you take the time to write about things as you learn them. It'll help you truly understand what you're learning instead of just applying.</p><h3 id=\"help-beginners\">Help Beginners</h3><p>My main focus when writing is making sure that my content is easily understandable by beginners. Whether it's beginners to programming in general or to a certain tool, framework, or programming language. </p><p>I like to simplify my content, whether in the words I use or the approach I take. The first tutorial or guide a beginner finds while learning something can be a make-it or break-it sort of thing. If it's too complicated or doesn't give the reader a real understanding of what they're doing, it's a waste of their time.</p><h3 id=\"closer-to-the-community\">Closer to the Community</h3><p>I'm an introverted person. I've always struggled with communicating with people in general. This has also stopped me from becoming closer to the tech community in the past years. </p><p>Ever since I started sharing my content across platforms, it helped me meet new people, learn from people's feedback, and have more love and support for the community. And going back to the previous point, it made me want to make more (hopefully helpful) content for those in the community who do not necessarily have access to paid resources.</p><h3 id=\"build-the-foundation\">Build the Foundation</h3><p>This is specific to my work at Medusa. As Medusa is a fairly new platform, we are still lacking in terms of technical content and documentation. We are going to be building the documentation from the ground up to ensure that it's easy to understand by anyone who wishes to use and learn about the platform.</p><p>As I believe that Medusa will become more and more successful in the upcoming years, I'm excited to be part of the team working on the foundation of the documentation of a platform that will hopefully grow with time.</p><p>Also, as an open-source platform that appreciates and works closely with its community, Medusa's values align well with why I love writing and want to keep doing it.</p><h2 id=\"conclusion\">Conclusion</h2><p>This is a personal post that maybe not many will read or be interested in. But this is a very important one for me. After a long time of struggling to find my footing in my career, I've finally reached a point where I understand what I want and have the opportunity to get there.</p><p>If you're reading this and you're still confused about what direction you want to go in, give yourself some time and experiment with different projects. As cheesy as it sounds, with hard work and dedication you'll get there sooner or later.</p>","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For the past 5 years, I've been working as a full-stack developer, both full-time and freelance. I learned a lot through it and have become better with time."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A year ago I started technical writing. I wrote articles, tutorials, and documentation for my own blog as well as other websites, agencies, and clients. It became a hobby of mine that I really enjoyed."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Today, I start my new job as a Technical Writer at "},{"type":"element","tagName":"a","properties":{"href":"https://www.medusajs.com"},"children":[{"type":"text","value":"Medusa"}]},{"type":"text","value":". This decision wasn't an easy one and it took me a while to finally make the transition."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In this article, I share with you how I first started technical writing, and why am I transitioning into full-time technical writing."}]},{"type":"element","tagName":"h2","properties":{"id":"how-it-started"},"children":[{"type":"text","value":"How it Started"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I've always loved writing in general. For a long time, I debated whether I should create a blog or not. Although I have my fair share of experience as a developer, I still considered myself an average developer. So, I didn't think anyone would be interested to read my content or that I had anything helpful to share."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I finally decided to create my own blog in December 2020. It wasn't because I suddenly gained the motivation or courage. It was mostly a \"even if I fail and no one reads my content, what could go wrong?\" kind of decision. I tried a different kind of content. Some got a lot of attention from other developers, others not so much. However, the best part about it all was receiving feedback, even from one person, saying that this article or tutorial helped them understand or learn something better."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" Then, at the end of March 2021, I learned that you can actually get paid to write for other websites! It may seem like common knowledge to a lot of people, but to me it was news. I didn't know whether my content was good enough or not, but I decided to apply anyway. I applied to a lot of websites and agencies, and that's what really kickstarted my technical writing journey."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In the past year, I was able to write for a lot of websites and agencies like "},{"type":"element","tagName":"a","properties":{"href":"https://blog.shahednasser.com/8-technical-writing-tips-i-learned-from-writing-for-sitepoint-draft-dev-and-more"},"children":[{"type":"text","value":"SitePoint, Draft.dev, LogRocket, and more"}]},{"type":"text","value":". I was also able to work with my own clients, which was how I started my journey with Medusa."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Even though I really loved technical writing, it took a lot of thinking and consideration to finally embark on this journey and become a full-time technical writer."}]},{"type":"element","tagName":"h2","properties":{"id":"why-i-made-the-transition"},"children":[{"type":"text","value":"Why I Made the Transition"}]},{"type":"element","tagName":"h3","properties":{"id":"learn-more"},"children":[{"type":"text","value":"Learn More"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"As I mentioned earlier I learned a lot from being a developer. However, when you are a developer a lot of time, especially if you work for a company that creates websites for other companies rather than having its own product, you end up prioritizing delivering features rather than the quality of the code or architecture. It becomes a \"let's just get this over with\" sort of mentality. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When I started technical writing, however, I became more curious. I started thinking \"ok, but how does this thing work?\" I also began diving more deeply into topics rather than learning surface-level details. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Even if you're not interested in writing, I recommend that you take the time to write about things as you learn them. It'll help you truly understand what you're learning instead of just applying."}]},{"type":"element","tagName":"h3","properties":{"id":"help-beginners"},"children":[{"type":"text","value":"Help Beginners"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"My main focus when writing is making sure that my content is easily understandable by beginners. Whether it's beginners to programming in general or to a certain tool, framework, or programming language. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I like to simplify my content, whether in the words I use or the approach I take. The first tutorial or guide a beginner finds while learning something can be a make-it or break-it sort of thing. If it's too complicated or doesn't give the reader a real understanding of what they're doing, it's a waste of their time."}]},{"type":"element","tagName":"h3","properties":{"id":"closer-to-the-community"},"children":[{"type":"text","value":"Closer to the Community"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I'm an introverted person. I've always struggled with communicating with people in general. This has also stopped me from becoming closer to the tech community in the past years. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Ever since I started sharing my content across platforms, it helped me meet new people, learn from people's feedback, and have more love and support for the community. And going back to the previous point, it made me want to make more (hopefully helpful) content for those in the community who do not necessarily have access to paid resources."}]},{"type":"element","tagName":"h3","properties":{"id":"build-the-foundation"},"children":[{"type":"text","value":"Build the Foundation"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This is specific to my work at Medusa. As Medusa is a fairly new platform, we are still lacking in terms of technical content and documentation. We are going to be building the documentation from the ground up to ensure that it's easy to understand by anyone who wishes to use and learn about the platform."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"As I believe that Medusa will become more and more successful in the upcoming years, I'm excited to be part of the team working on the foundation of the documentation of a platform that will hopefully grow with time."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Also, as an open-source platform that appreciates and works closely with its community, Medusa's values align well with why I love writing and want to keep doing it."}]},{"type":"element","tagName":"h2","properties":{"id":"conclusion"},"children":[{"type":"text","value":"Conclusion"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This is a personal post that maybe not many will read or be interested in. But this is a very important one for me. After a long time of struggling to find my footing in my career, I've finally reached a point where I understand what I want and have the opportunity to get there."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you're reading this and you're still confused about what direction you want to go in, give yourself some time and experiment with different projects. As cheesy as it sounds, with hard work and dedication you'll get there sooner or later."}]}],"data":{"quirksMode":false}},"tableOfContents":[{"id":"how-it-started","heading":"How it Started"},{"id":"why-i-made-the-transition","heading":"Why I Made the Transition","items":[{"id":"learn-more","heading":"Learn More"},{"id":"help-beginners","heading":"Help Beginners"},{"id":"closer-to-the-community","heading":"Closer to the Community"},{"id":"build-the-foundation","heading":"Build the Foundation"}]},{"id":"conclusion","heading":"Conclusion"}]},"featureImageSharp":{"base":"Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp","publicURL":"/static/a480d0fc68fa0b126f4d03c77dc61317/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp","imageMeta":{"width":1000,"height":420},"childImageSharp":{"fluid":{"base64":"data:image/webp;base64,UklGRkwAAABXRUJQVlA4IEAAAABwAwCdASoUAAgAPtFUpEuoJKOhsAgBABoJaQAAXfC3Bj8kckAA/vI7YQrOhJG2S5FQsviTY9LA8VIb6ix9CwAA","aspectRatio":2.364864864864865,"src":"/static/a480d0fc68fa0b126f4d03c77dc61317/89afa/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp","srcSet":"/static/a480d0fc68fa0b126f4d03c77dc61317/9fca7/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp 175w,\n/static/a480d0fc68fa0b126f4d03c77dc61317/37a4e/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp 350w,\n/static/a480d0fc68fa0b126f4d03c77dc61317/89afa/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp 700w,\n/static/a480d0fc68fa0b126f4d03c77dc61317/47f67/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp 1000w","srcWebp":"/static/a480d0fc68fa0b126f4d03c77dc61317/89afa/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp","srcSetWebp":"/static/a480d0fc68fa0b126f4d03c77dc61317/9fca7/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp 175w,\n/static/a480d0fc68fa0b126f4d03c77dc61317/37a4e/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp 350w,\n/static/a480d0fc68fa0b126f4d03c77dc61317/89afa/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp 700w,\n/static/a480d0fc68fa0b126f4d03c77dc61317/47f67/Why-I-Transitioned-From-a-Full-Stack-Developer-to-a-Technical-Writer.webp 1000w","sizes":"(max-width: 700px) 100vw, 700px"}}}}},{"node":{"id":"Ghost__Post__6127ba1b3ed159214d382ebe","title":"8 Technical Writing Tips I Learned From Writing For SitePoint, Draft.dev, and More","slug":"8-technical-writing-tips-i-learned-from-writing-for-sitepoint-draft-dev-and-more","featured":false,"feature_image":"https://res-3.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/corinne-kutz-tMI2_-r5Nfo-unsplash-2.jpg","excerpt":"After writing for these websites I learned some tips that allowed me to improve my technical writing.","custom_excerpt":"After writing for these websites I learned some tips that allowed me to improve my technical writing.","visibility":"public","created_at_pretty":"12 Aug 2021","published_at_pretty":"18 Aug 2021","updated_at_pretty":"30 Aug 2021","created_at":"2021-08-12T17:40:16.000+00:00","published_at":"2021-08-18T08:53:27.000+00:00","updated_at":"2021-08-30T11:10:35.000+00:00","meta_title":null,"meta_description":null,"og_description":null,"og_image":null,"og_title":null,"twitter_description":null,"twitter_image":null,"twitter_title":null,"authors":[{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":null}],"primary_author":{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":{"base":"IMG_0591.jpg","publicURL":"/static/ceb49c3c631485453e71e00d7f84b069/IMG_0591.jpg","imageMeta":{"width":1182,"height":1179},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAMEAQL/xAAWAQEBAQAAAAAAAAAAAAAAAAADBAL/2gAMAwEAAhADEAAAAdXiFM6i0CohUWXoKn//xAAcEAACAgIDAAAAAAAAAAAAAAACAwESBBEhM0H/2gAIAQEAAQUCWySE3WEr7SzbXjAj4iKty+sOQ//EABYRAQEBAAAAAAAAAAAAAAAAAAERIP/aAAgBAwEBPwEhj//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BH//EAB4QAAIBBAMBAAAAAAAAAAAAAAABIRESMUECECJx/9oACAEBAAY/ApVGWvOjzgtUwLlTZA0sdL4f/8QAHBAAAwACAwEAAAAAAAAAAAAAAAERITFBkbHB/9oACAEBAAE/IahkCy+N2GwZpjQiJHJCspUFY0QrSi+HqiW2rgf/2gAMAwEAAgADAAAAEPw3/wD/xAAYEQEBAAMAAAAAAAAAAAAAAAAAARExQf/aAAgBAwEBPxCtjDqP/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQAxEf/aAAgBAgEBPxBFus6Tt//EAB8QAQEAAgIBBQAAAAAAAAAAAAERACExQWFRcYGR0f/aAAgBAQABPxAuaBPPzkO1wyX7F4wkwXanfZrFQgeqE9JgS14vVOvrERIJomVBKwt2jebAeP0yVa8h1n//2Q==","aspectRatio":1,"src":"/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg","srcSet":"/static/ceb49c3c631485453e71e00d7f84b069/f340b/IMG_0591.jpg 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/22d64/IMG_0591.jpg 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/aa249/IMG_0591.jpg 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/0dc33/IMG_0591.jpg 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/d8257/IMG_0591.jpg 1182w","srcWebp":"/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp","srcSetWebp":"/static/ceb49c3c631485453e71e00d7f84b069/59cda/IMG_0591.webp 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/7da75/IMG_0591.webp 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/f282e/IMG_0591.webp 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/a7b21/IMG_0591.webp 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/63099/IMG_0591.webp 1182w","sizes":"(max-width: 110px) 100vw, 110px"}}}},"primary_tag":{"slug":"tips","url":"https://backend.shahednasser.com/tag/tips/","name":"Tips","visibility":"public","feature_image":null,"description":"Learn more about programming and development through these articles that have essential tips!","meta_title":"Tips on Technology and Programming","meta_description":null,"featureImageSharp":null},"tags":[{"slug":"tips","url":"https://backend.shahednasser.com/tag/tips/","name":"Tips","visibility":"public","feature_image":null,"description":"Learn more about programming and development through these articles that have essential tips!","meta_title":"Tips on Technology and Programming","meta_description":null,"featureImageSharp":null},{"slug":"my-experience","url":"https://backend.shahednasser.com/tag/my-experience/","name":"My Experience","visibility":"public","feature_image":"https://backend.shahednasser.com/content/images/2022/01/photo-1493612276216-ee3925520721-2-1.jpeg","description":"Sharing my experience in or opinions regarding programming, work, or other concepts.","meta_title":null,"meta_description":null,"featureImageSharp":null}],"plaintext":"Late 2020, after writing articles sporadically, I finally created this blog.\nThrough this blog, I was able to write many articles and tutorials about \nJavascript [https://blog.shahednasser.com/tag/javascript], Browser Extensions\n[https://blog.shahednasser.com/tag/browser-extensions], Magento 2\n[https://blog.shahednasser.com/tag/magento], and more.\n\nThen, in May 2021, I branched out and applied to write for different platforms.\nI landed a couple of gigs and became an author for some notable websites or\nagencies like SitePoint [https://www.sitepoint.com], Draft.dev\n[https://draft.dev], LogRocket [https://logrocket.com], ContentLab\n[https://contentlab.io], and more. Check the My Guest Writings\n[https://blog.shahednasser.com/my-guest-writings/] page to see some of them.\n\nAfter writing for these websites or some of their clients, I learned so many\nthings regarding different technologies. I also learned some tips that allowed\nme to improve my technical writing. In this article, I'll share some of them\nwith you, and in the end, I'll add some links in case you want to apply to these\nplatforms, as well.\n\nStart with an Outline\nPreviously, I would get an idea or a concept I'd think would be good to write\nabout. Then, I'd start writing right away, or if it's a tutorial I'd start\ncoding in parallel. However, when I started writing for SitePoint, I was always\nasked to provide an outline before I start writing an article. Similarly for\nDraft.dev whenever I was assigned an article, it always starts with an outline.\n\nDefining an outline for your article organizes your thoughts and ideas before\ngetting into them. You might have a lot of useful knowledge to share, but it\ngets lost between the spontaneous sentences here and there. Outlining the\ntopic's headlines first allows you to organize where each thought, idea, or tip\nshould go.\n\nIf you're not sure how you can write an outline, there are some tutorials\n[https://www.sitepoint.com/writing-for-money-tips-for-planning-your-next-article-pitch/] \nthat can help you get started. However, you can also start with outlining\narticles in your thoughts if that's easier. Take time to plan how the article's\nstructure will look, and once you think you're confident enough in the planned\nheadings and ideas flow, you can start writing the article.\n\nSimplify Tutorials\nWhen a certain section in your tutorial requires setting up something that isn't\nactually necessary to the topic of the tutorial, simplify that as best as\npossible. Here's an example: let's say you're doing a tutorial on something\nrelated to Node.js. You might need to store the data somehow, so you end up\nchoosing MySQL as the database. So, you'll have to add setup instructions in\nyour tutorial related to setting up the database, when it's actually not\nnecessary to the tutorial.\n\nThis can cause confusion, especially if the reader doesn't know about MySQL (in\nthe example I'm giving) enough to keep up, or maybe they don't have a MySQL\nserver installed on their machine anyway. Make sure your tutorials are simple\nand to the point. Even if something seems simple to you, it might be a hurdle to\nthe reader and they end up leaving your tutorial trying to find a simpler one.\nIn the example above, if you need to use something to store the data you can try\nusing something simple like an SQLite database where there won't be any\ncomplicated configurations required. Even if the reader doesn't know anything\nabout it, then don't really need to know to keep going with the article.\n\nStay Consistent\nWhen writing an article or a tutorial, it's important to stay consistent. This\napplies to many things. First, don't use different spellings throughout the\narticle. For example, don't use Javascript at one point then use JavaScript at\nanother. Second, make sure your code is consistent. Don't use \" at some points\nthen use ' in others, or don't omit ; in some code blocks and leave it in\nothers. Although these details might not seem like they're a big deal, providing\nconsistency keeps your article organized and uniform.\n\nDon't Assume The Reader Knows\nA lot of times we use certain words, phrases, abbreviations, or overlook details\nthinking they're basics and just like we know them, the reader will know them as\nwell. It's important to cater your articles to readers in general. \n\nWhen using abbreviations, you should at least use the full word or phrase once\nwith its abbreviation, then you can use the abbreviation after that. For\nexample, if your article mentions Create React App, you might be inclined to\njust use CRA. Instead, the first time you mention it you should do it as \"Create\nReact App (CRA)\", then refer to it as CRA in the rest of your article.\n\nWhen it comes to tutorials, for example, using methods, try to link to\ndocumentation on that method even if your tutorial explains it briefly. This\nallows the reader to delve more into the details if they need to and see any\nadditional details you might have overshadowed as they don't necessarily fit\ninto the tutorial. You can link to documentation from MDN Web Docs\n[https://developer.mozilla.org/en-US/] or other websites depending on the\nprogramming language you're using.\n\nAlways Link to Sources\nSimilar to the previous section, you should always link to sources when\npossible. If you mention a survey or study results, browser limitations, quotes\nfrom other articles or books, or anything that comes from an original source,\nlink back to it. This builds your article's credibility and maintains trust with\nthe reader. Also, it allows the reader to check it out for themselves and see\nthe details if needed.\n\nCreate a Style Guide\nWhen you first start writing articles, you might not care much about following a\ncertain guideline for your articles. However, for the consistency of the blog as\na whole and to maintain a certain structure for your articles, it's good to have\na style guide. A style guide that an article must follow includes the type of\nheadings it should use, certain words or formatting of the content, and other\nrules you can add yourself that you find are helpful through your journey in\nwriting. You might be confused on how to start, but the more you write and start\nunderstanding the kind of blog you're creating, the clearer it comes.\n\nTry to start by creating a certain guideline for the content formatting. For\nexample, a new line should be added before every new section or after every\nheadline in the article. Start with simple guidelines and grow the list with\ntime.\n\nHave an Average Word Count\nA good tip I've learned by writing for all these different platforms is to keep\nan article between 1500~2000 words. You don't have to always keep the article in\nthat range, but it's good to have an average range just to keep yourself in\ncheck and know when an article can be shortened or split into parts, or when it\nshould be longer with more details.\n\nA lot of times I write a long article, then I take a second look at it and\nrealize that I repeated myself a lot of times unnecessarily. After writing an\narticle, if it's too long try to remove any unnecessary details or repeated\nstatements. Make sure the article or tutorial focuses on its main purpose rather\nthan unnecessary details. This helps the reader to get the best out of it when\nreading it and not get lost in irrelevant details. If it's a tutorial and can be\nsplit into parts, do that as it will be easier for the reader.\n\nOn the other hand, if an article is too short take a second look at it. Are\nthere ambiguous details? Is there room for confusion or misunderstandings? If\nso, take the time to re-iterate or elaborate on what you want to say or teach\nthe reader. A lot of times we think that our point is coming across well, or\nwhat we are trying to teach is easily understood, but in reality, the article\nends up missing the main point.\n\nLearn and Write\nBefore I started writing, I got to a point where I stopped learning new things.\nI just stuck to what I knew and never evolved. When I started writing, I started\nexpanding my knowledge and learning new things to write about. Especially when I\nstarted writing for platforms like SitePoint or Draft.dev. A lot of times I was\nassigned an article that I had a basic knowledge of, or some I barely knew\nanything about. However, because I had to write about it for an article, I\nresearched and went deep into the details of the topics. This helped me learn\nnew things and expand my knowledge. I wasn't only writing to help others, I was\nlearning through the process as well.\n\nBonus: Be Confident In What You Know\nA lot of people want to write but are scared that their knowledge is nothing\ncompared to others, or that it will not benefit anyone. I felt the same way too\nwhen I started this blog. I thought that what I knew everyone knew, and that\nwriting about these topics will not benefit anyone. However, after I started\nwriting about all the different topics I had knowledge of, I received so many\nmessages and emails thanking me for helping them resolve an issue they faced,\nlearn more about a topic, or help them understand some things more. Even if you\nthink your knowledge is limited, that does not mean others can't learn from you.\nNone of us know everything, and someone is bound to learn from what you have to\nshare.\n\nAdditionally, even if no one reads or benefits from your article, you'll benefit\nyourself. Every single article or tutorial I wrote I learned something new from\nit. Sometimes it's minor details when I'm trying or searching for something,\nsometimes it's the entire topic. At the end of the day, there's at least one\nperson learning from your writings, so be confident about it.\n\nConclusion\nIf you're considering writing for these platforms, don't hesitate or think you\ncan't do it. You can always apply and try, and hopefully, you'll learn through\nwriting for them as well.\n\nI'll leave the links to apply to write for these websites below. Take the time\nto go through them if it interests you.\n\n * SitePoint\n   [https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjh8urvgLHyAhUE1hoKHfByDFEQFnoECAgQAw&url=https%3A%2F%2Fwww.sitepoint.com%2Fwrite-for-us%2F&usg=AOvVaw17PGRzWlDU3-SpPm2yZ1AB]\n * Draft.dev [https://draft.dev/write]\n * LogRocket\n   [https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwiS1oj2gLHyAhWBzoUKHUOkAZEQFnoECAMQAQ&url=https%3A%2F%2Fblog.logrocket.com%2Fbecome-a-logrocket-guest-author%2F&usg=AOvVaw21Npb2S-nFefEDCz-Rcgng]\n * ContentLab.io [https://contentlab.io/write-for-contentlab/]","html":"<p>Late 2020, after writing articles sporadically, I finally created this blog. Through this blog, I was able to write many articles and tutorials about <a href=\"https://blog.shahednasser.com/tag/javascript\">Javascript</a>, <a href=\"https://blog.shahednasser.com/tag/browser-extensions\">Browser Extensions</a>, <a href=\"https://blog.shahednasser.com/tag/magento\">Magento 2</a>, and more.</p><p>Then, in May 2021, I branched out and applied to write for different platforms. I landed a couple of gigs and became an author for some notable websites or agencies like <a href=\"https://www.sitepoint.com\">SitePoint</a>, <a href=\"https://draft.dev\">Draft.dev</a>, <a href=\"https://logrocket.com\">LogRocket</a>, <a href=\"https://contentlab.io\">ContentLab</a>, and more. Check the <a href=\"https://blog.shahednasser.com/my-guest-writings/\">My Guest Writings</a> page to see some of them.</p><p>After writing for these websites or some of their clients, I learned so many things regarding different technologies. I also learned some tips that allowed me to improve my technical writing. In this article, I'll share some of them with you, and in the end, I'll add some links in case you want to apply to these platforms, as well.</p><h2 id=\"start-with-an-outline\">Start with an Outline</h2><p>Previously, I would get an idea or a concept I'd think would be good to write about. Then, I'd start writing right away, or if it's a tutorial I'd start coding in parallel. However, when I started writing for SitePoint, I was always asked to provide an outline before I start writing an article. Similarly for Draft.dev whenever I was assigned an article, it always starts with an outline.</p><p>Defining an outline for your article organizes your thoughts and ideas before getting into them. You might have a lot of useful knowledge to share, but it gets lost between the spontaneous sentences here and there. Outlining the topic's headlines first allows you to organize where each thought, idea, or tip should go.</p><p>If you're not sure how you can write an outline, there are <a href=\"https://www.sitepoint.com/writing-for-money-tips-for-planning-your-next-article-pitch/\">some tutorials</a> that can help you get started. However, you can also start with outlining articles in your thoughts if that's easier. Take time to plan how the article's structure will look, and once you think you're confident enough in the planned headings and ideas flow, you can start writing the article.</p><h2 id=\"simplify-tutorials\">Simplify Tutorials</h2><p>When a certain section in your tutorial requires setting up something that isn't actually necessary to the topic of the tutorial, simplify that as best as possible. Here's an example: let's say you're doing a tutorial on something related to Node.js. You might need to store the data somehow, so you end up choosing MySQL as the database. So, you'll have to add setup instructions in your tutorial related to setting up the database, when it's actually not necessary to the tutorial.</p><p>This can cause confusion, especially if the reader doesn't know about MySQL (in the example I'm giving) enough to keep up, or maybe they don't have a MySQL server installed on their machine anyway. Make sure your tutorials are simple and to the point. Even if something seems simple to you, it might be a hurdle to the reader and they end up leaving your tutorial trying to find a simpler one. In the example above, if you need to use something to store the data you can try using something simple like an SQLite database where there won't be any complicated configurations required. Even if the reader doesn't know anything about it, then don't really need to know to keep going with the article.</p><h2 id=\"stay-consistent\">Stay Consistent</h2><p>When writing an article or a tutorial, it's important to stay consistent. This applies to many things. First, don't use different spellings throughout the article. For example, don't use Javascript at one point then use JavaScript at another. Second, make sure your code is consistent. Don't use <code>\"</code> at some points then use <code>'</code> in others, or don't omit <code>;</code> in some code blocks and leave it in others. Although these details might not seem like they're a big deal, providing consistency keeps your article organized and uniform.</p><h2 id=\"dont-assume-the-reader-knows\">Don't Assume The Reader Knows</h2><p>A lot of times we use certain words, phrases, abbreviations, or overlook details thinking they're basics and just like we know them, the reader will know them as well. It's important to cater your articles to readers in general. </p><p>When using abbreviations, you should at least use the full word or phrase once with its abbreviation, then you can use the abbreviation after that. For example, if your article mentions Create React App, you might be inclined to just use CRA. Instead, the first time you mention it you should do it as \"Create React App (CRA)\", then refer to it as CRA in the rest of your article.</p><p>When it comes to tutorials, for example, using methods, try to link to documentation on that method even if your tutorial explains it briefly. This allows the reader to delve more into the details if they need to and see any additional details you might have overshadowed as they don't necessarily fit into the tutorial. You can link to documentation from <a href=\"https://developer.mozilla.org/en-US/\">MDN Web Docs</a> or other websites depending on the programming language you're using.</p><h2 id=\"always-link-to-sources\">Always Link to Sources</h2><p>Similar to the previous section, you should always link to sources when possible. If you mention a survey or study results, browser limitations, quotes from other articles or books, or anything that comes from an original source, link back to it. This builds your article's credibility and maintains trust with the reader. Also, it allows the reader to check it out for themselves and see the details if needed.</p><h2 id=\"create-a-style-guide\">Create a Style Guide</h2><p>When you first start writing articles, you might not care much about following a certain guideline for your articles. However, for the consistency of the blog as a whole and to maintain a certain structure for your articles, it's good to have a style guide. A style guide that an article must follow includes the type of headings it should use, certain words or formatting of the content, and other rules you can add yourself that you find are helpful through your journey in writing. You might be confused on how to start, but the more you write and start understanding the kind of blog you're creating, the clearer it comes.</p><p>Try to start by creating a certain guideline for the content formatting. For example, a new line should be added before every new section or after every headline in the article. Start with simple guidelines and grow the list with time.</p><h2 id=\"have-an-average-word-count\">Have an Average Word Count</h2><p>A good tip I've learned by writing for all these different platforms is to keep an article between 1500~2000 words. You don't have to always keep the article in that range, but it's good to have an average range just to keep yourself in check and know when an article can be shortened or split into parts, or when it should be longer with more details.</p><p>A lot of times I write a long article, then I take a second look at it and realize that I repeated myself a lot of times unnecessarily. After writing an article, if it's too long try to remove any unnecessary details or repeated statements. Make sure the article or tutorial focuses on its main purpose rather than unnecessary details. This helps the reader to get the best out of it when reading it and not get lost in irrelevant details. If it's a tutorial and can be split into parts, do that as it will be easier for the reader.</p><p>On the other hand, if an article is too short take a second look at it. Are there ambiguous details? Is there room for confusion or misunderstandings? If so, take the time to re-iterate or elaborate on what you want to say or teach the reader. A lot of times we think that our point is coming across well, or what we are trying to teach is easily understood, but in reality, the article ends up missing the main point.</p><h2 id=\"learn-and-write\">Learn and Write</h2><p>Before I started writing, I got to a point where I stopped learning new things. I just stuck to what I knew and never evolved. When I started writing, I started expanding my knowledge and learning new things to write about. Especially when I started writing for platforms like SitePoint or Draft.dev. A lot of times I was assigned an article that I had a basic knowledge of, or some I barely knew anything about. However, because I had to write about it for an article, I researched and went deep into the details of the topics. This helped me learn new things and expand my knowledge. I wasn't only writing to help others, I was learning through the process as well.</p><h2 id=\"bonus-be-confident-in-what-you-know\">Bonus: Be Confident In What You Know</h2><p>A lot of people want to write but are scared that their knowledge is nothing compared to others, or that it will not benefit anyone. I felt the same way too when I started this blog. I thought that what I knew everyone knew, and that writing about these topics will not benefit anyone. However, after I started writing about all the different topics I had knowledge of, I received so many messages and emails thanking me for helping them resolve an issue they faced, learn more about a topic, or help them understand some things more. Even if you think your knowledge is limited, that does not mean others can't learn from you. None of us know everything, and someone is bound to learn from what you have to share.</p><p>Additionally, even if no one reads or benefits from your article, you'll benefit yourself. Every single article or tutorial I wrote I learned something new from it. Sometimes it's minor details when I'm trying or searching for something, sometimes it's the entire topic. At the end of the day, there's at least one person learning from your writings, so be confident about it.</p><h2 id=\"conclusion\">Conclusion</h2><p>If you're considering writing for these platforms, don't hesitate or think you can't do it. You can always apply and try, and hopefully, you'll learn through writing for them as well.</p><p>I'll leave the links to apply to write for these websites below. Take the time to go through them if it interests you.</p><ul><li><a href=\"https://www.google.com/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=&amp;cad=rja&amp;uact=8&amp;ved=2ahUKEwjh8urvgLHyAhUE1hoKHfByDFEQFnoECAgQAw&amp;url=https%3A%2F%2Fwww.sitepoint.com%2Fwrite-for-us%2F&amp;usg=AOvVaw17PGRzWlDU3-SpPm2yZ1AB\">SitePoint</a></li><li><a href=\"https://draft.dev/write\">Draft.dev</a></li><li><a href=\"https://www.google.com/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=&amp;cad=rja&amp;uact=8&amp;ved=2ahUKEwiS1oj2gLHyAhWBzoUKHUOkAZEQFnoECAMQAQ&amp;url=https%3A%2F%2Fblog.logrocket.com%2Fbecome-a-logrocket-guest-author%2F&amp;usg=AOvVaw21Npb2S-nFefEDCz-Rcgng\">LogRocket</a></li><li><a href=\"https://contentlab.io/write-for-contentlab/\">ContentLab.io</a></li></ul>","url":"https://backend.shahednasser.com/8-technical-writing-tips-i-learned-from-writing-for-sitepoint-draft-dev-and-more/","canonical_url":null,"uuid":"92622031-d842-4f32-b594-36b8415f7b50","codeinjection_foot":null,"codeinjection_head":null,"codeinjection_styles":null,"comment_id":"61155d00e4089a001c8474b7","reading_time":7,"send_email_when_published":null,"email_subject":null,"childHtmlRehype":{"html":"<p>Late 2020, after writing articles sporadically, I finally created this blog. Through this blog, I was able to write many articles and tutorials about <a href=\"https://blog.shahednasser.com/tag/javascript\">Javascript</a>, <a href=\"https://blog.shahednasser.com/tag/browser-extensions\">Browser Extensions</a>, <a href=\"https://blog.shahednasser.com/tag/magento\">Magento 2</a>, and more.</p><p>Then, in May 2021, I branched out and applied to write for different platforms. I landed a couple of gigs and became an author for some notable websites or agencies like <a href=\"https://www.sitepoint.com\">SitePoint</a>, <a href=\"https://draft.dev\">Draft.dev</a>, <a href=\"https://logrocket.com\">LogRocket</a>, <a href=\"https://contentlab.io\">ContentLab</a>, and more. Check the <a href=\"https://blog.shahednasser.com/my-guest-writings/\">My Guest Writings</a> page to see some of them.</p><p>After writing for these websites or some of their clients, I learned so many things regarding different technologies. I also learned some tips that allowed me to improve my technical writing. In this article, I'll share some of them with you, and in the end, I'll add some links in case you want to apply to these platforms, as well.</p><h2 id=\"start-with-an-outline\">Start with an Outline</h2><p>Previously, I would get an idea or a concept I'd think would be good to write about. Then, I'd start writing right away, or if it's a tutorial I'd start coding in parallel. However, when I started writing for SitePoint, I was always asked to provide an outline before I start writing an article. Similarly for Draft.dev whenever I was assigned an article, it always starts with an outline.</p><p>Defining an outline for your article organizes your thoughts and ideas before getting into them. You might have a lot of useful knowledge to share, but it gets lost between the spontaneous sentences here and there. Outlining the topic's headlines first allows you to organize where each thought, idea, or tip should go.</p><p>If you're not sure how you can write an outline, there are <a href=\"https://www.sitepoint.com/writing-for-money-tips-for-planning-your-next-article-pitch/\">some tutorials</a> that can help you get started. However, you can also start with outlining articles in your thoughts if that's easier. Take time to plan how the article's structure will look, and once you think you're confident enough in the planned headings and ideas flow, you can start writing the article.</p><h2 id=\"simplify-tutorials\">Simplify Tutorials</h2><p>When a certain section in your tutorial requires setting up something that isn't actually necessary to the topic of the tutorial, simplify that as best as possible. Here's an example: let's say you're doing a tutorial on something related to Node.js. You might need to store the data somehow, so you end up choosing MySQL as the database. So, you'll have to add setup instructions in your tutorial related to setting up the database, when it's actually not necessary to the tutorial.</p><p>This can cause confusion, especially if the reader doesn't know about MySQL (in the example I'm giving) enough to keep up, or maybe they don't have a MySQL server installed on their machine anyway. Make sure your tutorials are simple and to the point. Even if something seems simple to you, it might be a hurdle to the reader and they end up leaving your tutorial trying to find a simpler one. In the example above, if you need to use something to store the data you can try using something simple like an SQLite database where there won't be any complicated configurations required. Even if the reader doesn't know anything about it, then don't really need to know to keep going with the article.</p><h2 id=\"stay-consistent\">Stay Consistent</h2><p>When writing an article or a tutorial, it's important to stay consistent. This applies to many things. First, don't use different spellings throughout the article. For example, don't use Javascript at one point then use JavaScript at another. Second, make sure your code is consistent. Don't use <code class=\"language-text\">\"</code> at some points then use <code class=\"language-text\">'</code> in others, or don't omit <code class=\"language-text\">;</code> in some code blocks and leave it in others. Although these details might not seem like they're a big deal, providing consistency keeps your article organized and uniform.</p><h2 id=\"dont-assume-the-reader-knows\">Don't Assume The Reader Knows</h2><p>A lot of times we use certain words, phrases, abbreviations, or overlook details thinking they're basics and just like we know them, the reader will know them as well. It's important to cater your articles to readers in general. </p><p>When using abbreviations, you should at least use the full word or phrase once with its abbreviation, then you can use the abbreviation after that. For example, if your article mentions Create React App, you might be inclined to just use CRA. Instead, the first time you mention it you should do it as \"Create React App (CRA)\", then refer to it as CRA in the rest of your article.</p><p>When it comes to tutorials, for example, using methods, try to link to documentation on that method even if your tutorial explains it briefly. This allows the reader to delve more into the details if they need to and see any additional details you might have overshadowed as they don't necessarily fit into the tutorial. You can link to documentation from <a href=\"https://developer.mozilla.org/en-US/\">MDN Web Docs</a> or other websites depending on the programming language you're using.</p><h2 id=\"always-link-to-sources\">Always Link to Sources</h2><p>Similar to the previous section, you should always link to sources when possible. If you mention a survey or study results, browser limitations, quotes from other articles or books, or anything that comes from an original source, link back to it. This builds your article's credibility and maintains trust with the reader. Also, it allows the reader to check it out for themselves and see the details if needed.</p><h2 id=\"create-a-style-guide\">Create a Style Guide</h2><p>When you first start writing articles, you might not care much about following a certain guideline for your articles. However, for the consistency of the blog as a whole and to maintain a certain structure for your articles, it's good to have a style guide. A style guide that an article must follow includes the type of headings it should use, certain words or formatting of the content, and other rules you can add yourself that you find are helpful through your journey in writing. You might be confused on how to start, but the more you write and start understanding the kind of blog you're creating, the clearer it comes.</p><p>Try to start by creating a certain guideline for the content formatting. For example, a new line should be added before every new section or after every headline in the article. Start with simple guidelines and grow the list with time.</p><h2 id=\"have-an-average-word-count\">Have an Average Word Count</h2><p>A good tip I've learned by writing for all these different platforms is to keep an article between 1500~2000 words. You don't have to always keep the article in that range, but it's good to have an average range just to keep yourself in check and know when an article can be shortened or split into parts, or when it should be longer with more details.</p><p>A lot of times I write a long article, then I take a second look at it and realize that I repeated myself a lot of times unnecessarily. After writing an article, if it's too long try to remove any unnecessary details or repeated statements. Make sure the article or tutorial focuses on its main purpose rather than unnecessary details. This helps the reader to get the best out of it when reading it and not get lost in irrelevant details. If it's a tutorial and can be split into parts, do that as it will be easier for the reader.</p><p>On the other hand, if an article is too short take a second look at it. Are there ambiguous details? Is there room for confusion or misunderstandings? If so, take the time to re-iterate or elaborate on what you want to say or teach the reader. A lot of times we think that our point is coming across well, or what we are trying to teach is easily understood, but in reality, the article ends up missing the main point.</p><h2 id=\"learn-and-write\">Learn and Write</h2><p>Before I started writing, I got to a point where I stopped learning new things. I just stuck to what I knew and never evolved. When I started writing, I started expanding my knowledge and learning new things to write about. Especially when I started writing for platforms like SitePoint or Draft.dev. A lot of times I was assigned an article that I had a basic knowledge of, or some I barely knew anything about. However, because I had to write about it for an article, I researched and went deep into the details of the topics. This helped me learn new things and expand my knowledge. I wasn't only writing to help others, I was learning through the process as well.</p><h2 id=\"bonus-be-confident-in-what-you-know\">Bonus: Be Confident In What You Know</h2><p>A lot of people want to write but are scared that their knowledge is nothing compared to others, or that it will not benefit anyone. I felt the same way too when I started this blog. I thought that what I knew everyone knew, and that writing about these topics will not benefit anyone. However, after I started writing about all the different topics I had knowledge of, I received so many messages and emails thanking me for helping them resolve an issue they faced, learn more about a topic, or help them understand some things more. Even if you think your knowledge is limited, that does not mean others can't learn from you. None of us know everything, and someone is bound to learn from what you have to share.</p><p>Additionally, even if no one reads or benefits from your article, you'll benefit yourself. Every single article or tutorial I wrote I learned something new from it. Sometimes it's minor details when I'm trying or searching for something, sometimes it's the entire topic. At the end of the day, there's at least one person learning from your writings, so be confident about it.</p><h2 id=\"conclusion\">Conclusion</h2><p>If you're considering writing for these platforms, don't hesitate or think you can't do it. You can always apply and try, and hopefully, you'll learn through writing for them as well.</p><p>I'll leave the links to apply to write for these websites below. Take the time to go through them if it interests you.</p><ul><li><a href=\"https://www.google.com/url?sa=t&#x26;rct=j&#x26;q=&#x26;esrc=s&#x26;source=web&#x26;cd=&#x26;cad=rja&#x26;uact=8&#x26;ved=2ahUKEwjh8urvgLHyAhUE1hoKHfByDFEQFnoECAgQAw&#x26;url=https%3A%2F%2Fwww.sitepoint.com%2Fwrite-for-us%2F&#x26;usg=AOvVaw17PGRzWlDU3-SpPm2yZ1AB\">SitePoint</a></li><li><a href=\"https://draft.dev/write\">Draft.dev</a></li><li><a href=\"https://www.google.com/url?sa=t&#x26;rct=j&#x26;q=&#x26;esrc=s&#x26;source=web&#x26;cd=&#x26;cad=rja&#x26;uact=8&#x26;ved=2ahUKEwiS1oj2gLHyAhWBzoUKHUOkAZEQFnoECAMQAQ&#x26;url=https%3A%2F%2Fblog.logrocket.com%2Fbecome-a-logrocket-guest-author%2F&#x26;usg=AOvVaw21Npb2S-nFefEDCz-Rcgng\">LogRocket</a></li><li><a href=\"https://contentlab.io/write-for-contentlab/\">ContentLab.io</a></li></ul>","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Late 2020, after writing articles sporadically, I finally created this blog. Through this blog, I was able to write many articles and tutorials about "},{"type":"element","tagName":"a","properties":{"href":"https://blog.shahednasser.com/tag/javascript"},"children":[{"type":"text","value":"Javascript"}]},{"type":"text","value":", "},{"type":"element","tagName":"a","properties":{"href":"https://blog.shahednasser.com/tag/browser-extensions"},"children":[{"type":"text","value":"Browser Extensions"}]},{"type":"text","value":", "},{"type":"element","tagName":"a","properties":{"href":"https://blog.shahednasser.com/tag/magento"},"children":[{"type":"text","value":"Magento 2"}]},{"type":"text","value":", and more."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Then, in May 2021, I branched out and applied to write for different platforms. I landed a couple of gigs and became an author for some notable websites or agencies like "},{"type":"element","tagName":"a","properties":{"href":"https://www.sitepoint.com"},"children":[{"type":"text","value":"SitePoint"}]},{"type":"text","value":", "},{"type":"element","tagName":"a","properties":{"href":"https://draft.dev"},"children":[{"type":"text","value":"Draft.dev"}]},{"type":"text","value":", "},{"type":"element","tagName":"a","properties":{"href":"https://logrocket.com"},"children":[{"type":"text","value":"LogRocket"}]},{"type":"text","value":", "},{"type":"element","tagName":"a","properties":{"href":"https://contentlab.io"},"children":[{"type":"text","value":"ContentLab"}]},{"type":"text","value":", and more. Check the "},{"type":"element","tagName":"a","properties":{"href":"https://blog.shahednasser.com/my-guest-writings/"},"children":[{"type":"text","value":"My Guest Writings"}]},{"type":"text","value":" page to see some of them."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"After writing for these websites or some of their clients, I learned so many things regarding different technologies. I also learned some tips that allowed me to improve my technical writing. In this article, I'll share some of them with you, and in the end, I'll add some links in case you want to apply to these platforms, as well."}]},{"type":"element","tagName":"h2","properties":{"id":"start-with-an-outline"},"children":[{"type":"text","value":"Start with an Outline"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Previously, I would get an idea or a concept I'd think would be good to write about. Then, I'd start writing right away, or if it's a tutorial I'd start coding in parallel. However, when I started writing for SitePoint, I was always asked to provide an outline before I start writing an article. Similarly for Draft.dev whenever I was assigned an article, it always starts with an outline."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Defining an outline for your article organizes your thoughts and ideas before getting into them. You might have a lot of useful knowledge to share, but it gets lost between the spontaneous sentences here and there. Outlining the topic's headlines first allows you to organize where each thought, idea, or tip should go."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you're not sure how you can write an outline, there are "},{"type":"element","tagName":"a","properties":{"href":"https://www.sitepoint.com/writing-for-money-tips-for-planning-your-next-article-pitch/"},"children":[{"type":"text","value":"some tutorials"}]},{"type":"text","value":" that can help you get started. However, you can also start with outlining articles in your thoughts if that's easier. Take time to plan how the article's structure will look, and once you think you're confident enough in the planned headings and ideas flow, you can start writing the article."}]},{"type":"element","tagName":"h2","properties":{"id":"simplify-tutorials"},"children":[{"type":"text","value":"Simplify Tutorials"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When a certain section in your tutorial requires setting up something that isn't actually necessary to the topic of the tutorial, simplify that as best as possible. Here's an example: let's say you're doing a tutorial on something related to Node.js. You might need to store the data somehow, so you end up choosing MySQL as the database. So, you'll have to add setup instructions in your tutorial related to setting up the database, when it's actually not necessary to the tutorial."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This can cause confusion, especially if the reader doesn't know about MySQL (in the example I'm giving) enough to keep up, or maybe they don't have a MySQL server installed on their machine anyway. Make sure your tutorials are simple and to the point. Even if something seems simple to you, it might be a hurdle to the reader and they end up leaving your tutorial trying to find a simpler one. In the example above, if you need to use something to store the data you can try using something simple like an SQLite database where there won't be any complicated configurations required. Even if the reader doesn't know anything about it, then don't really need to know to keep going with the article."}]},{"type":"element","tagName":"h2","properties":{"id":"stay-consistent"},"children":[{"type":"text","value":"Stay Consistent"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When writing an article or a tutorial, it's important to stay consistent. This applies to many things. First, don't use different spellings throughout the article. For example, don't use Javascript at one point then use JavaScript at another. Second, make sure your code is consistent. Don't use "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"\""}]},{"type":"text","value":" at some points then use "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"'"}]},{"type":"text","value":" in others, or don't omit "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":";"}]},{"type":"text","value":" in some code blocks and leave it in others. Although these details might not seem like they're a big deal, providing consistency keeps your article organized and uniform."}]},{"type":"element","tagName":"h2","properties":{"id":"dont-assume-the-reader-knows"},"children":[{"type":"text","value":"Don't Assume The Reader Knows"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A lot of times we use certain words, phrases, abbreviations, or overlook details thinking they're basics and just like we know them, the reader will know them as well. It's important to cater your articles to readers in general. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When using abbreviations, you should at least use the full word or phrase once with its abbreviation, then you can use the abbreviation after that. For example, if your article mentions Create React App, you might be inclined to just use CRA. Instead, the first time you mention it you should do it as \"Create React App (CRA)\", then refer to it as CRA in the rest of your article."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When it comes to tutorials, for example, using methods, try to link to documentation on that method even if your tutorial explains it briefly. This allows the reader to delve more into the details if they need to and see any additional details you might have overshadowed as they don't necessarily fit into the tutorial. You can link to documentation from "},{"type":"element","tagName":"a","properties":{"href":"https://developer.mozilla.org/en-US/"},"children":[{"type":"text","value":"MDN Web Docs"}]},{"type":"text","value":" or other websites depending on the programming language you're using."}]},{"type":"element","tagName":"h2","properties":{"id":"always-link-to-sources"},"children":[{"type":"text","value":"Always Link to Sources"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Similar to the previous section, you should always link to sources when possible. If you mention a survey or study results, browser limitations, quotes from other articles or books, or anything that comes from an original source, link back to it. This builds your article's credibility and maintains trust with the reader. Also, it allows the reader to check it out for themselves and see the details if needed."}]},{"type":"element","tagName":"h2","properties":{"id":"create-a-style-guide"},"children":[{"type":"text","value":"Create a Style Guide"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you first start writing articles, you might not care much about following a certain guideline for your articles. However, for the consistency of the blog as a whole and to maintain a certain structure for your articles, it's good to have a style guide. A style guide that an article must follow includes the type of headings it should use, certain words or formatting of the content, and other rules you can add yourself that you find are helpful through your journey in writing. You might be confused on how to start, but the more you write and start understanding the kind of blog you're creating, the clearer it comes."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Try to start by creating a certain guideline for the content formatting. For example, a new line should be added before every new section or after every headline in the article. Start with simple guidelines and grow the list with time."}]},{"type":"element","tagName":"h2","properties":{"id":"have-an-average-word-count"},"children":[{"type":"text","value":"Have an Average Word Count"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A good tip I've learned by writing for all these different platforms is to keep an article between 1500~2000 words. You don't have to always keep the article in that range, but it's good to have an average range just to keep yourself in check and know when an article can be shortened or split into parts, or when it should be longer with more details."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A lot of times I write a long article, then I take a second look at it and realize that I repeated myself a lot of times unnecessarily. After writing an article, if it's too long try to remove any unnecessary details or repeated statements. Make sure the article or tutorial focuses on its main purpose rather than unnecessary details. This helps the reader to get the best out of it when reading it and not get lost in irrelevant details. If it's a tutorial and can be split into parts, do that as it will be easier for the reader."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"On the other hand, if an article is too short take a second look at it. Are there ambiguous details? Is there room for confusion or misunderstandings? If so, take the time to re-iterate or elaborate on what you want to say or teach the reader. A lot of times we think that our point is coming across well, or what we are trying to teach is easily understood, but in reality, the article ends up missing the main point."}]},{"type":"element","tagName":"h2","properties":{"id":"learn-and-write"},"children":[{"type":"text","value":"Learn and Write"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Before I started writing, I got to a point where I stopped learning new things. I just stuck to what I knew and never evolved. When I started writing, I started expanding my knowledge and learning new things to write about. Especially when I started writing for platforms like SitePoint or Draft.dev. A lot of times I was assigned an article that I had a basic knowledge of, or some I barely knew anything about. However, because I had to write about it for an article, I researched and went deep into the details of the topics. This helped me learn new things and expand my knowledge. I wasn't only writing to help others, I was learning through the process as well."}]},{"type":"element","tagName":"h2","properties":{"id":"bonus-be-confident-in-what-you-know"},"children":[{"type":"text","value":"Bonus: Be Confident In What You Know"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A lot of people want to write but are scared that their knowledge is nothing compared to others, or that it will not benefit anyone. I felt the same way too when I started this blog. I thought that what I knew everyone knew, and that writing about these topics will not benefit anyone. However, after I started writing about all the different topics I had knowledge of, I received so many messages and emails thanking me for helping them resolve an issue they faced, learn more about a topic, or help them understand some things more. Even if you think your knowledge is limited, that does not mean others can't learn from you. None of us know everything, and someone is bound to learn from what you have to share."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Additionally, even if no one reads or benefits from your article, you'll benefit yourself. Every single article or tutorial I wrote I learned something new from it. Sometimes it's minor details when I'm trying or searching for something, sometimes it's the entire topic. At the end of the day, there's at least one person learning from your writings, so be confident about it."}]},{"type":"element","tagName":"h2","properties":{"id":"conclusion"},"children":[{"type":"text","value":"Conclusion"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you're considering writing for these platforms, don't hesitate or think you can't do it. You can always apply and try, and hopefully, you'll learn through writing for them as well."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I'll leave the links to apply to write for these websites below. Take the time to go through them if it interests you."}]},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjh8urvgLHyAhUE1hoKHfByDFEQFnoECAgQAw&url=https%3A%2F%2Fwww.sitepoint.com%2Fwrite-for-us%2F&usg=AOvVaw17PGRzWlDU3-SpPm2yZ1AB"},"children":[{"type":"text","value":"SitePoint"}]}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://draft.dev/write"},"children":[{"type":"text","value":"Draft.dev"}]}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwiS1oj2gLHyAhWBzoUKHUOkAZEQFnoECAMQAQ&url=https%3A%2F%2Fblog.logrocket.com%2Fbecome-a-logrocket-guest-author%2F&usg=AOvVaw21Npb2S-nFefEDCz-Rcgng"},"children":[{"type":"text","value":"LogRocket"}]}]},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://contentlab.io/write-for-contentlab/"},"children":[{"type":"text","value":"ContentLab.io"}]}]}]}],"data":{"quirksMode":false}},"tableOfContents":[{"id":"start-with-an-outline","heading":"Start with an Outline"},{"id":"simplify-tutorials","heading":"Simplify Tutorials"},{"id":"stay-consistent","heading":"Stay Consistent"},{"id":"dont-assume-the-reader-knows","heading":"Don't Assume The Reader Knows"},{"id":"always-link-to-sources","heading":"Always Link to Sources"},{"id":"create-a-style-guide","heading":"Create a Style Guide"},{"id":"have-an-average-word-count","heading":"Have an Average Word Count"},{"id":"learn-and-write","heading":"Learn and Write"},{"id":"bonus-be-confident-in-what-you-know","heading":"Bonus: Be Confident In What You Know"},{"id":"conclusion","heading":"Conclusion"}]},"featureImageSharp":{"base":"corinne-kutz-tMI2_-r5Nfo-unsplash-2.jpg","publicURL":"/static/83fef51e7789498cab4732f0bff0d685/corinne-kutz-tMI2_-r5Nfo-unsplash-2.jpg","imageMeta":{"width":1920,"height":1280},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMEAQX/xAAWAQEBAQAAAAAAAAAAAAAAAAABAAL/2gAMAwEAAhADEAAAAa9U0pDnBv8A/8QAGhAAAwADAQAAAAAAAAAAAAAAAQIDABITBP/aAAgBAQABBQKib5tyPqI6zqXnd+SFiT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAbEAACAgMBAAAAAAAAAAAAAAAAEQECAxJBgf/aAAgBAQAGPwLbhXFVPp4V4bJzA5P/xAAaEAEAAwEBAQAAAAAAAAAAAAABABEhYTFB/9oACAEBAAE/IQ9UHLuFEJ7j2M7BcUK1mTP/AAL7HTWus//aAAwDAQACAAMAAAAQjB//xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQMBAT8QYcL/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAcEAEBAAIDAQEAAAAAAAAAAAABEQAhMUFxUcH/2gAIAQEAAT8QeXMEO5NGAdBLQv55MKmkL1t/TJY0IXGJGMlpHk43BdHtz//Z","aspectRatio":1.4957264957264957,"src":"/static/83fef51e7789498cab4732f0bff0d685/ea4ab/corinne-kutz-tMI2_-r5Nfo-unsplash-2.jpg","srcSet":"/static/83fef51e7789498cab4732f0bff0d685/477ba/corinne-kutz-tMI2_-r5Nfo-unsplash-2.jpg 175w,\n/static/83fef51e7789498cab4732f0bff0d685/06776/corinne-kutz-tMI2_-r5Nfo-unsplash-2.jpg 350w,\n/static/83fef51e7789498cab4732f0bff0d685/ea4ab/corinne-kutz-tMI2_-r5Nfo-unsplash-2.jpg 700w,\n/static/83fef51e7789498cab4732f0bff0d685/3055e/corinne-kutz-tMI2_-r5Nfo-unsplash-2.jpg 1050w,\n/static/83fef51e7789498cab4732f0bff0d685/eff08/corinne-kutz-tMI2_-r5Nfo-unsplash-2.jpg 1400w,\n/static/83fef51e7789498cab4732f0bff0d685/74fd5/corinne-kutz-tMI2_-r5Nfo-unsplash-2.jpg 1920w","srcWebp":"/static/83fef51e7789498cab4732f0bff0d685/89afa/corinne-kutz-tMI2_-r5Nfo-unsplash-2.webp","srcSetWebp":"/static/83fef51e7789498cab4732f0bff0d685/9fca7/corinne-kutz-tMI2_-r5Nfo-unsplash-2.webp 175w,\n/static/83fef51e7789498cab4732f0bff0d685/37a4e/corinne-kutz-tMI2_-r5Nfo-unsplash-2.webp 350w,\n/static/83fef51e7789498cab4732f0bff0d685/89afa/corinne-kutz-tMI2_-r5Nfo-unsplash-2.webp 700w,\n/static/83fef51e7789498cab4732f0bff0d685/78e7a/corinne-kutz-tMI2_-r5Nfo-unsplash-2.webp 1050w,\n/static/83fef51e7789498cab4732f0bff0d685/03d34/corinne-kutz-tMI2_-r5Nfo-unsplash-2.webp 1400w,\n/static/83fef51e7789498cab4732f0bff0d685/6833b/corinne-kutz-tMI2_-r5Nfo-unsplash-2.webp 1920w","sizes":"(max-width: 700px) 100vw, 700px"}}}}},{"node":{"id":"Ghost__Post__6127ba1b3ed159214d382ea6","title":"Why Facebook Deserves To Be Dropped For Once And For All","slug":"why-facebook-deserves-to-be-dropped-for-once-and-all","featured":false,"feature_image":"https://res-2.cloudinary.com/hbqmf3mbz/image/upload/q_auto/v1/ghost-blog-images/IMG_4797.jpg","excerpt":"Facebook has yet to show that it actually cares about its users","custom_excerpt":"Facebook has yet to show that it actually cares about its users","visibility":"public","created_at_pretty":"24 May 2021","published_at_pretty":"24 May 2021","updated_at_pretty":"26 Aug 2021","created_at":"2021-05-24T18:10:48.000+00:00","published_at":"2021-05-24T19:33:07.000+00:00","updated_at":"2021-08-26T17:38:53.000+00:00","meta_title":null,"meta_description":null,"og_description":null,"og_image":null,"og_title":null,"twitter_description":null,"twitter_image":null,"twitter_title":null,"authors":[{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":null}],"primary_author":{"slug":"shahed","url":"https://backend.shahednasser.com/author/shahed/","name":"Shahed Nasser","bio":null,"cover_image":null,"profile_image":"https://backend.shahednasser.com/content/images/2022/03/IMG_0591.jpg","location":null,"website":null,"twitter":null,"facebook":null,"meta_title":null,"meta_description":null,"coverImageSharp":null,"profileImageSharp":{"base":"IMG_0591.jpg","publicURL":"/static/ceb49c3c631485453e71e00d7f84b069/IMG_0591.jpg","imageMeta":{"width":1182,"height":1179},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAMEAQL/xAAWAQEBAQAAAAAAAAAAAAAAAAADBAL/2gAMAwEAAhADEAAAAdXiFM6i0CohUWXoKn//xAAcEAACAgIDAAAAAAAAAAAAAAACAwESBBEhM0H/2gAIAQEAAQUCWySE3WEr7SzbXjAj4iKty+sOQ//EABYRAQEBAAAAAAAAAAAAAAAAAAERIP/aAAgBAwEBPwEhj//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BH//EAB4QAAIBBAMBAAAAAAAAAAAAAAABIRESMUECECJx/9oACAEBAAY/ApVGWvOjzgtUwLlTZA0sdL4f/8QAHBAAAwACAwEAAAAAAAAAAAAAAAERITFBkbHB/9oACAEBAAE/IahkCy+N2GwZpjQiJHJCspUFY0QrSi+HqiW2rgf/2gAMAwEAAgADAAAAEPw3/wD/xAAYEQEBAAMAAAAAAAAAAAAAAAAAARExQf/aAAgBAwEBPxCtjDqP/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQAxEf/aAAgBAgEBPxBFus6Tt//EAB8QAQEAAgIBBQAAAAAAAAAAAAERACExQWFRcYGR0f/aAAgBAQABPxAuaBPPzkO1wyX7F4wkwXanfZrFQgeqE9JgS14vVOvrERIJomVBKwt2jebAeP0yVa8h1n//2Q==","aspectRatio":1,"src":"/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg","srcSet":"/static/ceb49c3c631485453e71e00d7f84b069/f340b/IMG_0591.jpg 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/22d64/IMG_0591.jpg 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/31709/IMG_0591.jpg 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/aa249/IMG_0591.jpg 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/0dc33/IMG_0591.jpg 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/d8257/IMG_0591.jpg 1182w","srcWebp":"/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp","srcSetWebp":"/static/ceb49c3c631485453e71e00d7f84b069/59cda/IMG_0591.webp 28w,\n/static/ceb49c3c631485453e71e00d7f84b069/7da75/IMG_0591.webp 55w,\n/static/ceb49c3c631485453e71e00d7f84b069/8678c/IMG_0591.webp 110w,\n/static/ceb49c3c631485453e71e00d7f84b069/f282e/IMG_0591.webp 165w,\n/static/ceb49c3c631485453e71e00d7f84b069/a7b21/IMG_0591.webp 220w,\n/static/ceb49c3c631485453e71e00d7f84b069/63099/IMG_0591.webp 1182w","sizes":"(max-width: 110px) 100vw, 110px"}}}},"primary_tag":{"slug":"my-experience","url":"https://backend.shahednasser.com/tag/my-experience/","name":"My Experience","visibility":"public","feature_image":"https://backend.shahednasser.com/content/images/2022/01/photo-1493612276216-ee3925520721-2-1.jpeg","description":"Sharing my experience in or opinions regarding programming, work, or other concepts.","meta_title":null,"meta_description":null,"featureImageSharp":{"base":"photo-1493612276216-ee3925520721-2-1.jpeg","publicURL":"/static/55d051b88133a375df71095790dfd724/photo-1493612276216-ee3925520721-2-1.jpeg","imageMeta":{"width":2000,"height":2500},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAZABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAEEAwIF/8QAGAEAAgMAAAAAAAAAAAAAAAAAAAMBBAX/2gAMAwEAAhADEAAAAfTTmIpADGTfld2IQ7O//8QAHBAAAQUAAwAAAAAAAAAAAAAAAgABAxAREyEy/9oACAEBAAEFAr1DKznq1EHfITXL7//EABkRAAIDAQAAAAAAAAAAAAAAAAABAhESE//aAAgBAwEBPwHBzZlNEk4urP/EABgRAAIDAAAAAAAAAAAAAAAAAAABEBES/9oACAECAQE/AbNQj//EABoQAAEFAQAAAAAAAAAAAAAAAAEAAhAgMRH/2gAIAQEABj8CoWz0atNP/8QAGhABAAIDAQAAAAAAAAAAAAAAAQAQETGRIf/aAAgBAQABPyHFs6LI9owavPeKsdKaP//aAAwDAQACAAMAAAAQdBNO/8QAGBEBAAMBAAAAAAAAAAAAAAAAAQAQIWH/2gAIAQMBAT8QXVhJGJWdn//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEf/aAAgBAgEBPxC4tR0kIOX/xAAdEAACAgIDAQAAAAAAAAAAAAAAARExECFBUWFx/9oACAEBAAE/EHHojwjwQ+B45hVISYd1xThsbt5XLc4sWfEf/9k=","aspectRatio":0.8,"src":"/static/55d051b88133a375df71095790dfd724/d5c54/photo-1493612276216-ee3925520721-2-1.jpg","srcSet":"/static/55d051b88133a375df71095790dfd724/65d8c/photo-1493612276216-ee3925520721-2-1.jpg 260w,\n/static/55d051b88133a375df71095790dfd724/c5f21/photo-1493612276216-ee3925520721-2-1.jpg 520w,\n/static/55d051b88133a375df71095790dfd724/d5c54/photo-1493612276216-ee3925520721-2-1.jpg 1040w,\n/static/55d051b88133a375df71095790dfd724/81a53/photo-1493612276216-ee3925520721-2-1.jpg 1560w,\n/static/55d051b88133a375df71095790dfd724/4e5f3/photo-1493612276216-ee3925520721-2-1.jpg 2000w","srcWebp":"/static/55d051b88133a375df71095790dfd724/e4875/photo-1493612276216-ee3925520721-2-1.webp","srcSetWebp":"/static/55d051b88133a375df71095790dfd724/dc8f3/photo-1493612276216-ee3925520721-2-1.webp 260w,\n/static/55d051b88133a375df71095790dfd724/2db4b/photo-1493612276216-ee3925520721-2-1.webp 520w,\n/static/55d051b88133a375df71095790dfd724/e4875/photo-1493612276216-ee3925520721-2-1.webp 1040w,\n/static/55d051b88133a375df71095790dfd724/f5845/photo-1493612276216-ee3925520721-2-1.webp 1560w,\n/static/55d051b88133a375df71095790dfd724/49d6b/photo-1493612276216-ee3925520721-2-1.webp 2000w","sizes":"(max-width: 1040px) 100vw, 1040px"}}}},"tags":[{"slug":"my-experience","url":"https://backend.shahednasser.com/tag/my-experience/","name":"My Experience","visibility":"public","feature_image":"https://backend.shahednasser.com/content/images/2022/01/photo-1493612276216-ee3925520721-2-1.jpeg","description":"Sharing my experience in or opinions regarding programming, work, or other concepts.","meta_title":null,"meta_description":null,"featureImageSharp":null}],"plaintext":"In May 2021 Facebook's rating keeps dropping reaching 1.7 stars on the App Store\nand 2.4 on the Google Play Store (at the time of writing this article). Facebook\neven requested from the App Store to remove the negative reviews, but Apple\nrefused their request\n[https://www.businessinsider.com/apple-refused-request-remove-negative-ratings-for-facebook-app-2021-5]\n.\n\nThis is not the first time Facebook has been under heat, and most probably won't\nbe the last time. Over the years, Facebook kept disappointing its users with\nproblems ranging from security issues to profiting from user's data to now\nconstricting their user's opinions and allowing only the views they believe are\ncorrect.\n\nWhen you look at everything that happened with Facebook throughout the past few\nyears, you'll realize how surprising it still has users to begin with.\n\nWe won't go over every single scandal Facebook had, but there are some that not\nonly strongly affect Facebook's image as a leading tech company, but also harm\ntheir relationship with their users.\n\nIn 2018, It was revealed that Facebook basically gave away user's data\n[https://www.theatlantic.com/technology/archive/2018/12/facebooks-failures-and-also-its-problems-leaking-data/578599/] \nwithout their knowledge or permission. Of course, we all remember this scandal\nand what happened, and how much it damaged Facebook's image at the time.\nFacebook sacrificed their user's data, which they trusted them with, for their\nown benefit and for political reasons. \n\nIn 2019 it was revealed that for many years Facebook stored the user's password\nin plain text files\n[https://www.independent.co.uk/life-style/gadgets-and-tech/news/facebook-passwords-plain-text-instagram-admission-a8833941.html#:~:text=Facebook%20stored%20hundreds%20of%20millions,its%20internal%20data%20storage%20systems.]\n. Even though Facebook says there was no evidence of these passwords being\nabused, it still doesn't change the fact that these passwords were visible to\nthousands of their employees. Facebook clearly didn't value the user's security\nor privacy.\n\nIn May 2021, Facebook yet again was under fire as users were noticing that they\nhad no freedom of speech on the platform anymore. When freely stating their\nopinions that are Pro-Palestine, they noticed that their posts were being\nremoved or reported as harmful or dangerous. This backfired at Facebook, as\nusers resorted to another way of freely voicing their opinion by giving the app\nbad reviews that made its rating drop tremendously. \n\nAs more time passes by, Facebook seems to be insistent on making sure every last\none of its users loses their trust in it. By signing up to Facebook you're\nhighly likely signing up for your data being abused and breached by the platform\nitself, for poor security and almost no privacy, and for your voice to be\nsilenced unless it matches the platform's own opinion and beliefs. \n\nThere's no denying that Facebook was one of the very first social media\nplatforms that changed the game and how people perceived social media. It played\na big role in making social media what it is today. However, it seems that its\nrole has been diminished and changed into what's politically best for the\ncompany. It's no longer interested in what the users want, it's only interested\nin how to use these users to make money and fight for their own agenda.\n\nWhile companies like Apple\n[https://www.highlandernews.org/82516/apples-stronger-stance-for-user-privacy-works-to-the-advantage-of-their-consumers/]\n, DuckDuckGo\n[https://www.thedrum.com/news/2021/05/17/duckduckgo-firefox-github-say-no-flocing-way-google-s-privacy-updates]\n, Mozilla\n[https://techcrunch.com/2021/02/24/mozilla-beefs-up-anti-cross-site-tracking-as-chrome-still-lags-on-privacy/]\n, and others are working hard to maintain user's privacy, it's a shame we still\nhave companies like Facebook who are fighting against that\n[https://www.cnet.com/news/apples-privacy-battle-with-facebook-just-became-all-out-war/]\n. It's a shame, but it's not surprising at all coming from Facebook, as it has\nyet to show that it actually cares about its users.\n\nTo still be waiting for that after 17 years since its launch, I think it's\nhopeless. There's no point in waiting for the platform to start respecting its\nusers and valuing them. I think it's time to label Facebook as \"Use at your own\nrisk.\"","html":"<p>In May 2021 Facebook's rating keeps dropping reaching 1.7 stars on the App Store and 2.4 on the Google Play Store (at the time of writing this article). Facebook even requested from the App Store to remove the negative reviews, <a href=\"https://www.businessinsider.com/apple-refused-request-remove-negative-ratings-for-facebook-app-2021-5\">but Apple refused their request</a>.</p><p>This is not the first time Facebook has been under heat, and most probably won't be the last time. Over the years, Facebook kept disappointing its users with problems ranging from security issues to profiting from user's data to now constricting their user's opinions and allowing only the views they believe are correct.</p><p>When you look at everything that happened with Facebook throughout the past few years, you'll realize how surprising it still has users to begin with.</p><p>We won't go over every single scandal Facebook had, but there are some that not only strongly affect Facebook's image as a leading tech company, but also harm their relationship with their users.</p><p>In 2018, It was revealed that Facebook basically <a href=\"https://www.theatlantic.com/technology/archive/2018/12/facebooks-failures-and-also-its-problems-leaking-data/578599/\">gave away user's data</a> without their knowledge or permission. Of course, we all remember this scandal and what happened, and how much it damaged Facebook's image at the time. Facebook sacrificed their user's data, which they trusted them with, for their own benefit and for political reasons. </p><p>In 2019 it was revealed that for many years Facebook stored the user's password in <a href=\"https://www.independent.co.uk/life-style/gadgets-and-tech/news/facebook-passwords-plain-text-instagram-admission-a8833941.html#:~:text=Facebook%20stored%20hundreds%20of%20millions,its%20internal%20data%20storage%20systems.\">plain text files</a>. Even though Facebook says there was no evidence of these passwords being abused, it still doesn't change the fact that these passwords were visible to thousands of their employees. Facebook clearly didn't value the user's security or privacy.</p><p>In May 2021, Facebook yet again was under fire as users were noticing that they had no freedom of speech on the platform anymore. When freely stating their opinions that are Pro-Palestine, they noticed that their posts were being removed or reported as harmful or dangerous. This backfired at Facebook, as users resorted to another way of freely voicing their opinion by giving the app bad reviews that made its rating drop tremendously. </p><p>As more time passes by, Facebook seems to be insistent on making sure every last one of its users loses their trust in it. By signing up to Facebook you're highly likely signing up for your data being abused and breached by the platform itself, for poor security and almost no privacy, and for your voice to be silenced unless it matches the platform's own opinion and beliefs. </p><p>There's no denying that Facebook was one of the very first social media platforms that changed the game and how people perceived social media. It played a big role in making social media what it is today. However, it seems that its role has been diminished and changed into what's politically best for the company. It's no longer interested in what the users want, it's only interested in how to use these users to make money and fight for their own agenda.</p><p>While companies like <a href=\"https://www.highlandernews.org/82516/apples-stronger-stance-for-user-privacy-works-to-the-advantage-of-their-consumers/\">Apple</a>, <a href=\"https://www.thedrum.com/news/2021/05/17/duckduckgo-firefox-github-say-no-flocing-way-google-s-privacy-updates\">DuckDuckGo</a>, <a href=\"https://techcrunch.com/2021/02/24/mozilla-beefs-up-anti-cross-site-tracking-as-chrome-still-lags-on-privacy/\">Mozilla</a>, and others are working hard to maintain user's privacy, it's a shame we still have companies like Facebook <a href=\"https://www.cnet.com/news/apples-privacy-battle-with-facebook-just-became-all-out-war/\">who are fighting against that</a>. It's a shame, but it's not surprising at all coming from Facebook, as it has yet to show that it actually cares about its users.</p><p>To still be waiting for that after 17 years since its launch, I think it's hopeless. There's no point in waiting for the platform to start respecting its users and valuing them. I think it's time to label Facebook as \"Use at your own risk.\" </p>","url":"https://backend.shahednasser.com/why-facebook-deserves-to-be-dropped-for-once-and-all/","canonical_url":null,"uuid":"3dae9a1d-8d24-4b1c-afb1-20de1e80d037","codeinjection_foot":null,"codeinjection_head":null,"codeinjection_styles":null,"comment_id":"60abec289169c1001e9aed65","reading_time":2,"send_email_when_published":null,"email_subject":null,"childHtmlRehype":{"html":"<p>In May 2021 Facebook's rating keeps dropping reaching 1.7 stars on the App Store and 2.4 on the Google Play Store (at the time of writing this article). Facebook even requested from the App Store to remove the negative reviews, <a href=\"https://www.businessinsider.com/apple-refused-request-remove-negative-ratings-for-facebook-app-2021-5\">but Apple refused their request</a>.</p><p>This is not the first time Facebook has been under heat, and most probably won't be the last time. Over the years, Facebook kept disappointing its users with problems ranging from security issues to profiting from user's data to now constricting their user's opinions and allowing only the views they believe are correct.</p><p>When you look at everything that happened with Facebook throughout the past few years, you'll realize how surprising it still has users to begin with.</p><p>We won't go over every single scandal Facebook had, but there are some that not only strongly affect Facebook's image as a leading tech company, but also harm their relationship with their users.</p><p>In 2018, It was revealed that Facebook basically <a href=\"https://www.theatlantic.com/technology/archive/2018/12/facebooks-failures-and-also-its-problems-leaking-data/578599/\">gave away user's data</a> without their knowledge or permission. Of course, we all remember this scandal and what happened, and how much it damaged Facebook's image at the time. Facebook sacrificed their user's data, which they trusted them with, for their own benefit and for political reasons. </p><p>In 2019 it was revealed that for many years Facebook stored the user's password in <a href=\"https://www.independent.co.uk/life-style/gadgets-and-tech/news/facebook-passwords-plain-text-instagram-admission-a8833941.html#:~:text=Facebook%20stored%20hundreds%20of%20millions,its%20internal%20data%20storage%20systems.\">plain text files</a>. Even though Facebook says there was no evidence of these passwords being abused, it still doesn't change the fact that these passwords were visible to thousands of their employees. Facebook clearly didn't value the user's security or privacy.</p><p>In May 2021, Facebook yet again was under fire as users were noticing that they had no freedom of speech on the platform anymore. When freely stating their opinions that are Pro-Palestine, they noticed that their posts were being removed or reported as harmful or dangerous. This backfired at Facebook, as users resorted to another way of freely voicing their opinion by giving the app bad reviews that made its rating drop tremendously. </p><p>As more time passes by, Facebook seems to be insistent on making sure every last one of its users loses their trust in it. By signing up to Facebook you're highly likely signing up for your data being abused and breached by the platform itself, for poor security and almost no privacy, and for your voice to be silenced unless it matches the platform's own opinion and beliefs. </p><p>There's no denying that Facebook was one of the very first social media platforms that changed the game and how people perceived social media. It played a big role in making social media what it is today. However, it seems that its role has been diminished and changed into what's politically best for the company. It's no longer interested in what the users want, it's only interested in how to use these users to make money and fight for their own agenda.</p><p>While companies like <a href=\"https://www.highlandernews.org/82516/apples-stronger-stance-for-user-privacy-works-to-the-advantage-of-their-consumers/\">Apple</a>, <a href=\"https://www.thedrum.com/news/2021/05/17/duckduckgo-firefox-github-say-no-flocing-way-google-s-privacy-updates\">DuckDuckGo</a>, <a href=\"https://techcrunch.com/2021/02/24/mozilla-beefs-up-anti-cross-site-tracking-as-chrome-still-lags-on-privacy/\">Mozilla</a>, and others are working hard to maintain user's privacy, it's a shame we still have companies like Facebook <a href=\"https://www.cnet.com/news/apples-privacy-battle-with-facebook-just-became-all-out-war/\">who are fighting against that</a>. It's a shame, but it's not surprising at all coming from Facebook, as it has yet to show that it actually cares about its users.</p><p>To still be waiting for that after 17 years since its launch, I think it's hopeless. There's no point in waiting for the platform to start respecting its users and valuing them. I think it's time to label Facebook as \"Use at your own risk.\" </p>","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In May 2021 Facebook's rating keeps dropping reaching 1.7 stars on the App Store and 2.4 on the Google Play Store (at the time of writing this article). Facebook even requested from the App Store to remove the negative reviews, "},{"type":"element","tagName":"a","properties":{"href":"https://www.businessinsider.com/apple-refused-request-remove-negative-ratings-for-facebook-app-2021-5"},"children":[{"type":"text","value":"but Apple refused their request"}]},{"type":"text","value":"."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This is not the first time Facebook has been under heat, and most probably won't be the last time. Over the years, Facebook kept disappointing its users with problems ranging from security issues to profiting from user's data to now constricting their user's opinions and allowing only the views they believe are correct."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you look at everything that happened with Facebook throughout the past few years, you'll realize how surprising it still has users to begin with."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We won't go over every single scandal Facebook had, but there are some that not only strongly affect Facebook's image as a leading tech company, but also harm their relationship with their users."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In 2018, It was revealed that Facebook basically "},{"type":"element","tagName":"a","properties":{"href":"https://www.theatlantic.com/technology/archive/2018/12/facebooks-failures-and-also-its-problems-leaking-data/578599/"},"children":[{"type":"text","value":"gave away user's data"}]},{"type":"text","value":" without their knowledge or permission. Of course, we all remember this scandal and what happened, and how much it damaged Facebook's image at the time. Facebook sacrificed their user's data, which they trusted them with, for their own benefit and for political reasons. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In 2019 it was revealed that for many years Facebook stored the user's password in "},{"type":"element","tagName":"a","properties":{"href":"https://www.independent.co.uk/life-style/gadgets-and-tech/news/facebook-passwords-plain-text-instagram-admission-a8833941.html#:~:text=Facebook%20stored%20hundreds%20of%20millions,its%20internal%20data%20storage%20systems."},"children":[{"type":"text","value":"plain text files"}]},{"type":"text","value":". Even though Facebook says there was no evidence of these passwords being abused, it still doesn't change the fact that these passwords were visible to thousands of their employees. Facebook clearly didn't value the user's security or privacy."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In May 2021, Facebook yet again was under fire as users were noticing that they had no freedom of speech on the platform anymore. When freely stating their opinions that are Pro-Palestine, they noticed that their posts were being removed or reported as harmful or dangerous. This backfired at Facebook, as users resorted to another way of freely voicing their opinion by giving the app bad reviews that made its rating drop tremendously. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"As more time passes by, Facebook seems to be insistent on making sure every last one of its users loses their trust in it. By signing up to Facebook you're highly likely signing up for your data being abused and breached by the platform itself, for poor security and almost no privacy, and for your voice to be silenced unless it matches the platform's own opinion and beliefs. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There's no denying that Facebook was one of the very first social media platforms that changed the game and how people perceived social media. It played a big role in making social media what it is today. However, it seems that its role has been diminished and changed into what's politically best for the company. It's no longer interested in what the users want, it's only interested in how to use these users to make money and fight for their own agenda."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"While companies like "},{"type":"element","tagName":"a","properties":{"href":"https://www.highlandernews.org/82516/apples-stronger-stance-for-user-privacy-works-to-the-advantage-of-their-consumers/"},"children":[{"type":"text","value":"Apple"}]},{"type":"text","value":", "},{"type":"element","tagName":"a","properties":{"href":"https://www.thedrum.com/news/2021/05/17/duckduckgo-firefox-github-say-no-flocing-way-google-s-privacy-updates"},"children":[{"type":"text","value":"DuckDuckGo"}]},{"type":"text","value":", "},{"type":"element","tagName":"a","properties":{"href":"https://techcrunch.com/2021/02/24/mozilla-beefs-up-anti-cross-site-tracking-as-chrome-still-lags-on-privacy/"},"children":[{"type":"text","value":"Mozilla"}]},{"type":"text","value":", and others are working hard to maintain user's privacy, it's a shame we still have companies like Facebook "},{"type":"element","tagName":"a","properties":{"href":"https://www.cnet.com/news/apples-privacy-battle-with-facebook-just-became-all-out-war/"},"children":[{"type":"text","value":"who are fighting against that"}]},{"type":"text","value":". It's a shame, but it's not surprising at all coming from Facebook, as it has yet to show that it actually cares about its users."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To still be waiting for that after 17 years since its launch, I think it's hopeless. There's no point in waiting for the platform to start respecting its users and valuing them. I think it's time to label Facebook as \"Use at your own risk.\" "}]}],"data":{"quirksMode":false}},"tableOfContents":[]},"featureImageSharp":{"base":"IMG_4797.jpg","publicURL":"/static/f2f7eca3c0ccf83d0e1beb30c230400b/IMG_4797.jpg","imageMeta":{"width":1350,"height":900},"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQBAgP/xAAWAQEBAQAAAAAAAAAAAAAAAAABAAL/2gAMAwEAAhADEAAAAVoTpheMAv/EABkQAAMAAwAAAAAAAAAAAAAAAAABAhEhIv/aAAgBAQABBQLdNyzopYYpR//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABkQAAMAAwAAAAAAAAAAAAAAAAABESAhMf/aAAgBAQAGPwJ7LUdWH//EAB0QAAICAQUAAAAAAAAAAAAAAAABESExQVFhgZH/2gAIAQEAAT8hqIrssyuJ0EoDKLYykWc+n//aAAwDAQACAAMAAAAQPC//xAAXEQADAQAAAAAAAAAAAAAAAAAAARFR/9oACAEDAQE/EKsKj//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/EIr/xAAbEAEBAAMAAwAAAAAAAAAAAAABEQAhMUFRkf/aAAgBAQABPxBhD1RrnrmDdjUR5ifcOSkJXeDW1pomM7Cs7ioTVmsf/9k=","aspectRatio":1.4957264957264957,"src":"/static/f2f7eca3c0ccf83d0e1beb30c230400b/ea4ab/IMG_4797.jpg","srcSet":"/static/f2f7eca3c0ccf83d0e1beb30c230400b/477ba/IMG_4797.jpg 175w,\n/static/f2f7eca3c0ccf83d0e1beb30c230400b/06776/IMG_4797.jpg 350w,\n/static/f2f7eca3c0ccf83d0e1beb30c230400b/ea4ab/IMG_4797.jpg 700w,\n/static/f2f7eca3c0ccf83d0e1beb30c230400b/3055e/IMG_4797.jpg 1050w,\n/static/f2f7eca3c0ccf83d0e1beb30c230400b/ecc74/IMG_4797.jpg 1350w","srcWebp":"/static/f2f7eca3c0ccf83d0e1beb30c230400b/89afa/IMG_4797.webp","srcSetWebp":"/static/f2f7eca3c0ccf83d0e1beb30c230400b/9fca7/IMG_4797.webp 175w,\n/static/f2f7eca3c0ccf83d0e1beb30c230400b/37a4e/IMG_4797.webp 350w,\n/static/f2f7eca3c0ccf83d0e1beb30c230400b/89afa/IMG_4797.webp 700w,\n/static/f2f7eca3c0ccf83d0e1beb30c230400b/78e7a/IMG_4797.webp 1050w,\n/static/f2f7eca3c0ccf83d0e1beb30c230400b/15480/IMG_4797.webp 1350w","sizes":"(max-width: 700px) 100vw, 700px"}}}}}]}},"pageContext":{"slug":"why-i-switched-from-atom-to-vs-code","prev":"the-things-you-can-do-for-free-the-ultimate-guide","next":"chrome-88-new-feature-sharing","tag":"my-experience","limit":3,"skip":0,"primaryTagCount":13,"collectionPaths":{}}},"staticQueryHashes":["1272700106","1676991999","2138873178","2546165603","2681841279","2938721187","293880488","3052966952","4156497161"]}