Your developer workout for the next 365 days
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…
Connecting people and knowledge
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. …
JAVASCRIPT
Displaying HEIF/HEIC images in Browser
Well, well, well…, as you may have guessed by reading by this title, the HEIC and HEIF files are not supported by the img markup in HTML5.
The most common occasion you will encounter these extensions is Burst Photos or any other Apple image features, generating .heic or .mov files. However, it’s not strictly related to Apple devices.
In my current project, we had to display images stored in a AWS s3 bucket, uploaded by our users. However, HEIC uploaded images were not compatible with our web interface (developed in Vue.js). …
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
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…
DEVELOPER EXPERIENCE
What I learned along the way
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
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…
DEVELOPER EXPERIENCE
It’s not just coding
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
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…
DEVELOPER EXPERIENCE
I don’t regret it, but…
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…
Adrien Miquel
Web Engineer stacking and sharing his experiences
