Web Dev Challenge Hackathon 6: Capture Memories
Build an app to help people capture memories. Apps due Oct 21.
read this postTutorials, quick tips, and other helpful resources for learning more about code!
Build an app to help people capture memories. Apps due Oct 21.
read this postBuild an app to help out your local food scene in any way you can. Apps due Sep 30.
read this postMonsters have arrived, and your challenge is to build an app that helps out in this new world. Apps due Sep 9.
read this postCreate an e-commerce site with a twist using Algolia by August 19. Get feedback from pro developers, build your portfolio, and make new industry friends.
read this postContrary to popular belief, metrics are not preventing us from being creative. (Hot take: they might even make us MORE creative.)
read this postI talked to Jake Albaugh inside Figma HQ’s secret library about creative communities in coding and design — and whether there are any left.
read this postBuild a web app using AWS Amplify to boost your portfolio, make professional connections, learn new skills — and even win prizes. Due July 29, 2024.
read this postWhat could you create if you had 30 minutes to plan and 4 hours to build? Lizzie Siegle, Chance Strickland, Jack Herrington, and Jason Lengstorf took on the Web Dev Challenge to find out.
read this postWhat kind of work is the best fit FOR YOU? A quick assessment to help you optimize for a job that you'll actually enjoy.
read this postBuild an app, learn something new, have some fun, win a prize! Enter by May 13, 2024 to win.
read this postI tried Drizzle ORM with SQLite but got stuck on "SqliteError: no such table". Here's how I solved the error and created SQLite tables from a Drizzle schema.
read this postA quick tutorial on how to set up a Node project in 2024. Includes TypeScript, live reload, and environment variable support.
read this postThere was something special about hand-selecting XML and running out of stuff to read that I’d like to get back.
read this postThe most tedious and difficult part of building a web app is authentication. But a new tool just entered the discussion that’s hoping to change that.
read this postBuilding a SaaS product is no small feat. And when you start selling to large customers, the list of requirements gets even longer — but if you want to land those six-figure (and beyond) contracts, you'll need to land enterprise-level features.
read this postLearn how to create beautiful, CSS-only gradient borders. Combine custom properties, OKLCH, and background-origin — and zero hacks.
read this postWhy I’ll (probably) never use hex colors in CSS again, and what I’m doing instead. With visual examples!
read this postIf you're a developer who focuses on data & APIs and doesn't want to touch the design of a site, Wix might be exactly what you need. Hear me out.
read this postIf you're building a SaaS app, landing the largest customers means supporting large-scale needs like provisioning user accounts and managing permissions based on their central directory. In this tutorial, you'll learn how to add SCIM support to your Node-based app using WorkOS.
read this postNotifications can be a huge value add to your app users, but if you get them wrong, they're hugely annoying. Learn how to add smart app notifications in this tutorial.
read this postMany devs (like me!) are intimidated by enterprise features like single sign-on (SSO), but the tools are WAY better now. You can add it to SaaS apps fast!
read this postWhat does it take to process incoming SMS with auth, image storage, and a real-time database? With Convex, you can add it to your app with < 200 lines of code.
read this postBuild an internal dashboard to view and moderate comments in this full tutorial. Plus, learn how to use OpenAI to automatically flag the worst comments.
read this postA story about a habit I picked up working in restaurants, and how the lesson I learned still helps me write better software to this day.
read this postWe spend a lot of time online getting told our tech stack is wrong/bad/outdated/whatever. Ignore the nerds — it’s (probably) not worth switching.
read this postMoving up the career ladder and into higher salary bands as an engineer requires growth. But it’s less about code than you might think.
read this postGetting into developer relations ("devrel" for short) is tricky for a lot of reasons. The biggest is that no one seems to know what it actually is.
read this postTreating velocity and maintainability as separate concerns is a mistake. Your shipping velocity is directly correlated to how maintainable your code is.
read this postIf you want to ship quickly and be confident that customers actually want the new features you’re building, feature flags are a must-have in your dev toolbox.
read this postThe frontend interview process is... wild. Here’s how I’ve navigated tech interviews in my own career.
read this postThere’s a heated debate over JS vs. no-JS. Astro rejects it as a false choice and says, “Let’s just build great websites!”
read this postAnimations can make web apps feel more fun and alive. In this tutorial, learn how to use GSAP, randomization, and the MotionPath plugin to make your animations feel more lively.
read this postIf you can write a TypeScript type, you can add a database to your app. Databases can be fun! Even if you don’t think you’re a “database dev”, give this tutorial a try.
read this postTypesafe Markdown might sound like an oxymoron, but with the new content collections released in Astro 2.0, you can now specify a schema for your Markdown frontmatter using Zod and get all the delicious validation and autocomplete that comes with it.
read this postIf you have an M1, M2, or other Apple Silicon chip in your computer, you can use hardware acceleration to speed up FFmpeg video encoding.
read this postMany JavaScript and CSS theme switchers have a momentary flash of the wrong theme. With edge functions, we can make that a thing of the past.
read this postTransform HTML at request time using HTMLRewriter and Edge Functions. Update text, element attributes, and more.
read this postWhen writing asynchronous code, async/await is a powerful tool — but it comes with risks! Learn how to avoid code slowdowns in this tutorial.
read this postAre you already using the Jamstack? Boost your understanding of modern web dev and learn what the Jamstack is — and what it’s not — in this overview.
read this postHow do you use query parameter arguments in a serverless function? This quick tutorial will show you how to get values from query string parameters.
read this postWith serverless functions, the JavaScript powering our front-ends enables us to add back-end logic. Deploy your first serverless function in this tutorial!
read this postServerless functions enable front-end developers to add powerful "back-end" logic to our apps just by writing JavaScript — no devops, no servers, just results.
read this postMake sure your content stands out in social media timelines by automatically generating social media sharing cards for your blog posts.
read this postCreating eye-catching social sharing images doesn’t have to take a ton of time. In this post, learn how to create a reusable template for sharing your posts.
read this postA tutorial on how to upload via UI and use custom fonts in text overlays with Cloudinary to generate images with custom text.
read this postA tutorial on how to upload and use custom fonts in text overlays with Cloudinary to generate images with custom text.
read this postIn this post, learn how to use Cloudinary to add text overlays to images using URL-based APIs.
read this postHow do we keep the content separate from presentation in React apps? Here’s one approach we’re using in Gatsby themes.
read this postA step-by-step video tutorial on setting up a local WordPress development environment in minutes using Trellis, plus how to deploy FAST with free SSL.
read this postLearn how to use the JavaScript bundler Rollup to process stylesheets using PostCSS and rebuild & reload files when changes are made in this tutorial.
read this postLearn how to use Rollup as a smaller, more efficient alternative to webpack and Browserify to bundle JavaScript files in this step-by-step tutorial series.
read this postThis step-by-step tutorial walks through the process of deploying a Node.js app to a DigitalOcean droplet with free SSL from Let’s Encrypt for $5/month.
read this postUse built-in browser APIs to get form values as JSON. Zero dependencies and only a few lines of code!
read this postLearn With Jason is made possible by our sponsors: