Tiago Romero
Articles

Articles


articles

I published dozens of articles in renowned websites and magazines such as InfoQ, Free Code Camp, Dev, DZone, Avenue Code Snippets, AirPair, DevMedia and Java Magazine. Here’s a collection of my articles:

Pragmatic rules of web accessibility that will stick to your mind (en, 2018)

image

  • Title: Pragmatic rules of web accessibility that will stick to your mind
  • Publisher: Free Code Camp
  • Date: Oct 17, 2018
  • Language: English
  • Blurb: A refresher on web accessibility (ADA, WCAG, WAI-ARIA, impairment types and exclusions) and 3 practical rules that will stick to your mind and give you guidance on implementing a11y in your project.
  • Article: See my article on Free Code Camp.
  • Backup link: See my article on Medium.

A brief review of Scoping and Hoisting in JavaScript (en, 2018)

image

  • Title: A brief review of Scoping and Hoisting in JavaScript
  • Publisher: Free Code Camp
  • Date: Sep 10, 2018
  • Language: English
  • Blurb: Learn how Scoping and Hoisting effect the way code we write will deal with our declarations (such as var, let, const and function) with a few examples.
  • Article: See my article on Free Code Camp.
  • Backup link: See my article on Medium.

Refrex! Capture and non-capture groups in ES2018 (en, 2018)

image

  • Title: Refrex! Capture and non-capture groups in ES2018
  • Publisher: Dev
  • Date: Sep 8, 2018
  • Language: English
  • Blurb: Learn about regex capture and non-capture groups with real-life examples, and how to use named capture groups in ES2018.
  • Article: See my article on Dev.

How I redid the DEV badge using Font Awesome (en, 2018)

image

  • Title: How I redid the DEV badge using Font Awesome
  • Publisher: Dev
  • Date: Sep 4, 2018
  • Language: English
  • Blurb: How I used Font Awesome layering features to make an icon for DEV to put on my portfolio.
  • Article: See my article on Dev.

Lazy Loading ES2015 modules in the browser (en, 2016)

image

  • Title: Lazy Loading ES2015 modules in the browser
  • Publisher: Avenue Code Snippets and DZone
  • Date: Sep 21, 2016
  • Language: English
  • Blurb: Have you ever considered that your site may be downloading more stuff than is being actually used? Meet Lazy-loading, a design pattern about deferring the initialization of a resource until the point at which it is needed.
    This article demonstrates how to load ES2015 modules synchronously (during the page load) and asynchronously (performing lazy-loading) using System.js.
  • Article: See my article on Avenue Code Snippets and DZone.

Enlighten your coding skills as you would play a video game (en, 2015)

image

  • Title: Enlighten your coding skills as you would play a video game
  • Publisher: Techspiration
  • Date: Nov 27, 2015
  • Language: English
  • Blurb: Game your way to coding success.
  • Article: See my article on Medium.

Mastering ES6 higher order functions for Arrays (en, 2015)

  • Title: Mastering ES6 higher order functions for Arrays
  • Publisher: AirPair (defunct)
  • Date: Sep 15, 2015
  • Language: English
  • Blurb: Higher-order functions are beautifully concise yet expressive when dealing with data. Elevate your functional programming skills by learning ES6 higher-order functions for Arrays!
  • Backup link: See my article on GitHub.

Catching up with JavaScript higher-order functions (en, 2015)

  • Title: Catching up with JavaScript higher-order functions
  • Publisher: AirPair (defunct)
  • Date: Aug 11, 2015
  • Language: English
  • Blurb: They are all around you, your code, your company, your community, your frameworks. You may not be aware of them or perhaps you never properly understood what is going on with them, but trust me: your life will never be the same without them. They are unique and pave the way for Functional programming. With you, Higher-order functions!
  • Backup link: See my article on GitHub.

Leveling up - Simple steps to optimize the Critical Rendering Path (en, 2015)

  • Title: Leveling up - Simple steps to optimize the Critical Rendering Path
  • Publisher: AirPair (defunct)
  • Date: May 18, 2015
  • Language: English
  • Blurb: Web development is tricky. There is a myriad of goals to strive for, which can be very cumbersome for your page performance, and can spike your Speed Index way up.
    The Critical Rendering Path (or CRP) is the sequence of steps the browser takes to render the critical content of a webpage. This article explains about simple steps on how to optimize your page’s Critical Rendering Path in order to achieve better performance.
  • Backup link: See my article on GitHub.

The mind-boggling universe of JavaScript Module strategies (en, 2015)

  • Title: The mind-boggling universe of JavaScript Module strategies
  • Publisher: AirPair (defunct)
  • Date: Apr 6, 2015
  • Language: English
  • Blurb: If you feel like “no matter what you do, there is always something funky in your JavaScript code”, I would bet that your Module strategy is not working out so well.
    The importance of adopting a proper JavaScript Module strategy is often underestimated as a preference contest, so it is indeed important to really understand your needs. This article exposes the foundations of different JavaScript Module strategies such as ad hoc, CommonJS, AMD and ES6 modules, and how to get started with ES6 modules right now.
  • Backup link: See my article on GitHub.

Revisiting XP - be a thoughtful programmer by exercising more collective ownership (en, 2015)

  • Title: Revisiting XP - be a thoughtful programmer by exercising more collective ownership
  • Publisher: InfoQ
  • Date: Mar 1, 2015
  • Language: English
  • Blurb: All in all, developers face regular frustration. This is pretty much because we are all artful individuals, so every single developer has his own tenets. Such tenets represent much more than what is taught in college - they actually constitute the developer’s personality! They are your fingerprint, something that can identify you. When a second developer reads your code, he will start making assumptions about you.
    When two developers’ personalities run into each other, there is generally confrontation. While this can be extremely educational and uplifting, it can also be disturbing and troublesome if both parties don’t share a positive attitude. A key factor here is exercising what I call “thoughtful programming”.
    This article will give a few suggestions about how to program in a more thoughtful way, by revisiting one of the XP (Extreme programming) rules: the concept of collective ownership.
  • Article: See my article on InfoQ.

Web Components 101 (en, 2014)

image

  • Title: Web Components 101
  • Publisher: Avenue Code Highway (defunct)
  • Date: Sep 15, 2014
  • Language: English
  • Blurb: Is it possible to abstract low-level constructs of HTML to define high-level semantic components? Yes!
  • Backup link: See my article on Medium.

What is all the fuss about with front-end development? (en, 2014)

image

  • Title: What is all the fuss about with front-end development?
  • Publisher: Avenue Code Highway (defunct)
  • Date: Aug 25, 2014
  • Language: English
  • Blurb: The evolution of Front-end Development
  • Backup link: See my article on Medium.

Turbinando aplicações Java com REST e Backbone.js (pt, 2014)

  • Title: What is all the fuss about with front-end development?
  • Publisher: DevMedia and Java Magazine #123
  • Date: Jan 1, 2014
  • Language: Portuguese
  • Blurb: Este artigo apresenta o conceito de aplicações inteligentes no client-side, comparando com outros tipos de aplicações web. Em seguida, decorre sobre o estilo arquitetural REST, o formato de dados JSON, o padrão arquitetural MVC e faz um comparativo de aplicações inteligentes no client-side com frameworks web em Java. Então, apresenta a biblioteca Backbone.js e seus principais conceitos, como Models, Collections, Views e Routers, além de templates usando Handlebars.js. Finalmente, introduz o Play Framework para implementar o server-side baseado em REST e JSON.
    Este tema é útil para os desenvolvedores Java que precisam trazer a experiência desktop para suas aplicações web, reduzindo o tempo de resposta e navegação e também organizando propriamente o código JavaScript a partir de uma estrutura inspirada no padrão arquitetural MVC.
  • Article: See my article on DevMedia.

O que preciso saber sobre HTML 5? (pt, 2013)

  • Title: O que preciso saber sobre HTML 5?
  • Publisher: DevMedia and Java Magazine #116
  • Date: Jul 1, 2013
  • Language: Portuguese
  • Blurb: Este artigo apresenta o HTML 5 como uma alternativa ao desenvolvimento baseado exclusivamente no server-side. Esta tecnologia introduz e padroniza diversas funcionalidades inovadoras no navegador ou dispositivo móvel cliente, de forma segura, portável e nativa.
  • Article: See my article on DevMedia.

Garbage Collection: Entendendo e otimizando (pt, 2012)

  • Title: Garbage Collection: Entendendo e otimizando
  • Publisher: DevMedia and Java Magazine #102, #103 and #104
  • Date: Apr 1, 2013
  • Language: Portuguese
  • Blurb: O artigo apresenta conceitos e métricas de Garbage Collection em Java, além da categorização da memória heap em generations. Em seguida, apresenta a JVM HotSpot 6 e seu funcionamento geral com relação à Garbage Collection, assim como a sua personalização através de opções da JVM. A partir daqui, explica sobre cada collector, seu funcionamento, suas opções de personalização e suas implementações, fazendo também um comparativo final mostrando quando é mais adequado utilizar cada um dos collectors disponíveis. Ainda, apresenta a JVM HotSpot 7 e seu novo collector, seu funcionamento e opções de personalização.
  • Article: See my article on DevMedia: Part 1 and Part 2.

Padrões de projeto (pt, 2011)

  • Title: Padrões de projeto
  • Publisher: DevMedia and Java Magazine #98
  • Date: Oct 1, 2011
  • Language: Portuguese
  • Blurb: O artigo trata de apresentar princípios, discussões e reflexões sobre a utilização de padrões de projeto, para ajudar o leitor a desenvolver senso crítico sobre os mesmos. Assim, o leitor poderá extrair de si mesmo o conhecimento para a aplicação de padrões de projeto com moderação.
  • Article: See my article on DevMedia.