Full Stack Web Development Front-End & Back-End Course

Master CSS basics within the full stack web development front-end and back-end course to style web pages.

Advance your front-end layout skills in the full stack web development front-end & back-end course, part 2 of the layout series.

Learn how to apply 2D and 3D CSS transformations—rotate, scale, skew, translate—then master smooth transitions and keyframe animations, including perspective, transform-origin, and reusable animation patterns.

Master clean, maintainable css by applying naming conventions like kebab, camel, pascal and vim; use css variables, object oriented css, and bam to create reusable components and prevent style leakage.

Build a hands-on HTML and CSS project 2 to apply front-end fundamentals from the full stack web development course, delivering clean markup, styling, and responsive layout.

Discover how JavaScript runs in browsers and in Node, how ECMAScript defines the language, and how to set up a development workflow with VS Code, Live Server, and index.js.

Master control flow concepts essential for full stack development by exploring how code execution is directed in front-end and back-end tasks.

Master objects in full stack web development, applying concepts across front-end and back-end tasks for practical proficiency.

Explore object oriented programming in JavaScript, focusing on encapsulation, abstraction, inheritance, and polymorphism, with ES6 classes, prototypes, prototypical inheritance, and practical examples like local storage.

Discover how objects power full stack web development across front-end and back-end contexts, with practical insights into object usage, organization, and interactions.

Master es6 classes within a full stack web development course, applying modern class syntax to organize front-end and back-end code.

Master React by building a production-grade video games discovery app using function components, JSX, and TypeScript. Set up with Vite, and understand the virtual DOM, React DOM, and component-based architecture.

Focus on building components in React for front-end development within a full stack web development course.

Master managing component state in front-end development within a full stack context, applying practical state handling techniques to create responsive, reliable user interfaces.

Build forms as part of the full stack web development front-end and back-end course, covering practical form creation within the curriculum.

Design and build a full stack video game discovery app, focusing on front-end interfaces and back-end data flows in part 1 of the project.

Continue building a video game discovery app to practice full-stack front-end and back-end development. Apply project-based techniques to integrate features and improve user experience.

Master fetching and updating data with React Query in the full stack web development front-end and back-end course, part 2.

Master fetching data and updating data with React Query in part 3 of the full stack web development course.

Master global state management in a front-end context as part of the full stack web development course, building on part 2 to manage shared data across components.

Learn to build multi-page apps with react router v6 by setting up routes with createBrowserRouter, implementing navigation, handling errors, and using nested layout routes for dynamic and private routes.

Redux centralizes application state in a single store, enabling predictable data flow and real-time UI updates across React, Angular, Vue, or vanilla JavaScript. Leverage Redux dev tools and time-travel debugging to inspect state changes, while understanding the trade-offs of boilerplate and functional programming.

Explore building Redux from scratch by creating a private store with get state, dispatch, and subscribe, wiring in a reducer and actions to manage and observe state changes.

Learn how to consume APIs within a full stack web development course, enabling data flow between front-end and back-end components.

Learn how to test Redux applications within full stack web development, focusing on validating state management and ensuring reliable front-end behavior.

Master git fundamentals, install and configure git, create and manage snapshots, explore history, branch and merge, collaborate via GitHub, and adjust end-of-line handling and editor settings.

Create snapshots in the full stack web development front end and back end course, emphasizing the core concept of snapshot creation.

Explore browsing history within a full stack web development context, connecting front-end navigation with back-end data considerations to build seamless user experiences.

Master branching concepts within the full stack web development course, applying branching to front-end and back-end scenarios to guide logic and decision flow.

Discover how TypeScript extends JavaScript with static typing, compile-time checks, and tooling, and learn to set up a TypeScript project from tsconfig.json to debugging in VS Code.

Explore the fundamentals of TypeScript, including built-in and advanced types (any, unknown, never, enums, tuples), type inference, arrays, functions, and strong object typing with best practices.

Master type aliases, unions, and intersections; use narrowing for nullable and unknown values; apply literal types, optional property access, optional call, and nullish coalescing; employ type assertions and guards.

Master classes, interfaces, and object-oriented programming within a full stack web development context for front-end and back-end projects.

Explore generics in TypeScript, building generic classes, functions, and interfaces with constraints and type mapping to create reusable, type-safe code using key of and read-only, optional, and nullable types.

Master how decorators and modules organize and extend a full stack web development project, enabling scalable code structure and reusable functionality across front-end and back-end layers.

Getting started with Next.js: learn the fundamentals of building full stack web applications using Next.js for front-end and back-end development in modern web workflows.

Explore styling strategies for modern web apps by using global styles in globals.css, CSS modules for component-scoped styles, and tailwind with daisyui to build cohesive, accessible interfaces in Next.js applications.

learn to enable file uploads in next.js apps using cloudinary, configure environments, install next-cloudinary, set up upload presets, and render uploaded images with the cld image component.

Master authentication with NextAuth within a full stack web development course, connecting front-end and back-end authentication workflows.

Master sending emails within a full stack web application and apply optimizations across front-end and back-end components.

View issues in a full stack web development course, highlighting front-end and back-end perspectives for practical understanding.

Learn how to assign issues to users within a full stack web development workflow, enabling efficient collaboration across front-end and back-end tasks.

Master filtering, sorting, and pagination to improve data display and navigation in full stack web applications.

Explore how React powers modern web development by building reusable UI components, managing state and props, and delivering fast, interactive single-page applications with APIs and back-end integration.

Learn docker fundamentals—containers, images, and the docker engine—install docker, dockerize apps with a dockerfile, and share images via docker hub.

Explore the Linux command line to support full stack web development, empowering front-end and back-end workflows with essential command-line skills.

Master the Docker container lifecycle: start, stop, detach, publish ports, view logs, exec commands, remove containers, and persist data with volumes, plus sharing source code to avoid rebuilds.

Explore running multi-container applications by orchestrating multiple containers, integrating front-end and back-end components, and ensuring scalable, efficient deployment.

Explore control flow concepts essential to full stack web development, including conditional logic and loops, to build robust front-end and back-end applications.

Master functions in full stack web development to support front-end and back-end tasks. Learn how to structure and apply functions effectively across client and server contexts.

Explore data structures essential for full stack development, understanding how efficient data organization supports front-end and back-end performance and scalable web applications.

Learn to prevent program crashes by handling exceptions with try, except, else, and finally, display friendly error messages, and use the with statement for automatic resource management.

Explore the Python package index and its role in managing libraries for full stack development, including discovering, installing, and managing dependencies across front-end and back-end projects.

Explore popular Python packages used in full stack development, learn how these libraries streamline back-end and front-end tasks, and apply examples to real projects.

Advance your full stack skills by building web applications with Django in part 2, connecting front-end interfaces with back-end logic for scalable web development.