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
Vectors - storyset.com
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
Vue - vuejs.org
JS Library
React - react.dev
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
Specification - swagger.io/specification, spec.openapis.org/oas/v3.1.0
Testing - postman.com, insomnia.rest
Auth Token - jwt.io
Auth Tools - passportjs.org
Multiple Auth - oauth.net/2
Realtime Feature - socket.io
Email - nodemailer.com, mailtrap.io, forwardemail.net
2FactorAuth - codevoweb.com/two-factor-authentication-2fa..
Communication - twilio.com, sendgrid.com, pusher.com
GraphQL - graphql.org, apollographql.com
Storage
Cloudinary - cloudinary.com
AWS S3 - aws.amazon.com/s3
Vimeo - developer.vimeo.com
TDD - jestjs.io
Design Patterns - blog.risingstack.com/fundamental-node-js-de..
Advanced
System Architecture, Infrastructure, Server
DevOps
Docker - docker.com
Kubernetes - kubernetes.io
CI/CD Automation - travis-ci.com, circleci.com
System Design, DevOps, Software Engineering
Top comments (0)