Your developer workout for the next 365 days

Image for post
Image for post
Source: Author

It’s no surprise that being developer is a matter of endless skill updates.We need to be as up to date as possible. The more we know, the more we stack experiences that’ll help us face our next issues. However, the resource we lack the most to be the best developer ever is almost always the same: time.

Well, in this article, I want to give you some tips and materials to update your knowledge in a small amount of time.

Allocating time to keep your skills up to date isn’t easy. That’s why it’s necessary to start with a small amount of time. The less time it takes, the more chance we get to stick to the routines. …


Connecting people and knowledge

software developers sitting around a table working
software developers sitting around a table working
Photo by Marvin Meyer on Unsplash

This won’t be a technical article this time. It won’t deal with good practices, cultivating a professional mindset, or pointing out tricky aspects of our web developer daily life. Here, I will talk about hackathons.

For less experienced readers, a hackathon is an event in which several teams are made up to tackle a technical challenge. They face each other, and the first crew to achieve the goal and pass several tests or requisites wins. Formerly, the goal was to hack a system and therefore discover a potential breach. …


TRACKING

Reinforce your tracking plan with the percolation method

When developing a digital app (web or mobile), tracking your audience helps to understand the various use cases of your prospects/users.

However, it’s too often under-estimated and needs lots of corrections: lack of data, non-relevant pieces of information, …

This article is about tracking your users of course but it also introduces a disruptive way to get more information about their journey on your app. Indeed, with this new approach you will be able to make your tracking strategy extensive and provide more data. …


PERFORMANCE

Improve image loading in Angular, React, or Vue.js apps with 3 lines of code

Image for post
Image for post
Photo by Thong Vo on Unsplash

When building a web application, we are always looking for the best performance in order not to impact user experience.

Among all the techniques to improve web performance of a website, lazy loading of images allows us to defer image retrieval. Indeed, according to the dimensions, the compression, and the quality of the images, it may impact the size of the bundle downloaded by the user’s device. Therefore, deferring these downloads offers several advantages:

  • Bundle size reduced
  • User experience improved (bundle is ready more quickly)
  • Controlled data consumption (only the visible images are downloaded)

In this article, I will introduce an HTML attribute to lazy load images. To go further, I will show how to use this attribute in a wider application with the three main JavaScript frameworks: Angular, React, and Vue.js …


DEVELOPER EXPERIENCE

What I learned along the way

Image for post
Image for post
Photo by Photo Boards on Unsplash

In the older ages of front end development, fetching data from Web APIs was a very boring process. Indeed, the data model was frozen, meaning that you faced one of these situations:

  • The data model was too rich for your use case.
  • Some pieces of data were missing.
  • You needed to chain requests to get the expected data structure.

To overcome these situations (and ease front-end developer tasks), GraphQL was created. It provides a new way to fetch data from the back end. …


DEVELOPER EXPERIENCE

A checklist for quality code, with Angular/React/Vue.js examples

Image for post
Image for post
Photo by Aron Van de Pol on Unsplash

If you are part of a front-end team with several talents (including you), hundreds of commit might be pushed every day. Indeed, no matter the team methodology you use to deliver new features, each developer is working on a specific functionality.

In order to validate their changes, a developer should ask for a Merge Request (or Pull Request) to merge these changes into the common branch (the one used for reference). Other front-end developers will make a code review.

A code review is important for four reasons:

  • You can check if the code fulfills the specifications.
  • You are informed about the code modifications, which will potentially lead you to change your modifications on your active branch or suggest some enhancements. …


DEVELOPER EXPERIENCE

It’s not just coding

Image for post
Image for post
Photo by You X Ventures on Unsplash.

Times have changed since the old days when an IT professional was this typical shy person wearing glasses and fascinated by computers, video games, and so on.

Computer science has become wider with much more complexity and several sub-domains: network infrastructure, web development, data science, IoT, etc.

Working as a team has also shifted and new methods have risen to the forefront: V cycle, Agile methods, or the good old continuous delivery. …


DEVELOPER EXPERIENCE

Web development aspects listed with Angular/React/Vue.js hints

Map of all web development aspects
Map of all web development aspects
Image source: Author

Being a front-end developer is a versatile job. It involves a dozen tasks and abilities. In addition, it’s mandatory to keep the focus on the prime goal of what we are developing: a website helping people to ease their common tasks.

In this article, I am going to list the various aspects/features every web developer should consider. If they exist, I will provide some clues and examples regarding these features and how to succeed in them.

User Interface

Layout

Creating a web app starts with building an attractive and accurate layout that will attract the user and make them spend a lot of time on your website. …


DEVELOPER EXPERIENCE

I don’t regret it, but…

Image for post
Image for post
Photo by ian dooley on Unsplash

I had been developing with Angular for more than two years. I discovered this JavaScript framework with its version 6. I enjoyed it for so many months, quarters, and years. But I abandoned it while the early coming version 9 and the Ivy renderer engine were released.

Moving from Angular to Vue.js has been a pleasant moment, a real enjoyment in my front-end developer life. The goal of this article is to explain to you why.

At the very beginning, I was a back-end developer, developing REST API web services for several companies. I loved this well-structured code, with meaningful instructions and a strong business logic. The purpose was real: to fetch data from the database, transform it, and provide complex objects in the form of web services so that front-end developers could use them. …


JAVASCRIPT

Known or unknown shortcuts…

As we know, Javascript or JS is a powerful programming language which allows to create many and impressive applications.

Image for post
Image for post
Photo by parth upadhyay on Unsplash

By the way, let’s stop calling it Javascript and prefer JS as Brendan Eich claimed it few days ago :

Anyway, in this article I will share some useful tricks I use daily to make my statements shorter and sometimes more readable.

String manipulations

— Array of string concatenation —

Maybe you know the join function, I’m sure you do. But what if I tell you there is a secret way to declare the separator:

We are used to state:

['a', 'b', 'c', 'd'].join(', …

About

Adrien Miquel

Web Engineer stacking and sharing his experiences

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