Skip to content

itsmohitnarayan/awesome-web-dev-resources

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
.github
.github
 
 
.gitignore
.gitignore
 
 
CONTRIBUTORS.md
CONTRIBUTORS.md
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
SECURITY.md
SECURITY.md
 
 

Repository files navigation

Awesome Web Development Awesome

A curated list of awesome web development resources, libraries, and tools.

Table of Contents

Introduction

Welcome to the awesome web development resources list! This repository aims to provide a comprehensive collection of web development resources, tutorials, tools, and libraries to help developers build amazing web applications.

General Resources

Roadmaps

Cheatsheets

Interview Questions

HTML

CSS

Icons

  • Ionicons - Open-Sourced and MIT licensed icon pack.
  • Font Awesome - Vector icons and social logos.
  • Material Icons - Material icons are delightful, beautifully crafted symbols for common actions and items. Download on desktop to use them in your digital products for Android, iOS, and web.
  • Icones - Icons collection.
  • icons8 - Download free icons in PNG and SVG.
  • flaticon - Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.
  • Tabler Icons - Fully customizable free SVG icons.
  • icofont - 2100+ free icons to spice up your creative designs.
  • Simple Icons - 1463 Free SVG icons for popular brands.
  • Get Emoji - ✂️ Copy and đź“‹ Paste Emoji đź‘Ť.
  • Ikonate - Customizable icons pack.
  • useAnimations - Free animated icons.
  • 3dicons - A collection of over 5000 3D icons and characters with 4k resolution, each icon delivered in 5 color palettes, front and perspective views.
  • Iconshock - The biggest icon pack with over 2 million professional icons in +400 icon sets with more than 30 design styles: material, flat, 3d, realistic, iOS, and more.
  • Bootstrap Icons - Official open source SVG icon library for Bootstrap.
  • Fontisto Icons - Fontisto is an extensive collection of web icons for web designers and developers.

Online Compilers & IDE

Preprocessors

  • Sass - The most mature, stable, and powerful professional grade CSS extension language.
  • LESS - Backward compatible with CSS. Need only to download and include a single JavaScript file.
  • Stylus - Expressive, dynamic, robust CSS.
  • PostCSS - A tool for transforming CSS with JavaScript plugins.

Frameworks

  • Bootstrap - CSS framework directed at responsive, mobile-first front-end web development.
  • Foundation - Responsive front-end framework.
  • Bulma - A modern CSS framework based on Flexbox.
  • Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
  • Semantic UI - A development framework that helps create beautiful, responsive layouts using human-friendly HTML.
  • Pure CSS - A set of small, responsive CSS modules.
  • Materialize - A modern responsive front-end framework based on Material Design.
  • Spectre.css - A lightweight, responsive, and modern CSS framework.
  • Pico.css - A minimalist CSS framework for semantic HTML.

JavaScript

Languages & Frameworks

TypeScript

React

Vue.js

Angular

Node.js

Express.js

Django

Flask

Ruby on Rails

Frontend Frameworks

  • React
  • Vue.js
  • Angular
  • Svelte - Cybernetically enhanced web apps.
  • Preact - Fast 3kB alternative to React with the same modern API.
  • Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your HTML.
  • Lit - Simple. Fast. Web Components.
  • Ember.js - A framework for ambitious web developers.
  • Backbone.js - Gives structure to web applications by providing models with key-value binding and custom events.

Backend Frameworks

Static Site Generators

APIs

  • RESTful API - An architectural style for an application program interface (API) that uses HTTP requests to access and use data.
  • GraphQL - A data query language developed by Facebook as an alternative to REST.
  • Postman - A collaboration platform for API development.
  • Swagger - Simplify API development for users, teams, and enterprises with the Swagger open source and professional toolset.
  • RapidAPI - Find and connect to thousands of APIs.

Databases

Performance Optimization

  • Lighthouse - Improve the quality of your web apps.
  • Webpack - A static module bundler for modern JavaScript applications.
  • Rollup - A module bundler for JavaScript.
  • Parcel - A zero-configuration build tool for the web.
  • Gulp
  • Grunt

Web Components

  • Web Components - A set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps.
  • Stencil - A toolchain for building reusable, scalable Design Systems.
  • Polymer - Reusable components for the modern web.
  • Lit - Simple. Fast. Web Components.

CSS-in-JS Libraries

Package Managers

  • npm
  • Yarn
  • pnpm - Fast, disk space efficient package manager.
  • Composer - Dependency Manager for PHP.
  • Homebrew - The Missing Package Manager for macOS (or Linux).

Version Control

  • GitHub Actions - Automate your workflow from idea to production.
  • CircleCI - Automate your development process quickly, safely, and at scale.
  • Travis CI - Test and Deploy Your Code with Confidence.
  • Jenkins - The leading open source automation server.
  • GitLab CI - Continuous Integration, Continuous Delivery, and Continuous Deployment.
  • Bitbucket Pipelines - Integrated CI/CD for Bitbucket Cloud that's trivial to set up, automating your code from test to production.

Static Analysis

  • ESLint - Find and fix problems in your JavaScript code.
  • Stylelint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
  • Prettier - An opinionated code formatter.
  • SonarQube

Performance

Web Security

  • Dependabot
  • OWASP - Open Web Application Security Project is a nonprofit foundation that works to improve the security of software.
  • Snyk - Continuously find and fix vulnerabilities.
  • Helmet - Help secure Express apps with various HTTP headers.
  • Content Security Policy - Prevents a wide range of attacks, including Cross-Site Scripting (XSS) and data injection attacks.

Testing

  • Jest - Delightful JavaScript Testing Framework with a focus on simplicity.
  • Mocha - Simple, flexible, fun JavaScript test framework.
  • Chai - BDD / TDD assertion framework for node.js and the browser that can be paired with any JavaScript testing framework.
  • Cypress - Fast, easy and reliable testing for anything that runs in a browser.
  • Selenium - Browser automation tool for testing web applications.
  • Puppeteer - Headless Chrome Node.js API by Google.
  • Testing Library - Simple and complete testing utilities that encourage good testing practices.

WebAssembly

  • WebAssembly - WebAssembly (abbreviated Wasm) is a binary instruction format for a stack-based virtual machine.
  • Emscripten - Emscripten compiles C/C++ code to WebAssembly (or JavaScript).
  • AssemblyScript - A TypeScript-to-WebAssembly compiler.

Progressive Web Apps (PWAs)

Hosting

  • Digital Ocean - A cheap web Hosting Platform.
  • AWS - Amazon Web Services offers reliable, scalable, and inexpensive cloud computing services.
  • Google Cloud - Google Cloud Platform lets you build, deploy, and scale applications, websites, and services.
  • Azure - Microsoft Azure is an ever-expanding set of cloud services to help your organization meet your business challenges.
  • Netlify - All-in-one platform for automating modern web projects.
  • Vercel - Deploy web projects with the best frontend developer experience and highest end-user performance.
  • Heroku - Platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.
  • Coolify - A Open-Source Cheap Alternative to Web hosting.

Learning Platforms

Contributing

Contributions are welcome! Please read the contributing guidelines first.

License

This project is licensed under the CC0 1.0 Universal (CC0 1.0) Public Domain Dedication - see the LICENSE file for details.

About

A curated list of awesome web development resources, libraries, and tools.

Topics

open-source awesome web reactjs nextjs hosting resources awesome-list webdev webdevelopment tailwindcss zod learningwebsite coolify developmentresources web-dev-resources modernwebsitedevelopment awesome-web-dev web-dev-resource

Resources

Readme

License

CC0-1.0 license

Code of conduct

Code of conduct

Security policy

Security policy
Activity

Stars

0 stars

Watchers

1 watching

Forks

1 fork
Report repository

Releases

No releases published

Sponsor this project

 
Learn more about GitHub Sponsors

Packages

No packages published