scotch.io Open in urlscan Pro
104.21.28.25  Public Scan

Form analysis
1 forms found in the DOM

GET /search

<form class="search-form" action="/search" method="GET"><input type="search" name="q" placeholder="Search scotchy scotch..." aria-label="Search Scotch"><button type="submit" class="search-icon" aria-label="Search"><svg viewBox="654 -372 1664 1664"
      width="16" height="16">
      <path
        d="M1806,332c0-123.3-43.8-228.8-131.5-316.5C1586.8-72.2,1481.3-116,1358-116s-228.8,43.8-316.5,131.5  C953.8,103.2,910,208.7,910,332s43.8,228.8,131.5,316.5C1129.2,736.2,1234.7,780,1358,780s228.8-43.8,316.5-131.5  C1762.2,560.8,1806,455.3,1806,332z M2318,1164c0,34.7-12.7,64.7-38,90s-55.3,38-90,38c-36,0-66-12.7-90-38l-343-342  c-119.3,82.7-252.3,124-399,124c-95.3,0-186.5-18.5-273.5-55.5s-162-87-225-150s-113-138-150-225S654,427.3,654,332  s18.5-186.5,55.5-273.5s87-162,150-225s138-113,225-150S1262.7-372,1358-372s186.5,18.5,273.5,55.5s162,87,225,150s113,138,150,225  S2062,236.7,2062,332c0,146.7-41.3,279.7-124,399l343,343C2305.7,1098.7,2318,1128.7,2318,1164z">
      </path>
    </svg></button></form>

Text Content

Scotch
Video Courses Written Tutorials Bar Talk News Bar Talk App Hosting
...
About Website Hosting JS Glossary Code Challenges Sponsor Scotch

 * Login
 * Sign Up

We're live-coding on Twitch! Join us!
#react #vue #angular #javascript #node #laravel #css #vs-code #python




WELCOME TO SCOTCH.IO


FUN AND PRACTICAL WEB DEVELOPMENT TUTORIALS

NEW! 🔥



EASILY DEPLOY A FULLSTACK NEXT.JS APP WITH VERCEL

Allen Hai

Developing and shipping production-ready applications to the web today couldn't
be easier than with Next.js and Vercel. It provides a world-class developer
experience right out of the box and is optimized for powering high-performance
production workloads. Read on to get an overview of what makes...

Read more



WHERE SHOULD YOU START?


LEARN REACT FROM SCRATCH


LEARN JAVASCRIPT FROM SCRATCH


LEARN VUE FROM SCRATCH


ADD SOCIAL LOGIN TO IONIC APPS

Matt Raible
August 24, 2020
0 Comments

Apple announced a Sign in with Apple service at its WWDC developer conference in
June 2019. If you're familiar with social login with Google or Facebook, it's
very similar. Most of these identity services use OAuth and OpenID Connect
(OIDC), and Apple's implementation is similar. Today I'...

Read more





FIND, FIX, AND PREVENT TERRAFORM MISCONFIGURATIONS WITH BRIDGECREW

Guy
August 03, 2020
0 Comments

In this tutorial, you’ll learn how to scan infrastructure-as-code as part of
your code review process. Using Terraform, GitHub Actions, and Bridgecrew, we’ll
show you how to find, fix, and prevent cloud misconfigurations. ...

Read more





BUILD YOUR FIRST DENO APP WITH AUTHENTICATION

Lee Brandt
July 06, 2020
0 Comments

The creator of Node.js, Ryan Dahl has authored a new framework for designing web
applications. He went back and fixed some mistakes he made in hindsight, taking
advantage of new technologies that were not available at the time he originally
wrote Node. The result is D...

Read more





JWT VS OPAQUE ACCESS TOKENS: USE BOTH WITH SPRING BOOT

Brian Demers
June 29, 2020
0 Comments

The topic of validating an OAuth 2.0 access tokens comes up frequently on the
Okta developer blog. Often we talk about how to validate JSON Web Token (JWT)
based access tokens; however, this is NOT part of the OAuth 2.0 specification.
JWTs are so commonly used that Spring Security supported them ...

Read more





GATSBY-IMAGE W/ SUPPORT FOR PWA AND DARK MODE

William Imoh
June 23, 2020
0 Comments

Building responsive web apps involves the cumbersome task of adding media
queries in CSS. Thanks to the rapid advancements in CSS and CSS-in-JS libraries,
web responsiveness is only a few lines of code away. This three-part series
explains how to use the ...

Read more






HOW TO WRITE A TECHNICAL TUTORIAL - ANNOUNCING A NEW BOOK ON WRITING FOR
DEVELOPERS

Chris Sev
June 18, 2020
0 Comments

Writing for Software Developers, a new book by Philip Kiely, teaches you
everything that you need to know about creating outstanding technical content.
It gives step-by-step guidance on the craft and the business of creating
technical tutorials...

Read more





SERVING REMOTE OPTIMIZED IMAGES W/ GATSBY-IMAGE W/O GRAPHQL

William Imoh
May 20, 2020
0 Comments

Part 1 of this series chronicles the process of using remote images from
Cloudinary in GatsbyJS projects through GraphQL queries. Here in part 2, you’ll
learn how to — Leverage remote images s...

Read more





REACT + DOCKER WITH SECURITY IN 10 MINUTES

Matt Raible
May 18, 2020
0 Comments

You've built a React app, but now you need to deploy it. What do you do? First,
it's probably best to choose a cloud provider as they're typically low-cost and
easy to deploy to. Most cloud providers offer a way to deploy a static site. A
built React app is just JavaScript, HTML, and CSS. ...

Read more





SERVING REMOTE OPTIMIZED IMAGES W/ GATSBY-IMAGE

William Imoh
May 18, 2020
0 Comments

Even though a picture is worth a thousand words, as the English adage goes, it
costs a pretty penny to store and deliver images online. Hence the common goal
of many modern web-development tools to minimize the impact of images and other
media assets on site performance. This post, part 1 ...

Read more





MAKE A STELLAR REACT + NASA APP IN 10 MINUTES

Kapehe
May 13, 2020
0 Comments

One of the most stellar open API's out there is the NASA Astronomy Picture of
the Day. In today's article, we are going to mess around with that API and build
an application that displays the photo of the day, the title of that photo, the
cur...

Read more





AIRTABLE API TUTORIAL WITH CURL AND JAVASCRIPT

James Quick
May 12, 2020
0 Comments

If you're looking for a quick and easy way to persist your application data,
look no further than Airtable. Airtable is basically an excel sheet like
database that has tons of flexibility and a GUI for inspecting/creating data.
I've used Airtable as the DB for a few of my demo apps recentl...

Read more





DEPLOYING LARAVEL TO DIGITALOCEAN

Chimezie Enyinnaya
May 11, 2020
0 Comments

In this tutorial, I’ll be showing you how to deploy a Laravel application to
DigitalOcean. For the purpose of this tutorial, I have created a demo Laravel
application, which...

Read more





FEATURE FLAGGING IN YOUR REACT NATIVE APP IN 5 MINUTES

CloudBees
May 11, 2020
0 Comments

CloudBees Rollout is an advanced feature flagging solution that lets your
development teams quickly build and deploy applications without compromising on
safety. By providing a gradual release mechanism and a simple way to define
target audiences, ...

Read more





VS CODE APRIL UPDATE IS OUT W/ FASTER SYNTAX HIGHLIGHTING

Chris Sev
May 07, 2020
0 Comments

It's incredible what VS Code is able to do from month to month. The dev team has
consistently put out features and updates every month. We've got 1.45 out this
month with some nice additions. Add this update to the announcement of ...

Read more





DEEP DIVE INTO CSS GRID

Hammad Ahmed
May 07, 2020
0 Comments

Introduction This is the advanced version of the introductory tutorial on Grid I
previously published, here, on Scotch. If you are new to Grid, be sure to check
it out first. This tutorial will dive dee...

Read more



More Tutorials
More Bar Talk

SCOTCH BY @CHRIS__SEV AT

Top shelf learning. Dev tutorials explaining the code and the choices behind it
all.

Made with 💖 by @chris__sev and Nick.

 * 
 * 
 * 
 * 

Proudly hosted by

 * Sponsor
 * Privacy
 * Terms
 * Rules
 * © 2021 DigitalOcean, LLC