Web Development All You Need to Learn in 2024

Web development involves creating websites and web applications. Starting with a JavaScript stack involves front-end and back-end development. Learning depends on your background; basics might take 3-6 months. Proficiency grows with practice and project work. Mastery needs ongoing learning and commitment, varying for each person.

Frontend Development

UI/UX Design

Figma/Adobe XD - figma.com, helpx.adobe.com/support/xd.html
Mockups - freepik.com/free-photos-vectors/ui-mockup, dribbble.com/tags/ux-ui-mockup

HTML - w3.org/html

CSS - w3.org/Style/CSS

CSS Architecture

BEM - getbem.com,
OOCSS - oocss.org, keycdn.com/blog/oocss
SMACSS - smacss.com, toptal.com/css/smacss-scalable-modular-arch..
ACSS - acss.io, css-tricks.com/lets-define-exactly-atomic-css

CSS Preprocessors

Sass/Scss - sass-lang.com
Less - lesscss.org
Stylus - stylus-lang.com

CSS Frameworks

Bootstrap - getbootstrap.com
Bulma - bulma.io
Semantic UI - semantic-ui.com

JavaScript - ecma-international.org

JS Framework

React - react.dev
Vue - vuejs.org

JS Library

Jquery - jquery.com

TypeScript - typescriptlang.org

TS Framework

Angular - angular.io
Svelte - svelte.dev

Web Assembly - webassembly.org

Individual Assembly

Python - pyscript.net, transcrypt.org
Java - jsweet.org

Backend Development

NodeJS - nodejs.org/en

Framework

ExpressJS - expressjs.com
NextJS - nextjs.org

ORM & ODM

Sequelize - sequelize.org (ORM for Oracle, Postgres, MySQL, MariaDB, SQLite and SQL Server, …)
Mongoose - mongoosejs.com (ODM for MongoDB)
Prisma - prisma.io (ORM for Postgres, MongoDB, MySQL, MariaDB, …)

REST Api