Code

Discover thousands of free code tutorials to help you learn web and mobile development. You can learn Android app development, master React Native, become a better WordPress developer, and much more.

Featured Code Tutorials

  • The Best Way to Deep Copy an Object in JavaScript

    The Best Way to Deep Copy an Object in JavaScript

    Kingsley Ubah
  • Create a JavaScript AJAX Post Request: With and Without jQuery

    Create a JavaScript AJAX Post Request: With and Without jQuery

    Kingsley Ubah
  • Code Courses

  • Learn React 18: The Complete React Developer Course

    Learn React 18: The Complete React Developer Course

    Franc Lucas
  • Learn Modern JavaScript Fundamentals in 7 Hours: Free Course

    Learn Modern JavaScript Fundamentals in 7 Hours: Free Course

    Dan Wellman
  • All Code Content:

    1. Create a color contrast checker with HTML, CSS, and JavaScript

      Create a color contrast checker with HTML, CSS, and JavaScript

      Tutorial Intermediate

      In this tutorial, we’ll create a color contrast tool that lets you check the accessibility and readability of text, by comparing the ratio between background...

    2. How to use Lotties in Figma

      How to use Lotties in Figma

      Tutorial Intermediate

      In the following step, I will show you how to put together an animation in Figma and then how to convert it into a lottie animation.

    3. How to create a glassmorphism generator tool

      How to create a glassmorphism generator tool

      Tutorial Intermediate

      In this tutorial, we’ll build a glassmorphism generator tool to help us create customized frosted glass effects. The tool will also automatically generate...

    4. How to create infinite text scrolling in HTML, CSS, and JavaScript

      How to create infinite text scrolling in HTML, CSS, and JavaScript

      Tutorial Beginner

      Let’s create an infinite text scroll for any webpage with HTML, CSS and JavaScript—perfect for banners at the top of the page, or even to the side.

    5. 25 ridiculously impressive HTML5 canvas experiments

      25 ridiculously impressive HTML5 canvas experiments

      Tutorial Beginner

      Looking to take your HTML5 animations to the next level? Get inspired by these 25 extremely cool examples of canvas in HTML5!

    6. Easy CSS slider (carousel with pure CSS)

      Easy CSS slider (carousel with pure CSS)

      Tutorial Beginner

      A carousel is a great example of a possible CSS-only interactive feature. In this tutorial, we’ll build a carousel with a few extra features using only CSS.

    7. Create a currency converter with HTML, CSS, and vanilla JavaScript

      Create a currency converter with HTML, CSS, and vanilla JavaScript

      Tutorial Intermediate

      Let’s create a currency converter using HTML, CSS, and vanilla JavaScript, with data from the Exchange Rate API.

    8. What to do when one of your WordPress plugins gets compromised

      What to do when one of your WordPress plugins gets compromised

      Tutorial Beginner

      A recent study from Patchstack found that 97% of detected WordPress security vulnerabilities came from WordPress plugins. Here’s what you need to know to...

    9. How to build horizontal marquee effects with GSAP

      How to build horizontal marquee effects with GSAP

      Tutorial Intermediate

      Let me show you how to create infinite marquees with the GSAP JavaScript animation library. This is a common UX pattern I’m sure you’ve seen on plenty of sites.

    10. Send email in Python with the API method: A step-by-step guide

      Send email in Python with the API method: A step-by-step guide

      Tutorial Intermediate

      In this tutorial, you’ll learn the step-by-step process of sending emails in Python using the API method.

    11. How to clear the WordPress cache

      How to clear the WordPress cache

      Tutorial Beginner

      Learn the 5 different methods for clearing the WordPress cache. These include clearing the browser cache, using a WordPress caching plugin, and more.

    12. How to create an auto “text typing effect” with vanilla JavaScript

      How to create an auto “text typing effect” with vanilla JavaScript

      Tutorial Intermediate

      An auto text typing effect is one way to grab a user’s attention. It can give users cues when using an application, and it’s also a way to convey an...