Carlos Caballero

Author profile

Carlos Caballero

I'm PhD. in Computer Science from Málaga, Spain. Currently, I am teaching developers and degree/master computer science how to be experts in web technologies and computer science.

@carlilloMálagaWebsiteView on DEV

Articles by @carlillo

Browse the latest writing surfaced through DevArt.

ES2021 Features with simple examples
#javascript#webdev#node#es2020

ES2021 Features with simple examples

ES2021 aka ES12 is the version of ECMAScript corresponding to the year 2021. This version does not include as many new features as those that appeared in ES6 (2015). However, some useful features have been incorporated.

91 reactions1 commentsRead full article
Automatic Adaptive Images in Angular Applications
#angular#images#a11y#cicd

Automatic Adaptive Images in Angular Applications

In some specific areas of the world, or circumstances, downloading all these images can mean a bandwidth that is excessive for the users. Similarly, any optimization, even to users who have high performance devices is a benefit since the app will be available sooner. In this post, we are going to show step by step how to build an Angular application with responsive images for different sizes although it could be for any technology.

126 reactions5 commentsRead full article
ES2016 Features with simple examples
#javascript#webdev#node#es2020

ES2016 Features with simple examples

ES2016 aka ES7 is the version of ECMAScript corresponding to the year 2016. This version does not include as many new features as those that appeared in ES6 (2015). However, some useful features have been incorporated.

97 reactions0 commentsRead full article
ES2017 Features with simple examples
#javascript#webdev#node#es2020

ES2017 Features with simple examples

ES2017 aka ES8 is the version of ECMAScript corresponding to the year 2017. This version does not include as many new features as those that appeared in ES6 (2015). However, some useful features have been incorporated.

197 reactions4 commentsRead full article
Clean Code Applied to JavaScript — Part VI. Avoid Conditional Complexity
#javascript#cleancode#typescript

Clean Code Applied to JavaScript — Part VI. Avoid Conditional Complexity

Conditional complexity causes code to be more complicated to understand and therefore to maintain. In addition, conditional complexity is usually an indicator that the code is coupled. In the case that we want to increase the quality of our code, it is advisable to avoid generating code in which there is conditional complexity.

294 reactions2 commentsRead full article
ES2020 Features in simple examples
#javascript#webdev#node#es2020

ES2020 Features in simple examples

ES2020 is the version of ECMAScript corresponding to the year 2020. This version does not include as many new features as those that appeared in ES6 (2015). However, some useful features have been incorporated.

302 reactions12 commentsRead full article
Understanding Design Patterns: Null Object
#javascript#typescript#patterndesign#cleancode

Understanding Design Patterns: Null Object

In this article, I am going to describe what the Null-Object Pattern is; and how and when it should be applied. This pattern is not included in the classic pattern book, but it was first published in the Pattern Languages of Program and it is widely used to avoid complexity.

195 reactions2 commentsRead full article
Clean Code Applied to JavaScript — Part V. Exceptions
#javascript#cleancode#typescript

Clean Code Applied to JavaScript — Part V. Exceptions

The exceptions are an essential piece in the development of quality software since we will be controlling unexpected or non-implemented situations. Therefore, developers sometimes confuse error handling with software flow treatment. Exceptions should be used to deal with uncontrolled or developed situations in our software and never as a way to simulate a "return" of our business logic to derive the flow of software in one direction or another.

216 reactions6 commentsRead full article
Clean Code Applied to JavaScript — Part IV. Comments
#javascript#cleancode#typescript

Clean Code Applied to JavaScript — Part IV. Comments

Many developers think that comments are good practices while others think totally the opposite, that is, to apply comments are bad practices. Sorry to tell you that there are no absolute rules, everything depends on the case. The truth is that there are a number of cases in which the comments do NOT contribute to software development because they have been replaced by other tools that perform that function better than that of applying comments. In other cases, comments may cause noise to the source code that we are developing, or that we will be reading in the future. Therefore, in those cases, the ideal is to have no comments.

181 reactions7 commentsRead full article
Clean Code Applied to JavaScript — Part II. Variables
#javascript#cleancode#typescript

Clean Code Applied to JavaScript — Part II. Variables

This post is the second of an interesting series of posts that will delve into the well-known topic that is “Clean Code” but applied to JavaScript. In this series, we are going to discuss the classic tips around clean code that every programmer should know but applied to a specific JavaScript/TypeScript language.

287 reactions8 commentsRead full article
Clean Code Applied to JavaScript — Part I. Before your start
#javascript#cleancode#typescript

Clean Code Applied to JavaScript — Part I. Before your start

This post is the first of an interesting series of posts that will delve into the well-known topic that is “Clean Code” but applied to JavaScript. In this series, we are going to discuss the classic tips around clean code that every programmer should know but applied to a specific JavaScript/TypeScript language.

723 reactions8 commentsRead full article
Understanding MVC-Services for Frontend: Angular
#javascript#mvc#angular#typescript

Understanding MVC-Services for Frontend: Angular

This post is the third in a series of three posts to understand how the MVC architecture works to create frontend applications. The objective is to comprehend the way to structure a frontend application by evolving a web page in which JavaScript is used as a scripting language towards an application in which JavaScript/TypeScript is used as an object-oriented language.

184 reactions4 commentsRead full article
Understanding MVC-Services for Frontend: TypeScript
#javascript#mvc

Understanding MVC-Services for Frontend: TypeScript

This post is the second in a series of three posts to understand how the MVC architecture works to create frontend applications. The objective is to comprehend the way to structure a frontend application by evolving a web page in which JavaScript is used as a scripting language towards an application in which JavaScript/TypeScript is used as an object-oriented language.

Carlos CaballeroCarlos Caballero11 min read
179 reactions0 commentsRead full article
Understanding MVC-Services for Frontend: VanillaJS
#javascript#mvc

Understanding MVC-Services for Frontend: VanillaJS

This post is the first in a series of three posts that will understand how the MVC architecture works to create frontend applications. The objective of this series of posts is to understand how to structure a frontend application by evolving a web page in which JavaScript is used as a scripting language towards an application in which JavaScript is used as an object-oriented language.

250 reactions6 commentsRead full article
How to become a senior developer?
#programming#motivation#startup#beginners

How to become a senior developer?

To this day, the first of my students are architects, project managers and, of course, senior developers. The close relationships we have kept since the beginning, allows me to have confidence with them to talk about their professional maturity and to be able to extract signs and professional attitudes that make them senior developers.

282 reactions21 commentsRead full article
Angular + FontAwesome in Five Easy Steps
#angular#fontawesome#beginners#css

Angular + FontAwesome in Five Easy Steps

FontAwesome is the internet's most popular icon toolkit which has been redesigned and built from scratch. On top of this, features like icon font ligatures, an SVG framework, official NPM packages for popular frontend libraries like React, and access to a new CDN.

74 reactions6 commentsRead full article
npkill - The solution to deleting node_modules easily, with style
#javascript#node#webdev#showdev

npkill - The solution to deleting node_modules easily, with style

One of my happiest memories related to software development was when I developed and distributed my first project among my friends and family. Although I learned to develop long before then, it was in 2003 when I developed the classic game [Arkanoid](https://en.wikipedia.org/wiki/Arkanoid) in assembler. Of course, this game couldn't be distributed online, since we had no internet at home, GitHub didn't exist, and, in my particular case, I didn't know any social networks for developers. Today, this story is a beautiful memory stored in my mind... And possibly in old floppies, kept in old boxes somewhere in my parent's house.

254 reactions35 commentsRead full article
carlillo developer articles | DevArt