Introduction

Le but est de comprendre l’écriture du HTML :

• Vous allez voir ce qu’est le HTML
• Vous allez apprendre à vous servir d’un éditeur de code en ligne
• Vous utiliserez le logiciel web codepen pour apprendre et créer un croquis de page internet

Introduction

Le but de cet article est de vous fournir une compréhension de base de ce qui permet de voir un site Web en tapant une adresse dans son navigateur.
C’est une simplification de ce qui se passe dans la réalité, mais l’idée globale est ici 🙂

Introduction

This will simply show you a little step-by-step to transform a sketch into a vector image!

Even if the example will use Affinity Designer, the process could be applied with any vector software.

Introduction

In the mid 2018 I have played with Parcel to build a VueJs Progressive Web Application (PWA).
Back then it was kind of quirky to do so.
Reworking on it, I can tell how it compares with Webpack and how Parcel improve its PWA experience.

Introduction

You’re ready to make your new application.
You take Vue 2 as your framework

But you want your application to be:

• fast
• bulletproof

So you decide to make a Universal Web Application with Nuxt 2 & Koa 2
It will:

• fasten the first rendering
• be able to run without JS activated on the client side

Introduction

Vue.js is a solid option for building web applications.
To use it we have two major tools:

• Vue CLI 3 the Standard Tooling for Vue.js Development
  The official solution to quickly setup a Vue application.
• Nuxt Universal Vue.js Applications
  Yeah, we will talk about that.

But how dœs Nuxt differ from a Standard Vue Application?

[TL;DR]

• A different tool to setup your Vue application
• Some convention over configuration
• The ability to move from a Single-page application (SPA) to a Universal Web application

Introduction

In this era of libraries needing a build step (even if you can use them without it, c’mon it’s better to do so) I want to talk about the parcel bundler.

The baseline is: Blazing fast, zero configuration web application bundler.

How this holds up?

Introduction

Both React 16 & Vue 2 are javascript libraries that solve the same issue: writing components which are kept in sync with your application’s state.

Having used both of them lately, here is my opinion on the main differences between them.

I’m not trying to convince anyone of which one is better here, but more to describe how comfortable I was while learning & using them.
When it’s about making stuff, just choose your preferred tool (if you have the choice of course).

[TL;DR] Vue feels more webby and React more tecky (If that means something 🙃)
And coming from a web-developer background, I feel using Vue is more natural for me.

Introduction

If you want to handle a SQL Database in NodeJS, you may want to use Sequelize.

It’s a nice ORM with a promise based API that makes it easy to:

• defines models
• defines relations between those models
• retrieves those relations when accessing an instance.

But I find it hard to handle COUNT and SUM functions inside instances even
after reading issues, trying without success to find the Sequelize way®.
Nothing was working for me 😭

And so this is the story of how I solved it with squel, a SQL query generator

Introduction

So I wanted to build an isomorphic/universal web-application…

This will be a long document about the how and the why
The web-app was greatly influenced by this Viktor Turskyi’s post.

Unlike most articles, I won’t produce here any code example.
I will try to focus on how different piece of code put together will solve building an universal applications problems.

It’s my first take on this kind of application, so I’m sure there are many flaws & rooms for improvement.
But hey! we need a start in order to advance 🏃‍♀️