Full Stack Web Development Concept map

JavaScript Framework Javascript UI Libraries Web Frameworks

Vue.js Landing Page
1

Vue.js

Reactive Components for Modern Web Interfaces
Pricing:
- Open Source
Javascript in the browser React - react is a library that gives developers an application programming interface (API) to manipulate the DOM (this is React's ReactDOM package). React uses components and JSX to make building reusable code easier. Docs JSX - is a syntax extension for React Javascript code that lets you write HTML-like markup in a javascript file. This makes it easier to write reusable HTML. Docs State - a key react concept that guides setting and storage of data between renders. Docs Hooks - a key react concept for logic triggered by state change docs Vue - is a framework for building web interfaces. Vue is lightweight and best for small projects prioritizing speed over functionality. doc Angular - web development framework. Angular is best for dynamic more feature rich sites. docs.

#Front-End Frameworks #Javascript UI Libraries #JS Library 341 social mentions
Sequelize Landing Page
2

Sequelize

Provides access to a MySQL database by mapping database entries to objects and vice-versa.
Pricing:
- Open Source
#Development #Web Frameworks #Tool 44 social mentions
Redux.js Landing Page
3

Redux.js

Predictable state container for JavaScript apps
Pricing:
- Open Source
Redux - Redux is a key tool used in managing state across an application. This can be used with any web technology including React, Vue and Angular docs.

#Javascript UI Libraries #JS Library #Front-End Frameworks 165 social mentions
Node.js Landing Page

4

Node.js

Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications

NodeJS - the mainstream javascript server choice. docs.

#Runtime #JavaScript Runtime #JavaScript 785 social mentions
Nest.js Landing Page
5

Nest.js

A progressive Node.js framework for building efficient, reliable and scalable server-side applications.
Pricing:
- Open Source
NestJS - opinionated more scalable, but harder to learn docs.

#Web Frameworks #Developer Tools #JavaScript Framework 182 social mentions
Lo-Dash Landing Page
6

Lo-Dash

Lo-Dash is a drop-in replacement for Underscore.
Pricing:
- Open Source
Lodash - utility library enabling things like deep object comparison that aren't easy to do with javascript out of the box. docs.

#Development Tools #Javascript UI Libraries #JavaScript Framework 84 social mentions
Bootstrap Landing Page
7

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
Bootstrap - toolkit for styling websites. Has lots of themes and capabilities. docs.

#CSS Framework #Development Tools #Design Tools 326 social mentions
ExpressJS Landing Page
8

ExpressJS

Sinatra inspired web development framework for node.js -- insanely fast, flexible, and simple
Pricing:
- Open Source
Express - one of the most popular middleware tools, lightweight and easy to learn. docs.

#JavaScript Framework #Node.js Framework #Web Frameworks 424 social mentions
D3.js Landing Page
9

D3.js

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.
Pricing:
- Open Source
d3 - very power visualization library enabling dynamic visualizations. docs.

#Javascript UI Libraries #Charting Libraries #Data Visualization 159 social mentions
Angular.io Landing Page

10

Angular.io

Angular is a JavaScript web framework for creating single-page web applications. The code is free to use and available as open source. It is further maintained and heavily used by Google and by lots of other developers around the world.

Javascript in the browser React - react is a library that gives developers an application programming interface (API) to manipulate the DOM (this is React's ReactDOM package). React uses components and JSX to make building reusable code easier. Docs JSX - is a syntax extension for React Javascript code that lets you write HTML-like markup in a javascript file. This makes it easier to write reusable HTML. Docs State - a key react concept that guides setting and storage of data between renders. Docs Hooks - a key react concept for logic triggered by state change docs Vue - is a framework for building web interfaces. Vue is lightweight and best for small projects prioritizing speed over functionality. doc Angular - web development framework. Angular is best for dynamic more feature rich sites. docs.

#JavaScript Framework #JS Library #Web Development Tools 283 social mentions