const ExerciseSnack != Delayed + Gratification; // ❌ SyntaxError

const ExerciseSnack = Snack + of + Exercise; // ✅ Reality

#ItIsWhatItIs
#LilThingsInCoding
#KCarsonCodes

Yes, I'm Ready Barbara Mason · Yes I'm Ready · Song · 1965

"Yes, I'm Ready" - Barbara Mason

open.spotify.com/track/2gZpW5pTZkimGG98loFSl2?si=3617618ce2754208

#100DaysOfCode #KcarsonCodes

Naturally Natural

Takeaway #64

Just deploy it.

beautysalon-unresponsive-noncompliant.netlify.app

#100DaysofTakeAways #kCarsonCodes

As far as I'm concerned, this turned out to be a fortuitous sandbox project, but not with my current commitments. Later in the year I'll play around with it more to make it my own.
#kCarsonCodes #kCarsonShelvedCodingPractice

The snags are real in this tutorial.

Without copying/pasting/testing the Expense Tracker's published code before making a commitment, I overlooked the CSS issues clearly displayed in the tutorial's CodePen samples and called it a wrap before doing any JS.

#kCarsonCodes

Early 2025 resolution #1

Stop writing/thinking "API(barf)". There are more proactive joies de vivre.

I've just compiled a list of API tutorials to toggle with the list of full-stack CRUD tutorials I've yet to make.

#kCarsonCodes #kCarsonJoiesDeVivre

How to Build an Expense Tracker with HTML, CSS, and JavaScript Building projects is a great way to practice and improve your web development skills. And that's what we'll do in this in-depth tutorial: build a practical project using HTML, CSS, and JavaScript. If ...

I'm a spreadsheet loyalist when it comes to expense tracking.

So this practice project is, for me, about remembering that I'm here to help solve problems.

Deadline: Jan 1, 2025

freecodecamp.org/news/how-to-build-an-expense-tracker-with-html-css-and-javascript/

#100DaysofTakeAways #kCarsonCodes

Canvas tutorial - Web APIs | MDN This tutorial describes how to use the <canvas> element to draw 2D graphics, starting with the basics. The examples provided should give you some clear ideas about what you can do with canvas, and wil...

Takeaway #20b

getContext() is a JS method designed just for <canvas></canvas> to create a "drawing" environment called CanvasRenderingContext2D.

developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial

#100DaysofTakeAways #kCarsonCodes

Takeaway #20a

<canvas> isn’t just the name of an HTML element for "drawing" graphics. It's also the name of an API, the Canvas API, which is accessed through .getContext().

#100DaysofTakeAways #MDNWebDocs #kCarsonCodes

Meme generator retyped (with just one curly bracket typo to fix), slightly restyled, and tested. #kCarsonCodes

Thank you, Timothy Olanrewaju and freeCodeCamp!

How to Create a Meme Generator Using HTML Canvas We all come across memes almost every day on the internet. Whether you're scrolling through social media or chatting with friends, there's a good chance you'll stumble on a meme, or even share one you...

Takeaway #13

Typing out freeCodeCamp's Meme Generator project would be the perfect midday getaway from my near-daily coding, code-a-long, and dev study grind.

freecodecamp.org/news/create-meme-generator-using-html-canvas/

Until next week!

#100DaysofTakeAways #kCarsonCodes