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

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • 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.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • kubernetes-the-hard-way

    Bootstrap Kubernetes the hard way. No scripts.

  • Kubernetes the Hard Way

  • 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.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • React

    The library for web and native 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

    Deliver web apps with confidence 🚀

  • 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.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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

  • Ask HN: What's is your go to toolset for simple front end development?

    46 projects | news.ycombinator.com | 7 Jul 2022
  • Desperately want to make my own game, tripped up on certain integral parts [JS/HTML/CSS]

    7 projects | /r/incremental_gamedev | 4 Feb 2023
  • Any former accountants that made the transition to Front End?

    6 projects | /r/webdev | 24 Dec 2022
  • Let's Talk About Framework-Specific UI Component Libraries

    13 projects | dev.to | 11 Aug 2022
  • Some front-end web technologies you should be aware of as a newcomer 🧐

    22 projects | dev.to | 22 Feb 2022