TypeScript fully supports the existing JavaScript syntax for functions, while also adding type information and function overloading as new features. Besides providing extra documentation to the function, type informat...

In this tutorial, you will use the :hover, :active, and :focus user actions and the :visited location pseudo-classes to create CSS styles. You will use <a> and <button> as the interactive elements in the tutorial. In ...

With CSS, there are four ways to generate colors, and each has its own unique strength. This tutorial will show you how to use color keywords, hexadecimal color values, the rgb() color format, and lastly the hsl() col...

Web typesetting, the art of laying out text, is about controlling the content to present the reader with a pleasant and efficient reading experience. This tutorial will teach you how to use the CSS properties that are...

This tutorial will demonstrate a Vue.js application by leading you through building the shopping cart of an e-commerce app. To store the information, you will explore the state management library Vuex, and will use ge...

There are a lot of size units to choose from when styling HTML with CSS. These units help determine how big or small text appears, how wide a container is, or how much space is between columns. In this tutorial you wi...

TypeScript is a superset of JavaScript that adds optional static typing at build time, which cuts down on debugging runtime errors. It's static-typing abilities go well with a static-site generator like Gatsby, and G...

Every HTML element is organized in a rendered HTML document as a rectangular shape, and the box model is the rule set a browser uses to determine an element’s size and how it interacts with other elements. In this tut...

Vue.js is a popular JavaScript framework for creating user interfaces, often described as a combination of React and Angular, borrowing the prop-driven development of React and the templating of Angular. In this tutor...

DigitalOcean's App Platform is a Platform as a Service (PaaS) product that lets you configure and deploy applications from a source repository. This can be a quick and efficient way to deploy your React applications, ...

In this tutorial, you'll deploy a React application from your local machine to an Ubuntu 20.04 server running Nginx. You'll build an application using Create React App, use an Nginx config file to determine where to d...

In React applications, performance problems often originate from component re-rendering. Because of this, learning how to prevent unneeded re-renders can help to optimize the performance of your React app. In this tut...

Continuous Integration/Continuous Deployment (CI/CD) is a development practice that allows software teams to build, test, and deploy applications easier and quicker on multiple platforms. CircleCI is a popular automat...

In this tutorial, you will use Let's Encrypt to obtain a free SSL certificate and use it with Nginx on CentOS 8. You will do this by using the Certbot Let's Encrypt client. You will also set up automatic renewal of yo...

In your React application, you can use authentication to manage which users have access to which pages. In this tutorial, you'll create a React application using a token-based authentication system. You'll create a mo...

In this tutorial you will learn about web typography, the art of styling text. You will start the tutorial by writing an HTML structure with headings h1 to h6, then apply apply multiple text-related CSS properties, in...

In React, routers help create and navigate between the different URLs that make up your web application. React Router is designed with intuitive components to let you build a declarative routing system for your applic...

In this tutorial, you'll learn how to run multiple web applications on the same Docker host using the reverse proxy Traefik to route requests to separate containers and review container health on a monitoring dashboard.

As the importance of JavaScript in web development grows, there is a bigger need to use third-party code for common tasks, to break up code into modular files, and to avoid polluting the global namespace. To account f...

Selecting the right element is the basis of writing CSS code as a web developer. Whenever you need to adjust how an element on a webpage looks, using selectors is key. This tutorial will build your skillset and help y...