The Complete Guide to a Career in Web Development: Frameworks, Typescript, Hosting and DevOps

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • Sonar - Write Clean JavaScript Code. Always.
  • Zigi - Close all those tabs. Zigi will handle your updates.
  • Scout APM - Truly a developer’s best friend
  • example-react-app

    This is a simple minimalist example of a React project to demonstrate hosting

    Here is my personal repository where I've pushed by React app. Yours will have a different URL.

  • kubernetes-the-hard-way

    Bootstrap Kubernetes the hard way on Google Cloud Platform. No scripts.

    Kubernetes the Hard Way

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • action-doctl

    GitHub Actions for DigitalOcean - doctl

    If you're looking for a more scaleable option that you are willing to pay for with hosting, then check out services like AWS, Microsoft Azure, and Digital Ocean.

  • core

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. (by vuejs)

    Vue and Svelte are much less opinionated in that regard.

  • vite

    Next generation frontend tooling. It's fast!

    The fastest and easiest way to start writing React is to use a pre-configured tool like Create React App or Vite.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Two popular CSS frameworks worth knowing about are Bootstrap and TailwindCSS.

  • Svelte

    Cybernetically enhanced web apps

    Vue and Svelte are much less opinionated in that regard.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

    To give an example, you could create a React component called Card which includes

  • jQuery

    jQuery JavaScript Library

    Another one you may have heard of is jQuery. In its heyday, jQuery was te go-to JS tool for providing additional functions that made creating and updating the DOM (the elements on your website) much easier. Much of the reasons developers no longer reach for it is that many of its functions have now been implemented into the Javascript built-in standard itself (for example document.querySelector for DOM manipulation and fetch for AJAX calls), so the language would not be what it is today without jQuery having paved the way.

  • Puts Debuggerer

    Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

    DevOps engineers will use features within tools like Gitlab or Github to ensure that in order for code to be allowed to merge into the primary main or master branch of the project, it must meet certain conditions.

  • Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

    Two popular CSS frameworks worth knowing about are Bootstrap and TailwindCSS.

  • flyctl

    Command line tools for fly.io services

    Before getting into other options, I should say I've heard very good things about fly.io. I've never used it personally, but it seems like a potentially great free option for Node.js hosting. If you're interested give this tutorial a try and let me know how it goes.

  • aws-lambda-java-libs

    Official mirror for interface definitions and helper classes for Java code running on the AWS Lambda platform.

    One other common suggestions is to use AWS Lambda. One benefit of lambda functions is that although you will still need to provide your credit card, they will only charge you based on actual usage. So if you and your friends are the only ones using the app, you're likely only looking at a few pennies a month.

  • Angular

    The modern web developer’s platform

    Angular is also very opinionated about how components are structured, but much more than React enforces a particular directory and file structure within your project as well.

  • Zigi

    Close all those tabs. Zigi will handle your updates.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts