Follow the FrontEnd path
Javascript
Basic Syntax
The syntax of JavaScript is the set of rules that define a correctly structured JavaScript program.
DOM Manipulation
With the HTML DOM, JavaScript can access and change all the elements of an HTML document.
Fetch API
At a high level, fetching a resource is a fairly simple operation. A request goes in, a response comes out.
JSON
JSON (JavaScript Object Notation) is a lightweight data-interchange format.
ES+6
ECMAScript (/ˈɛkməskrɪpt/) (or ES)[1] is a JavaScript standard meant to ensure the interoperability of web pages across different web browsers
TypeScript
TypeScript is a programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language.
Package Managers
Build Tools
Task Runners
NPM Scripts
The "scripts" property of your package.json file supports a number of built-in scripts and their preset life cycle events as well as arbitrary scripts.
Gulp
A toolkit to automate & enhance your workflow
Linters / Formatters
Prettier
An opinionated code formatter
ESLint
ESLint is a static code analysis tool for identifying problematic patterns found in JavaScript code.
Module Bundlers
Webpack
webpack is an open-source JavaScript module bundler
Parcel
Parcel is a web application bundler, differentiated by its developer experience.
Rollup
Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application.
Version Control
GraphQL
Web Assembly
Rust
Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency.
C
C is a general-purpose, procedural computer programming language supporting structured programming, lexical variable scope, and recursion, with a static type system
C++
C++ is a general-purpose programming language created by Bjarne Stroustrup as an extension of the C programming language, or "C with Classes".
Frameworks
React
React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library[3] for building user interfaces based on UI components
Vue
Vue.js (commonly referred to as Vue; pronounced /vjuː/, like "view"[4]) is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications.
Svelte
Svelte is a free and open-source front end compiler[4] created by Rich Harris and maintained by the Svelte core team members.
Angular
AngularJS is a JavaScript-based open-source front-end web framework for developing single-page applications
State Management
Context API
Context provides a way to pass data through the component tree without having to pass props down manually at every level.
Redux
Redux is an open-source JavaScript library for managing and centralizing application state
VueX
Vuex is a state management pattern + library for Vue.js applications.
Angular Services
Simply put, services in Angular let you define code or functionalities that are then accessible and reusable in many other components in your Angular project.
Server Side Rendering
Nuxt.js
Nuxt.js is a free and open source web application framework based on Vue.js, Node.js, Webpack and Babel.js
Next.Js
Next.js is an open-source development framework built on top of Node.js enabling React based web applications functionalities such as server-side rendering and generating static websites
Static Site Generators
Gatsby
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.
Gridsome
Gridsome makes it easy for developers to build static generated websites & apps that are fast by default
11ty
A simpler static site generator. An alternative to Jekyll. Written in JavaScript. Transforms a directory of templates (of varying types) into HTML.
Others Features
PWA
A progressive web application (PWA), commonly known as a progressive web app, is a type of application software delivered through the web, built using common web technologies including HTML, CSS, JavaScript, and WebAssembly.
JAMStack
Jamstack is an architecture designed to make the web faster, more secure, and easier to scale. It builds on many of the tools and workflows which developers love, and which bring maximum productivity.