Un guide intéractif pour le nouveau sélecteur :has
en CSS.
Un gros regroupement de très bons guides et tutos sur le logging, le scaling, l'observability, le testing, etc.
Un énorme regroupement de tutoriels relatifs au développement web.
Un tuto relativement simple en 6 étapes pour comprendre les composants de base de Kubernetes (cluster, node, pod, deployment, service, replica set).
Un regroupement énorme de guides et tutoriels pour le développement web et le développement en général.
Le concept et de créer une sorte de roadmap pour apprendre les choses dans un ordre logique.
roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide developers in picking up a path and guide their learnings.
Un site qui regroupe des tutos gratuits pour :
Learn React, Redux, Node.js, MongoDB, GraphQL and TypeScript in one go!
Un site interactif pour apprendre JS.
Le guide ultime pour comprendre CSS Flexbox selon moi (et j'en ai lu un paquet). C'est en anglais et relativement long, mais tout y est, mêmes les nouveautés comme la propriété gap
ou les subtilités comme margin: auto
.
J'ai découvert 2 ou 3 trucs que je ne connaissais pas alors que je suis un très gros utilisateur de Flexbox.
Une bonne introduction à l'utilisation de knex.js qui est ce qu'on pourrait appeler un SQL query builder. La juste couche d'abstraction pour interagir avec une DB selon moi.
Un tuto très progressif pour apprendre comment utiliser le générateur de site static Eleventy.
Une série de 31 vidéos (5h22 au total) pour apprendre Vue 3 de zéro. Et c'est gratuit.
Je commence à jouer un peu avec Vue 3 et la nouvelle composition API, et c'est assez fabuleux. Mais c'est important de maîtriser quelques nouveaux concepts.
J'ai acheté un nouvel ordi sous Windows 11 et quand il se mettait en veille, il se réveillait tout seul au bout de quelques dizaines de minutes. J'ai donc investigué et grâce à l'observateur d'événements, j'ai pu voir que ça venait de la mise en veille prolongée que j'ai ensuite désactivée.
Si vous avez aussi besoin de savoir pourquoi votre ordi se réveille sans raison, suivez le guide :)
En principe à ce stade vous ne verrez plus que les événements qui ont tiré Windows de son sommeil. La partie Source de réveil devrait ensuite vous donner l'info désirée.
Un topo sur Docker Compose.
Un énorme regroupement de tutos liés de près ou de loin au développement web regroupés par catégories.
Un excellent tutoriel vidéo sur webpack en une quinzaine de courts épisodes. À une époque où la config webpack est le plus souvent cachée par les différents CLI et autres outils, ça vaut le coup de revenir à la base et de tout comprendre étape par étape.
Un très bon article d'initiation à la syntaxe path du format SVG. Très instructif pour avoir une petite idée de ce qu'est ce charabia ! Et ça permet même de pouvoir dessiner des formes simples "de tête" en écrivant le path directement.
Autre ressource intéressante chez Mozilla : https://developer.mozilla.org/fr/docs/Web/SVG/Tutoriel/Paths
Un petit tuto sur Slim 4.
Sous le coude !
Un article super intéressant qui met en pratique le JavaScript moderne tout en construisant le jeu Tetris. C'est clair, élégant, bien pensé !
Installer Draw.io sur ton propre serveur.
Si un jour j'ai du temps :)
Apprendre le positionnement CSS dans un petit tuto pas à pas.
Plein de ressources utiles pour apprendre et maîtriser le positionnement CSS Grid.
Sous le coude :)
Assez long mais extrêmement instructif ! Si vous devez apprendre Git, commencez par là. Tout est expliqué pas à pas et avec des exemples.
Un blog qui contient pas mal d'articles intéressants sur le développement avec Mule.
Qu'est ce que l'exposition en photographie ?
Un tuto animé pour apprendre/comprendre Flexbox.
Un article plutôt complet sur les capteurs photo des smartphone et sur le concentré de technologies qu'ils représentent. Quelques aspects importants en photographie numérique y sont aussi expliqués tels que la taille du capteur, l'ouverture focale, la vitesse d'obturation et la sensibilité ISO.
Une introduction à Animate.css.
Un cours d'initiation au HTML et CSS.
Une suite de vidéo qui explique comment construire une app à base de Vue.js (pour le front) et Express.js (pour l'API).
Utiliser l'objet Vue comme un event bus (publish/subscribe).
Quelques idées de layout web proposées par Mozilla.
Une tuto flexbox avec des animations tiptop !
De l'utilisation de reduce()
en Javascript. Très pratique pour garder un code concis.
Encore un guide illustré pour flexbox.
tl;dr
Construire une application desktop avec Vue.js et des technos web en général.
Un site assez bien foutu avec pas mal de tutos vidéo.
Très intéressant pour comprendre comment certaines librairies qu'on utilise beaucoup fonctionnent.
Un excellent regroupement des différents backends généralement utilisés avec Vue.js. L'article indique également en quelques lignes lequel est le plus adapté en fonction de ce que vous voulez faire.
Vous voulez devenir web developer ? Voilà un guide qui vous expliquera par quoi commencer et avec quoi continuer. C'est très complet !
Un guide pas à pas pour mettre en place une appli Vue.js avec Webpack.
Un très bon tuto pour s'initier aux à la console UNIX et aux lignes de commandes (qui vous seront indispensable à un moment ou à un autre si vous faites un peu de dev).
Vue.js, PWA, tout ça tout ça :)