What is(are) the best resource(s) to lean how to build modern web applications?

This page summarizes the projects mentioned and recommended in the original post on /r/learnprogramming

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    Language - JavaScript, and better yet TypeScript which is a relatively thin veneer over JS that adds type information, which can help you avoid lots of bugs up-front, and reduce debugging effort at runtime.

  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

    Packaging - turning all your code, CSS, assets, etc. into the files you'll actually stick on your host server. e.g. webpack, maybe esbuild, etc..

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

  • core

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

    Framework - you might choose a framework that helps you build your client-side application (what the user interacts with). For example, React, angular, vue, etc.

  • React

    The library for web and native user interfaces.

    Framework - you might choose a framework that helps you build your client-side application (what the user interacts with). For example, React, angular, vue, etc.

  • Express

    Fast, unopinionated, minimalist web framework for node.

    Then if you need a database, you'll want to look at how to set up a server application that mediates between the client-side application and database. So on your server (starting with your local development machine), you'll need to have a database process running, and you'll want a server application running. Typically the server application will expose endpoints over HTTP, so you may want a HTTP/REST library on your server application that handles that. For example, to leverage your JS skills, you could totally have a node.js application using express to expose those endpoints, and on your client-side application you might use fetch, or some other networking library, to make calls to your server application. Your server application will have functions connected to those endpoints, and in turn make calls to your database to read/write data.

  • esbuild

    An extremely fast bundler for the web

    Packaging - turning all your code, CSS, assets, etc. into the files you'll actually stick on your host server. e.g. webpack, maybe esbuild, etc..

  • Angular

    Deliver web apps with confidence 🚀

    Framework - you might choose a framework that helps you build your client-side application (what the user interacts with). For example, React, angular, vue, etc.

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

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