Navigating Angular's Evolution: The new inject function
Angular services or injectables are one of the best features of Angular it allows to encapsulate reusable functionality, such as data fetching, logging, or authentication.
Blog
Navigating Angular's Evolution: @NgModule and Standalone Components
Angular development has evolved from using @NgModule to the simpler and more efficient standalone components. Learn why standalone components are now the preferred method for creating self-contained components in your Angular projects.
How to compare two equal dates in JavaScript
The `Date` object in JavaScript is quite robust for working with dates, it allows you to compare if a date is greater or smaller than another, but when trying to compare if it is equal it fails.
How to get the queryparams of a URL with JavaScript
Query params or URLSearchParams are the final part of the URL and are used to send additional data to the server.
What is 1rem?
Just like px or %, it is a CSS unit that allows you to set lengths on your website, but this length is dependent on the root element, hence its name.
Engage your developers for outstanding products
Lack of communication between development teams, design teams and product management teams results in a poor quality product and problems.
Browser APIs to create progressive web apps
We are going to explain the most important APIs available to create progressive web apps and publish them in the app stores.
Speed up your VSCode searches using the minmatch pattern
You have probably come across the mitmatch pattern without knowing it, today I will explain how it works and how to get the best out of it.
How to organize TypeScript imports automatically
Imports at the start of TypeScript files can quickly get out of hand, but with VSCode and an npm package you can keep them well organized.
How to use validationMessage
The HTMLObjectElement.validationMessage property represents an error message displayed if an object element is not valid, or an empty string if it is valid. It is used to implement custom error messages for form validation.
How I improved the loading speed of this page by 20%.
Since I developed this site I knew that there were certain performance problems and that at some point I had to fix it, that point was yesterday.
Using brand colors on forms with accent-color
accent-color is the css property that allows you to change the color of form fields on your Web sites.
5 Figma plugins to make your design process more efficient
Figma is an amazing piece of software that we can make even better using plugins that the community creates and makes available to everyone.
10 tips for designing better UI interfaces
How to use CSS grids to create the layout of a web page
CSS grids is the easiest and most efficient way to create layouts for your web pages and applications. I explain you how to create a common layout easily.
Build Your Online Presence For Success in the Tech Industry. An Overview of What You Need to Know
Being present on the internet through my blog and social media accounts has allowed me not only to get job offers but also to connect with people with the same interests.
How did I develop and publish my first ebook?
For a little over 2 years now I have been actively sharing content on social media about programming and design on June 13, 2021 I announced my first ebook.
How to use css rem units for responsive pages
CSS has many units of measurement, some absolute (px) and some relative (rem). Here is how to use rem to make your page responsive
Difference between Reactjs and Nextjs
In short, React is a library, and NexJS is a framework, but do you know the difference between each?
How to create a portfolio as a frontend developer with no experience
When you start looking for your first job or even when you want to freelance, the first wall you hit is when the company asks you: Can you show me some of your work?
How to manage Angular state in your components
In this tutorial, I will explain how to manage your components state with @ngrx/component-store.
How to add Instagram Photos to NextJS website
Instagram is a great way to connect with your audience and build up your online brand.
Cleaning my iPhone home screen in pro of more productivity
I need to stop wasting time in social media and put that time in learning more about things that makes me better personally and professionlly
How I hand off designs to developers with Sketch y Zeplin
Delivering interface designs to developers is not an easy task let me tell you how do I do it with Sketch and Zeplin
Working with more capable people does not mean that you get stuck
In my career I have been fortunate to work with people much more capable and intelligent than me and the only thing I have received from all of them is knowledge and help.
Dealing with dynamic images in Gatsby
When you need to show images from the file system dynamically, you need to be clever, and sometimes system files are not enough.
How to track your online learning with GitHub
As a Web Developer, you will consume a lot of content, and you need a place to save and can get back anytime.
How I built my portfolio with Gatsby and ReactJS
I needed a blazing fast site for my blog portfolio, so I built it with Gatsby, ReactJS and hosted on Netlify. 🚀
Using a Headless CMS and React to Build Single Page Apps - Part 2
Let's create the page component and add content by using the REST API, and we'll be able to create rows and columns.
Using a Headless CMS and React to Build Single Page Apps - Part 1
A headless CMS system allows users to control all the content, with strict separation from the display or front-end layers.
Building a Website With Gatsby and a Headless CMS - Part 2
Now we start bulding the Gatsby source plugin to get the data and create the pages.
Building a Website With Gatsby and a Headless CMS - Part 1
This article will walk you through the process of using Gatsby alongside a headless CMS.