--- title: Web Development description: Building for the browser: HTML/CSS, JavaScript, front-end frameworks, and full-stack development. category: programming-tech url: /subcategory/programming-tech/web-development --- # Web Development Building for the browser: HTML/CSS, JavaScript, front-end frameworks, and full-stack development. ## Available Subjects ### Back-End Development Back-end development focuses on the server-side logic, databases, and application programming interfaces (APIs) that power web applications. Learners will understand how to build secure, scalable server architectures, manage database transactions, and handle client-side requests. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 2 videos, 3 books, 2 courses, 4 websites [Learn Back-End Development](/subject/back-end-development) ### DevOps for Web DevOps for web development bridges the gap between software creation and system operations. Learners will understand how to implement continuous integration and continuous deployment (CI/CD) pipelines, manage cloud infrastructure, and monitor web application performance. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 1 courses, 2 websites [Learn DevOps for Web](/subject/devops-for-web) ### Front-End Frameworks Front-end frameworks are pre-written libraries of code used to build interactive user interfaces for web applications. Learners will understand how to use component-based architectures like React, Vue, or Angular to manage state and render dynamic content. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 1 videos, 1 courses, 4 websites [Learn Front-End Frameworks](/subject/front-end-frameworks) ### Full-Stack Development Full-stack development covers both front-end and back-end web technologies. Learners will understand how to build complete web applications, managing databases, server-side logic, user interfaces, and API integrations. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 1 books, 2 courses, 1 websites [Learn Full-Stack Development](/subject/full-stack-development) ### GraphQL & REST APIs REST and GraphQL are the two main ways web clients talk to servers. You will learn resource design, schemas, queries and mutations, versioning, authentication and when each style fits. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 2 books, 3 websites, 1 papers [Learn GraphQL & REST APIs](/subject/graphql-and-rest-api-design) ### HTML & CSS HTML and CSS are the core languages of the web. This topic covers structuring web page content and styling layouts, enabling learners to build and design visually appealing, responsive websites from scratch. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 3 videos, 2 books, 2 courses, 4 websites [Learn HTML & CSS](/subject/html-and-css) ### JavaScript JavaScript is a lightweight, interpreted programming language used to build interactive web applications. You will understand how to manipulate the DOM, handle asynchronous events, and develop both client-side and server-side software. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 1 videos, 2 books, 3 courses, 1 websites [Learn JavaScript](/subject/javascript) ### Next.js Next.js is the React framework for full-stack web apps. You will learn the App Router, server components, data fetching, rendering strategies and deployment of fast, SEO-friendly sites. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 1 courses, 4 websites [Learn Next.js](/subject/nextjs) ### Node.js Node.js runs JavaScript on the server. You will learn the event loop, modules, npm, Express-style HTTP servers, streams and how to build and deploy APIs and back-end services. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 1 books, 1 courses, 3 websites [Learn Node.js](/subject/nodejs) ### PHP & Laravel PHP runs most of the web and Laravel is its leading framework. You will learn modern PHP, routing, Eloquent ORM, templating and how to ship a database-backed web application. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 1 books, 2 courses, 2 websites [Learn PHP & Laravel](/subject/php-laravel) ### React React is the dominant library for building user interfaces. You will learn components, hooks, state management, routing and data fetching, and how to structure a production React application. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 2 books, 1 courses, 4 websites [Learn React](/subject/react) ### Responsive Design Responsive design is the practice of building websites that adapt to various screen sizes. Learners will master media queries, flexible grids, and modern CSS layouts to ensure optimal user experiences across mobile and desktop devices. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 3 books, 3 courses, 1 websites [Learn Responsive Design](/subject/responsive-design) ### Ruby & Rails Ruby is an expressive object-oriented language and Rails its convention-over-configuration web framework. You will learn Ruby idioms, MVC, ActiveRecord and how to build and deploy a full web app quickly. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 3 books, 1 courses, 1 websites [Learn Ruby & Rails](/subject/ruby-on-rails) ### Smart Contracts Smart contracts are self-executing digital agreements with terms directly written into code. You will understand how they function on blockchain networks, how to write basic code, and how to deploy them for decentralized applications. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 2 books, 1 courses, 4 websites [Learn Smart Contracts](/subject/smart-contracts) ### TypeScript TypeScript adds static types to JavaScript. You will learn type annotations, interfaces, generics, narrowing and the compiler configuration needed to write large, maintainable front-end and Node applications. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 2 books, 3 websites [Learn TypeScript](/subject/typescript) ### Vue, Svelte & Angular Vue, Svelte and Angular are the main alternatives to React for building front ends. You will learn each framework's component model, reactivity and tooling, and how to choose between them. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 2 courses, 2 websites [Learn Vue, Svelte & Angular](/subject/vue-svelte-angular) ### Web Accessibility (a11y) Web accessibility makes sites usable by people with disabilities. You will learn WCAG, semantic HTML, ARIA, keyboard and screen-reader support, and how to audit and fix real pages. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 1 books, 1 courses, 5 websites [Learn Web Accessibility (a11y)](/subject/web-accessibility) ### Web Design Web design combines aesthetics and usability to create digital interfaces. Learners will understand layout principles, typography, color theory, and user experience (UX) design to build visually engaging and functional websites. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 1 videos, 3 books, 1 courses, 2 websites [Learn Web Design](/subject/web-design) ### Web Performance Web performance focuses on optimizing website speed and responsiveness. Learners will understand how to measure page load times, minimize resource sizes, implement caching, and improve the overall user experience. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 3 books, 2 courses, 4 websites [Learn Web Performance](/subject/web-performance) ### Web Security Web security covers the practices and protocols used to protect websites and applications from cyber threats. Learners will understand common vulnerabilities, encryption, secure authentication, and how to defend against malicious attacks. **Difficulty:** Beginner, Intermediate, Advanced **Resources:** 1 books, 2 courses, 2 websites [Learn Web Security](/subject/web-security) --- *This content is part of Dantes.io - Your Treasure Map to Knowledge* View this page online: https://dantes.io/subcategory/programming-tech/web-development