Recognition

Posts

89 Posts
  • Edited Tutorial

    How To Select HTML Elements to Style with CSS

    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...
    By Philip Zastrow CSS Development
  • Edited Tutorial

    How To Set Up Your First Gatsby Website

    Gatsby is a React framework that allows you to create static and serverless JavaScript apps. In this tutorial, you will install the Gatsby Starter default template, modify metadata in the Gatsby config file, run the d...
    By Portia Burton Development JavaScript
  • Edited Tutorial in Series: How To Code in React.js

    How To Manage State in React with Redux

    Redux is a popular data store for JavaScript and React applications. In this tutorial, you'll use store, actions, reducers, and the useSelector Hook to build a bird watching test application. You'll then pull data int...
    By Joe Morgan Development React JavaScript
  • Edited Tutorial in Series: How To Code in Node.js

    How To Create an HTTP Client with Core HTTP in Node.js

    It's common for a modern JavaScript application to communicate with other servers to accomplish a task. In this article, you will use the https Node.js module to make HTTP requests to a web API, including GET, POST, P...
    By Stack Abuse API Node.js JavaScript Development
  • Edited Tutorial in Series: How To Code in React.js

    How To Call Web APIs with the useEffect Hook in React

    In this tutorial, you'll use the useEffect and useState React Hooks to fetch and display information in a sample application, using JSON server as a local API for testing purposes. You'll load information when a compo...
    By Joe Morgan React Development JavaScript API
  • Edited Tutorial in Series: How To Code in React.js

    How To Handle Async Data Loading, Lazy Loading, and Code Splitting with React

    In JavaScript development with the React library, asynchronous programming presents unique problems. When you use React functional components for example, asynchronous functions can create infinite loops. In this tuto...
    By Joe Morgan React Development JavaScript
  • Edited Tutorial

    How To Apply CSS Styles to HTML with Cascade and Specificity

    Cascading Stylesheets, better known as CSS, is the language for visual style and design on the web. With it, you can apply styles directly to Hypertext Markup Language (HTML) to lay out a webpage, adjust font and colo...
    By Philip Zastrow CSS Development
  • Edited Tutorial in Series: How To Code in React.js

    How To Build Forms in React

    Since most React applications are single page applications (SPAs), web forms usually do not submit the information directly from the form to a server. Instead, they capture the form information on the client-side and ...
    By Joe Morgan React JavaScript Development
  • Edited Tutorial

    How To Build a Photo Search App with React Using the Unsplash API

    This tutorial shows how to build a JavaScript search bar application with the React front-end library to query and display images using the Unsplash API. It covers styling the user interface with CSS, managing state w...
    By ASHUTOSH SINGH Development React JavaScript API
  • Edited Tutorial in Series: How To Code in JavaScript

    Understanding the Event Loop, Callbacks, Promises, and Async/Await in JavaScript

    In order to avoid blocking code in JavaScript development, asynchronous coding techniques must be used for operations that take a long time, such as network requests made from Web APIs like Fetch. This article will co...
    By Tania Rascia JavaScript Development
  • Edited Tutorial in Series: How To Code in Node.js

    How To Work with Files using the fs Module in Node.js

    With Node.js, you can use JavaScript to programmatically manipulate files with the built-in fs module. The name is short for "file system," and the module contains all the functions you need to read, write, and delete...
    By Stack Abuse JavaScript Node.js Development
  • Edited Tutorial

    Introduction to CSS Counters

    In programming, counters are variables that hold a value that increments according to customizable rules. Modern Cascading Style Sheets (CSS) have a well-supported counter property that can track increments without Ja...
    By joshtronic CSS HTML
  • Edited Tutorial

    How To Use Traefik as a Reverse Proxy for Docker Containers on Ubuntu 18.04

    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.
    By Keith Thompson Docker Let's Encrypt Monitoring Ubuntu 18.04 Open Source
  • Edited Tutorial in Series: How To Code in React.js

    How To Handle DOM and Window Events with React

    In JavaScript apps using the React front-end library, you can use event handlers to update state data, trigger prop changes, or prevent default browser actions. To do this, React uses a SyntheticEvent wrapper instead ...
    By Joe Morgan JavaScript Development React
  • Edited Tutorial in Series: How To Code in React.js

    How To Debug React Components Using React Developer Tools

    The React Developer Tools browser extension gives you an interface for exploring the React component tree of your JavaScript app, along with the current props, state, and context for individual components. It can also...
    By Joe Morgan Development JavaScript React
  • Edited Tutorial in Series: How To Code in Node.js

    How To Launch Child Processes in Node.js

    Since Node.js instances create a single process with a single thread, JavaScript operations that take a long time to run can sometimes block the execution of other code. A key strategy to work around this problem is t...
    By Stack Abuse Node.js Development JavaScript
  • Edited Tutorial in Series: How To Code in JavaScript

    Understanding Arrow Functions in JavaScript

    Arrow functions are a new way to write anonymous function expressions in JavaScript, and are similar to lambda functions in some other programming languages like Python. They differ from traditional functions in the w...
    By Tania Rascia JavaScript Development
  • Edited Tutorial

    How To Set Up and Secure an etcd Cluster with Ansible on Ubuntu 18.04

    etcd is a distributed key-value store relied on by many platforms and tools, including Kubernetes, Vulcand, and Doorman. Within Kubernetes, etcd is used as a…
    By Daniel Li Ansible Ubuntu 18.04 Let's Encrypt Open Source
  • Edited Tutorial

    How To Install and Configure Postfix as a Send-Only SMTP Server on Ubuntu 20.04

    Postfix is a mail transfer agent (MTA), an application used to send and receive email. It can be configured so that it can be used to send emails by local application only. In this tutorial, you'll install and configu...
    By finid, Savic Email Ubuntu 20.04
  • Edited Tutorial in Series: How To Code in React.js

    How To Share State Across React Components with Context

    In this tutorial, you'll share state across multiple components using React context. React context is an interface for sharing information with other components without explicitly passing the data as props. This means...
    By Joe Morgan Development React JavaScript