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 reddit.com/r/learnprogramming

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Access the most powerful time series database as a service
  • 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..

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • 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

    The modern web developer’s platform

    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.

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

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