Introduction to web frameworks

If you need an intro/introduction to any of the following web frameworks React, Angular, Vue, Svelte, Express, NodeJS, ASP.NET Core, Django, Spring, Flask, Laravel, Ruby on Rails, FastAPI, jQuery, Gatsby, Symfony, Drupal, ASP.NET, AdonisJS, Fastify, Koa, Hapi, NestJS, FeathersJS, LoopBack, Sails, Lit, Stencil, Mithril, Ember, Backbone, Polymer, NextJS, Meteor, Nuxt, Preact, Aurelia, Jest, Alpine, Astro, Blitz, CodeIgniter, please watch my videos on my YouTube playlist “Introduction to web frameworks”.

 

Introduction to web frameworks

Introduction to React

React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces based on UI components.

It is maintained by Meta (formerly Facebook) and a community of individual developers and companies.

React can be used as a base in the development of single-page, mobile, or server-rendered applications with frameworks like Next.js.

However, React is only concerned with state management and rendering that state to the DOM, so creating React applications usually requires the use of additional libraries for routing, as well as certain client-side functionality.


Content source:

https://en.wikipedia.org/wiki/React_(JavaScript_library)

Top

Introduction to Angular

Angular is a TypeScript-based free and open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations.

Angular is a complete rewrite from the same team that built AngularJS.

Angular is used as the frontend of the MEAN stack, consisting of MongoDB database, Express.js web application server framework, Angular itself (or AngularJS), and Node.js server runtime environment.

Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps.


Content source:

https://en.wikipedia.org/wiki/Angular_(web_framework)

Top

Introduction to Vue

Vue.js (commonly referred to as Vue) is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications.

It was created by Evan You, and is maintained by him and the rest of the active core team members.

Vue is a JavaScript framework for building user interfaces.

It builds on top of standard HTML, CSS and JavaScript, and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be it simple or complex.


Content source:

https://en.wikipedia.org/wiki/Vue.js

Top

Introduction to Svelte

Svelte is a free and open-source front end compiler created by Rich Harris and maintained by the Svelte core team members.

Svelte is not a monolithic JavaScript library imported by applications: instead, Svelte compiles HTML templates to specialized code that manipulates the DOM directly, which may reduce the size of transferred files and give better client performance; application code is also processed by the compiler, inserting calls to automatically recompute data and re-render UI elements when the data they depend on is modified.

This also avoids the overhead associated with runtime intermediate representations, such as virtual DOM, unlike traditional frameworks (such as React and Vue) which carry out the bulk of their work at runtime, i.e in the browser.

The compiler itself is written in TypeScript.

Its source code is licensed under MIT License and hosted on GitHub.

 

Content source:

https://en.wikipedia.org/wiki/Svelte

Top

Introduction to Express

Express.js, or simply Express, is a back end web application framework for Node.js, released as free and open-source software under the MIT License.

It is designed for building web applications and APIs.

It has been called the de facto standard server framework for Node.js.

The original author, TJ Holowaychuk, described it as a Sinatra-inspired server, meaning that it is relatively minimal with many features available as plugins.

Express is the back-end component of popular development stacks like the MEAN, MERN or MEVN stack, together with the MongoDB database software and a JavaScript front-end framework or library.

 

Content source:

https://en.wikipedia.org/wiki/Express.js

Top

Introduction to NodeJS

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.

Node.js lets developers use JavaScript to write command line tools and for server-side scripting - running scripts server-side to produce dynamic web page content before the page is sent to the user’s web browser.

Consequently, Node.js represents a “JavaScript everywhere” paradigm, unifying web-application development around a single programming language, rather than different languages for server-side and client-side scripts.

Node.js has an event-driven architecture capable of asynchronous I/O.

These design choices aim to optimize throughput and scalability in web applications with many input/output operations, as well as for real-time Web applications (e.g., real-time communication programs and browser games).

The Node.js distributed development project was previously governed by the Node.js Foundation, and has now merged with the JS Foundation to form the OpenJS Foundation, which is facilitated by the Linux Foundation’s Collaborative Projects program.

 

Content source:

https://en.wikipedia.org/wiki/Node.js

Top

Introduction to ASP.NET Core

ASP.NET Core is a free and open-source web framework and successor to ASP.NET, developed by Microsoft.

It is a modular framework that runs on both the full .NET Framework, on Windows, and the cross-platform .NET.

However ASP.NET Core version 3 works only on .NET Core dropping support of the .NET Framework.

The framework is a complete rewrite that unites the previously separate ASP.NET MVC and ASP.NET Web API into a single programming model.

Despite being a new framework, built on a new web stack, it does have a high degree of concept compatibility with ASP.NET.

The ASP.NET Core framework supports side-by-side versioning so that different applications being developed on a single machine can target different versions of ASP.NET Core.

This is not possible with previous versions of ASP.NET.

 

Content source:

https://en.wikipedia.org/wiki/ASP.NET_Core

Top