<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Vitto Rivabella</title>
    <description>The latest articles on DEV Community by Vitto Rivabella (@vittostack).</description>
    <link>https://dev.to/vittostack</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F642711%2Fcc1c4f89-13bf-489b-9b76-10fcf57f3d1d.png</url>
      <title>DEV Community: Vitto Rivabella</title>
      <link>https://dev.to/vittostack</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/vittostack"/>
    <language>en</language>
    <item>
      <title>The Ultimate 2021 Backend Developer Roadmap</title>
      <dc:creator>Vitto Rivabella</dc:creator>
      <pubDate>Mon, 25 Oct 2021 15:25:11 +0000</pubDate>
      <link>https://dev.to/vittostack/the-ultimate-2021-backend-developer-roadmap-29b2</link>
      <guid>https://dev.to/vittostack/the-ultimate-2021-backend-developer-roadmap-29b2</guid>
      <description>&lt;p&gt;You don’t need to spend $10k on a Bootcamp to become a backend developer.&lt;/p&gt;

&lt;p&gt;Whether you need to learn: Node, Express, SQL, NoSQL, REST, JSON, APIs, or the latest fancy technologies, you can do it for free, leveraging the power of the internet.&lt;/p&gt;

&lt;p&gt;After the success of &lt;a href="https://vitto.cc/the-complete-front-end-developer-roadmap-2021/" rel="noopener noreferrer"&gt;The Complete 2021 Front-end development roadmap&lt;/a&gt;, I’ve personally gathered, watched, tested, and reviewed thousands of resources, to come up with this:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;JavaScript-based 2021 backend developer roadmap.&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  1. The Start of Your Backend Journey: Learn how the web works
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foarbvt3zy08ogmx8hxa9.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foarbvt3zy08ogmx8hxa9.jpeg" alt="Room with servers where backends of applications are usually stored"&gt;&lt;/a&gt;&lt;br&gt;
Before starting your journey to become a &lt;strong&gt;backend developer&lt;/strong&gt;, is strongly suggest to understand the &lt;strong&gt;main mechanics of the web, and how data exchange works&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;HTTP/HTTPS.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Server/Clients.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;DNS.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Browsers.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;COOKIES.&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Those are only some of the concepts you’ll need to master, to kickstart your career and start building production-ready APIs.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.freecodecamp.org/news/how-the-web-works-a-primer-for-newcomers-to-web-development-or-anyone-really-b4584e63585c/" rel="noopener noreferrer"&gt;Learn how the web works — A primer for newcomers to web development.&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  2. Backend Development: Fundamentals of Computer Science
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_wuEUDAkSJw0qIIAOK4qoiw.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_wuEUDAkSJw0qIIAOK4qoiw.jpeg" alt="Dog learning backend development "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Let me say one thing: fundamentals, are fundamentals.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;You can learn a &lt;strong&gt;JavaScript Backend framework&lt;/strong&gt; without knowing the fundamentals of Computer Science but is probably the worst thing you can do.&lt;/p&gt;

&lt;p&gt;Learning and understanding:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;How a computer works.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;How variables are stored.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;The differences between compiled code and scripts.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;What compile and runtime errors are.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;The principles of programming.&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Is the key to properly understanding the underlying mechanics of complex Backend Frameworks, and how to optimize your code towards the desired outcome.&lt;/p&gt;

&lt;p&gt;Published by &lt;strong&gt;Harvard&lt;/strong&gt; itself, this &lt;a href="https://learning.edx.org/course/course-v1:HarvardX+CS50+X/home" rel="noopener noreferrer"&gt;Free Computer Science Fundamentals&lt;/a&gt; Course is the best way to set the foundations of your development career starting from the basics.&lt;/p&gt;




&lt;h2&gt;
  
  
  3. 2021 Backend developer roadmap: Learn HTML and CSS
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_pRj95hfmkIDo0AtgHtWIFg.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_pRj95hfmkIDo0AtgHtWIFg.jpeg" alt="Image of a screen with css code to style front-end pages"&gt;&lt;/a&gt;&lt;br&gt;
Even if you just want to develop fancy APIs and backend systems:&lt;/p&gt;

&lt;p&gt;It’s key to learn how front-end development works and how to better serve its needs. To do so, you can start by learning some &lt;strong&gt;CSS and HTML.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;There are an awful lot of amazing free resources about HTML and CSS out there, I’ve personally reviewed some:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;&lt;a href="https://www.khanacademy.org/computing/computer-programming/html-css" rel="noopener noreferrer"&gt;Intro to HTML and CSS — Khanacademy&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;a href="https://www.freecodecamp.org/learn/responsive-web-design/" rel="noopener noreferrer"&gt;Responsive web design + free certificate on FreeCode(300hrs)&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  3.1 Create a Portfolio: Develop Your First Project
&lt;/h3&gt;

&lt;p&gt;&lt;em&gt;Learning by doing is key.&lt;/em&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_0Ra64YXCu5CVWlufq59SOg.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_0Ra64YXCu5CVWlufq59SOg.jpeg" alt="A table with a MacBook and a website displayed"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We mainly learn by solving problems, to solve problems we need to practice, to &lt;strong&gt;practice we need to create projects.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Creating a Portfolio while walking your journey to becoming a backend developer, is a great way to both: &lt;strong&gt;practice and exercise what you learn.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Start by watching this tutorial on &lt;a href="https://www.youtube.com/watch?v=OY5ISdymgiY" rel="noopener noreferrer"&gt;how to build your personal portfolio using just HTML and CSS.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You will have time to come back and add some proper backend, with its interactions, a database, and probably some data handling and exchange through APIs endpoints.&lt;/p&gt;

&lt;p&gt;At this point though, you should be skilled enough to start &lt;a href="https://vitto.cc/how-to-make-money-with-open-source-as-a-developer/" rel="noopener noreferrer"&gt;making money contributing to Open Source projects&lt;/a&gt;. This not only will be a great training field, but also a way to make some good side income.&lt;/p&gt;




&lt;h2&gt;
  
  
  4. Store Your Backend Code in a Repo — Learn Git/Version Control
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_DbJrZ73enNNmnB_UxBDcmQ.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_DbJrZ73enNNmnB_UxBDcmQ.jpeg" alt="Github octocat, the mascotte of GitHub a popular version control SaaS"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Git is an opensource version control system, that allows you to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Keep track of your changes.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Back up your code.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Avoid disastrous consequences.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Collaborate seamlessly.&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If hosted on a web service such as GitHub, it allows you to synchronize your code with collaborators, keeping your codebase(repositories) on the web, free to be moved between devices.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/8JJ101D3knE" rel="noopener noreferrer"&gt;Learn the fundamentals of Git with Mosh.&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  5. Learn the Fundamentals of Web Security
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_wM7qHRz14k95BGZk769zIw.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_wM7qHRz14k95BGZk769zIw.jpeg" alt="An hacker sit on a desk, in a dark room with some blue lights and 3 monitors in front of him."&gt;&lt;/a&gt;&lt;br&gt;
Unfortunately, the world is full of bad people ready to steal and use your data, and that of your customers. &lt;strong&gt;Knowing how to properly store and secure data and communications, is key for a backend developer.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Understand the fundamentals of &lt;strong&gt;web security&lt;/strong&gt; and how to handle private information the right way:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;CORS.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;HTTP/HTTPS.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Basic Hashing.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Authentication.&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Those are only some of the concepts you’ll work with while developing your &lt;strong&gt;backends and securing your API endpoints.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.futurelearn.com/courses/introduction-to-cyber-security" rel="noopener noreferrer"&gt;Learn the fundamentals of Cyber Security for free, in this amazing course by futurelearn.com.&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  6. Add a Pinch of Interactivity— JavaScript
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_haMEQHfMceoIpoEs30wzuA.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_haMEQHfMceoIpoEs30wzuA.jpeg" alt="Books about JavaScript, HTML and CSS, hold vertically by a small rounded cactus in a red and orange vase."&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Learning JavaScript is one of the best investments you can make as a developer.&lt;/strong&gt; Adding interactivity to your websites, as well as data manipulation will completely change your projects.&lt;/p&gt;

&lt;p&gt;In this &lt;strong&gt;2021 Backend roadmap&lt;/strong&gt;, we’re learning how to create our APIs using JavaScript, hence is pretty fundamental to learn it before digging deeper into backend frameworks and libraries.&lt;/p&gt;

&lt;p&gt;You can take the free course: &lt;a href="https://www.edx.org/course/javascript-introduction" rel="noopener noreferrer"&gt;Introduction to JavaScript made by edX and W3C (World wide web consortium).&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  7. The Start of Your Backend Journey — Node.js and NPM
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_bWy_a-AK77wbOkKJqrWx0g.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_bWy_a-AK77wbOkKJqrWx0g.jpeg" alt="Screen with some Backend Javascript, Node and SQL code."&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;There’s no JavaScript backend developer without Node.js and NPM.&lt;/p&gt;

&lt;p&gt;The Node.js runtime is the software stack responsible for &lt;strong&gt;installing your web service’s code, its dependencies, and running your service.&lt;/strong&gt; Is an asynchronous event-driven JavaScript runtime, designed to build scalable network applications.&lt;/p&gt;

&lt;p&gt;Used by companies such as Netflix, Uber, and NASA, it’s something a JavaScript backend developer should know in 2021.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;NPM&lt;/strong&gt;, is the &lt;strong&gt;Node Package Manager&lt;/strong&gt;, responsible for handling, installing, and importing your Node.js based libraries.&lt;/p&gt;

&lt;p&gt;Resources to learn Node.js:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://nodejs.dev/learn" rel="noopener noreferrer"&gt;The Node.js documentation is a great place to start&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=zb3Qk8SG5Ms&amp;amp;list=PL4cUxeGkcC9jsz4LDYc6kv3ymONOKxwBU" rel="noopener noreferrer"&gt;Learn Node.js with The Net Ninja on YouTube&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  8. Create Powerful APIs: learn Express.js
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_u7A0F0uSK_7dXz-cBbw7Wg.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_u7A0F0uSK_7dXz-cBbw7Wg.jpeg" alt="Table with a MacBook testing an API backend code."&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Even if you could potentially create full APIs just by using Node.js, this isn’t convenient.&lt;/p&gt;

&lt;p&gt;Express comes to our help:&lt;/p&gt;

&lt;p&gt;A minimal and flexible &lt;strong&gt;Node.js framework&lt;/strong&gt; that will help you creating APIs effortlessly thanks to a myriad of &lt;strong&gt;HTTP methods and middleware.&lt;/strong&gt; Express.js powers thousands of backends around the world, suitable for the most diverse REST APIs.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=L72fhGm1tfE" rel="noopener noreferrer"&gt;Learn Express.js with this free crash course by Traversy Media&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  9. Connect Your Backend to a Database
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_VGI5ArSBlPdKdQ_Mv0RB1g.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_VGI5ArSBlPdKdQ_Mv0RB1g.jpeg" alt="Closeup of an Hard Drive, usually used to store data."&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;What’s the difference between SQL and NoSQL databases?&lt;br&gt;
Should I use Postgres or MongoDB?&lt;/p&gt;

&lt;p&gt;Databases are a huge part of backend development, as those are the &lt;strong&gt;places where your data will be usually stored.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Learning how to create, manage, edit and connect SQL and NoSQL databases, is key for a backend developer.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=ruz-vK8IesE" rel="noopener noreferrer"&gt;Learn the differences between SQL and NoSQL in this short YouTube video.&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  9.1 Should I learn NoSQL or SQL database?
&lt;/h3&gt;

&lt;p&gt;As always: it depends.&lt;/p&gt;

&lt;p&gt;Both systems have their pros and cons, which make them great in different scenarios. &lt;br&gt;
My suggestion? &lt;strong&gt;Pick both a NoSQL and a SQL database to learn.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I’ve personally tried an awful lot of DB systems, ending up using:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Postgre as a SQL DB.&lt;/li&gt;
&lt;li&gt;MongoDB as a NoSQL DB.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  9.2 SQL Database: learn PostgreSQL
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_XIMVb4ZQRfSS4ZnI6WfH0Q.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_XIMVb4ZQRfSS4ZnI6WfH0Q.jpeg" alt="PostgreSQL logo with an elephant"&gt;&lt;/a&gt;&lt;br&gt;
One of the most popular SQL databases of 2021: Postgre is an open-source DB system, with over 30 years of active development.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;PostgreSQL has a strong reputation for reliability, feature robustness, and performance.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.postgresqltutorial.com/" rel="noopener noreferrer"&gt;Start learning PostgreSQL for Free.&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  9.3 NoSQL Database: learn MongoDB
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_qQwwv7aYYcjY1q42pOzPFw.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_qQwwv7aYYcjY1q42pOzPFw.jpeg" alt="MongoDB logo with a leaf"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;With over 12 years of active development, MongoDB is one of the most popular NoSQL Databases to date.&lt;/p&gt;

&lt;p&gt;Hosted by AWS, Google Cloud, and Azure, MongoDB stores the data of thousands of tools and platforms out there.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://university.mongodb.com/" rel="noopener noreferrer"&gt;Learn MongoDB here&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  10. Ship You Backend Faster: Continuous Delivery &amp;amp; Dev Ops.
&lt;/h2&gt;

&lt;p&gt;Amazon famously delivers new code every 11.6 seconds. Just a few years ago, this was unthinkable.&lt;/p&gt;

&lt;p&gt;This is thanks to &lt;strong&gt;Continuous delivery and Integration technologies&lt;/strong&gt;: ways to ensure fast execution times, maximizing data gathering, and data-driven decisions.&lt;/p&gt;

&lt;p&gt;DevOps stands for development and operations, and it’s a key skill to learn as a backend developer in 2021.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.coursera.org/learn/uva-darden-continous-delivery-devops" rel="noopener noreferrer"&gt;Learn DevOps from the University of Virginia, on Coursera for Free.&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  11. Learn by Doing: Create Projects
&lt;/h2&gt;

&lt;p&gt;There’s no better way to retain notions than doing and solving problems.&lt;br&gt;
Sometimes, finding backend projects to practice sounds hard though.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://gist.github.com/MWins/41c6fec2122dd47fdfaca31924647499" rel="noopener noreferrer"&gt;Here’s a list of 20+ backend projects ideas to give you some inspiration, on GitHub.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Just remember: backends are mainly comprised of APIs and Data Exchange, any project including those two domains, will do the job.&lt;/p&gt;

&lt;p&gt;You might also want to start writing articles to share your knowledge, build an online presence, and earn from your tech writing skills. &lt;a href="https://vitto.cc/4-best-blogging-platforms-for-developers/" rel="noopener noreferrer"&gt;Here’s a list of the best blogging platforms for developers.&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  12. Start Monetizing as a Backend Developer
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_skINHS-mNCH55sOiu8KBPA.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_skINHS-mNCH55sOiu8KBPA.jpeg" alt="Glass with money and leaves "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;At this point, you should be able to &lt;strong&gt;set up a proper REST API and get paid for it.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The best thing about programming is that: is free to get started and pays a lot.&lt;/p&gt;

&lt;p&gt;There are &lt;strong&gt;hundreds of ways to monetize your backend development skills&lt;/strong&gt;. From open source to APIs monetization, from tech writing to YouTube channels.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://vitto.cc/how-to-make-money-with-open-source-as-a-developer/" rel="noopener noreferrer"&gt;Learn 9 simple ways to start monetizing Open Source as a developer&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you want to go deeper into monetization for developers, this is not a free resource but definitely worth the price:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://gumroad.com/a/669160563/SkkZt" rel="noopener noreferrer"&gt;Ten Ways to Make Money as a Developer, written by Florin Pop, is the best start to monetize your projects.&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  13. Add Types to Your JavaScript Backend: TypeScript
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_oAd68HgDdoIYKMm3Yl8eWQ.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_oAd68HgDdoIYKMm3Yl8eWQ.png" alt="Graphic with a laptop, the client, a server and a database, used to demonstrate how backend and fronted communication work"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Take JavaScript, add types and compile-time errors, and a much smarter IntelliSense: you’ll have TypeScript.&lt;/p&gt;

&lt;p&gt;JavaScript is known to be a type-less language, Typescript “solves” this issue by bringing types (strings, numbers, etc), and a number of other features, to your code.&lt;/p&gt;

&lt;p&gt;Great error handling, bug sorting, and code assistance, something a backend developer should know to create better APIs in 2021&lt;/p&gt;

&lt;p&gt;Learn TypeScript in this free Udemy Course.&lt;/p&gt;




&lt;h2&gt;
  
  
  14. Pick a JavaScript Backend Framework
&lt;/h2&gt;

&lt;p&gt;Choosing a &lt;strong&gt;JavaScript framework&lt;/strong&gt; will introduce lots of commodities in your workflows.&lt;/p&gt;

&lt;p&gt;Backend frameworks introduce things such as &lt;strong&gt;SSG, SSR, or utilities to speed up your development.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Before digging into a JavaScript backend framework is key to understand what those terms mean:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;SSG -&amp;gt; Static Site Generation.&lt;/li&gt;
&lt;li&gt;SSR -&amp;gt; Server-Side Rendering.&lt;/li&gt;
&lt;li&gt;CSR -&amp;gt; Client-Side Rendering.
Learn more about &lt;a href="https://www.youtube.com/watch?v=2tJedF8I-8Q" rel="noopener noreferrer"&gt;backend rendering methods on YouTube.&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Backend frameworks are usually based on front-end counterparts&lt;/strong&gt;, such as React and Vue, strictly connecting your backend to your front-end.&lt;/p&gt;

&lt;p&gt;There are many popular JS backend frameworks, such as:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;React/NextJS.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Vue/NuxtJS.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Gatsby.&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  15. React-Based Backend Frameworks: Next.js and Gatsby
&lt;/h2&gt;

&lt;h3&gt;
  
  
  15.1 Next.js
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_evWiCwVffl0RCeaqayMFxw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_evWiCwVffl0RCeaqayMFxw.png" alt="Next js logo"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;React-based and Open-source, Next.js brings hybrid Static and Server-Side rendering to your backend development toolbox.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://youtu.be/j942wKiXFu8" rel="noopener noreferrer"&gt;Learn React on YouTube&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://nextjs.org/learn/basics/create-nextjs-app" rel="noopener noreferrer"&gt;Learn Next on the official docs&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Originally developed by Vercel.com, you might want to explore their free hosting services as well.&lt;/p&gt;

&lt;h3&gt;
  
  
  15.2 Gatsby
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_14Qt4_D9lY0ZTGjl3ee4Kw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_14Qt4_D9lY0ZTGjl3ee4Kw.png" alt="Gatsby JavaScript Library Logo"&gt;&lt;/a&gt;&lt;br&gt;
Gatsby is also a React-based open-source framework for creating websites.&lt;/p&gt;

&lt;p&gt;Specialize in Static Websites such as Blogs and homepages.&lt;br&gt;
Amazingly fast, gives you 2500+ plugins to kickstart your backend.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/Qms4k6y7OgI" rel="noopener noreferrer"&gt;Learn Gatsby on YouTube&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  15.3. Vue.js Based Backend Framework: Nuxt.js
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_9cYxrvAFcM_Hua15uSDGNQ.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_9cYxrvAFcM_Hua15uSDGNQ.jpeg" alt="Vue.js logo"&gt;&lt;/a&gt;&lt;br&gt;
Based on Vue.js, Nuxt.js is the Next.js counterpart (you don’t say?).&lt;/p&gt;

&lt;p&gt;Modular, performant, and easy-to-use Nuxt.js implements Server Side and static rendering to your workflow.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=qZXt1Aom3Cs&amp;amp;feature=youtu.be" rel="noopener noreferrer"&gt;Learn Vue.js on YouTube.&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=Wdmi4k7sFzU" rel="noopener noreferrer"&gt;Learn Nuxt.js on YouTube.&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  16. Shift the Heavy Lifting To the Backend: Learn GraphQL
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_T4x-7hDVPZs2wG59gB7yVg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_T4x-7hDVPZs2wG59gB7yVg.png" alt="GraphQL Logo"&gt;&lt;/a&gt;&lt;br&gt;
My grandpa used to say: “REST is Great, but GraphQL is lightweight”&lt;/p&gt;

&lt;p&gt;Of course, I’m kidding but, simply put: &lt;strong&gt;GraphQL shifts the data handling coming from APIs, from the client -&amp;gt; to the server.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;This means not more REST, but active data processing and filtering, directly in the backend.&lt;/p&gt;

&lt;p&gt;Used by Nasa, Facebook, Airbnb, and GitHub, GraphQL is getting more and more traction in 2021.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/I6ypD7qv3Z8" rel="noopener noreferrer"&gt;Learn GraphQL with Ben Awad on YouTube.&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  17. Create Lighting fast APIs With Web Assembly.
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_BuBx0wQHKMaRRfXWcIVMbQ.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_BuBx0wQHKMaRRfXWcIVMbQ.png" alt="Webassebly logo. Useful to create better and faster APIs"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;WebAssembly&lt;/strong&gt; is a new type of code that can be run in modern web browsers and provides new features and major gains in performance, to power backends.&lt;/p&gt;

&lt;p&gt;It is not primarily intended to be written by hand, rather it is designed to be an effective compilation target for source languages like C, C++, Rust, etc.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://developer.mozilla.org/en-US/docs/WebAssembly/Concepts" rel="noopener noreferrer"&gt;Learn more about WebAssembly on MDN.&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  18. Decentralize Your Backend With Web3.0
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Learn Web 3.0 and get paid.&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_mFmo4BiW-DGQcZ88J74L1A-1.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvitto.cc%2Fwp-content%2Fuploads%2F2021%2F10%2F1_mFmo4BiW-DGQcZ88J74L1A-1.jpeg" alt="The word blockchain. Distributed systems are the new backend systems."&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you want to take a step further, I suggest you exploring the potentialities of Blockchain and Web3.0 development.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Blockchain Devs are paid: $140k/year on average.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://blog.oliverjumpertz.dev/your-roadmap-to-becoming-a-web-30-developer?x-host=blog.oliverjumpertz.dev" rel="noopener noreferrer"&gt;Start learning web3.0 with Oliver Jumpertz.&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Conclusion: Continue building projects
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Learning backend development in 2021 can be completely free.&lt;/strong&gt; In this roadmap, I’ve listed the best resources I’ve used to start my backend journey using JavaScript and landing my first freelancing jobs.&lt;/p&gt;

&lt;p&gt;To learn how to code, though, a roadmap is not enough: you need to practice, and you can practice by building projects.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;“The best way to learn is by solving problems”&lt;/em&gt; - Elon Musk&lt;br&gt;
Solve problems, and you’ll get paid for it!&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>node</category>
      <category>graphql</category>
      <category>nextjs</category>
    </item>
  </channel>
</rss>
