Ready to learn?

Time is a precious commodity, that’s why I write short articles to make developers better at what they do.

Nevertheless, sometimes I’ll deep dive into crucial topics and share my…


Or how Static Code Analysis Tools make your life and prevent headaches

Welcome to issue #16 of One Minute Better Developer, where you become a more successful software developer by reading short nuggets of knowledge, one minute at a time.

⏮️ 🔛 ⏭️

Art by my buddy Loor Nicolas

THE PROBLEM

Take a moment to look at this snippet and try to figure out what it does.

Don’t scroll to the solution yet!

Really try to figure out the result, It’s not as easy as it seems…

What will be logged in line 4?

.

.

.

.

Don’t scroll anymore until you know the solution!

.

.

.

.

.

.

OK, ready?

.

.

.

.

Now, I bet you thought…


There isn’t one best way to implement SVGs on our websites, since each method has its pros and cons. Learning their differences is a crucial skill for a good Web Developer.

Welcome to issue #2 of Deep Dives, where we gain in-depth knowledge about a topic through simple explanations.

🔛

Scalable Vector Graphics (SVG) allow you to present pictures that are lightweight and can scale without being pixelated.

However, we can implement them in several ways in our websites, and some methods allow for some features that others don’t.

Implementation-dependent SVG Features

Here’s a list of features that you can have or not depending on how you serve your SVGs.

Alt and title attribute availability

alt attribute sets a text description rendered when the image is not available, whereas a title attribute is usually shown in a tooltip when hovering…


You’ve used them before but you’re not completely sure what they are, here are some answers.

Welcome to issue #1 of Deep Dives, where we gain in-depth knowledge about a topic through simple explanations.

🔛

Single server versus Content Delivery Network (CDN) by Kanoha on Wikimedia Commons

What is a CDN?

A Content Distribution (or Delivery) Network (CDN) is a group of servers distributed geographically with the purpose of providing fast delivery of Internet content.

The CDN’s servers act as reverse proxies for your origin servers, where the content is hosted.

Servers are contained in facilities called Points of Presence (PoP), which are spread around the globe.

How does a CDN work?

Servers in a CDN can help provide a better user experience by caching content closer to the user and delivering it instead of the origin server.


We’ll learn how to implement a browser auto-saving draft system in JavaScript

Welcome to issue #14 of One Minute Better Developer, where you become a more successful software developer by reading short nuggets of knowledge, one minute at a time.

⏮️ 🔛 ⏭️

Art by my buddy Loor Nicolas

THE PROBLEM

We are implementing a text editor with a Google-Docs-like draft system, where content gets saved server-side when the user stops typing for a second.

A SOLUTION

We are going to use the keyup event and window.setTimeout .

The key to this snippet is that the timerId has to be set declared in the scope of the keyup callback, in order to be reassigned to the new timeout id every time the keyup callback…


Many people struggle to build a writing habit. I did too, but I solved it with this simple mantra

Writing is part of your daily routine.

Art by my buddy Loor Nicolas

In my experience, that’s easy to implement if you follow some simple steps. Keep on reading to know how to exactly how.

Tip #1: write short-form stories.

In the beginning, I was writing long-form articles, which took me between 2 to 3 hours to write.

It was difficult to find such a big empty spot in my schedule, and almost impossible for me to do it regularly.

Moreover, if I did write, I didn’t want to spend so much time again on the same task the next day.

So how can you keep motivated to write often?

Write…


Let’s learn to use the power of this advanced tool for Git disaster‑saving

Welcome to issue #23 of One Minute To Become a Better Developer, where you become a more successful software developer by reading short nuggets of knowledge, one minute at a time.

⏮️ 🔛

Art by my buddy Loor Nicolas

THE PROBLEM

A local branch deleted by accident, squashed commits that we would like to be un-squashed… when a catastrophe occurs, wouldn’t it be great if we could time-travel in Git?

A SOLUTION

Let’s learn how to use git reflog. First, a bit of context.

Reference logs, or “reflogs”, record when the tips of branches and other references were updated in the local repository.

git reflog by default targets HEAD — a symbolic…


Photo by AltumCode on Unsplash

Let’s build a touch-triggered image slider with lazy loading, navigation, and pagination, in one minute.

Welcome to issue #3 One Minute, One NPM Package, where you discover cool NPM packages and how to use them in one minute.

⏮️ 🔛

Jon Portella

Full-Stack Developer, Teacher, Maker, and general Things-Doer. https://www.linkedin.com/in/jonportella/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store