The problem
+ + +The problem
When you need to translate the labels of the different forms in your app, you usually have to set a translation key for each label manually.
We finally built a bundle that solve the problem in an even better way and more! Check it out[EDIT]
Here's what it looks like with a simple User form:
@@ -502,60 +500,59 @@Conclusion:The logic behind key generation can be customized by coding your own macro. -
+
+
-
- - Une typo ? - - Modifier cet article sur Github - -
-+ Une typo ? + + Modifier cet article sur Github + +
+Testez vos connaissances_ diff --git a/pr/398/blog/dev/ameliorez-pertinence-resultat-elastic-search-score/index.html b/pr/398/blog/dev/ameliorez-pertinence-resultat-elastic-search-score/index.html index f166fb99c55..cee3c942647 100644 --- a/pr/398/blog/dev/ameliorez-pertinence-resultat-elastic-search-score/index.html +++ b/pr/398/blog/dev/ameliorez-pertinence-resultat-elastic-search-score/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
Améliorez la pertinence de vos résultats ElasticSearch grâce au score
-Améliorez la pertinence de vos résultats ElasticSearch grâce au score.
- -Améliorez la pertinence de vos résultats ElasticSearch grâce au score
+Améliorez la pertinence de vos résultats ElasticSearch grâce au score.
+ +-
-
-
- ElasticSearch
+
-
+
- + ElasticSearch - -
- - Une histoire de score + +
- + Une histoire de score - -
- - Indexation + +
- + Indexation - -
- - Requêter + +
- + Requêter - -
- - Conclusion + +
- + Conclusion - -
-+ + + + +- -- - - - -ElasticSearch
+ + +ElasticSearch
ElasticSearch est un moteur de recherche très puissant mais relativement simple à mettre en place et à intégrer grâce à son API RESTful. Des bibliothèques telles que le client PHP Elastica et le bundle Symfony FOSElasticaBundle facilitent encore plus son intégration. Néanmoins la configuration fine du moteur de recherche reste assez complexe et peut faire peur au premier abord.
Je ne vais pas parler de la configuration serveur et infrastructure d'ElasticSearch qui touche plus aux performances et à la sécurité de l'outil mais plutôt m'attarder sur la configuration du moteur de recherche en lui-même, de ce qui impactera la pertinence de vos résultats.
Deux choses vont impacter les résultats de vos recherches : l'indexation de vos données et vos requêtes de recherche. Ce sont donc ces deux points qui vont être abordés dans cet article.
@@ -671,60 +669,59 @@Conclusion -
-+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+Testez vos connaissances_ diff --git a/pr/398/blog/dev/api-design-elao-team-interview/index.html b/pr/398/blog/dev/api-design-elao-team-interview/index.html index b806a8047c6..65f2e40eb85 100644 --- a/pr/398/blog/dev/api-design-elao-team-interview/index.html +++ b/pr/398/blog/dev/api-design-elao-team-interview/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
- - - --+ + + + +++ - - +-+ Publication 27 novembre 2017 ++--Conception et développement d'API : l'interview croisée de l'équipe Élao
-Interview croisée des développeurs d'Élao à propos de leurs diverses expériences en conception et développement d'API
- -++Conception et développement d'API : l'interview croisée de l'équipe Élao
+Interview croisée des développeurs d'Élao à propos de leurs diverses expériences en conception et développement d'API
+ +-
-
-
- Pouvez-vous résumer votre expérience des API en quelques mots ?
+
-
+
- + Pouvez-vous résumer votre expérience des API en quelques mots ? - -
- - Y a-t-il un code HTTP peu connu que vous utilisez régulièrement ? + +
- + Y a-t-il un code HTTP peu connu que vous utilisez régulièrement ? - -
- - POST/PATCH/PUT : conseils, critères de choix ?Choisir entre les méthodes + +
- + POST/PATCH/PUT : conseils, critères de choix ?Choisir entre les méthodes - -
- - Formats de sortie : privilégiez-vous le tout JSON ? + +
- + Formats de sortie : privilégiez-vous le tout JSON ? - -
- - Gestion des erreurs, erreurs de validation : formalisme, pratiques ? + +
- + Gestion des erreurs, erreurs de validation : formalisme, pratiques ? - -
- - Le versioning d'API : quelle stratégie préconisez-vous ? + +
- + Le versioning d'API : quelle stratégie préconisez-vous ? - -
- - Documenter votre API : quels outils ? + +
- + Documenter votre API : quels outils ? - -
- - Comment tester son API ? + +
- + Comment tester son API ? - -
- - Avez-vous des pratiques particulières concernant les URI ? Bannissez-vous sytématiquement les verbes ? Dans quels cas les utilisez-vous ? + +
- + Avez-vous des pratiques particulières concernant les URI ? Bannissez-vous sytématiquement les verbes ? Dans quels cas les utilisez-vous ? - -
- - Un petit mot sur HATEOAS ? + +
- + Un petit mot sur HATEOAS ? - -
- - Utilisez-vous une bibliothèque-cadre pour développer vos API ? Symfony REST edition ? API Platform ? Autre ? + +
- + Utilisez-vous une bibliothèque-cadre pour développer vos API ? Symfony REST edition ? API Platform ? Autre ? - -
- - Serializer de Symfony ou JMSSerializer ?Normalizers / Serializers : composant + +
- + Serializer de Symfony ou JMSSerializer ?Normalizers / Serializers : composant - -
- - Communication développeurs Backend/Frontend : des conseils ? + +
- + Communication développeurs Backend/Frontend : des conseils ? - -
- - Et GraphQL dans tout ça ? + +
- + Et GraphQL dans tout ça ? - -
- - Un ouvrage ou un site de référence à conseiller ? + +
- + Un ouvrage ou un site de référence à conseiller ? - -
- - Quel conseil donneriez-vous à un développeur qui débute dans les API ? + +
- + Quel conseil donneriez-vous à un développeur qui débute dans les API ? - -
- - Une question que vous auriez aimé que l'on vous pose à propos des API ? Ou bien quelque chose à ajouter ? + +
- + Une question que vous auriez aimé que l'on vous pose à propos des API ? Ou bien quelque chose à ajouter ? - -
-+ + + + +- -- - - Concevoir et développer une API n'est pas un exercice trivial. La littérature en la matière et les ressources sur Internet abondent, mais au moment d'implémenter une API, le développeur reste confronté à de nombreux choix.
+ + +Concevoir et développer une API n'est pas un exercice trivial. La littérature en la matière et les ressources sur Internet abondent, mais au moment d'implémenter une API, le développeur reste confronté à de nombreux choix.
Plutôt qu'énumérer une litanie de bonnes pratiques pontifiantes, nous donnons la parole à nos développeurs pour qu'ils partagent leurs expériences, vous livrent leurs points de vue ainsi que des conseils utiles sur les nombreux aspects techniques qui touchent aux API.
Pouvez-vous résumer votre expérience des API en quelques mots ?
@@ -424,60 +422,59 @@- -
-+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+Testez vos connaissances_ diff --git a/pr/398/blog/dev/apollo-graphql-cache/index.html b/pr/398/blog/dev/apollo-graphql-cache/index.html index de9633c2040..7c034526634 100644 --- a/pr/398/blog/dev/apollo-graphql-cache/index.html +++ b/pr/398/blog/dev/apollo-graphql-cache/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
- - - --+ + + + +++ - - +-+ Publication 17 février 2020 ++--Comprendre le cache du client Graphql Apollo
-Découverte du fonctionnement du cache du client GraphQL Apollo.
- -++Comprendre le cache du client Graphql Apollo
+Découverte du fonctionnement du cache du client GraphQL Apollo.
+ +-
-
-
- Introduction
+
-
+
- + Introduction - -
- - Première requête + +
- + Première requête - -
- - Mutations + +
- + Mutations - -
- - Lire et écrire dans le cache + +
- + Lire et écrire dans le cache - -
- - Fragments + +
- + Fragments - -
- - Mise à jour automatique + +
- + Mise à jour automatique - -
- - Configurer le cache + +
- + Configurer le cache - -
- - Redirection de cache + +
- + Redirection de cache - -
- - Gérer la suppression de données + +
- + Gérer la suppression de données - -
- - Fetch policy + +
- + Fetch policy - -
- - Persistence + +
- + Persistence - -
- - Conclusion + +
- + Conclusion - -
--+ + + + +- -- - - - -Introduction
+ + +Introduction
GraphQL est un standard qui s'impose peu à peu dans le monde des API. Comme tout protocole API, il vient avec différents clients facilitant le dialogue avec le serveur.
Apollo GraphQL est un service SAAS proposant une solution serveur GraphQL qui fournit également un très bon client GraphQL Javascript. Le client est open source et fonctionne avec n'importe quel serveur GraphQL.
GraphQL propose beaucoup d'avantages par rapport à d'autres protocoles API over HTTP comme REST par exemple (batching de query, sélection des données à retourner, format des données, ...) mais souffre d'un défaut si l'on peut dire : comme toutes les requêtes sont effectuées en POST sur le même endpoint, il est impossible de poser un simple cache HTTP en amont. Pas de Varnish, pas de cache navigateur, etc.
@@ -670,60 +668,59 @@Persistence })
Conclusion
Cet article n'est qu'un petit aperçu des possibilités offertes par le cache Apollo. Pour plus de détails, je vous conseille de lire attentivement les documentations très complètes sur la configuration du cache et la manipulation de cache qui ont inspiré cet article.
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/architecture-hexagonale-symfony/index.html b/pr/398/blog/dev/architecture-hexagonale-symfony/index.html index 31e3fdad72b..edcc5c83e93 100644 --- a/pr/398/blog/dev/architecture-hexagonale-symfony/index.html +++ b/pr/398/blog/dev/architecture-hexagonale-symfony/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 21 juin 2017 ++--L'architecture hexagonale avec Symfony
-Présentation de l'architecture hexagonale et de son implémentation avec le framework Symfony.
- -++L'architecture hexagonale avec Symfony
+Présentation de l'architecture hexagonale et de son implémentation avec le framework Symfony.
+ +-
-
-
- Introduction
+
-
+
-
+ Introduction
-
-
-
- - Une architecture hexagonale - -
- - Une architecture en couches (ou en oignon) - -
- - Qu'est ce qu'on met dedans ? - -
- - Pourquoi ? - -
- -
- Et Symfony dans tout ça ?
+
-
+
- + Une architecture hexagonale + +
- + Une architecture en couches (ou en oignon) + +
- + Qu'est ce qu'on met dedans ? + +
- + Pourquoi ? + +
+ -
+ Et Symfony dans tout ça ?
-
-
-
- - Framework agnostique - -
- -
- Conclusion
+
-
+
- + Framework agnostique + +
+ - + Conclusion - -
--+ + + + + +++- - - - -Introduction
+ + +Introduction
L'architecture hexagonale, également appelée Ports & Adapters, présente deux caratéristiques lorsqu'on la schématise : une forme hexagonale (d'où son nom) et une séparation entre l'application, l'extérieur et une partie contenant des adapteurs permettant aux deux de communiquer.
Elle a été pensé par Alistair Cockburn dans les années 2000. Son but est de permettre à une application d'être pilotée sans distinction par des utilisateurs, des programmes, des tests automatisés ou des scripts ainsi que d'être développée et testée de façon isolée de son contexte d'exécution et de ses bases de données.
@@ -439,60 +437,59 @@ Conclusion
Pour conclure, je dirai que l'architecture hexagonale n'est pas une fin en soi ni l'architecture ultime. Je la vois davantage comme un cadre permettant de se contraindre à respecter le principe de séparation entre le code métier et code technique.
Comme tout paradigme, il a ses faiblesses et ses exceptions, mais pour l'utiliser sur tous mes projets depuis quelques années, il m'a beaucoup fait progresser vers une conception propre, solide, testable et maintenable.
-- + ++ -
+ Introduction
-
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/authentification-par-lien-magique/index.html b/pr/398/blog/dev/authentification-par-lien-magique/index.html index 04efcceccfb..2e664fb7e8b 100644 --- a/pr/398/blog/dev/authentification-par-lien-magique/index.html +++ b/pr/398/blog/dev/authentification-par-lien-magique/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 14 mars 2018 ++--Authentification par lien magique
-Retour d'expérience sur la mise en place d'authentification par lien de connexion.
- -++Authentification par lien magique
+Retour d'expérience sur la mise en place d'authentification par lien de connexion.
+ +-
-
-
- Fonctionnement
+
-
+
- + Fonctionnement - -
- - Un constat + +
- + Un constat - -
- - Développement et premiers retours + +
- + Développement et premiers retours - -
- - A plus long terme + +
- + A plus long terme - -
- - Validation Apple + +
- + Validation Apple - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -Lien magique
+ + +Lien magique
Nous avons récemment pris le parti pour l'un de nos dernier projet de proposer une authentification par "lien magique". Voici ce qui nous a poussé à faire cette expérience ainsi que nos retours.
L'authentification par "lien magique" est notamment utilisée par Slack qui propose cette fonctionnalité dans son client et qui nous a grandement inspiré.
@@ -336,60 +334,59 @@ ConclusionEst-ce que cette méthodes d'authentification peut remplacer définitivement l'authentification classique par mot de passe ou doit elle seulement être proposé comme alternative ? L'avenir nous le dira :)
Bearded man and mobile phone icons made by monkik from www.flaticon.com-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/behat-3-test-fonctionnel-symfony/index.html b/pr/398/blog/dev/behat-3-test-fonctionnel-symfony/index.html index 6d20bdd2b02..d8b2647e0ab 100644 --- a/pr/398/blog/dev/behat-3-test-fonctionnel-symfony/index.html +++ b/pr/398/blog/dev/behat-3-test-fonctionnel-symfony/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 6 janvier 2016 ++--Behat 3 pour vos tests fonctionnels Symfony2
-Installation et utilisation de Behat 3 pour vos tests fonctionnels Symfony2
- -++Behat 3 pour vos tests fonctionnels Symfony2
+Installation et utilisation de Behat 3 pour vos tests fonctionnels Symfony2
+ +-
-
-
- Behat
+
-
+
- + Behat - -
--+ + + + + +++- - - - -Depuis peu, nous avons fait basculer notre stack Symfony standard avec comme dépendance par défaut Behat 3. + + +
Depuis peu, nous avons fait basculer notre stack Symfony standard avec comme dépendance par défaut Behat 3. La documentation sur Behat 2.5 est prédominante par rapport à la version 3, ce qui nous a obligé à faire le tri pour configurer correctement notre stack. Nous avons donc décidé de vous partager notre set up et la façon dont nous utilisons Behat 3.
@@ -403,56 +401,55 @@En conclusi
Des extensions bien utiles pour faire des fixtures en yaml et obtenir des
stepsdéjà fonctionnels.Nous privilégions la regénération de nos fixtures à chacun de nos tests, ce qui permet de ne pas polluer les tests entre eux. Si un test change une valeur, le second n'a pas à la prendre en compte, la valeur est remise à l'initiale.
Et enfin, Behat c'est bien, mangez en!
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/bonnes-pratiques-symfony2-notre-condense/index.html b/pr/398/blog/dev/bonnes-pratiques-symfony2-notre-condense/index.html index 6a6499a2f2a..aa917fbfe7d 100644 --- a/pr/398/blog/dev/bonnes-pratiques-symfony2-notre-condense/index.html +++ b/pr/398/blog/dev/bonnes-pratiques-symfony2-notre-condense/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 19 avril 2013 ++--Bonnes pratiques Symfony2 : notre condensé !
-Bonnes pratiques Symfony2 : notre condensé !
- -++Bonnes pratiques Symfony2 : notre condensé !
+Bonnes pratiques Symfony2 : notre condensé !
+ +-
-
-
- Après le Symfony Live 2013, pour tous ceux qui n'ont pas pu venir, voici notre condensé des bonnes pratiques à respecter avec Symfony2 :
+
-
- --
+ + + + + +++- - - - -Après le Symfony Live 2013, pour tous ceux qui n'ont pas pu venir, voici notre condensé des bonnes pratiques à respecter avec Symfony2 :
+ + +Après le Symfony Live 2013, pour tous ceux qui n'ont pas pu venir, voici notre condensé des bonnes pratiques à respecter avec Symfony2 :
-
Lire et relire la documentation officielle pour rester à jour.
@@ -327,60 +325,59 @@Et aussi :
Un grand merci à Tugdual Saunier
Sources:
Conférence au Symfony Live 2013 : "42 bonnes pratiques pour Symfony2" par Tugdual Saunier - Sensio
-
- + ++ -
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/commander-au-clavier-app-symfony-grace-au-routing/index.html b/pr/398/blog/dev/commander-au-clavier-app-symfony-grace-au-routing/index.html index af2b330e7fd..5dc0467a1ad 100644 --- a/pr/398/blog/dev/commander-au-clavier-app-symfony-grace-au-routing/index.html +++ b/pr/398/blog/dev/commander-au-clavier-app-symfony-grace-au-routing/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 25 octobre 2018 ++--Commander au clavier une application Symfony grâce au Routing
-Comment ajouter à une application Symfony une UI différente, une interface de commande par texte avec autocompletion.
- -++Commander au clavier une application Symfony grâce au Routing
+Comment ajouter à une application Symfony une UI différente, une interface de commande par texte avec autocompletion.
+ +-
-
-
- Le contexte
+
-
+
- + Le contexte - -
- - Exploiter le routing de Symfony ? + +
- + Exploiter le routing de Symfony ? - -
- - Deviner des paramètres de route + +
- + Deviner des paramètres de route - -
- - Améliorations + +
- + Améliorations - -
- - Bilan + +
- + Bilan - -
- - Commander par la voix ? + +
- + Commander par la voix ? - -
--+ + + + + +++- - - Lorsqu'une application comporte des centaines de fonctionnalités et des millions de lignes en base de données, + + +
Lorsqu'une application comporte des centaines de fonctionnalités et des millions de lignes en base de données, il est souvent fastidieux d'accéder à une information. Il faut choisir le bon élément dans un menu, chercher dans une liste, cliquer sur modifier, accéder à un formulaire pour enfin pouvoir modifier une donnée.
@@ -734,60 +732,59 @@- -
- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-++ +++++ Une typo ? + + Modifier cet article sur Github + +
+Testez vos connaissances_ diff --git a/pr/398/blog/dev/comment-demarrer-tdd-en-php/index.html b/pr/398/blog/dev/comment-demarrer-tdd-en-php/index.html index 5bac24b25ff..c37e8d05a4d 100644 --- a/pr/398/blog/dev/comment-demarrer-tdd-en-php/index.html +++ b/pr/398/blog/dev/comment-demarrer-tdd-en-php/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
- - - --+ + + + +++ - - +-+ Publication 30 octobre 2018 ++--Comment démarrer en TDD en PHP ?
-Test Driven Development c'est bien mais comment commencer à en faire ?
- -++Comment démarrer en TDD en PHP ?
+Test Driven Development c'est bien mais comment commencer à en faire ?
+ +-
-
-
- Pourquoi faire du Test Driven Development
+
-
+
- + Pourquoi faire du Test Driven Development - -
- - Outillage + +
- + Outillage - -
- - Notre exemple + +
- + Notre exemple - -
- - Le service à tester + +
- + Le service à tester - -
- - Conclusion + +
- + Conclusion - -
-+ + + + +- -- - - - -Test Driven Development ou le développement guidé par les tests, n'est clairement pas une méthode triviale. + + +
Test Driven Development ou le développement guidé par les tests, n'est clairement pas une méthode triviale. N'ayez pas honte de ne pas savoir par où commencer. Beaucoup de personnes parlent de « déclic » lorsqu'il s'agit d'appréhender le TDD. L'ambition de cet article est d'essayer de créer ce déclic.
@@ -614,60 +612,59 @@ConclusionÀ vos marques, prêts, testez !
PS : si vous souhaitez vous éclater en faisant du TDD et du code de qualité, rejoignez-nous !
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+Testez vos connaissances_ diff --git a/pr/398/blog/dev/comment-integrer-vue-js-application-symfony/index.html b/pr/398/blog/dev/comment-integrer-vue-js-application-symfony/index.html index bda4ba3daa4..a4ee0d0969c 100644 --- a/pr/398/blog/dev/comment-integrer-vue-js-application-symfony/index.html +++ b/pr/398/blog/dev/comment-integrer-vue-js-application-symfony/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
- - - --+ + + + +++ - - +-+ Publication 21 octobre 2016 ++--Comment intégrer Vue.js dans une application Symfony
-Guide d'intrégration de Vue.js dans une application Symfony
- -++Comment intégrer Vue.js dans une application Symfony
+Guide d'intrégration de Vue.js dans une application Symfony
+ +-
-
-
- Installation
+
-
+
- + Installation - -
- - Integration + +
- + Integration - -
- - Conclusion + +
- + Conclusion - -
--+ + + + +- -- - - - -Dans mon précédent article je vous parlais des avantages de Vue.js et vous expliquais pourquoi vous devriez l'utiliser dans vos projets. Je disais que Vue.js était parfait pour ajouter des fonctionnalités frontend à Symfony, je vais vous détailler dans cet article comment l'intégrer au framework PHP.
+ + +Dans mon précédent article je vous parlais des avantages de Vue.js et vous expliquais pourquoi vous devriez l'utiliser dans vos projets. Je disais que Vue.js était parfait pour ajouter des fonctionnalités frontend à Symfony, je vais vous détailler dans cet article comment l'intégrer au framework PHP.
Installation
Nous allons tout d'abord installer Vue.js :
@@ -547,60 +545,59 @@npm install vue vue-loader vue-template-compiler<div id="app" data-name="{{ app.user.username }}"></div>Conclusion
Ces pistes peuvent vous permettre de mettre en place des applications hybrides reposant sur une base de Symfony pour certaines choses plus complexe à mettre en place côté client comme la gestion des utilisateurs, l'authentification ou le back-office mais de proposer tout de même une interface réactive et moderne grâce à Vue.js.
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/date-php-timezone-utc-pourquoi-est-ce-important/index.html b/pr/398/blog/dev/date-php-timezone-utc-pourquoi-est-ce-important/index.html index 84e4f04ba4c..a404e12f6fd 100644 --- a/pr/398/blog/dev/date-php-timezone-utc-pourquoi-est-ce-important/index.html +++ b/pr/398/blog/dev/date-php-timezone-utc-pourquoi-est-ce-important/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 21 novembre 2017 ++--Dates PHP et Timezone UTC, pourquoi est-ce important ?
-Mise au point sur les problématiques de timezone avec les dates PHP.
- -++Dates PHP et Timezone UTC, pourquoi est-ce important ?
+Mise au point sur les problématiques de timezone avec les dates PHP.
+ +-
-
-
- La timezone c'est quoi ?
+
-
+
- + La timezone c'est quoi ? - -
- - PHP + +
- + PHP - -
- - Les problèmes + +
- + Les problèmes - -
- - La solution + +
- + La solution - -
- - Symfony + +
- + Symfony - -
- - API + +
- + API - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -La timezone c'est quoi ?
+ + +La timezone c'est quoi ?
La timezone est une information associée à une date permettant de connaître son fuseau horaire. Cette timezone est décrite par un nom de continent et un nom de ville.
Europe/Paris Europe/London @@ -377,60 +375,59 @@API
Utilisez ce format pour serializer vos dates en sortie afin d'éviter toute ambiguïté pour les consommateurs de votre API et en entrée afin de permettre la saisie dans n'importe quelle timezone.
Conclusion
Ne pas gérer ou mal gérer les timezones sur une application manipulant des dates peut entraîner des bugs assez sérieux, difficiles à identifier et couteux à corriger après coup (imaginez migrer les dates de 500k lignes en prod). Prendre en compte cette problématique dès le début des développements vous évitera donc de vous arracher les cheveux ;)
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/design-pattern-abstract-factory/index.html b/pr/398/blog/dev/design-pattern-abstract-factory/index.html index 0a0fb289204..4f48184b241 100644 --- a/pr/398/blog/dev/design-pattern-abstract-factory/index.html +++ b/pr/398/blog/dev/design-pattern-abstract-factory/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 11 avril 2017 ++--Le Design Pattern 'Abstract Factory'
-Deuxième article d'une série consacrée aux Design Patterns. Aujourd'hui : le pattern Abstract Factory
- -++Le Design Pattern 'Abstract Factory'
+Deuxième article d'une série consacrée aux Design Patterns. Aujourd'hui : le pattern Abstract Factory
+ +-
-
-
- Classification
+
-
+
- + Classification - -
- - Définition + +
- + Définition - -
- - Schéma du design pattern Abstract Factory + +
- + Schéma du design pattern Abstract Factory - -
- - Exemple de problèmes familiaux ... + +
- + Exemple de problèmes familiaux ... - -
- - Résolution de la problématique à l'aide du DP AbstractFactory + +
- + Résolution de la problématique à l'aide du DP AbstractFactory - -
- - Explication de la solution + +
- + Explication de la solution - -
- - Conclusion + +
- + Conclusion - -
-+ + + + +- - - Deuxième article d'une série consacrée aux Design Patterns. Aujourd'hui, le pattern
+ + +AbstractFactoryoù il sera question de produits, de familles et de fabriques (factories, au pluriel s'il vous plaît).Deuxième article d'une série consacrée aux Design Patterns. Aujourd'hui, le pattern
AbstractFactoryoù il sera question de produits, de familles et de fabriques (factories, au pluriel s'il vous plaît).@@ -430,52 +428,51 @@ Conclusion
Factory Method:newdéporté dans une méthode dédiée, un seul type d'objet retourné à la fois (une seule méthode d'instanciation par Factory)Abstract Factory: famille de produits liés fonctionnellement, plusieurs fabriques, plusieurs types d'objets retournés par chaque fabrique (plusieurs méthodes d'instanciation par Factory)- + ++ -- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/design-pattern-chain-of-responsibility/index.html b/pr/398/blog/dev/design-pattern-chain-of-responsibility/index.html index a4e6d875de4..a1b8c063e9c 100644 --- a/pr/398/blog/dev/design-pattern-chain-of-responsibility/index.html +++ b/pr/398/blog/dev/design-pattern-chain-of-responsibility/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- - - --+ + + + +++ - - +-+ Publication 13 mai 2017 ++--Le Design Pattern 'Chain of Responsibility'
-Nouvel article consacré aux Design Patterns. Aujourd'hui : le pattern Chain of Responsibility
- -++Le Design Pattern 'Chain of Responsibility'
+Nouvel article consacré aux Design Patterns. Aujourd'hui : le pattern Chain of Responsibility
+ +-
-
-
- Classification
+
-
+
- + Classification - -
- - Définition + +
- + Définition - -
- - Quand l'utiliser ? + +
- + Quand l'utiliser ? - -
- - Chain of ResponsibilityDiagramme du Design pattern + +
- + Chain of ResponsibilityDiagramme du Design pattern - -
- - Participants + +
- + Participants - -
- - Si tous les fous du monde voulaient bien se donner la main ... + +
- + Si tous les fous du monde voulaient bien se donner la main ... - -
- - Logique de construction de la chaîne + +
- + Logique de construction de la chaîne - -
- - Mise à jour des handlers concrets + +
- + Mise à jour des handlers concrets - -
- - Instancions et utilisons notre chaîne + +
- + Instancions et utilisons notre chaîne - -
-+ ++ + + + +- -- - - - -+ + +
@@ -547,52 +545,51 @@"Quelqu'un pourrait me passer le sel, s'il vous plaît ?" Martin Fowler, sept. 2015
Instancions } catch (\InvalidArgumentException $e) { echo "Exception (as expected !) : {$e->getMessage()}\n"; } -
-+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/design-pattern-decorator/index.html b/pr/398/blog/dev/design-pattern-decorator/index.html index f971f38aff9..ff9ef5f8a62 100644 --- a/pr/398/blog/dev/design-pattern-decorator/index.html +++ b/pr/398/blog/dev/design-pattern-decorator/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- - - --+ + + + +++ - - +-+ Publication 4 mai 2017 ++--Le Design Pattern 'Decorator'
-Présentation du pattern 'Decorator' dans le cadre d'une série consacrée aux Design Patterns
- -++Le Design Pattern 'Decorator'
+Présentation du pattern 'Decorator' dans le cadre d'une série consacrée aux Design Patterns
+ +-
-
-
- Classification
+
-
+
- + Classification - -
- - Définition + +
- + Définition - -
- - DecoratorDiagramme du Design pattern + +
- + DecoratorDiagramme du Design pattern - -
- - Participants + +
- + Participants - -
- - Exposé du cas concret (sexe et violence à tous les étages) + +
- + Exposé du cas concret (sexe et violence à tous les étages) - -
- - Decorator en actionLe pattern + +
- + Decorator en actionLe pattern - -
- - Decorator par rapport à l'héritageAvantages du pattern + +
- + Decorator par rapport à l'héritageAvantages du pattern - -
- - DecoratorAutres usages du pattern + +
- + DecoratorAutres usages du pattern - -
--+ + + + +- -- - - - -Le Gang of Four a classé les design patterns dans trois catégories : les DP de création, les DP structurels et les DP comportementaux (behavior).
+ + +Le Gang of Four a classé les design patterns dans trois catégories : les DP de création, les DP structurels et les DP comportementaux (behavior).
Au début de cette série, nous avons abordé deux design patterns de création : la
Factory Methodet le patternAbstract Factory. Je vous propose aujourd'hui de nous pencher sur notre premier design pattern structurel : leDecorator.Il y sera notamment question de modération, de sexe et de grossièretés. Autant de bonnes raisons de poursuivre votre lecture.
Classification
@@ -423,52 +421,51 @@$kernel = new AppCache($kernel);Source : http://symfony.com/doc/current/http_cache.html#symfony-reverse-proxy
La classe
-AppCachede Symfony implémente l'interfaceHttpKernelInterface(via son parentHttpCache), tout comme la classeAppKernelqu'elle décore.-+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/design-pattern-factory-method/index.html b/pr/398/blog/dev/design-pattern-factory-method/index.html index 4df304020fe..d94c84a9981 100644 --- a/pr/398/blog/dev/design-pattern-factory-method/index.html +++ b/pr/398/blog/dev/design-pattern-factory-method/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 10 avril 2017 ++--Le Design Pattern 'Factory Method'
-Premier article d'une série consacrée aux Design Patterns. Aujourd'hui : le pattern Factory Method
- -++Le Design Pattern 'Factory Method'
+Premier article d'une série consacrée aux Design Patterns. Aujourd'hui : le pattern Factory Method
+ +-
-
-
- Quelques repères bibliographiques en guise de préambule
+
-
+
- + Quelques repères bibliographiques en guise de préambule - -
- - Ceci n'est pas une pipe + +
- + Ceci n'est pas une pipe - -
- - Factory MethodNotre premier DP : la + +
- + Factory MethodNotre premier DP : la - -
--+ + + + + +++- - - - -Quelques repères bibliographiques en guise de préambule
+ + +Quelques repères bibliographiques en guise de préambule
Avant d'entrer dans le vif du sujet en abordant notre premier Design Pattern, permettez-moi de citer deux ouvrages incontournables lorsque l'on évoque ce sujet.
@@ -411,52 +409,51 @@ Commentaires<
En résumé, et comme son nom l'indique, le pattern
Factory Methodconsiste tout simplement à déporter dans une méthode dédiée l'instanciation de l'objet attendu. Cette méthode se résume finalement à un simplereturn new Product();. Concept d'une extrême simplicité mais qui nous permet d'obtenir une classe ouverte à l'extension, en permettant le cas échéant à ses enfants d'instancier un autre type.Design patterns voisins
Il existe un autre Design pattern Factory, plus riche que le design pattern
-Factory Methodcar il implique plus de participants (mais il n'est pas nécessairement plus compliqué pour autant) : l'Abstact Factory. Il y a fort à parier qu'il fasse l'objet du prochain article de cette série consacrée aux Design Patterns.- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-++ ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/django-2nde-partie-le-modele-et-ladmin/index.html b/pr/398/blog/dev/django-2nde-partie-le-modele-et-ladmin/index.html index 15e8a296304..49a3f676138 100644 --- a/pr/398/blog/dev/django-2nde-partie-le-modele-et-ladmin/index.html +++ b/pr/398/blog/dev/django-2nde-partie-le-modele-et-ladmin/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
- -- - - -++ + + + + - +-+ Publication 6 octobre 2010 ++--Django (2nde partie) : le Modèle et l’Admin
-Django (2nde partie) : le Modèle et l’Admin
- -++Django (2nde partie) : le Modèle et l’Admin
+Django (2nde partie) : le Modèle et l’Admin
+ +--+ + +- - +- - - - -Bonjour à toutes et à tous,
+ + +Bonjour à toutes et à tous,
Aujourd'hui, dans notre série consacrée à Django, nous abordons un second volet autrement plus intéressant que le premier (pour ceux qui ont raté l'épisode précédent, c'est ici que ça se passe). En effet, ce billet sera consacré d'une part au Modèle, que nous avions négligé précédemment, d'autre part à l'interface d'administration fournie par Django (Django Admin Site). J'aurais pu consacrer un article entier à la couche "Modèle" et aborder les nombreuses possibilités offertes par le Framework dans ce domaine. Mais mon précédent billet avait essentiellement pour but de nous familiariser avec Django, aussi d'un point de vue purement fonctionnel, le résultat finalement obtenu pouvait nous laisser sur notre faim. J'ai donc choisi ici de dépeindre le modèle dans ses grandes lignes, plutôt que d'entrer dans le détail, afin que nous puissions rapidement mettre en pratique nos connaissances, par le biais de l'interface d'Administration de Django. Mais sachez que les points importants sur lesquels nous ferons l'impasse aujourd'hui feront l'objet de futurs articles.
Avant de débuter ce tutoriel, assurez-vous que Python et Django sont installés sur votre ordinateur. Si tel n'est pas le cas, référez-vous à notre introduction au Framework Django pour connaître la marche à suivre.
Présentation du projet et du modèle
@@ -527,52 +525,51 @@Overriding Admin Templates. Pour ce qui concerne plus généralement l'Admin, si vous souhaitez connaître l'ensemble des fonctionnalités disponibles, voici les deux chapitres de la documentation qui traitent de ce sujet : Admin Site et Admin Actions.
Conclusion (partielle)
Aujourd'hui, nous avons étendu nos connaissances du framework Django, en abordant le modèle dans ses grandes lignes, et en exploitant certaines fonctionnalités proposées par l'Admin de Django. Au cours d'un prochain article, nous développerons une page qui nous permettra de lister les différents articles disponibles. Cette page comportera un moteur de recherche (assez basique), les résultats seront paginés et pourront être triés à partir des en-têtes de colonnes. Ce sera donc l'occasion de consolider certaines notions déja étudiées, et d'aborder de nouveaux concepts par la pratique, parmi lesquels l'organisation et la réutilisation des templates, la pagination, l'interrogation des données en base de données à l'aide des ModelManagers, la génération de vignettes, la création de fixtures ... Stay tuned !
-- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- +Testez vos connaissances_ diff --git a/pr/398/blog/dev/django-3eme-partie-les-templates-et-bien-dautres-choses/index.html b/pr/398/blog/dev/django-3eme-partie-les-templates-et-bien-dautres-choses/index.html index 37f7eba0598..b5c9d1d2c66 100644 --- a/pr/398/blog/dev/django-3eme-partie-les-templates-et-bien-dautres-choses/index.html +++ b/pr/398/blog/dev/django-3eme-partie-les-templates-et-bien-dautres-choses/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
-- - - -- -+ + + + +++ - - +-+ Publication 15 octobre 2010 ++--Django (3ème partie) : les templates, et bien d'autres choses ...
-Django (3ème partie) : les templates, et bien d'autres choses ...
- -++Django (3ème partie) : les templates, et bien d'autres choses ...
+Django (3ème partie) : les templates, et bien d'autres choses ...
+ +--+ + +- -- - - - -Bonjour à toutes et à tous,
+ + +Bonjour à toutes et à tous,
Aujourd'hui nous abordons notre troisième volet consacré à Django et autant vous le dire tout de suite : nous avons du pain sur la planche !
En effet, nous allons enrichir le projet initié lors de notre précédent article. Pour mémoire, j'ai choisi de mettre en pratique nos connaissances de Django à travers un cas concret, assez simple pour être didactique mais assez riche pour couvrir un large éventail de fonctionnalités : un site de vente d'articles de sport (ou, soyons honnêtes, plutôt une ébauche de site). Dans l'épisode précédent, nous avons créé deux objets métiers, "Sport" et "Item", et mis en place l'interface permettant de les gérer, grâce à l'Admin de Django (affichage des listes, création, édition, suppression). Aujourd'hui, nous allons construire une page d'accueil dans laquelle nous afficherons une liste des produits disponibles. Histoire de rendre la partie plus intéressante, nous nous fixons les objectifs suivants : la liste pourra faire l'objet d'un tri sur un critère donné, elle devra être paginée et il sera possible de faire des recherches sur des critères assez simples. Du travail en perspective !
Voici le résultat à atteindre :
@@ -514,52 +512,51 @@Conclusion (absolument pas définitive)
Aujourd'hui, en construisant une page d'accueil somme toute très classique, nous avons été amenés à appliquer de nombreuses fonctionnalités proposées par Django, parmi lesquelles les fixtures, l'héritage des templates, les variables de session, les gestionnaires de modèle personnalisés, la pagination, et j'en passe. Il nous reste malgré tout encore de nombreux concepts à étudier (l'internationalisation, les vues génériques, les tests unitaires et fonctionnels, l'authentification, les formulaires objets, le cache …). Je tâcherai de rédiger des articles dans lesquels j'aborderai ces différents points, mais avant d'en arriver là, je dois moi-même monter en compétences … Quoi qu'il en soit, je ne manquerai pas de vous faire profiter des connaissances que j'aurai acquises, avec toujours la ferme volonté de privilégier la pratique par rapport à la théorie.
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/donnees-structurees-offre-emploi/index.html b/pr/398/blog/dev/donnees-structurees-offre-emploi/index.html index aee8fac88cf..48766785f76 100644 --- a/pr/398/blog/dev/donnees-structurees-offre-emploi/index.html +++ b/pr/398/blog/dev/donnees-structurees-offre-emploi/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 26 août 2019 + Modification 2 septembre 2021 ++--Mettez en valeur vos offres d'emploi grâce aux données structurées
-Et si vous rendiez vos offres d'emploi plus visibles dans les pages de résultats des moteurs de recherche grâce aux données structurées ?
- -++Mettez en valeur vos offres d'emploi grâce aux données structurées
+Et si vous rendiez vos offres d'emploi plus visibles dans les pages de résultats des moteurs de recherche grâce aux données structurées ?
+ +-
-
-
- Rich snippets : mais qu'est-ce que c'est ?
+
-
+
- + Rich snippets : mais qu'est-ce que c'est ? - -
- - Offres d'emploi : est-ce utile d'intégrer des données structurées ? + +
- + Offres d'emploi : est-ce utile d'intégrer des données structurées ? - -
- - Comment s'y prendre ? + +
- + Comment s'y prendre ? - -
- - Bon à savoir + +
- + Bon à savoir - -
--+ + + + + +++- - - - -Certaines informations extraites d'une page web sont directement affichées dans la page de résultats du moteur de recherche Google, permettant ainsi au géant du web d'enrichir ses résultats de recherche. Ces contenus supplémentaires sont appellés des extraits enrichis (ou rich snippets). Ils peuvent concerner de nombreuses thématiques : produits, recettes de cuisine, spectacles ou encore … des offres d'emploi !
+ + +Certaines informations extraites d'une page web sont directement affichées dans la page de résultats du moteur de recherche Google, permettant ainsi au géant du web d'enrichir ses résultats de recherche. Ces contenus supplémentaires sont appellés des extraits enrichis (ou rich snippets). Ils peuvent concerner de nombreuses thématiques : produits, recettes de cuisine, spectacles ou encore … des offres d'emploi !
C'est justement pour répondre à ce besoin que nous avons mis en place ce fameux protocole sur les pages d'un de nos clients. Nous vous proposons de partager avec vous ce que nous avons appris 🌟🤓.
Rich snippets : mais qu'est-ce que c'est ?
Les internautes sont habitués à voir selon la thématique, pour un résultat proposé en plus de la meta description, un prix, une note sous forme d'étoile, une date de publication de l'article, ou encore un temps de cuisson s'il s'agit d'une recette de cuisine.
@@ -387,56 +385,55 @@Bon à savoir Dans ce cas particulier, il n'est pas forcément nécessaire d'implémenter des données structurées dans votre HTML même si de nombreux types existent, seul l'adéquation entre une balise de titre (H1, H2...) et un contenu disposé dans une liste à puce semble suffire.
Voici un exemple pour une question saisie par l'internaute dans un encart spécial, dont le html ne comporte qu'une liste, et non une structure de type "How To") :
- - + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/ecrire-des-tests-behat-proches-de-son-domaine/index.html b/pr/398/blog/dev/ecrire-des-tests-behat-proches-de-son-domaine/index.html index 3ff1f836fec..38fac7d5ae9 100644 --- a/pr/398/blog/dev/ecrire-des-tests-behat-proches-de-son-domaine/index.html +++ b/pr/398/blog/dev/ecrire-des-tests-behat-proches-de-son-domaine/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- - - --+ + + + +++ - - +-+ Publication 17 juin 2018 ++--Écrire des tests Behat proches de son domaine
- - -++Écrire des tests Behat proches de son domaine
+ + +-
-
-
- Cheminement 📖
+
-
+
- + Cheminement 📖 - -
- - Mise en place 🔧 + +
- + Mise en place 🔧 - -
- - Passage d'informations entre step 📦 + +
- + Passage d'informations entre step 📦 - -
- - Axes d'amélioration 🚀 + +
- + Axes d'amélioration 🚀 - -
- - En conclusion 🎬 + +
- + En conclusion 🎬 - -
--+ + + + +- -- - - - -Il y a quelque temps nous publiions un article sur l'utilisation Behat 3 pour l'écriture des tests fonctionnels Symfony. Depuis les choses ont beaucoup changé sur les différents projets où nous posons du Behat pour nos tests fonctionnels. + + +
Il y a quelque temps nous publiions un article sur l'utilisation Behat 3 pour l'écriture des tests fonctionnels Symfony. Depuis les choses ont beaucoup changé sur les différents projets où nous posons du Behat pour nos tests fonctionnels. Dans cet article nous allons voir comment nous écrivons désormais nos tests en partant d'une approche Domaine.
Cheminement 📖
L'ajout et le maintien des tests fonctionnels se sont avérés de plus en plus complexes à réaliser sur plusieurs de nos projets avec une grande complexité métier. Certains parcours utilisateur étaient compliqués à mettre en place. Le maintien à jour des fixtures de tests devenait difficile, les dépendances entre les entités testées les rendant encore plus complexes.
@@ -668,56 +666,55 @@En conclusion 🎬
Avant, nous avions beaucoup de tests avec des fixtures lourdes à maintenir qui cachaient une grande partie de ce qui était chargé. Nous avons maintenant des steps qui décrivent le contexte dans lequel le test s'effectue. Le code métier directement utilisé est plus maintenable.
Nos tests sont lisibles ce qui facilite la code review par nos pairs. Ils sont réutilisables pour différents contextes.
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/from-react-native-init-to-app-stores-real-quick/index.html b/pr/398/blog/dev/from-react-native-init-to-app-stores-real-quick/index.html index 58eeb8ecddc..c1d0831c1e4 100644 --- a/pr/398/blog/dev/from-react-native-init-to-app-stores-real-quick/index.html +++ b/pr/398/blog/dev/from-react-native-init-to-app-stores-real-quick/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 9 novembre 2017 ++--From react-native init to app stores real quick
-From react-native init to stores real quick
- -++From react-native init to app stores real quick
+From react-native init to stores real quick
+ +-
-
-
- Our goals
+
-
+
- + Our goals - -
- - Prerequisite + +
- + Prerequisite - - -
- - Create your app + + +
- + Create your app - -
- - Environments and variables + +
-
+ Environments and variables
-
-
-
- - Enable vendor name in Android - -
- - React Native Config - -
- -
- Configure the release
+
-
+
- + Enable vendor name in Android + +
- + React Native Config + +
+ -
+ Configure the release
-
-
-
- - Generate an Android Signing Key - -
- - Configure the gradle build - -
- - Configure the iOS build - -
- - Change the public app name - -
- -
- Test our setup
+
-
+
- + Generate an Android Signing Key + +
- + Configure the gradle build + +
- + Configure the iOS build + +
- + Change the public app name + +
+ -
+ Test our setup
-
-
-
- - Quick launch commands - -
- -
- Store configuration
+
-
+
- + Quick launch commands + +
+ -
+ Store configuration
-
-
-
- - Generate store icons - -
- - Setting up a launch screen - -
- -
- Build store release
+
-
+
- + Generate store icons + +
- + Setting up a launch screen + +
+ -
+ Build store release
-
-
-
- - iOS release - -
- - Android release - -
- -
- Troubles?
+
-
+
- + iOS release + +
- + Android release + +
+ - + Troubles? - -
--+ + + + + +++- - - - -Hi, I'm Thomas and I'm gonna show you how to build and release a React Native app to iOS and Android stores on macOS.
+ + +Hi, I'm Thomas and I'm gonna show you how to build and release a React Native app to iOS and Android stores on macOS.
Our goals
What we aim to accomplish:
-
@@ -679,60 +677,59 @@
Troubles?
Here's a working example of all we discussed above : https://github.com/Elao/AcmeApp
💡 Note the handy Makefile that hides all complex build and release commands behind simple make tasks like:
make run androidormake release-iosAlso don't hesitate to reach out for help in the comment or on social medias.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-++ ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/how-to-manage-translations-for-your-object-using-sonataadminbundle/index.html b/pr/398/blog/dev/how-to-manage-translations-for-your-object-using-sonataadminbundle/index.html index 62e02748387..c5ae0de3c5f 100644 --- a/pr/398/blog/dev/how-to-manage-translations-for-your-object-using-sonataadminbundle/index.html +++ b/pr/398/blog/dev/how-to-manage-translations-for-your-object-using-sonataadminbundle/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
-- - - -- -+ + + + +++ - - +-+ Publication 27 juillet 2012 ++--How to manage translations for your object using SonataAdminBundle
-How to manage translations for your object using SonataAdminBundle
- -++How to manage translations for your object using SonataAdminBundle
+How to manage translations for your object using SonataAdminBundle
+ +--+ + +- -- - - - -Many of us asked themselves how to add dynamically translations to I18n fields - object using
SonataAdminBundleandDoctrineExtensions. + + +Many of us asked themselves how to add dynamically translations to I18n fields - object using
SonataAdminBundleandDoctrineExtensions.Thanks to Gedmo and his wonderful DoctrineExtensions on which he added a feature called "Personal Translations" that simplifies the whole translation management process.
Before starting here's what i am using :
@@ -517,60 +515,59 @@How to manage translations for your object using SonataAdminBundle
It'll grab all the fields tagged with the Translatable via its listener, then it'll read the properties annotations in order to add in your form all the fields with the right type (string / text). You have to specify an array of locales
So Have Fun translating your objects into the AdminBundle, and we can say thank you to a2lix who made this usefull, yet uknown Bundle.
You can find another example, on how to Translate your object in a form, (but outside the SonataAdminBundle) on the owner repo here.
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/installation-et-premiers-pas-avec-le-plugin-symfony-sfimagetransformextraplugin/index.html b/pr/398/blog/dev/installation-et-premiers-pas-avec-le-plugin-symfony-sfimagetransformextraplugin/index.html index 465ab59b9fe..f658869916c 100644 --- a/pr/398/blog/dev/installation-et-premiers-pas-avec-le-plugin-symfony-sfimagetransformextraplugin/index.html +++ b/pr/398/blog/dev/installation-et-premiers-pas-avec-le-plugin-symfony-sfimagetransformextraplugin/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 12 juillet 2010 ++--Installation et premiers pas avec le plugin Symfony sfImageTransformExtraPlugin
-Installation et premiers pas avec le plugin Symfony sfImageTransformExtraPlugin.
- -++Installation et premiers pas avec le plugin Symfony sfImageTransformExtraPlugin
+Installation et premiers pas avec le plugin Symfony sfImageTransformExtraPlugin.
+ +--+ + + +++- - - - -Bonjour,
+ + +Bonjour,
Nous allons voir aujourd'hui comment installer et utiliser le plugin sfImageTransformExtraPlugin.
Il s'agit d'un plugin très puissant permettant d'appliquer des traitements à des images au moyen de fichiers de configuration, sans qu'il soit donc nécessaire de polluer le code métier. Par ailleurs, il permet d'appliquer plusieurs traitements successifs de manière très intuitive. Il gère lui-même l'emplacement des fichiers générés et propose un système de cache réduisant les délais de transmission des images déjà générées.
Le sfImageTransformExtraPlugin est dépendant du plugin sfImageTransformPlugin mais ne l'installez pas avant d'avoir lu la suite ! Pour faciliter la lecture et éviter toute confusion (les noms des deux plugins sont très proches), dans la suite de l'article je ferai référence au "plugin de base" pour sfImageTransformPlugin et au "plugin Extra" pour sfImageTransformExtraPlugin.
@@ -461,52 +459,51 @@Remerciements
Je tiens à remercier chaleureusement Yves Heitz sans qui la rédaction de ce billet n’aurait pas été possible. Il a essuyé les plâtres en mettant en oeuvre le plugin sur un projet réel et il a su contourner les nombreux écueils auxquels on se heurte lorsque l’on souhaite utiliser le plugin.
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/la-revanche-du-web-par-les-progressive-web-apps/index.html b/pr/398/blog/dev/la-revanche-du-web-par-les-progressive-web-apps/index.html index 5eb409b52bb..be552929a18 100644 --- a/pr/398/blog/dev/la-revanche-du-web-par-les-progressive-web-apps/index.html +++ b/pr/398/blog/dev/la-revanche-du-web-par-les-progressive-web-apps/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- - - --+ + + + +++ - - +-+ Publication 5 décembre 2016 ++--Le web n'est pas mort, la revanche par les Progressives Web Apps
-Les Progressives Web Apps ont pour objectif de rivaliser avec les apps natives. Voyons comment cela fonctionne et le gain que cela apporte à vos utilisateurs.
- -++Le web n'est pas mort, la revanche par les Progressives Web Apps
+Les Progressives Web Apps ont pour objectif de rivaliser avec les apps natives. Voyons comment cela fonctionne et le gain que cela apporte à vos utilisateurs.
+ +-
-
-
- Qu'est ce qu'une Progressive Web App ?
+
-
+
- + Qu'est ce qu'une Progressive Web App ? - -
- - Le Service Worker + +
- + Le Service Worker - -
- - Le Web App Manifest + +
- + Le Web App Manifest - -
- - Push Notifications + +
- + Push Notifications - -
- - Démos + +
- + Démos - -
- - Outils + +
- + Outils - -
- - Ils en sont où Safari et iOS ? + +
- + Ils en sont où Safari et iOS ? - -
- - Et après ? + +
- + Et après ? - -
-+ ++ + + + +- -- - - - -Temps de lecture : 15 minutes
+ + +Temps de lecture : 15 minutes
En 2010, le magazine américain Wired titrait "The web is dead" et prédisait que les apps allaient remplacer le web. Retournement de veste en 2014 lorsque ce même magazine annonce "The web is not dead". @@ -704,60 +702,59 @@
Et après ?
Devinez-quoi ? Ces technologies ne sont disponibles que dans les dernières versions de Chrome. Cependant c'est très prometteur. A suivre donc de près !
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/les-attributs-php-8-dans-symfony/index.html b/pr/398/blog/dev/les-attributs-php-8-dans-symfony/index.html index 6030c0670a9..e93ffc85d4f 100644 --- a/pr/398/blog/dev/les-attributs-php-8-dans-symfony/index.html +++ b/pr/398/blog/dev/les-attributs-php-8-dans-symfony/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
-- - - --+ + + + +++ - - +-+ Publication 6 juillet 2021 ++--Les attributs PHP 8 dans Symfony
-Utilisation des attributs PHP 8 à la place des annotations.
- -++Les attributs PHP 8 dans Symfony
+Utilisation des attributs PHP 8 à la place des annotations.
+ +-
-
-
- Les attributs PHP 8
+
-
+
- + Les attributs PHP 8 - -
- - Annotation vs. Attributs + +
- + Annotation vs. Attributs - -
- - Dans Symfony + +
- + Dans Symfony - -
- - Les contraintes de validation + +
- + Les contraintes de validation - -
- - Doctrine + +
- + Doctrine - -
- - Conclusion + +
- + Conclusion - -
--+ + + + +- -- - - - -Les attributs PHP 8
+ + +Les attributs PHP 8
Avec sa 8ème version, PHP a introduit une nouveauté assez attendue : les attributs.
Cette fonctionnalité permet de définir des métadonnées dans votre code. Ces méta données peuvent ensuite être lues grâce à l'API de Reflection de PHP.
Concrêtement, les attributs répondent aux mêmes besoins et s'utilisent globalement de la même façon que les annotations, mais en natif.
@@ -529,76 +527,74 @@ConclusionLa configuration du cache HTTP
Avec le temps, je suis certain qu'ils seront adoptés par tous et montreront tout leur potentiel.
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + +++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/maintenabilite-et-performance-avec-sass-et-compass/index.html b/pr/398/blog/dev/maintenabilite-et-performance-avec-sass-et-compass/index.html index d72168553e2..ea5fd654914 100644 --- a/pr/398/blog/dev/maintenabilite-et-performance-avec-sass-et-compass/index.html +++ b/pr/398/blog/dev/maintenabilite-et-performance-avec-sass-et-compass/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 9 avril 2013 ++--Maintenabilité et performance avec Sass et Compass
-Maintenabilité et performance avec Sass et Compass
- -++Maintenabilité et performance avec Sass et Compass
+Maintenabilité et performance avec Sass et Compass
+ +--+ + + +++- - - - -L'augmentation croissante du nombre de règles et de fichiers, le souci de la compatibilité des navigateurs, l'utilisation de CSS3, le travail en équipe, ... sont autant de facteurs qui complexifient le code CSS et peuvent le rendre hors de contrôle. L’objectif de cet article est de vous présenter les différentes fonctionnalités du préprocesseur Sass et son utilisation avec Compass qui vous aideront à gagner du temps sur vos intégrations.
+ + +L'augmentation croissante du nombre de règles et de fichiers, le souci de la compatibilité des navigateurs, l'utilisation de CSS3, le travail en équipe, ... sont autant de facteurs qui complexifient le code CSS et peuvent le rendre hors de contrôle. L’objectif de cet article est de vous présenter les différentes fonctionnalités du préprocesseur Sass et son utilisation avec Compass qui vous aideront à gagner du temps sur vos intégrations.
1. Sass
Presentation de Sass
Sass est un préprocesseur et une extension CSS3 dont l’objectif est d’apporter à CSS la puissance des langages de développement tel que PHP, Java ou Ruby. Il s’agit de nombreux atouts comme les variables, les opérations, les sélecteurs imbriqués, les extensions de classes ou la vérification du code non négligeables pour produire un code lisible et performant dans sa maintenabilité.
@@ -450,60 +448,59 @@ConclusionTutoriel vidéo HTML-CSS : Framework CSS Compass
- Augmentez l'efficacité de Sass & Compass (en anglais)
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/manalize-virtualiser-son-environnement-de-developpement/index.html b/pr/398/blog/dev/manalize-virtualiser-son-environnement-de-developpement/index.html index 99ee0c694d8..fbce59f234d 100644 --- a/pr/398/blog/dev/manalize-virtualiser-son-environnement-de-developpement/index.html +++ b/pr/398/blog/dev/manalize-virtualiser-son-environnement-de-developpement/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 29 janvier 2019 + Modification 18 juin 2021 ++--Virtualiser son environnement de développement avec Manalize ✨
-Virtualiser son environnement de développement avec Manalize ✨
- -++Virtualiser son environnement de développement avec Manalize ✨
+Virtualiser son environnement de développement avec Manalize ✨
+ +-
-
-
- Qu'est-ce qu'un environnement de développement virtuel ?
+
-
+
- + Qu'est-ce qu'un environnement de développement virtuel ? - -
- - Les avantages de la machine virtuelle + +
- + Les avantages de la machine virtuelle - -
- - Manalizer son projet + +
- + Manalizer son projet - -
- - Le tester, c'est l'adopter ! + +
- + Le tester, c'est l'adopter ! - -
- - Une dernière chose ... + +
- + Une dernière chose ... - -
-++ + + + - -+-- - -+ + +-+Cet article date et contient quelques informations obsolètes.
++ + -- - -Il y a certains changements, dans notre manière de travailler, qui facilitent tellement la vie (coucou Git) qu'une fois adoptés, on ne se voit plus revenir en arrière.
+Il y a certains changements, dans notre manière de travailler, qui facilitent tellement la vie (coucou Git) qu'une fois adoptés, on ne se voit plus revenir en arrière.
Et bien chez nous, à élao, depuis quelques années on est passé aux environnements de développement virtuels. Et on n'envisage pas de s'en passer !
Qu'est-ce qu'un environnement de développement virtuel ?
C'est une machine virtuelle (que nous appellerons simplement VM) qui tourne sur mon ordinateur et dans laquelle vit mon application.
@@ -388,66 +386,65 @@U Ansible, et bien plus encore !
- Crédits: photo de couverture par - - Mark Mühlberger - --+ Crédits: photo de couverture par + + Mark Mühlberger + ++ + +
- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/meteor-multi-apps-architecture/index.html b/pr/398/blog/dev/meteor-multi-apps-architecture/index.html index 733de06d9ac..46773ec5d5c 100644 --- a/pr/398/blog/dev/meteor-multi-apps-architecture/index.html +++ b/pr/398/blog/dev/meteor-multi-apps-architecture/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 23 juin 2015 ++--Meteor - Archi. multi-apps connectées
-Architecture d'une application Meteor décomposée en plusieurs sous-applications connectées à la même base de données MongoDb.
- -++Meteor - Archi. multi-apps connectées
+Architecture d'une application Meteor décomposée en plusieurs sous-applications connectées à la même base de données MongoDb.
+ +-
-
-
- Architecture des dossiers/fichiers
+
-
+
- + Architecture des dossiers/fichiers - -
- - Run des applications + +
- + Run des applications - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -Etant donnée que Meteor envoie tous les fichiers du projet aux clients web (hormis les dossiers spéciaux tels que
+ + +/server,/private,/public), toute l'application est packagée et envoyée. Cela pose plusieurs problèmes dont :Etant donnée que Meteor envoie tous les fichiers du projet aux clients web (hormis les dossiers spéciaux tels que
/server,/private,/public), toute l'application est packagée et envoyée. Cela pose plusieurs problèmes dont :- la difficulté d'alléger la masse de code envoyé au client (templates html + helpers & libs js + styles css) ;
- la difficulté de "protéger" son application par omission de code (typiquement le code de la partie
/adminne devrait être envoyé qu'aux utilisateurs de type admin).
@@ -339,56 +337,55 @@
Conclusion
En conclusion, décomposer une application en plusieurs sous-applications permet de mieux gérer son code et d'intervenir sur les sources envoyées aux clients.
Cela légitimise la création de packages "applicatifs" (telles que les collections, règles métiers partagées, etc.), ce qui est une bonne pratique !
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/migrer-mots-de-passe-utilisateur-autre-methode-encodage-symfony/index.html b/pr/398/blog/dev/migrer-mots-de-passe-utilisateur-autre-methode-encodage-symfony/index.html index a9d2e51ea5d..9a9db72d307 100644 --- a/pr/398/blog/dev/migrer-mots-de-passe-utilisateur-autre-methode-encodage-symfony/index.html +++ b/pr/398/blog/dev/migrer-mots-de-passe-utilisateur-autre-methode-encodage-symfony/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 12 septembre 2017 + Modification 18 juin 2021 ++--Migrer les mots de passe utilisateur vers une autre méthode d'encodage avec Symfony
-Migration continue de mots de passe legacy d'une méthode d'encodage à une autre dans Symfony. Par exemple, migrer de md5 vers bcrypt.
- -++Migrer les mots de passe utilisateur vers une autre méthode d'encodage avec Symfony
+Migration continue de mots de passe legacy d'une méthode d'encodage à une autre dans Symfony. Par exemple, migrer de md5 vers bcrypt.
+ +--+ + + +++- - -- -- - ---Cet article date un peu et il est maintenant possible de gérer la migration des mots de passe de vos utilisateurs de façon un peu plus native dans Symfony en utilisant le mécanisme de migration de hash de passwords
-Contexte
++ ++ + +++Cet article date un peu et il est maintenant possible de gérer la migration des mots de passe de vos utilisateurs de façon un peu plus native dans Symfony en utilisant le mécanisme de migration de hash de passwords
+Contexte
Si vous avez un jour travaillé sur la refonte d'une application, vous avez sûrement dû importer des données dites "legacy" provenant de l'application existante. Ces données contiennent bien souvent des comptes utilisateurs et donc des hashs de mots de passe qu'il faudra réintégrer à la nouvelle application.
Les standards de sécurité évoluent, là où hier on se contentait d'un hash md5 ou sha1, on utilise plutôt bcrypt aujoud'hui. Afin de maintenir votre application aux standards actuels, vous allez devoir migrer ces hashs de mots de passe.
Solution
@@ -400,60 +398,59 @@Symfony
Si vous avez besoin de créer un
Authentication Providerou d'utiliser le composantGuard, reportez vous à la documentation de Symfony pour savoir où integrer le processus d'authentification, mais le principe reste le même.Bonus
En bonus, après un certain temps, vous pourrez identifier les utilisateurs qui ne sont plus actifs, ils correspondront aux utilisateurs qui n'auront pas migré leur mot de passe.
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/no-index-staging-symfony/index.html b/pr/398/blog/dev/no-index-staging-symfony/index.html index 97257645ae0..1b5f41e761d 100644 --- a/pr/398/blog/dev/no-index-staging-symfony/index.html +++ b/pr/398/blog/dev/no-index-staging-symfony/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 10 juillet 2019 ++--Comment empêcher les moteurs de recherche d'indexer votre app Symfony en staging ?
-Les pages de votre application n'ont pas vocation à être présentes dans les moteurs de recherche ? Voici une courte explication pour vous aider à empêcher le crawl et l'indexation.
- -++Comment empêcher les moteurs de recherche d'indexer votre app Symfony en staging ?
+Les pages de votre application n'ont pas vocation à être présentes dans les moteurs de recherche ? Voici une courte explication pour vous aider à empêcher le crawl et l'indexation.
+ +-
-
-
- Les meilleures solutions 💡: l'authentification côté serveur et le filtre par IP
+
-
+
- + Les meilleures solutions 💡: l'authentification côté serveur et le filtre par IP - -
- - La chose à ne pas faire 🙅♀️ : interdire l'indexation via le robots.txt + +
- + La chose à ne pas faire 🙅♀️ : interdire l'indexation via le robots.txt - -
- - Oups, mon site avec des urls de staging a été indexé ... + +
- + Oups, mon site avec des urls de staging a été indexé ... - -
--+ + + + + +++- - - - -L'indexation par les robots des moteurs de recherche des urls de staging ou de démonstration sont des cas classiques de #SEOHorrorStories. En effet, cette situation est gênante, pour deux raisons :
+ + +L'indexation par les robots des moteurs de recherche des urls de staging ou de démonstration sont des cas classiques de #SEOHorrorStories. En effet, cette situation est gênante, pour deux raisons :
- L'entreprise ne souhaite probablement pas exposer à ses concurrents ou aux curieux du travail en cours,
- Le contenu relatif à l'entreprise est disponible sous plusieurs urls, induisant un fort risque de dilution de la pertinence du contenu du site "officiel", puisque celui-ci peut être proposé sur deux pages différentes (c'est ce qu'on appelle la duplication de contenu). @@ -334,89 +332,88 @@
Bon à savoir : la directive Noindex, qui était rarement utilisée, a été officiellement abandonnée par Google.
Oups, mon site avec des urls de staging a été indexé ...
Faites le nécessaire pour empêcher les futures visites de robots. Vous pouvez ensuite utiliser l'outil de suppression d'URL de la Search Console, et demander la suppression des URLs problématiques.
--+ +- --- ++++ - -+ +- + +
-
-
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
++Testez vos connaissances_ diff --git a/pr/398/blog/dev/offusquez-vos-id-dans-vos-url/index.html b/pr/398/blog/dev/offusquez-vos-id-dans-vos-url/index.html index 3ad47f146d9..a5e3f80d332 100644 --- a/pr/398/blog/dev/offusquez-vos-id-dans-vos-url/index.html +++ b/pr/398/blog/dev/offusquez-vos-id-dans-vos-url/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+ +- - - --+ + + + +++ - - +-+ Publication 6 novembre 2019 ++--Offusquez vos id dans vos url
-Découverte d'alternatives aux ID auto-incrémentés dans les urls et leur mise en place dans le framework Symfony.
- -++Offusquez vos id dans vos url
+Découverte d'alternatives aux ID auto-incrémentés dans les urls et leur mise en place dans le framework Symfony.
+ +-
-
-
- Problèmes de sécurité et de confidentialité
+
-
+
- + Problèmes de sécurité et de confidentialité - -
- - Les alternatives aux IDs auto-incrémentés + +
- + Les alternatives aux IDs auto-incrémentés - -
- - L'offuscation + +
- + L'offuscation - -
- - Intégration dans Symfony + +
- + Intégration dans Symfony - -
- - Rendre notre système configurable + +
- + Rendre notre système configurable - -
--+ + + + +- -- - - - -L'une des pratiques les plus courantes du web pour accéder à un contenu de base de données est d'inclure l'identifiant (
+ + +ID) de celui-ci dans l'url. Cet identifiant est dans la grande majorité des cas un entier positif auto-incrémenté par la base de données. Cet identifiant se retrouve ainsi exposé dans les urls. Bien qu'elle pose un certain nombre de problèmes, cette pratique est très simple et très répandue.L'une des pratiques les plus courantes du web pour accéder à un contenu de base de données est d'inclure l'identifiant (
ID) de celui-ci dans l'url. Cet identifiant est dans la grande majorité des cas un entier positif auto-incrémenté par la base de données. Cet identifiant se retrouve ainsi exposé dans les urls. Bien qu'elle pose un certain nombre de problèmes, cette pratique est très simple et très répandue.Problèmes de sécurité et de confidentialité
Exposer ces identifiants dans les urls pose principalement des problèmes de sécurité et de confidentialité.
Ces problèmes sont dus à la prédictabilité de l'identifiant. En effet, celui-ci étant auto-incrémenté, si vous avez une url avec un identifiant, il est très facile de déduire les urls d'autres contenus en incrémentant ou décrémentant l'identifiant dans l'url.
@@ -525,60 +523,59 @@} }
Pour aller plus loin, nous pouvons baser ce tableau de routes sur un fichier de configuration, sur des attributs ou des options dans le fichier de routing, sur une convention de nommage ou implémenter toute autre logique dans la méthode
-mustBeObfuscated.-+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/planification-de-rdv-avec-optaplanner/index.html b/pr/398/blog/dev/planification-de-rdv-avec-optaplanner/index.html index be141c5bc5c..9e03208a3ea 100644 --- a/pr/398/blog/dev/planification-de-rdv-avec-optaplanner/index.html +++ b/pr/398/blog/dev/planification-de-rdv-avec-optaplanner/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
-- - - --+ + + + +++ - - +-+ Publication 10 octobre 2017 ++--Planification de rendez-vous avec OptaPlanner
- - -++Planification de rendez-vous avec OptaPlanner
+ + +-
-
-
- Le contexte
+
-
+
- + Le contexte - -
- - La problématique + +
- + La problématique - -
- - Problème difficile à résoudre + +
- + Problème difficile à résoudre - -
- - OptaPlanner + +
- + OptaPlanner - -
- - Le solveur + +
- + Le solveur - -
- - Demo + +
- + Demo - -
- - Bilan + +
- + Bilan - -
- - Axes d'amélioration + +
- + Axes d'amélioration - -
- - Quand utiliser OptaPlanner ? + +
- + Quand utiliser OptaPlanner ? - -
--+ + + + +- -- - - - -Le contexte
+ + +Le contexte
Notre client, Proximum Group avec son produit Vimeet propose à des organisateurs d’événements une plateforme de gestion de rendez-vous B2B.
Avant l’événement les participants s’inscrivent sur la plateforme et consultent le catalogue des participants :
@@ -689,60 +687,59 @@Quand utiliser OptaPlanner ?
Lorsqu'un problème possède des objectifs, des règles de gestion et tout cela avec des ressources limitées, c'est très probablement un problème de planification auquel OptaPlanner peut répondre.
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/plusieurs-mailer-dans-une-application-symfony-2/index.html b/pr/398/blog/dev/plusieurs-mailer-dans-une-application-symfony-2/index.html index 0fe839262a4..e622b4e6d66 100644 --- a/pr/398/blog/dev/plusieurs-mailer-dans-une-application-symfony-2/index.html +++ b/pr/398/blog/dev/plusieurs-mailer-dans-une-application-symfony-2/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 11 octobre 2013 ++--Plusieurs mailer dans une application Symfony 2
-Plusieurs mailer dans une application Symfony 2
- -++Plusieurs mailer dans une application Symfony 2
+Plusieurs mailer dans une application Symfony 2
+ +--+ + + +++- - - - -Voici une petite astuce que j'ai découvert hier et que j'ai pensé utile de partager !
+ + +Voici une petite astuce que j'ai découvert hier et que j'ai pensé utile de partager !
Problématique
Contexte :
- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/pourquoi-devriez-vous-utiliser-vue-js-dans-vos-projets/index.html b/pr/398/blog/dev/pourquoi-devriez-vous-utiliser-vue-js-dans-vos-projets/index.html index 9b0fd0afb83..145cb42a0d5 100644 --- a/pr/398/blog/dev/pourquoi-devriez-vous-utiliser-vue-js-dans-vos-projets/index.html +++ b/pr/398/blog/dev/pourquoi-devriez-vous-utiliser-vue-js-dans-vos-projets/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 19 octobre 2016 ++--Pourquoi devriez-vous utiliser Vue.js dans vos projets ?
-Retour d'expérience sur le framework frontend Vue.js et pourquoi l'utiliser
- -++Pourquoi devriez-vous utiliser Vue.js dans vos projets ?
+Retour d'expérience sur le framework frontend Vue.js et pourquoi l'utiliser
+ +-
-
-
- Accessible
+
-
+
- + Accessible - -
- - Versatile + +
- + Versatile - -
- - Performant + +
- + Performant - -
- - Fonctionnalités + +
- + Fonctionnalités - -
- - Intégration avec Symfony + +
- + Intégration avec Symfony - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -A l'heure des frameworks front, et à contre-pied des désormais conventionnels Angular, Riot, Ember ou encore React, j'ai décidé de m'intéresser à Vue.js. Vue.js est un framework javascript développé par Evan You qui se veut accessible, versatile et performant.
+ + +A l'heure des frameworks front, et à contre-pied des désormais conventionnels Angular, Riot, Ember ou encore React, j'ai décidé de m'intéresser à Vue.js. Vue.js est un framework javascript développé par Evan You qui se veut accessible, versatile et performant.
Accessible
En comparaison de ce que j'ai pu tester avec d'autres frameworks front, j'ai effectivement trouvé que Vue.js est très simple à mettre en place. La création d'une application basique se fait en quelques lignes de code et les résultats sont rapidement là.
Voici à titre d'exemple une "TODO List" réalisée en quelques minutes avec seulement une vingtaine de lignes de Javascript.
@@ -338,60 +336,59 @@Comment intégrer Vue.js dans une application Symfony"
Conclusion
En conclusion, pour moi sa versatilité et sa flexibilité sont les plus gros avantages de Vue.js. Bien qu'il dispose de tout ce qu'il faut pour développer une SPA ou une application frontend complexe, il est également très simple de réaliser un petit composant. C'est pourquoi je le recommande pour intégrer un peu de dynamisme à une application backend mais également pour développer une application frontend. Ces avantages permettent également une courbe d'apprentissage plus douce qu'avec un framework plus complexe.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/premiers-pas-avec-le-framework-python-django/index.html b/pr/398/blog/dev/premiers-pas-avec-le-framework-python-django/index.html index 6a40208a6c9..a938248af8a 100644 --- a/pr/398/blog/dev/premiers-pas-avec-le-framework-python-django/index.html +++ b/pr/398/blog/dev/premiers-pas-avec-le-framework-python-django/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 15 septembre 2010 ++--Premiers pas avec le framework Python "Django"
-Premiers pas avec le framework Python "Django"
- -++Premiers pas avec le framework Python "Django"
+Premiers pas avec le framework Python "Django"
+ +--+ + + +++- - - - -Bonjour à toutes et à tous,
+ + +Bonjour à toutes et à tous,
Aujourd'hui, nous allons faire la connaissance de Django, le framework Web à l'usage des perfectionnistes soumis à des délais (ce n'est pas moi qui le dis, ce sont les pères fondateurs du Framework eux-mêmes !).
Il s'agira d'une simple initiation au framework, destinée essentiellement aux développeurs qui souhaitent, comme moi, découvrir l'outil à travers un cas concret d'une affligeante banalité, puisque nous allons nous limiter pour l'heure à un très modeste "Hello, World". Mais rassurez-vous, au-delà de cet exemple simple, pour ne pas dire simplet, ce sera surtout l'occasion d'aborder par la pratique quelques concepts-clés du Framework. A mesure que nous avancerons dans ce projet (d'une ambition démesurée), nous nous attarderons sur certains aspects du framework, parfois pour les comparer aux autres frameworks Web. Enfin, je n'exclus pas de rédiger d'autres articles sur Django s'il s'avère que ce billet reçoit quelques échos favorables.
A qui s'adresse ce tutoriel ? Quels sont les pré-requis pour suivre ce tutoriel ? Je n'y connais rien en Python, est-ce que ça vaut la peine que je poursuive la lecture de cet article ? Et puis qu'ai-je à gagner à découvrir un nouveau framework, le mien me convient parfaitement, merci ! Je ne connais pas non plus les autres frameworks, ai-je intérêt à lire ce billet ?
@@ -486,52 +484,51 @@Conclusion (plus que précaire ...)
Que venons-nous de faire ? Eh bien, nous venons tout simplement de développer un projet informatique, basé sur le Framework Django et reposant sur le paradigme MVC à trois couches. Nous sommes donc à présent en mesure d'honorer tous les besoins d'un client qui souhaiterait se doter d'une application basée sur le Framework Django, bâtie sur le paradigme MVC à trois couches, et destinée à ... afficher "Hello World".
Bon, je vous le concède, les projets informatiques avec un cahier des charges aussi faméliques ne sont pas légion ... Il nous reste donc de nombreux aspects à aborder pour prétendre développer des applications un tant soit peu évoluées avec Django. Qu'à cela ne tienne, nous aurons sans doute l'occasion d'y revenir à l'occasion de prochains tutoriels ...
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/progressive-web-app-chalkboard-education-elearning-sans-internet/index.html b/pr/398/blog/dev/progressive-web-app-chalkboard-education-elearning-sans-internet/index.html index b880f42947b..ad6b19fbda1 100644 --- a/pr/398/blog/dev/progressive-web-app-chalkboard-education-elearning-sans-internet/index.html +++ b/pr/398/blog/dev/progressive-web-app-chalkboard-education-elearning-sans-internet/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
-- - - -+ ++ + + + +++ - - +-+ Publication 22 novembre 2017 ++--E-learning sans internet ou presque
-Retour d'expérience sur la conception de la progressive web app de Chalkboard Education
- -++E-learning sans internet ou presque
+Retour d'expérience sur la conception de la progressive web app de Chalkboard Education
+ +-
+
- + Le contexte + + +
- + Application native + + +
-
+ Progressive Web App
+
+
-
+
- + React et Redux ♥️ + +
- + Démo + +
- + UI/UX inspirées des applications natives + +
- + Mobile-first et Offline-first + +
- + API GraphQL ♥️ + +
- + Service worker + +
- + Le SMS pour transporter de la donnée à la place d'Internet + +
- + Poids de la PWA + +
- + Audit + +
+ -
+ Back office et API avec Symfony ♥️
+
+
-
+
- + Back office + +
- + GraphQL et Symfony + +
+ - + Conclusion + + +
+-- -
-
- - Le contexte - - -
- - Application native - - -
-
- Progressive Web App
-
-
-
-
- - React et Redux ♥️ - -
- - Démo - -
- - UI/UX inspirées des applications natives - -
- - Mobile-first et Offline-first - -
- - API GraphQL ♥️ - -
- - Service worker - -
- - Le SMS pour transporter de la donnée à la place d'Internet - -
- - Poids de la PWA - -
- - Audit - -
- -
- Back office et API avec Symfony ♥️
-
-
-
-
- - Back office - -
- - GraphQL et Symfony - -
- - - Conclusion - - -
-- -- - - - - -Le contexte
+ + +Le contexte
Dans certains pays africains, le nombre de places disponibles à l'université est très limité. Par conséquent de nombreux étudiants n'ont pas accès à l'université. La startup Chalkboard Education implantée au Ghana et en Côte d'Ivoire a pour but de @@ -728,60 +726,59 @@
Conclusion
Adrien, cofondateur de Chalkboard Education
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/propel-utiliser-des-champs-calcules/index.html b/pr/398/blog/dev/propel-utiliser-des-champs-calcules/index.html index 011904ce946..8b3729e6437 100644 --- a/pr/398/blog/dev/propel-utiliser-des-champs-calcules/index.html +++ b/pr/398/blog/dev/propel-utiliser-des-champs-calcules/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 13 mai 2010 ++--Propel - Utiliser des champs calculés
-Propel - Utiliser des champs calculés
- -++Propel - Utiliser des champs calculés
+Propel - Utiliser des champs calculés
+ +--+ + + +++- - - - -Il est parfois très utile de pouvoir récupérer directement des champs calculés depuis la base de données, soit parce que passer par un criteria s'avère très compliqué, voir impossible, soit pour confier les calculs à la base de données.
+ + +Il est parfois très utile de pouvoir récupérer directement des champs calculés depuis la base de données, soit parce que passer par un criteria s'avère très compliqué, voir impossible, soit pour confier les calculs à la base de données.
Je vous propose donc aujourd'hui deux solutions pour le faire avec Propel :
1ère solution, les résultats sont accédés via des index numériques
-//QUERY @@ -361,60 +359,59 @@'nb_answers' => $records['NB_ANSWERS'], ); }
- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/react-native-font-icon/index.html b/pr/398/blog/dev/react-native-font-icon/index.html index 97591c681a5..a1d6342fba4 100644 --- a/pr/398/blog/dev/react-native-font-icon/index.html +++ b/pr/398/blog/dev/react-native-font-icon/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 6 mars 2018 ++--Intégrer des icônes vectorielles dans React Native
-Comment intégrer des icônes vectorielles dans une app React Native grâce à une police de caractères personnalisée.
- -++Intégrer des icônes vectorielles dans React Native
+Comment intégrer des icônes vectorielles dans une app React Native grâce à une police de caractères personnalisée.
+ +-
-
-
- Générer une police d'icônes
+
-
+
- + Générer une police d'icônes - -
- - Intégrer la police au build React Native + +
- + Intégrer la police au build React Native - -
- - Afficher les icônes dans notre app + +
- + Afficher les icônes dans notre app - -
--+ + + + + +++- - - - -Les avantages du vectoriel pour intégrer une suite d'icônes dans une application sont assez nombreux :
+ + +Les avantages du vectoriel pour intégrer une suite d'icônes dans une application sont assez nombreux :
- Varier la taille du pictogramme sans perte de qualité.
- Modifier sa couleur avec une simple propriété CSS (changement d'état au survol, etc). @@ -413,66 +411,65 @@
</Text>
Et le résultat !
- - Crédits: photo de couverture par - - Harpal Singh - --+ Crédits: photo de couverture par + + Harpal Singh + ++- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/realisez-une-application-vue-js-avec-vue-cli/index.html b/pr/398/blog/dev/realisez-une-application-vue-js-avec-vue-cli/index.html index fb1a2593d49..2aa95d5102a 100644 --- a/pr/398/blog/dev/realisez-une-application-vue-js-avec-vue-cli/index.html +++ b/pr/398/blog/dev/realisez-une-application-vue-js-avec-vue-cli/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 4 novembre 2016 ++--Réalisez une application Vue.js avec vue-cli
-Introduction à la réalisation d'applications frontend avec Vue.js et vue-cli.
- -++Réalisez une application Vue.js avec vue-cli
+Introduction à la réalisation d'applications frontend avec Vue.js et vue-cli.
+ +-
-
-
- vue-cli
+
-
+
- + vue-cli - -
- - Architecture + +
- + Architecture - -
- - Template + +
- + Template - -
- - Centralized State Management + +
- + Centralized State Management - -
- - Exemple + +
- + Exemple - -
- - Dev tool + +
- + Dev tool - -
--+ + + + + +++- - - - -Dans mes précédents articles je vous présentais pourquoi utiliser Vue.js dans vos projets et comment intégrer Vue.js à une application Symfony. Je vais maintenant vous présenter une autre facette du framework d'Evan You, la création d'applications frontend grâce à l'outil vue-cli.
+ + +Dans mes précédents articles je vous présentais pourquoi utiliser Vue.js dans vos projets et comment intégrer Vue.js à une application Symfony. Je vais maintenant vous présenter une autre facette du framework d'Evan You, la création d'applications frontend grâce à l'outil vue-cli.
vue-cli
Comme je l'avais annoncé, le framework est très polyvalent. Facile à utiliser et à intégrer à une technologie backend, il permet également de réaliser des applications frontend. Et pour nous faciliter la chose, le framework met à notre disposition
vue-cli, un outil en ligne de commande qui encapsule et automatise tout ce dont vous aurez besoin pour créer votre application Vue.js.L'installation se fait simplement grâce à
@@ -357,60 +355,59 @@npm:Dev tool
Devtools Vue.js -- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/responsive-web-design/index.html b/pr/398/blog/dev/responsive-web-design/index.html index 3736e3e0e92..92081bc5f5d 100644 --- a/pr/398/blog/dev/responsive-web-design/index.html +++ b/pr/398/blog/dev/responsive-web-design/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 31 juillet 2012 ++--Responsive Web Design
-Responsive Web Design
- -++Responsive Web Design
+Responsive Web Design
+ +--+ + + +++- - - - -Le web design responsive est né d'un constat simple, le web sort de nos bureaux pour prendre possession de nos mobiles, tablettes et télévisions. Notre conception web est ainsi contrainte à suivre cette multiplication des supports et dans certains cas, l’idée de créer différentes versions selon chaque appareil, serait simplement une perte de temps et d’énergie.
+ + +Le web design responsive est né d'un constat simple, le web sort de nos bureaux pour prendre possession de nos mobiles, tablettes et télévisions. Notre conception web est ainsi contrainte à suivre cette multiplication des supports et dans certains cas, l’idée de créer différentes versions selon chaque appareil, serait simplement une perte de temps et d’énergie.
Qu'est ce que le responsive webdesign ?
Le web design responsive amène une solution pratique et économique à cette situation. En effet, il permet de créer une seule et unique interface qui affiche le site sous sa meilleure forme, et ce, peu importe la taille de l’écran. La structure de la page, la taille des images et polices peuvent s’ajuster, se déplacer, s’effacer... Vous serez amener à réfléchir aux différents changements de votre charte graphique sur les différents types de supports. Le responsive illustré : http://www.thismanslife.co.uk/projects/lab/responsiveillustration/
Utilisation
@@ -323,60 +321,59 @@Out
- Parfait pour débuter : Responsive web design par Ethan Marcotte (Éditions Eyrolles / A book apart)
- Rappel des bases avec une liste des tutos par DesignWoop
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/retour-experience-matomo/index.html b/pr/398/blog/dev/retour-experience-matomo/index.html index 62d75580a26..ede2481fc13 100644 --- a/pr/398/blog/dev/retour-experience-matomo/index.html +++ b/pr/398/blog/dev/retour-experience-matomo/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 21 mars 2019 ++--Sauvez un cookie 🍪, installez Matomo !
-Chez Elao, nous mesurons désormais l'audience de nos propres sites grâce à Matomo. Retour d'expérience.
- -++Sauvez un cookie 🍪, installez Matomo !
+Chez Elao, nous mesurons désormais l'audience de nos propres sites grâce à Matomo. Retour d'expérience.
+ +-
-
-
- A quoi sert Matomo ?
+
-
+
- + A quoi sert Matomo ? - -
- - De quoi aurez-vous besoin pour installer Matomo ? + +
- + De quoi aurez-vous besoin pour installer Matomo ? - -
- - Comment l'utiliser sur vos sites web ? + +
- + Comment l'utiliser sur vos sites web ? - -
- - Conformité avec la RGPD + +
- + Conformité avec la RGPD - -
- - Les fonctionnalités proposées par Matomo vs Google Analytics + +
- + Les fonctionnalités proposées par Matomo vs Google Analytics - -
- - Fonctionnalités payantes + +
- + Fonctionnalités payantes - -
- - Pour conclure + +
- + Pour conclure - -
- - En savoir plus / Sources + +
- + En savoir plus / Sources - -
--+ + + + + +++- - - - -Anciennement nommé Piwik, Matomo est une solution de mesure d'audience de sites web, alternative libre à Google Analytics. Chez Elao, nous avons souhaité l'utiliser définitivement pour analyser le trafic de notre site et de notre blog. Nous partageons avec vous quelques informations qui vous seront peut-être utiles si, vous aussi, vous souhaitez rendre anonymes les informations relatives à vos visiteurs 🔒.
+ + +Anciennement nommé Piwik, Matomo est une solution de mesure d'audience de sites web, alternative libre à Google Analytics. Chez Elao, nous avons souhaité l'utiliser définitivement pour analyser le trafic de notre site et de notre blog. Nous partageons avec vous quelques informations qui vous seront peut-être utiles si, vous aussi, vous souhaitez rendre anonymes les informations relatives à vos visiteurs 🔒.
A quoi sert Matomo ?
Tout comme Google Analytics, Matomo permet de mieux comprendre la façon dont les utilisateurs arrivent sur nos sites. On peut ainsi envisager de répondre aux questions suivantes : d'où vient mon visiteur (réseaux sociaux ? Moteur de recherche ?) ? Quelles pages a-t-il visité ? Quelle a été la durée moyenne de sa visite ? Quelle est ma place dans l'univers ? Et autant d'autres questions qui permettent de connaître le parcours de ses visiteurs, afin d'améliorer l'ergonomie ou encore de remonter un éventuel trafic parasite.
-
@@ -398,56 +396,55 @@
Comprendre et analyser les données avec Matomo
Merci à Sébastien Monnier pour son feedback sur l'article :)
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/subdomains-symfony2-2-session-authentication/index.html b/pr/398/blog/dev/subdomains-symfony2-2-session-authentication/index.html index 26166f838c6..788f11e7c65 100644 --- a/pr/398/blog/dev/subdomains-symfony2-2-session-authentication/index.html +++ b/pr/398/blog/dev/subdomains-symfony2-2-session-authentication/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 28 février 2013 ++--Feedback on a side-effect with Symfony 2.2, subdomains and sessions
-Feedback on a side-effect with Symfony 2.2, subdomains and sessions
- -++Feedback on a side-effect with Symfony 2.2, subdomains and sessions
+Feedback on a side-effect with Symfony 2.2, subdomains and sessions
+ +--+ + + +++- - - - -This is a small feedback regarding the new Symfony 2.2 feature which makes the subdomains handling easier. By the way you can see the official documentation about routing & subdomains here.
+ + +This is a small feedback regarding the new Symfony 2.2 feature which makes the subdomains handling easier. By the way you can see the official documentation about routing & subdomains here.
Scenario
With the support of subdomains in the Symfony 2.2 routing component, you're all excited and decide to take advantage of that feature.
Problem 1
@@ -307,60 +305,59 @@Problem 2
lifetime: 31536000 path: / domain: .my-domain.com # Defaults to the current domain from $_SERVER -- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/symfony-2-doctrine-2-cheat-sheets/index.html b/pr/398/blog/dev/symfony-2-doctrine-2-cheat-sheets/index.html index 7843e1a6449..72cc8ab4749 100644 --- a/pr/398/blog/dev/symfony-2-doctrine-2-cheat-sheets/index.html +++ b/pr/398/blog/dev/symfony-2-doctrine-2-cheat-sheets/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 24 mars 2011 ++--Symfony 2 - Doctrine 2 - Cheat Sheets
-Symfony 2 - Doctrine 2 - Cheat Sheets
- -++Symfony 2 - Doctrine 2 - Cheat Sheets
+Symfony 2 - Doctrine 2 - Cheat Sheets
+ +--+ + + +++- - - - -Here are two Doctrine2 cheatsheets for use by Symfony2 developpers. + + +
Here are two Doctrine2 cheatsheets for use by Symfony2 developpers. As nobody is perfect, keep them in sight and enjoy your development time with Symfony2 & Doctrine2 !
@@ -304,56 +302,55 @@
-Symfony 2 - Doctrine 2 - Cheat Sheets
- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+++ +++++ Une typo ? + + Modifier cet article sur Github + +
++ +Testez vos connaissances_ diff --git a/pr/398/blog/dev/symfony-2-linjection-de-dependances/index.html b/pr/398/blog/dev/symfony-2-linjection-de-dependances/index.html index 1ba9eca5999..b44adc4131c 100644 --- a/pr/398/blog/dev/symfony-2-linjection-de-dependances/index.html +++ b/pr/398/blog/dev/symfony-2-linjection-de-dependances/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
-- - - -- -+ + + + +++ - - +-+ Publication 3 juin 2010 ++--Symfony 2 – L’injection de dépendances
-Symfony 2 – L’injection de dépendances
- -++Symfony 2 – L’injection de dépendances
+Symfony 2 – L’injection de dépendances
+ +--+ + +- -- - - - -Avertissement : + + +
Avertissement : Depuis la rédaction de cet article sur l'injection de dépendances, le coeur de Symfony2 a évolué de façon notable, en particulier certaines classes du répertoire DependencyInjection mentionnées dans cet article ont été renommées, révisées, ou refondues. Toutefois, les principes généraux décrits dans cet article restent d'actualité.
Cet article est le premier d'une série à venir sur Symfony 2. Pour commencer, je vous invite à télécharger la sandbox de Symfony 2. J'ai décidé de commencer par l'injection de dépendances car il s'agit d'un composant clé de Symfony 2, et que la bonne compréhension de cette nouvelle version du Framework doit forcément en passer par là. L'injection de dépendance est réellement au coeur du Framework.
@@ -698,56 +696,55 @@En conclusi
Comme vous avez pu le découvrir dans cet article, l'injecteur de dépendances de Symfony 2 est vraiment puissant. Nous pouvons customizer, tweaker, étendre le fonctionnement du coeur même du Framework par ce biais.
L'injection de dépendances ne devrait plus avoir de secrets pour vous !
PS: Merci à Xavier R pour sa relecture et ses remarques avisées.
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/the-browserdetectorbundle-working-with-the-kernel-events/index.html b/pr/398/blog/dev/the-browserdetectorbundle-working-with-the-kernel-events/index.html index c9d929ce46e..3af817b852c 100644 --- a/pr/398/blog/dev/the-browserdetectorbundle-working-with-the-kernel-events/index.html +++ b/pr/398/blog/dev/the-browserdetectorbundle-working-with-the-kernel-events/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- - - -- -+ + + + +++ - - +-+ Publication 2 août 2013 ++--The BrowserDetectorBundle: working with the Kernel events
-The BrowserDetectorBundle: working with the Kernel events
- -++The BrowserDetectorBundle: working with the Kernel events
+The BrowserDetectorBundle: working with the Kernel events
+ +--+ + +- -- - - - -A quoi sert l'évènement kernel.terminate ? Regardons du côté de la documentation :
+ + +A quoi sert l'évènement kernel.terminate ? Regardons du côté de la documentation :
@@ -398,60 +396,59 @@"To perform some "heavy" action after the response has been streamed to the user".
The BrowserDetectorBundle: working with the Kernel events
<argument type="service" id="tristanbes_elophant.stats.manager" />; <argument type="service" id="event_dispatcher" />; </service> --+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/twig-quelques-pro-tips-issue-du-symfony-live-2013/index.html b/pr/398/blog/dev/twig-quelques-pro-tips-issue-du-symfony-live-2013/index.html index 8c896ba98d6..1bc28d78850 100644 --- a/pr/398/blog/dev/twig-quelques-pro-tips-issue-du-symfony-live-2013/index.html +++ b/pr/398/blog/dev/twig-quelques-pro-tips-issue-du-symfony-live-2013/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 19 avril 2013 ++--Twig : Quelques pro-tips issue du Symfony Live 2013
-Twig : Quelques pro-tips issue du Symfony Live 2013
- -++Twig : Quelques pro-tips issue du Symfony Live 2013
+Twig : Quelques pro-tips issue du Symfony Live 2013
+ +--+ + + +++- - - - -Isoler les "include"
+ + +Isoler les "include"
Lors d'un
include, le template appelé accède par défaut au context du template appellant. Or c'est inutile la plus part du temps (le template appelé n'a souvent besoin que de quelques variables). De plus, cela peut provoquer des conflits si des variables portent le même nom dans les différents scopes.Pour éviter ça, vous pouvez isoler le template enfant en passant le paramètre
onlylors de son appel. Le template appelé n'aura alors accès qu'aux variables que vous lui passez. C'est une bonne pratique en terme de performance et de stabilité :{# template.html.twig #} @@ -330,60 +328,59 @@One line
{% block content "" %}Sources
Conférence au Symfony Live 2013 : "COMMENT ORGANISER SES TEMPLATES TWIG ?" par Grégoire Pineau – SensioLabs
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/dev/two-ways-binding-avec-vue-et-vuex/index.html b/pr/398/blog/dev/two-ways-binding-avec-vue-et-vuex/index.html index 86111801783..1263b878eb6 100644 --- a/pr/398/blog/dev/two-ways-binding-avec-vue-et-vuex/index.html +++ b/pr/398/blog/dev/two-ways-binding-avec-vue-et-vuex/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 25 septembre 2019 ++--Two Way-Binding avec Vue et Vuex
-Mise en place d'un Two-Way Binding avec Vue et Vuex.
- -++Two Way-Binding avec Vue et Vuex
+Mise en place d'un Two-Way Binding avec Vue et Vuex.
+ +--+ + + +++- - - - -Vue permet déjà de faire du Two-Way Binding grâce à la directive
+ + +v-model. C'est à dire mettre à jour l'interface lorsque le modèle change et vice et versa.Vue permet déjà de faire du Two-Way Binding grâce à la directive
v-model. C'est à dire mettre à jour l'interface lorsque le modèle change et vice et versa.
-<script> export default { data() { @@ -400,60 +398,59 @@Two Way-Binding avec Vue et Vuex
...mapWatcher(['foobar', 'barfoo']) } }- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-++ ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/utilisation-de-levenement-kernel-terminate-sous-symfony2/index.html b/pr/398/blog/dev/utilisation-de-levenement-kernel-terminate-sous-symfony2/index.html index e923adc92ba..c401e933195 100644 --- a/pr/398/blog/dev/utilisation-de-levenement-kernel-terminate-sous-symfony2/index.html +++ b/pr/398/blog/dev/utilisation-de-levenement-kernel-terminate-sous-symfony2/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
-- - - -- -+ + + + +++ - - +-+ Publication 18 juillet 2013 ++--Utilisation de l'évènement kernel.terminate sous Symfony2
-Utilisation de l'évènement kernel.terminate sous Symfony2
- -++Utilisation de l'évènement kernel.terminate sous Symfony2
+Utilisation de l'évènement kernel.terminate sous Symfony2
+ +--+ + +- -- - - - -A quoi sert l'évènement kernel.terminate ? Regardons du côté de la documentation :
+ + +A quoi sert l'évènement kernel.terminate ? Regardons du côté de la documentation :
@@ -400,60 +398,59 @@"To perform some "heavy" action after the response has been streamed to the user".
Utilisation de l'évènement kernel.terminate sous Symfony2
<argument type="service" id="tristanbes_elophant.stats.manager" />; <argument type="service" id="event_dispatcher" />; </service> --+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/dev/webpack-encore-alias-namespace/index.html b/pr/398/blog/dev/webpack-encore-alias-namespace/index.html index 3b77784e790..30af68ceb11 100644 --- a/pr/398/blog/dev/webpack-encore-alias-namespace/index.html +++ b/pr/398/blog/dev/webpack-encore-alias-namespace/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
+- + - - - +-+ Publication 31 juillet 2020 ++--Des namespaces en JavaScript ? C’est possible avec les alias Webpack Encore !
-Avec les alias Webpack Encore, adoptez la souplesse des namespaces PHP dans vos modules JavaScript avec des chemins absolus pour un code plus lisible et plus facile à refactorer.
- -++Des namespaces en JavaScript ? C’est possible avec les alias Webpack Encore !
+Avec les alias Webpack Encore, adoptez la souplesse des namespaces PHP dans vos modules JavaScript avec des chemins absolus pour un code plus lisible et plus facile à refactorer.
+ +-
-
-
- Contexte
+
-
+
- + Contexte - -
- - Côté back + +
- + Côté back - -
- - Les alias Webpack + +
- + Les alias Webpack - -
- - Bonus + +
- + Bonus - -
--+ + + + + +++- - - - -Si vous travaillez avec Symfony et gérez votre base de code javascript avec Webpack Encore, j'ai aujourd'hui une petite astuce méconnue qui pourrait vous simplifier la vie : les alias Webpack.
+ + +Si vous travaillez avec Symfony et gérez votre base de code javascript avec Webpack Encore, j'ai aujourd'hui une petite astuce méconnue qui pourrait vous simplifier la vie : les alias Webpack.
Note: Si vous n'utilisez pas Webpack Encore dans vos projets Symfony, vous devriez peut-être y jeter un oeil ...
Contexte
@@ -360,82 +358,80 @@Bonus
Et simplifiez-vous la vie :
-import 'Style/app.scss'; import logoPath from 'Images/logo.png';- Crédits: photo de couverture par - - Jannes Glas - --+ Crédits: photo de couverture par + + Jannes Glas + ++- + ++
-- --- -Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- ---- Une typo ? - - Modifier cet article sur Github - -
-++++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/afup-day-1-2021/index.html b/pr/398/blog/elao/afup-day-1-2021/index.html index 1341d451b43..fed0a78eaf1 100644 --- a/pr/398/blog/elao/afup-day-1-2021/index.html +++ b/pr/398/blog/elao/afup-day-1-2021/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 3 juin 2021 ++--AFUP Day 2021, jour 1 : le compte-rendu de l'équipe
-Notre compte-rendu du premier jour de l'Afup Day, édition 2021, à distance !
- -++AFUP Day 2021, jour 1 : le compte-rendu de l'équipe
+Notre compte-rendu du premier jour de l'Afup Day, édition 2021, à distance !
+ +-
-
-
- Un service, Késako ? Par Romaric Drigon
+
-
+
- + Un service, Késako ? Par Romaric Drigon - -
- - Réconcilier le Back et le Front dans un projet Symfony, par Quentin Machard + +
- + Réconcilier le Back et le Front dans un projet Symfony, par Quentin Machard - -
- - Montez à bord d'une équipe autonome ! par David Laizé + +
- + Montez à bord d'une équipe autonome ! par David Laizé - -
- - Alors, cette édition ? + +
- + Alors, cette édition ? - -
--+ + + + + +++- - - - -Le premier jour de conférence de l'AFUP Day a eu lieu le 28 mai 2021, entièrement en ligne. Nous avons pu ainsi suivre les conférences organisées par les antennes locales de Lille et Rennes. Bravo à eux et à toute l'équipe de l'AFUP pour cette édition très bien organisée qui, malgré la distance, parvient à donner le sourire :).
+ + +Le premier jour de conférence de l'AFUP Day a eu lieu le 28 mai 2021, entièrement en ligne. Nous avons pu ainsi suivre les conférences organisées par les antennes locales de Lille et Rennes. Bravo à eux et à toute l'équipe de l'AFUP pour cette édition très bien organisée qui, malgré la distance, parvient à donner le sourire :).
Voici quelques notes de l'équipe d'Elao qui vous propose de faire un zoom sur trois conférences :Un service, Késako ? Par Romaric Drigon
Romaric a fait une piqûre de rappel très intéressante et très didactique sur ce que sont les services, et comment les organiser pour les utiliser au mieux. Parmi les principaux problèmes que Romaric soulève, il y a les services qui font trop de choses. Difficilement lisibles, trop de dépendances, difficiles à utiliser. Il appelle ça ... « le plat de spaghettis ». Pour améliorer son code, il faut avoir en tête le principe de responsabilité unique et ainsi mieux découper ses services. Mais attention à ne pas tomber dans l'excès inverse (« le plat de raviolis »), et n'avoir que de tout petits services, ce qui compliquerait également la compréhension du code.
@@ -323,89 +321,88 @@Alors, cette édition ?
Malgré une conférence une nouvelle fois en ligne, l'équipe de l'AFUP a parfaitement réussi à entretenir une ambiance sympathique et la bonne humeur régnait sur le chat et dans l'espace virtuel WorkAdventure. Tout était fluide et très bien organisé. Bravo à l'équipe !
--+ +- --- ++++ - -+ +- + +
-
-
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/afup-day-2-2021/index.html b/pr/398/blog/elao/afup-day-2-2021/index.html index f854728a64e..a020a47b23a 100644 --- a/pr/398/blog/elao/afup-day-2-2021/index.html +++ b/pr/398/blog/elao/afup-day-2-2021/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 24 juin 2021 ++--AFUP Day 2021, jour 2 : le compte-rendu de l'équipe
-Notre compte-rendu du deuxième jour de l'Afup Day, édition 2021, à distance !
- -++AFUP Day 2021, jour 2 : le compte-rendu de l'équipe
+Notre compte-rendu du deuxième jour de l'Afup Day, édition 2021, à distance !
+ +-
-
-
- Comment dompter un Legacy ? Parlons smoke testing, golden master et même migration progressive, par Estelle Le Cam
+
-
+
- + Comment dompter un Legacy ? Parlons smoke testing, golden master et même migration progressive, par Estelle Le Cam - -
- - Authentification : peut-on se passer du mot de passe ? Par Mathieu Passenaud + +
- + Authentification : peut-on se passer du mot de passe ? Par Mathieu Passenaud - -
- - Code d'équipe: clé de qualité et de solidarité, par Hélène Maitre-Marchois + +
- + Code d'équipe: clé de qualité et de solidarité, par Hélène Maitre-Marchois - -
- - Alors, cette édition ? + +
- + Alors, cette édition ? - -
--+ + + + + +++- - - - -Le deuxième jour de conférence de l'AFUP Day a eu lieu le 11 juin 2021, entièrement en ligne. Nous avons pu ainsi suivre les conférences organisées par les antennes locales de Toulouse et Tours. Bravo à eux et à toute l'équipe de l'AFUP pour cette édition très bien organisée qui, malgré la distance, parvient à donner le sourire :).
+ + +Le deuxième jour de conférence de l'AFUP Day a eu lieu le 11 juin 2021, entièrement en ligne. Nous avons pu ainsi suivre les conférences organisées par les antennes locales de Toulouse et Tours. Bravo à eux et à toute l'équipe de l'AFUP pour cette édition très bien organisée qui, malgré la distance, parvient à donner le sourire :).
Voici quelques notes pour trois des sessions de cette journée de conférence :Comment dompter un Legacy ? Parlons smoke testing, golden master et même migration progressive, par Estelle Le Cam
Retour d'expérience sur la migration continue d'un projet initialement développé en PHP 4 et qui a subi plusieurs migrations successives (PHP 5 avec un framework maison, puis PHP7 avec Symfony).
@@ -318,60 +316,59 @@Alors, cette édition ?
Pour cette dernière journée de conférence, l'AFUP nous as encore fourni un programme de qualité et une super organisation. On vous donne rendez-vous pour le ForumPHP les 21 et 22 octobre 2021 sur Paris. Bravo à l'équipe !
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/afup-day-lyon-2019/index.html b/pr/398/blog/elao/afup-day-lyon-2019/index.html index 02731a8abf4..20fe5a09bd8 100644 --- a/pr/398/blog/elao/afup-day-lyon-2019/index.html +++ b/pr/398/blog/elao/afup-day-lyon-2019/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - --- + +++ Publication 20 mai 2019 ++--AFUP Day 2019 à Lyon : le compte-rendu de l'équipe
-Notre compte-rendu de l'Afup Day à Lyon, du 17 mai 2019.
- -++AFUP Day 2019 à Lyon : le compte-rendu de l'équipe
+Notre compte-rendu de l'Afup Day à Lyon, du 17 mai 2019.
+ +-
-
-
- Nos impressions sur la journée
+
-
+
- + Nos impressions sur la journée - -
-- - ++ + + + + +++- - - - -Le 17 mai 2019, nous avons été parmi quelques chanceux 🍀 (ou prévoyants ? 💪) à pouvoir profiter de l'Afup Day, + + +
Le 17 mai 2019, nous avons été parmi quelques chanceux 🍀 (ou prévoyants ? 💪) à pouvoir profiter de l'Afup Day, une journée conférence qui s'est tenue (entre autre) à Lyon. Pourquoi "quelques chanceux" ? Parce que les tickets se sont envolés à une vitesse record !
Voici le compte rendu de l'équipe ...
@@ -369,176 +367,175 @@-
++ - -+ +- + +
-
-
- ++++ - -+ +- + +
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/anne-laure-developpeuse-web-chez-elao-depuis-3-ans/index.html b/pr/398/blog/elao/anne-laure-developpeuse-web-chez-elao-depuis-3-ans/index.html index ae6c58b13d7..c69b004218f 100644 --- a/pr/398/blog/elao/anne-laure-developpeuse-web-chez-elao-depuis-3-ans/index.html +++ b/pr/398/blog/elao/anne-laure-developpeuse-web-chez-elao-depuis-3-ans/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
+- + - - - +-+ Publication 8 juillet 2021 ++--Anne-Laure, développeuse web chez Elao depuis 3 ans
- - -++Anne-Laure, développeuse web chez Elao depuis 3 ans
+ + +-
-
-
- Ton parcours
+
-
+
- + Ton parcours - -
- - Qu'est-ce que tu préfères dans le quotidien de ton métier ? + +
- + Qu'est-ce que tu préfères dans le quotidien de ton métier ? - -
- - L'interview :fast-parrot: + +
- + L'interview :fast-parrot: - -
--+ + + + + +++- - - - -Ton parcours
+ + +Ton parcours
Salut 👋
L'informatique n'est pas mon parcours initial, j'ai fait une reconversion professionnelle il y a un peu plus de trois ans. Je suis diplômée d'un master dans le domaine des Lettres, et j'ai travaillé de nombreuses années comme chef de projet web et chargée de référencement (SEO). J'ai toujours rêvé de faire du code, et je me suis finalement lancée. Je ne regrette rien, j'adore mon métier ! Si vous voulez en savoir plus sur un parcours en reconversion et sur la façon dont vous pouvez aider des personnes en reconversion, regardez cette conférence et jetez un oeil à ce que fait l'AFUP dans son programme de mentorat.
Qu'est-ce que tu préfères dans le quotidien de ton métier ?
@@ -331,93 +329,91 @@Thé ou Café ?
Café allongé (le café !)
PHP ou JS ?
Impossible de choisir, j'aime les deux, même s'il faut que je progresse en JavaScript !
-- -+ +
-- --- -Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- ---- Une typo ? - - Modifier cet article sur Github - -
-+-++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/best-of-web-2015/index.html b/pr/398/blog/elao/best-of-web-2015/index.html index d18f5e296dc..a13d9a02a45 100644 --- a/pr/398/blog/elao/best-of-web-2015/index.html +++ b/pr/398/blog/elao/best-of-web-2015/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 12 juin 2015 ++--Retour sur le Best Of Web 2015
-La première édition du Best Of Web s'est tenue le Vendredi 5 Juin 2015 à Paris, et à rassembler le meilleurs des meetups de l'année. Retour sur cet évènement.
- -++Retour sur le Best Of Web 2015
+La première édition du Best Of Web s'est tenue le Vendredi 5 Juin 2015 à Paris, et à rassembler le meilleurs des meetups de l'année. Retour sur cet évènement.
+ +-
-
-
- par Christophe PorteneuveKeynote d’ouverture
+
-
+
- + par Christophe PorteneuveKeynote d’ouverture - -
- - par Virginie BardalesThe REST World + +
- + par Virginie BardalesThe REST World - -
- - par Florent DuveauBackbone en 2015 + +
- + par Florent DuveauBackbone en 2015 - -
- - par Mickael DumandKinect en JS + +
- + par Mickael DumandKinect en JS - -
- - par Paul PanserrieuWorkflow Cordova avec Tarifa CLI + +
- + par Paul PanserrieuWorkflow Cordova avec Tarifa CLI - -
- - par Raphaël LutaRéactivité et visualisation avec d3.js + +
- + par Raphaël LutaRéactivité et visualisation avec d3.js - -
- - par Jacopo DaeliNodeWebkit + +
- + par Jacopo DaeliNodeWebkit - -
- - avec Mathieu ParisotCSS Grid + +
- + avec Mathieu ParisotCSS Grid - -
- - « Winning Stack » et l’ES6 par Douglas DuteilLa + +
- + « Winning Stack » et l’ES6 par Douglas DuteilLa - -
- - par Samuel Goldszmidt et Norbert Schnell de l'IRCAMWeb Audio API + +
- + par Samuel Goldszmidt et Norbert Schnell de l'IRCAMWeb Audio API - -
- - Material design avec Polymer par Martin GornerLe + +
- + Material design avec Polymer par Martin GornerLe - -
- - Reactive Programming par Hugo CordierLe + +
- + Reactive Programming par Hugo CordierLe - -
- - par Tom CoquereauEmber.js en 2015 + +
- + par Tom CoquereauEmber.js en 2015 - -
- - Un mot sur l'organisation + +
- + Un mot sur l'organisation - -
--+ + + + + +++- - - - -La première édition du Best of Web s’est tenue à Paris le vendredi 5 Juin 2015 à la Grande Crypte de Paris. + + +
La première édition du Best of Web s’est tenue à Paris le vendredi 5 Juin 2015 à la Grande Crypte de Paris. L’idée de cette rencontre est de rassembler les meetups parisiens orientés web et permettre à ceux qui les ont loupés de découvrir leurs meilleurs talks.
Bien évidemment, une grosse majorité des talks étaient tournés vers le JS mais pas seulement, on a pu découvrir pas mal de choses. @@ -372,56 +370,55 @@
par Tom Coquer
Un mot sur l'organisation
Nous étions environ 500 pour cette première édition du Best Of Web, et pour une première édition, que ce soit niveau organisation et sujets abordés, on peut dire que c’est une réussite. Le déroulement des talks était plus que bien géré pour une première. On avait le droit régulièrement à des pauses de 30minutes, ce qui nous a permis de pas mal échanger avec les intervenants mais aussi avec les 500 participants de cette première édition. Mais aussi, de nous désaltérer car par près de 35 degrés dehors et pas de climatisation à l’intérieur, il faisait rapidement chaud. Les pauses étaient donc bienvenues. Petit point repas également, l’organisation était vraiment top, avec un grand choix et un bon moment pour échanger encore une fois avec les personnes présentes. On a hâte de voir la programmation de l'année prochaine!
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/elao/best-of-web-2016/index.html b/pr/398/blog/elao/best-of-web-2016/index.html index b301dfee87a..74eac4d2ba4 100644 --- a/pr/398/blog/elao/best-of-web-2016/index.html +++ b/pr/398/blog/elao/best-of-web-2016/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 17 juin 2016 ++--Retour sur le Best Of Web 2016
-La seconde édition du Best Of Web s'est tenue le Vendredi 10 Juin 2016 à Paris, et a rassemblé le meilleur des meetups de l'année. Retour sur cet événement.
- -++Retour sur le Best Of Web 2016
+La seconde édition du Best Of Web s'est tenue le Vendredi 10 Juin 2016 à Paris, et a rassemblé le meilleur des meetups de l'année. Retour sur cet événement.
+ +--+ + + +++- - - - -La seconde édition du Best Of Web s'est tenue à Paris le vendredi 10 juin 2016. Comme l'année dernière c'est la salle de la Grande Crypte de Paris qui a hébergé l'événement. Le principe ne change pas, pendant une journée l'événement propose de revivre les meilleurs meetups parisiens orientés web.
+ + +La seconde édition du Best Of Web s'est tenue à Paris le vendredi 10 juin 2016. Comme l'année dernière c'est la salle de la Grande Crypte de Paris qui a hébergé l'événement. Le principe ne change pas, pendant une journée l'événement propose de revivre les meilleurs meetups parisiens orientés web.
L'événement est plutôt axé front, ça parle donc de Javascript, de CSS, de webperf, ... Le format de l'année précédente a été conservé, c'est-à-dire une seule track pour ne rien manquer.
@@ -333,60 +331,59 @@On est à #bestofweb2016 n'hésitez pas à nous pinger pour que l'on se rencontre https://t.co/KAoWNerGSU pic.twitter.com/qWNrKiPZ88
— Elao (@Elao) 10 juin 2016Conclusion
-Pour revivre #bestofweb2016 retrouvez toutes les photos de l'événement https://t.co/DVYfQ3lhtJ pic.twitter.com/19s5fx59dl
— bestofweb (@bestofwebconf) 16 juin 2016- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/blendwebmix-2016/index.html b/pr/398/blog/elao/blendwebmix-2016/index.html index fc718ec0e56..bc053196b93 100644 --- a/pr/398/blog/elao/blendwebmix-2016/index.html +++ b/pr/398/blog/elao/blendwebmix-2016/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - --- + +++ Publication 8 novembre 2016 ++--Blend Web Mix 2016 : un gros coup de boost
- - -++Blend Web Mix 2016 : un gros coup de boost
+ + +-
-
-
- Des gens qui innovent
+
-
+
- + Des gens qui innovent - -
- - Des gens qui nous rassurent + +
- + Des gens qui nous rassurent - -
- - Des gens qui nous secouent + +
- + Des gens qui nous secouent - -
- - Des gens qui nous inspirent + +
- + Des gens qui nous inspirent - -
- - Bilan + +
- + Bilan - -
-- -+ + + + + +++- - - - -Cette semaine chez élao, on est allé se balader au Blend Web Mix.
+ + +Cette semaine chez élao, on est allé se balader au Blend Web Mix.
Et vous savez quoi ? Ça nous a gonflés à bloc !
Blend a la pêche, Blend est chaud bouillant et a plein de choses à dire.
Des gens qui innovent
@@ -376,192 +374,191 @@Bilan
Le web du futur est performant, puissant et fun ! Et surtout, il est disponible dès maintenant. Nos outils nous permettent d'aller où on veut : d'adresser des problèmes jusque là hors de portée, de relever les nouveaux défis qui apparaissent, d'aborder des projets innovants avec des solutions inédites. On n'a jamais eu autant de potentiel !
On remercie toute l'équipe et les bénévoles : après deux jours comme ça, on est motivé et prêt à repousser les limites ! Et vous ? 😎
-- ++++ - -+ +- + +
-
-
- ++++ - -+ +- + +
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/blendwebmix-2017/index.html b/pr/398/blog/elao/blendwebmix-2017/index.html index 4a753895a9a..c1b2e325954 100644 --- a/pr/398/blog/elao/blendwebmix-2017/index.html +++ b/pr/398/blog/elao/blendwebmix-2017/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 18 octobre 2017 ++--Le Blend Web Mix 2017 arrive !
- - -++Le Blend Web Mix 2017 arrive !
+ + +-
-
-
- Blend runner \o/
+
-
+
- + Blend runner \o/ - -
--+ + + + + +++- - - - -Blend runner \o/
+ + +Blend runner \o/
Évènement web incontournable de la scène lyonnaise accueillant chaque année plus de 1 800 participants, la nouvelle édition du BlendWebMix se déroulera les 26 et 27 octobre prochains.
Comme tous les ans, nous serons présents !
Membres de la cuisine du Web - organisateurs de l’évènement, nous avons à coeur de contribuer de différentes façons à cet écosystème riche et convivial.
@@ -301,60 +299,59 @@Le Blend Web Mix 2017 arrive !
Nous abordons le sujet parce que c’est un service pratique et bien pensé pour valoriser et enrichir votre Blend mais aussi parce que les challenges techniques et le développement de la plateforme sont pris en charge par la tribu parisienne d'Elao (n’hésitez pas à nous faire part de vos observations d’ailleurs) !Bref, encore une édition que nous attendons avec impatience, prenez très vite vos places si ce n’est déjà fait pour les 2 jours les plus web de l’année :-)
Au plaisir de partager...
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/elao/dotscale-paris-2017/index.html b/pr/398/blog/elao/dotscale-paris-2017/index.html index 00af89f5774..7c82afc95c0 100644 --- a/pr/398/blog/elao/dotscale-paris-2017/index.html +++ b/pr/398/blog/elao/dotscale-paris-2017/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 24 avril 2017 ++--DotScale Paris 2017
-Aperçu du DotScale Paris 2017
- -++DotScale Paris 2017
+Aperçu du DotScale Paris 2017
+ +--+ + + +++- - - - -Le 24 Avril 2017 avait lieu à Paris le DotScale 2017 avec différentes têtes d'affiches plutôt alléchantes. On citera parmi elles Mitchell Hashimoto (HashiCorp) et James Cammarata (Ansible). + + +
Le 24 Avril 2017 avait lieu à Paris le DotScale 2017 avec différentes têtes d'affiches plutôt alléchantes. On citera parmi elles Mitchell Hashimoto (HashiCorp) et James Cammarata (Ansible). Rapide retour sur cette édition 2017 et les différentes conférences proposées.
Dotscale c'est quoi ?
Les conférences Dot sont toutes différentes (en termes de sujet) mais partagent le même concept fortement inspiré des conférences TED, qui prévoit des conférences de 18 minutes menées tambour battant via un «mono track» autour d'un sujet et/ou d'une solution technique. @@ -307,60 +305,59 @@
ConclusionPour plus d'informations: https://www.dotconferences.com/, il y en a pour tous les goûts ;)
Crédits photos: DotConferences
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/elao-paris/index.html b/pr/398/blog/elao/elao-paris/index.html index cf07cd2a886..f703ce66142 100644 --- a/pr/398/blog/elao/elao-paris/index.html +++ b/pr/398/blog/elao/elao-paris/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 10 juin 2018 ++--La tribu Elao Paris
-Elao recherche des passionnés pour développer la tribu parisienne. A travers cette présentation d'Elao à Paris, nous espérons vous donner de bonnes raisons de nous rejoindre.
- -++La tribu Elao Paris
+Elao recherche des passionnés pour développer la tribu parisienne. A travers cette présentation d'Elao à Paris, nous espérons vous donner de bonnes raisons de nous rejoindre.
+ +-
-
-
- Elao à Paris
+
-
+
- + Elao à Paris - -
- - Proche du client + +
- + Proche du client - -
- - Environnement technique + +
- + Environnement technique - -
- - Une culture de l’ingénierie logicielle + +
- + Une culture de l’ingénierie logicielle - -
- - Tester, auditer et revoir son code + +
- + Tester, auditer et revoir son code - -
- - Le partage + +
- + Le partage - -
- - Nous rejoindre + +
- + Nous rejoindre - -
- - Plus au sud + +
- + Plus au sud - -
--+ + + + + +++- - - - -Elao à Paris
+ + +Elao à Paris
Créé par 3 développeurs à Lyon il y a plus de 10 ans, Elao est présent sur Paris depuis 2015. À travers cet article, nous voulons vous présenter notre cadre de travail et l'environnement parisien.
Elao, ce sont des tribus de développeuses et développeurs :
-
@@ -366,60 +364,59 @@
Nous rejo
Plus au sud
Vous vous retrouvez dans ce que nous partageons mais vous préférez vivre du côté de Lyon ? Notre tribu lyonnaise est toujours à la recherche de nouveaux profils. Parlez-en avec Xavier Gorse @xgorse ou tout membre de la tribu lyonnaise.
Dans tous les cas, que ce soit sur Lyon ou Paris, nous sommes toujours prêt à partager, écouter et apprendre. Contactez nous ou passez nous voir !
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/forum-php-2015/index.html b/pr/398/blog/elao/forum-php-2015/index.html index e56e1ecaa86..1f5b6a4fa64 100644 --- a/pr/398/blog/elao/forum-php-2015/index.html +++ b/pr/398/blog/elao/forum-php-2015/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 26 novembre 2015 ++--Retour sur le Forum PHP 2015
-Nous étions au Forum PHP de l'AFUP, voici ce que l'on a retenu.
- -++Retour sur le Forum PHP 2015
+Nous étions au Forum PHP de l'AFUP, voici ce que l'on a retenu.
+ +-
-
-
- PHP a 20 ans et s'offre une cure de jouvence avec la version 7
+
-
+
- + PHP a 20 ans et s'offre une cure de jouvence avec la version 7 - -
- - Les confs auxquelles nous avons assisté + +
- + Les confs auxquelles nous avons assisté - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -PHP a 20 ans et s'offre une cure de jouvence avec la version 7
+ + +PHP a 20 ans et s'offre une cure de jouvence avec la version 7
Le Forum PHP de l'AFUP a réuni au Beffroi de Montrouge du beau monde cette année, des membres de la Core team du développement de PHP et le créateur du langage, le groenlandais Rasmus Lerdorf. @@ -401,60 +399,59 @@
Conclusionla page évènement Forum PHP sur Joind.in.
L'organisation animée par des membres de la communauté PHP a été parfaite. Le rendez-vous est pris pour le PHP Tour qui se déroulera les 23 et 24 mai prochain à Clermont-Ferrand.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+- ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/forum-php-2016/index.html b/pr/398/blog/elao/forum-php-2016/index.html index ec8c0fb737d..857f294e429 100644 --- a/pr/398/blog/elao/forum-php-2016/index.html +++ b/pr/398/blog/elao/forum-php-2016/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - ---+-+ +-+
+ +-+- -
- - Publication 7 novembre 2016 --+ Publication 7 novembre 2016 ++--Retour sur le Forum PHP 2016
-Nous étions au Forum PHP 2016 de l'AFUP
- -++Retour sur le Forum PHP 2016
+Nous étions au Forum PHP 2016 de l'AFUP
+ +-
-
-
- Nous avons aimé les retours d'expérience
+
-
+
- + Nous avons aimé les retours d'expérience - -
- - Nous avons aimé des sujets très techniques + +
- + Nous avons aimé des sujets très techniques - -
- - Nous avons également aimé des sujets un peu plus "méthodo" + +
- + Nous avons également aimé des sujets un peu plus "méthodo" - -
- - Et puis... + +
- + Et puis... - -
-- -+ + + + + +++- - - - -Le Forum PHP 2016 de l’AFUP s'est une nouvelle fois déroulé au Beffroi de Montrouge. Le programme s'annonçait très alléchant et nous n'avons pas été déçus.
+ + +Le Forum PHP 2016 de l’AFUP s'est une nouvelle fois déroulé au Beffroi de Montrouge. Le programme s'annonçait très alléchant et nous n'avons pas été déçus.
Nous avons aimé les retours d'expérience
-
@@ -376,316 +374,315 @@
Et puis...
Slideshow karaoké au #forumphp pic.twitter.com/U16PIFJLsG
— Olivier Mansour (@omansour) 28 octobre 2016Merci aux bénévoles de l'AFUP qui ont super bien géré cet évènement 👍 Vivement l'année prochaine !
-
- ++++ - -+ +- + +
-
-
++ - -+ +- + +
-
- - ++++ - -+ +- + +
-
- - ++++ - -+ +- + +
-
-
- ++++ - -+ +- + +
-
- - ++++ - -+ +- + +
-
-
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/forum-php-2018/index.html b/pr/398/blog/elao/forum-php-2018/index.html index e0957576de3..9158f155ffb 100644 --- a/pr/398/blog/elao/forum-php-2018/index.html +++ b/pr/398/blog/elao/forum-php-2018/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 29 novembre 2018 ++--Retour sur le Forum PHP 2018
-En attendant l'AFUP Day, voici notre retour sur le Forum PHP 2018.
- -++Retour sur le Forum PHP 2018
+En attendant l'AFUP Day, voici notre retour sur le Forum PHP 2018.
+ +-
-
-
- Nous avons aimé revenir aux fondamentaux
+
-
+
- + Nous avons aimé revenir aux fondamentaux - -
- - Nous avons aimé les retours d'expérience + +
- + Nous avons aimé les retours d'expérience - -
- - Nous avons adoré nous faire mener en bateau 😏 + +
- + Nous avons adoré nous faire mener en bateau 😏 - -
- - Les conférences sur lesquelles on n'est pas très objectifs puisque nos collègues les ont données 😘 + +
- + Les conférences sur lesquelles on n'est pas très objectifs puisque nos collègues les ont données 😘 - -
- - Pour conclure + +
- + Pour conclure - -
-- -+ + + + + +++- - - - -Cette année, le Forum PHP s'est achevé sur l'annonce d'un nouvel évènement organisé par l'AFUP : les Afup Days, qui auront lieu simultanément à Lille, Lyon et Rennes. + + +
Cette année, le Forum PHP s'est achevé sur l'annonce d'un nouvel évènement organisé par l'AFUP : les Afup Days, qui auront lieu simultanément à Lille, Lyon et Rennes. En attendant le 17 mai et la publication prochaine du programme, revenons sur le Forum PHP où une partie de l'équipe d'Elao s'est rendue.
Nous avons aimé revenir aux fondamentaux
-
@@ -400,151 +398,150 @@
Pour conclure
L'organisation était au top et les conférences de très bon niveau. Que demander de plus ? Ah oui, passer un moment agréable en retrouvant des connaissances ou en rencontrant de nouveaux pairs. Mission accomplie ! Nos prochains RDV (et on trépigne d'avance) : Afup Day le 17 mai (Lyon, Rennes et Lille), et MiXiT à Lyon les 23 & 24 mai 2019 !
-- ++++ - -+ +- + +
-
-
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/halloween-2019/index.html b/pr/398/blog/elao/halloween-2019/index.html index cc53b0d6c0c..1ad826cb8f9 100644 --- a/pr/398/blog/elao/halloween-2019/index.html +++ b/pr/398/blog/elao/halloween-2019/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - ---+-+ +-+
+ +-+- -
- - Publication 31 octobre 2019 --+ Publication 31 octobre 2019 ++--🎃 Films d'Halloween : la sélection de l'équipe 🍿
-Quelques idées pour rendre votre soirée d'Halloween un peu plus effrayante ou étrange ... 👻
- -++🎃 Films d'Halloween : la sélection de l'équipe 🍿
+Quelques idées pour rendre votre soirée d'Halloween un peu plus effrayante ou étrange ... 👻
+ +-
-
-
- Anne-Laure
+
-
+
- + Anne-Laure - -
- - Amélie + +
- + Amélie - -
- - Thomas + +
- + Thomas - -
- - Florian + +
- + Florian - -
- - Guewen + +
- + Guewen - -
- - Maxime + +
- + Maxime - -
- - Ogi (Maxime.S) + +
- + Ogi (Maxime.S) - -
-- -+ + + + + +++- - - - -Chez Elao, nous aimons deux choses : le cinéma et Halloween. Bien entendu, nous ne pouvions pas passer à côté de l'occasion de vous faire profiter de nos listes de films préférés à regarder le soir d'Halloween. 🦇
+ + +Chez Elao, nous aimons deux choses : le cinéma et Halloween. Bien entendu, nous ne pouvions pas passer à côté de l'occasion de vous faire profiter de nos listes de films préférés à regarder le soir d'Halloween. 🦇
Anne-Laure
@@ -436,246 +434,245 @@ En vrac
Alors bons films, et happy Halloween ! 🎃🦇👻
Photo by Jeremy Yap
-- ++++ - -+ +- + +
-
-
- ++++ - -+ +- + +
-
- - ++++ - -+ +- + +
-
- - ++++ - -+ +- + +
-
-
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/hs-bien-preparer-sa-conference/index.html b/pr/398/blog/elao/hs-bien-preparer-sa-conference/index.html index 7b6dea82bb7..09e57ee5ebe 100644 --- a/pr/398/blog/elao/hs-bien-preparer-sa-conference/index.html +++ b/pr/398/blog/elao/hs-bien-preparer-sa-conference/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 3 juin 2014 ++--Comment bien préparer sa conférence ?
-Comment bien préparer sa conférence ?
- -++Comment bien préparer sa conférence ?
+Comment bien préparer sa conférence ?
+ +-
-
-
- Ce qu’il ne faut pas faire
+
-
+
- + Ce qu’il ne faut pas faire - -
- - Ce que je vous conseille de faire + +
- + Ce que je vous conseille de faire - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -Aujourd’hui c’est un article un peu spécial dont je vous fais part sur le blog d’Elao. Il ne parle pas de Symfony 2, mais bel et bien de conférences en général.
+ + +Aujourd’hui c’est un article un peu spécial dont je vous fais part sur le blog d’Elao. Il ne parle pas de Symfony 2, mais bel et bien de conférences en général.
Le but de cet article est d’aider les speakers à préparer leurs conférences et à avoir un peu plus d’aisance à l’oral.
Vous avez du mal à accrocher l’attention de votre auditoire ? Vous ne savez pas comment gérer le stress devant une foule d’une cinquantaine de personnes ? Ne vous inquiétez pas, cet article est là pour vous aider. Quel que soit votre profil (timide, extraverti), peu importe votre confort à l’oral et votre aisance technique, j’ai rassemblé quelques petites astuces qui pourront vous servir lors de vos prochains discours. Et, je l'espère, faire de vous un speaker talentueux et convainquant.
Ce qu’il ne faut pas faire
@@ -321,60 +319,59 @@Conclusion
Et voilà qui termine mes quelques petits conseils pour devenir un speaker confirmé. N’hésitez pas à travailler tout ça chez vous avant de prendre la parole en publique, ça vous aidera beaucoup. Le plus important reste la régularité : faites des conférences, entraînez vous. Comme on dit chez nous, c’est en forgeant qu’on devient forgeron. Donc, pratiquez !
Et surtout, n’oubliez pas le plus important : faites vous plaisir ! Parler de sa passion est encore le meilleur moyen d’avoir un bon feeling avec vos interlocuteurs.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/elao/le-teletravail-point-de-vue/index.html b/pr/398/blog/elao/le-teletravail-point-de-vue/index.html index f9f5391c68f..107d753613b 100644 --- a/pr/398/blog/elao/le-teletravail-point-de-vue/index.html +++ b/pr/398/blog/elao/le-teletravail-point-de-vue/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 8 septembre 2015 ++--Le télétravail, point de vue
-Pratique encore relativement marginale dans l'entreprise française, le télétravail s'imposera sans doute dans les années à venir comme une réelle alternative aux méthodes traditionnelles. Bilan sur ses avantages et ses inconvénients, de mon point de vue.
- -++Le télétravail, point de vue
+Pratique encore relativement marginale dans l'entreprise française, le télétravail s'imposera sans doute dans les années à venir comme une réelle alternative aux méthodes traditionnelles. Bilan sur ses avantages et ses inconvénients, de mon point de vue.
+ +--+ + + +++- - - - -Bonjour à tous,
+ + +Bonjour à tous,
Interpelé récemment sur twitter à propos du télétravail suite à cet article, je prends quelques instants pour donner mon opinion (qui n'engage donc que moi ;) ) en plus de 140 caractères.
@@ -354,60 +352,59 @@@tentacode D'autres sociétés ou patrons pourraient nous donner leur avis peut-être @theodo @Elao @prestaconcept @BrainsonicParis ...
— yannickpr69 (@yannickpr69) August 5, 2015Pour termin
- http://jgarcialopez.over-blog.com/2014/09/teletravail-comment-mieux-manager-a-distance.html
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/maxime-developpeur-web-depuis-10-ans/index.html b/pr/398/blog/elao/maxime-developpeur-web-depuis-10-ans/index.html index b72cb69d5cf..ac710482b2e 100644 --- a/pr/398/blog/elao/maxime-developpeur-web-depuis-10-ans/index.html +++ b/pr/398/blog/elao/maxime-developpeur-web-depuis-10-ans/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
+- + - - - +-+ Publication 16 août 2021 ++--Maxime, développeur web chez Elao depuis 10 ans
- - -++Maxime, développeur web chez Elao depuis 10 ans
+ + +-
-
-
- Ton parcours
+
-
+
- + Ton parcours - -
- - C'est quoi que tu préfères dans le quotidien de ton métier ? + +
- + C'est quoi que tu préfères dans le quotidien de ton métier ? - -
- - L'interview :fast-parrot: + +
- + L'interview :fast-parrot: - -
--+ + + + + +++- - - - -Ton parcours
+ + +Ton parcours
Hey 👋
J'ai très tôt été intéressé par l'informatique et la programmation. Déjà au collège je lisais la fiche métier "Analyste Programmeur" au CDI en me disant que c'était ce que je voulais faire plus tard 🤓.
J'ai grandi avec la démocratisation de l'informatique grand public, l'arrivée d'internet puis des smartphones et tout ça a eu je pense une influence sur mon orientation. Durant mon adolescence j'ai appris la programmation en lisant des bouquins et des tutos sur internet me confortant dans cette voie.
@@ -336,97 +334,95 @@Thé ou Café ?
Bière ? 🍻
PHP ou JS ?
J'aime beaucoup Javascript, on peut faire des trucs vraiment chouettes avec depuis l'arrivé des frameworks réactifs, mais mon langage de coeur reste le PHP ❤️
-- -+ +
-- --- -Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- ---- Une typo ? - - Modifier cet article sur Github - -
-+-++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/mix-it-2015-pt1/index.html b/pr/398/blog/elao/mix-it-2015-pt1/index.html index 10adf83644e..6df88c5f1b3 100644 --- a/pr/398/blog/elao/mix-it-2015-pt1/index.html +++ b/pr/398/blog/elao/mix-it-2015-pt1/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 20 avril 2015 ++--Retour sur le Mix-IT 2015 (Lyon)
-L'édition 2015 du Mix-IT s'est tenue les 16 et 17 avril au CPE de Lyon. Retour sur cet événement.
- -++Retour sur le Mix-IT 2015 (Lyon)
+L'édition 2015 du Mix-IT s'est tenue les 16 et 17 avril au CPE de Lyon. Retour sur cet événement.
+ +-
-
-
- Agilité
+
-
+
- + Agilité - -
- - L'importance de la performance : + +
- + L'importance de la performance : - -
- - Le succès Lichess.org + +
- + Le succès Lichess.org - -
- - Javascript + +
- + Javascript - -
- - Bases de données + +
- + Bases de données - -
--+ + + + + +++- - - - -Élao avait l'immense plaisir d’être présent à l’édition 2015 du Mix-IT qui s’est déroulée les 16 et 17 avril derniers au CPE de Lyon (Ecole Supérieure de Chimie Physique Electronique). Outre notre présence parmi les sponsors, nous avons également tenu un stand proposant de s’initier à Curvytron, le jeu vidéo développé par notre équipe.
+ + +Élao avait l'immense plaisir d’être présent à l’édition 2015 du Mix-IT qui s’est déroulée les 16 et 17 avril derniers au CPE de Lyon (Ecole Supérieure de Chimie Physique Electronique). Outre notre présence parmi les sponsors, nous avons également tenu un stand proposant de s’initier à Curvytron, le jeu vidéo développé par notre équipe.
Au programme, bonne humeur, convivialité, lightning talks, key notes, conférences, ateliers pratiques, crêpes artisanales et viennoiseries. Doté d'une organisation bien rôdée, le Mix-IT s'est déroulé dans de parfaites conditions et proposait cette année un programme extrêmement alléchant, à un tarif défiant toute concurrence.
Retour sur quelques temps forts qui nous ont particulièrement marqués :
-
@@ -365,60 +363,59 @@
JavascriptBases de données
Au cours de sa conférence intitulée Tips and tricks for clean relational db schemas, Clément Delafargue a insisté sur la nécessité de reprendre la main sur son schéma et cesser de déléguer cette tâche aux ORM, qu'il semble ne pas particulièrement apprécier et auxquels il préfère des librairies plus légères et davantage orientées requêtes (POMM, Jooq, etc.). Il a également fait quelques rappels de base sur la conception d'un bon schéma de données et mentionné quelques fonctionnalités très utiles proposées par PostgreSQL, un système de gestion de base de données qu'il affectionne (et nous ne saurions le blâmer pour ce choix). En résumé, des conseils très utiles dispensés par un conférencier qui assume manifestement certains partis pris.
On ne quitte pas le domaine des données, avec OrientDB - the 2nd generation of (MultiModel) NoSQL, la conférence au cours de laquelle Luigi Dell'aquila a présenté la base de données No-SQL orientée graphes OrientDB. OrientDB se pose en tant que base de données multi-modèles puisqu'elle permet de modéliser des données dans la plupart des formats No-SQL (clés/valeurs, colonnes, graphes, documents). La liste de ses fonctionnalités s'avère particulièrement impressionnante. Jugez plutôt : requêtage SQL possible, schéma de données optionnel, transactions, sharding, gestion des groupes et permissions, etc. Elle semble combiner les avantages des deux mondes (SQL et No-SQL) et notamment pallier les limitations du modèle relationnel sur de gros volumes. Luigi Dell'aquila est un orateur remarquablement plaisant et enthousiaste, qui sait capter l'attention de l'auditeur. Sa conférence donne sincèrement envie de s'intéresser à l'outil. Reste à confirmer, à l'usage, les espoirs nés des promesses d'OrientDB.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/mixit-2018/index.html b/pr/398/blog/elao/mixit-2018/index.html index bf42583a5f1..47df6e1640c 100644 --- a/pr/398/blog/elao/mixit-2018/index.html +++ b/pr/398/blog/elao/mixit-2018/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 16 mai 2018 ++--Retour sur le MiXiT 2018
-Nos retours sur les conférences du MiXiT 2018.
- -++Retour sur le MiXiT 2018
+Nos retours sur les conférences du MiXiT 2018.
+ +-
-
-
- Le jeudi
+
-
+
- + Le jeudi - -
- - Le Vendredi + +
- + Le Vendredi - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -Retour MiXiT 2018
+ + +Retour MiXiT 2018
Maxime > Cette année j'ai eu la chance d'être parmi les heureux élus ayant eu une place pour le MiXiT. En effet, la conférence étant assez prisée depuis quelques années et les organisateurs désirant conserver le format actuel, les places sont tirées au sort parmi les inscrits.
J'étais d'autant plus heureux que ça faisait depuis les premières éditions en 2011/2012 que je n'y étais pas allé.
Cette année la conférence se déroulait à CPE, une école d'ingénieur sur le campus de La Doua, et nous proposait 4 tracks de conférences et 3 tracks de workshops. Les sujets variés abordaient des problématiques tech, la gestion d'équipe, le design, la sécurité ou encore le bien-être au travail.
@@ -436,60 +434,59 @@Conclusion
A côté des conférences, tout est là pour rendre ces deux jours agréables. Les repas proposés aux déjeuners étaient très bon, un broyeur/composteur mécanique permettait de recycler la majorité des emballages, les conférences étaient accessibles aux handicapés et retranscrite en temps réel, des crêpes maisons étaient proposées pour le goûter, et enfin un atelier Mixteen était dédié aux enfants.
Pour conclure, MiXiT est une conférence incontournable et on encourage tout les développeurs lyonnais à tenter sa chance à la loterie des places l'année prochaine. En tout cas nous, on tentera la notre :)
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/ncrafts-2016/index.html b/pr/398/blog/elao/ncrafts-2016/index.html index c06f510f9a8..9dac5dcc98e 100644 --- a/pr/398/blog/elao/ncrafts-2016/index.html +++ b/pr/398/blog/elao/ncrafts-2016/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 17 mai 2016 ++--Retour sur la nCrafts 2016
-Les 12 et 13 mai se déroulait à Paris la nCrafts, une conférence indépendante et internationale sur le développement logiciel.
- -++Retour sur la nCrafts 2016
+Les 12 et 13 mai se déroulait à Paris la nCrafts, une conférence indépendante et internationale sur le développement logiciel.
+ +-
-
-
- Software Craftsmanship
+
-
+
- + Software Craftsmanship - -
- - Talks + +
- + Talks - -
- - Ambiance + +
- + Ambiance - -
--+ + + + + +++- - - - -Les 12 et 13 mai se déroulait à Paris la nCrafts, une conférence indépendante et internationale sur le développement logiciel. Créée par des développeurs pour des développeurs, nCraft se veut résolument orientée professionels, qualité et bonnes pratiques.
+ + +Les 12 et 13 mai se déroulait à Paris la nCrafts, une conférence indépendante et internationale sur le développement logiciel. Créée par des développeurs pour des développeurs, nCraft se veut résolument orientée professionels, qualité et bonnes pratiques.
C'est ce que j'ai pu vérifier lors de ma participation à l'évènement qui prenait place à la salle CAP 15, à deux pas de la Tour Eiffel.
Software Craftsmanship
Le thème principal de l'événement était le software craftsmanship / "l'artisanat du lociel" et l'accent était mis sur les rencontres et la discussion entre développeurs.
@@ -335,60 +333,59 @@Ambiance
{{}}
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/elao/nodeschool-paris/index.html b/pr/398/blog/elao/nodeschool-paris/index.html index b2be986e55c..472d31f080b 100644 --- a/pr/398/blog/elao/nodeschool-paris/index.html +++ b/pr/398/blog/elao/nodeschool-paris/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 27 mai 2015 ++--Retour sur la NodeSchool Paris
-La NodeSchool permet de pratiquer Javascript et Node.js grâce à des ateliers interactifs.
- -++Retour sur la NodeSchool Paris
+La NodeSchool permet de pratiquer Javascript et Node.js grâce à des ateliers interactifs.
+ +--+ + + +++- - - - -Ce samedi 23 mai 2015, j'étais à la NodeSchool Paris #3 chez Mozilla Paris, dans sa majestueuse salle des fêtes, pour pratiquer Node.js. + + +
Ce samedi 23 mai 2015, j'étais à la NodeSchool Paris #3 chez Mozilla Paris, dans sa majestueuse salle des fêtes, pour pratiquer Node.js. Cet évènement a lieu à l'occasion du International NodeSchool Day, en même temps que 40 sessions similaires partout dans le monde !
Nodeschool === Node's cool ! #nodeschoolparis pic.twitter.com/eLsHYlnRUe
— Khalid Jebbari (@Dj3bbZ) 23 Mai 2015Le principe est de venir avec son ordinateur portable et pratiquer les ateliers interactifs de nodeschool.io. @@ -290,60 +288,59 @@
Retour sur la NodeSchool Paris
L'organisation impeccable et le buffet petit-déjeuner, déjeuner, l'open-frigo et la cafetière à disposition nous ont largement aidé à passer un super moment.
Un conseil donc, inscrivez-vous vite à la prochaine session de NodeSchool Paris. Et si vous n'êtes pas à Paris et que vous êtes assez motivé, vous pouvez lancer un évènement NodeSchool dans votre ville.
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/elao/nuit-du-hack-XV/index.html b/pr/398/blog/elao/nuit-du-hack-XV/index.html index d1bf1912935..3a5dd42dde0 100644 --- a/pr/398/blog/elao/nuit-du-hack-XV/index.html +++ b/pr/398/blog/elao/nuit-du-hack-XV/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 29 juin 2017 ++--Nuit du Hack XV
-La quinzième édition de la Nuit Du Hack (#NDHXV) s'est tenue le Samedi 24 Juin 2017 en région parisienne.
- -++Nuit du Hack XV
+La quinzième édition de la Nuit Du Hack (#NDHXV) s'est tenue le Samedi 24 Juin 2017 en région parisienne.
+ +--+ + + +++- - - - -Une éternité.
+ + +Une éternité.
Mes derniers échanges avec la communauté HackerzVoice (The Hackademy) remontent à plus de 10 ans. C'est donc avec un mélange d'appréhension, de nostalgie et d'excitation que je me suis rendu à la Nuit du Hack pour son 15ème anniversaire. Et j'y ai pris une chouette claque, disparus les hangars, les cablâges à l'arrache et les montages approximatifs, l'évènement est rôdé et réglé comme du papier à musique. On y sent un professionalisme, un sens du détail et un investissement sans faille de la part des équipes.
@@ -348,60 +346,59 @@ConclusionOn remarque d'emblée un public relativement jeune, beaucoup d'étudiants ou de jeunes actifs, mais la curiosité, la culture de la recherche et du challenge sont toujours là. Encore mieux elle est entretenue et exacerbée par l'aspect compétitif des événements comme le CTF ou la WarGame.
J'avais l'image de la NDH à ses débuts lorsqu'elle se déroulait dans un «hangard» avec 10 / 15 personnes. De cette période je garde surtout le souvenir d'un groupe et surtout de Paulo et sa quête du «mieux» dans chacun des aspects de sa vie. Il était comme ça le Paulo, même le mieux ça ne suffisait pas, mais je crois qu'il aurait été fier de voir ce qu'est devenu la NDH aujourd'hui.
Bref, j'ai passé un bon week-end, croisé des visages connus et d'autre moins connus et au final repris contact avec une communauté qui m'avait, je m'en rends compte, vraiment manqué.
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+- ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/elao/phptour-2016/index.html b/pr/398/blog/elao/phptour-2016/index.html index f8394dd7565..c31298832d7 100644 --- a/pr/398/blog/elao/phptour-2016/index.html +++ b/pr/398/blog/elao/phptour-2016/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - ---+-+ +-+
+ +-+- -
- - Publication 27 mai 2016 --+ Publication 27 mai 2016 ++--PHP Tour 2016, Merciiiiii
-Les 23 et 24 mai se déroulait à Clermont-Ferrand le PHP Tour 2016. Pour l'occasion l'Afup et Clermont'ech ont à nouveau réuni la communauté open source PHP.
- -++PHP Tour 2016, Merciiiiii
+Les 23 et 24 mai se déroulait à Clermont-Ferrand le PHP Tour 2016. Pour l'occasion l'Afup et Clermont'ech ont à nouveau réuni la communauté open source PHP.
+ +-- -+ + + +++- - - - -Ces 23 et 24 mai derniers, l’équipe Clermont'ech et l’Afup nous ont accueillis pour une nouvelle édition du PHP Tour.
+ + +Ces 23 et 24 mai derniers, l’équipe Clermont'ech et l’Afup nous ont accueillis pour une nouvelle édition du PHP Tour.
Destination : Clermont-Ferrand
{{< figure src="images/posts/2016/phptour.jpg" alt="Début de la conférence">}}
Cet évènement devenu un incontournable a proposé un cycle de conférences sur le thème de la performance.
@@ -326,271 +324,270 @@PHP Tour 2016, Merciiiiii
Crédit photos : © Fabien1309 - Vue depuis le parc Montjuzet - wikimedia commons - c.c
-- ++++ - -+ +- + +
-
- ++ - -+ +- + +
-
- - ++++ - -+ +- + +
-
- ++ - -+ +- + +
-
- - ++++ - -+ +- + +
-
-
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/rebranding-l-avenir/index.html b/pr/398/blog/elao/rebranding-l-avenir/index.html index 57b77fb9951..94c0b59427d 100644 --- a/pr/398/blog/elao/rebranding-l-avenir/index.html +++ b/pr/398/blog/elao/rebranding-l-avenir/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
+- + - - - +-+ Publication 11 mai 2021 ++--Rebranding 4/4 : L'avenir
-Et maintenant ?
- -++Rebranding 4/4 : L'avenir
+Et maintenant ?
+ +-
-
-
- Premiers pas vers une nouvelle ère
+
-
+
- + Premiers pas vers une nouvelle ère - -
- - L'atelier idéal + +
- + L'atelier idéal - - -
- - La poursuite du mieux ? + + +
- + La poursuite du mieux ? - -
- - Rix + +
-
+ Rix
-
-
-
- - Mais pourquoi c'est si important ? - -
- - Et comment vous faites ça ? - -
- - Où ? - -
- - Comment ? - -
- - Et la sécurité ? - -
- -
- Conclusion
+
-
+
- + Mais pourquoi c'est si important ? + +
- + Et comment vous faites ça ? + +
- + Où ? + +
- + Comment ? + +
- + Et la sécurité ? + +
+ - + Conclusion - -
--+ + + + + +++- - - - -Premiers pas vers une nouvelle ère
+ + +Premiers pas vers une nouvelle ère
Vous l'aurez compris à la lecture des précédents articles, nous changeons notre façon de nous présenter mais nous restons fidèles à nos valeurs et à notre identité. Mais ensuite ?
@@ -469,76 +467,74 @@
Les sujets de fond et de forme ont été traités mais dans les faits, qu'est-ce que ça change ?ConclusionClient·e·s, partenaires, ami·e·s, collaborateurs·rices ancien·ne·s et actuel·le·s, merci !
VOUS avez tou·te·s, à votre niveau, contribué à créer ce que NOUS sommes aujourd'hui.
- - + ++
-- --- -Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- ---- Une typo ? - - Modifier cet article sur Github - -
-+-++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/rebranding-la-forme/index.html b/pr/398/blog/elao/rebranding-la-forme/index.html index 6ac85ba794a..a81b43a4d87 100644 --- a/pr/398/blog/elao/rebranding-la-forme/index.html +++ b/pr/398/blog/elao/rebranding-la-forme/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
+- + - - - +-+ Publication 27 avril 2021 ++--Rebranding 2/4 : la forme
-Après le fond, la forme.
- -++Rebranding 2/4 : la forme
+Après le fond, la forme.
+ +-
-
-
- Un nouveau logo, une nouvelle charte graphique
+
-
+
- + Un nouveau logo, une nouvelle charte graphique - - -
- - Le site web + + +
- + Le site web - -
- - On ne se serait pas amusé·e·s sans quelques embuches… + +
- + On ne se serait pas amusé·e·s sans quelques embuches… - -
- - Qu'est-ce qu'on en conclut ? + +
- + Qu'est-ce qu'on en conclut ? - -
--+ + + + + +++- - - - -Un nouveau logo, une nouvelle charte graphique
+ + +Un nouveau logo, une nouvelle charte graphique
Xavier en a parlé, le socle est posé et il nous paraît plus que solide. Maintenant, comment est-ce que l'on donne vie à tout ça ?
Après un travail remarquable à 4 mains sur notre plateforme de marque réalisé avec Oriane, Estelle a la lourde mission de réaliser la charte graphique qui va donner corps à tous les mots que nous avons réussi à poser sur Elao. À travers un travail itératif, qui a nécessité plusieurs ateliers, des discussions mais surtout beaucoup d'écoute de toutes parts, Estelle parvient à la version qui fait tilt. Celle qui nous ressemble et qui nous parle.
@@ -395,64 +393,62 @@Elao, plus que jamais, développe du lien :) -
- + ++
-- --- -Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- ---- Une typo ? - - Modifier cet article sur Github - -
-+-++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/rebranding-la-tech/index.html b/pr/398/blog/elao/rebranding-la-tech/index.html index c100aca2be1..d74966c9261 100644 --- a/pr/398/blog/elao/rebranding-la-tech/index.html +++ b/pr/398/blog/elao/rebranding-la-tech/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
+- + - - - +-+ Publication 4 mai 2021 ++--Rebranding 3/4 : la tech
-On s'outille.
- -++Rebranding 3/4 : la tech
+On s'outille.
+ +-
-
-
- Du sur mesure
+
-
+
- + Du sur mesure - -
- - Symfony + Statique = Stenope + +
- + Symfony + Statique = Stenope - -
- - Setup du projet + +
- + Setup du projet - -
- - Accessibilité + +
- + Accessibilité - -
- - SEO + +
- + SEO - -
- - Images et performances + +
- + Images et performances - -
- - Déploiement continu + +
- + Déploiement continu - -
- - Sources + +
- + Sources - -
-- - ++ + + + + +++- - - - -Du sur mesure
+ + +Du sur mesure
Pour notre site, on avait été séduit par l'approche du site statique généré automatiquement à partir de contenus en Markdown. Pour la précédente version de celui-ci, on utilisait Hugo, mais on a aussi testé de nombreux outils existants pour générer de la documentation, par exemple.
Ça a l'avantage de servir un site très performant, peu sujet aux attaques et dont les contenus sont pilotés à travers un workflow git : un article s'écrit comme une feature, via une PR, avec la relecture et la validation des collègues.
Le concept nous a bien plu, mais on s'est plusieurs fois senti limités par ces solutions : avec par exemple un code source trop fermé ou difficile à étendre. Du coup, soit on adapte notre besoin à ce qu'est capable de proposer la solution, soit on bricole ...
@@ -432,163 +430,161 @@Sources
- Github Actions : https://docs.github.com/en/actions/learn-github-actions
- Et comme toujours, Manala : https://manala.github.io/manala-recipes/
-++ - -+ +- + +
-
-
-- --- -Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- ---- Une typo ? - - Modifier cet article sur Github - -
-++++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/rebranding-le-fond/index.html b/pr/398/blog/elao/rebranding-le-fond/index.html index c3659b6ba4e..4e6ec4d7dae 100644 --- a/pr/398/blog/elao/rebranding-le-fond/index.html +++ b/pr/398/blog/elao/rebranding-le-fond/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
+- + - - - +-+ Publication 20 avril 2021 ++--Rebranding 1/4 : le fond
-On pose les bases.
- -++Rebranding 1/4 : le fond
+On pose les bases.
+ +-
-
-
- Un petit peu de contexte
+
-
+
- + Un petit peu de contexte - -
- - 16 ans, l’âge de la maturité + +
- + 16 ans, l’âge de la maturité - -
- - Notre plateforme de marque + +
- + Notre plateforme de marque - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -Un petit peu de contexte
+ + +Un petit peu de contexte
Elao est née en 2005 à Lyon, créée par des développeurs qui ne trouvaient pas de structure correspondant à leurs attentes.
À l’époque, Symfony n'était pas encore sortie en version stable, mais on l’utilisait déjà, ReactJS n’existait pas, l’iPhone était encore en phase de R&D. Les agences web fleurissaient à grands coups de développement de sites vitrines et de boutiques e-commerces. Le développement d’applications métiers (de produits numériques, comme on le dit aujourd’hui), c’était de gros clients lourds en Java voire en Flash et on ne parlait pas encore de «solutions SaaS» hébergées dans «le cloud». Les «GAFAM» ne contrôlaient pas encore le monde.
En 16 ans, le monde du web et plus spécifiquement, du développement a bien changé. Il s’est professionnalisé, industrialisé, en 16 ans, l'organisation même d'Elao a évolué, nourrie par les projets et surtout par son équipe.
@@ -375,97 +373,95 @@ConclusionMaintenant, un autre challenge nous attendait : mettre en forme et arriver à transmettre tout ça à travers notre site pour les personnes qui ne nous connaissent pas encore, mais il s'agit d'une autre histoire que Christelle vous racontera bientôt.
Ci-dessous la plateforme de marque telle que l'on nous l'avons présentée à l'équipe, si vous avez des questions ou des remarques, vous pouvez réagir sur ce tweet, cette publication Linkedin ou en nous contactant directement.
--+ +- --- ++++ - -+ +- + +
-
-
-- --- -Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- ---- Une typo ? - - Modifier cet article sur Github - -
-+-++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/retour-paris-web/index.html b/pr/398/blog/elao/retour-paris-web/index.html index b74ee471cc5..69737549f66 100644 --- a/pr/398/blog/elao/retour-paris-web/index.html +++ b/pr/398/blog/elao/retour-paris-web/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 14 octobre 2015 ++--Retour sur Paris Web 2015
-Paris Web, la conférence francophone des gens qui font le web !
- -++Retour sur Paris Web 2015
+Paris Web, la conférence francophone des gens qui font le web !
+ +-
-
-
- Adrienne Charmet"Internet et libertés pour un engagement des acteurs du numérique" - Par
+
-
+
- + Adrienne Charmet"Internet et libertés pour un engagement des acteurs du numérique" - Par - -
- - Virginie Caplet"Confessions d'un serial killer"- Par + +
- + Virginie Caplet"Confessions d'un serial killer"- Par - -
--+ + + + + +++- - - - -e édition \o/PARIS WEB - 10
+ + +e édition \o/PARIS WEB - 10
J'ai découvert Paris Web pour la première fois dans le cadre de cette 10e édition 2015. Cela a été un réel plaisir tant en termes d'échanges et de belles rencontres que dans la découverte d'orateurs et d'oratrices aux messages riches, instructifs et très humains !
@@ -309,60 +307,59 @@ Pour les confs plus tech, vous m'en voudrez pas, je laisse ça aux spécialistes !
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/rex-orga-mixit-2021/index.html b/pr/398/blog/elao/rex-orga-mixit-2021/index.html index e5135712ad0..850e6a3782e 100644 --- a/pr/398/blog/elao/rex-orga-mixit-2021/index.html +++ b/pr/398/blog/elao/rex-orga-mixit-2021/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
+- + - - - +-+ Publication 25 mai 2021 ++--MiXiT 2021, une conférence 100 % en ligne: retour d'expérience côté organisation
-Comme la plupart des conférences tech, cette année, l'édition de MiXiT 2021 a eu lieu à distance. Alors, comment ça s'est passé côté orga ?
- -++MiXiT 2021, une conférence 100 % en ligne: retour d'expérience côté organisation
+Comme la plupart des conférences tech, cette année, l'édition de MiXiT 2021 a eu lieu à distance. Alors, comment ça s'est passé côté orga ?
+ +-
-
-
- Le choix de la conférence en ligne
+
-
+
- + Le choix de la conférence en ligne - -
- - Aider les speakers à proposer une conférence de chez eux, de bonne qualité + +
- + Aider les speakers à proposer une conférence de chez eux, de bonne qualité - -
- - Des talks, d'accord, mais le reste ? 🥞 ?? + +
- + Des talks, d'accord, mais le reste ? 🥞 ?? - -
- - L'outil de LiveStream : Vimeo (ne faites surtout pas ça chez vous) + +
- + L'outil de LiveStream : Vimeo (ne faites surtout pas ça chez vous) - -
- - La crise + +
- + La crise - -
- - Et puis l'équipe ? + +
- + Et puis l'équipe ? - -
- - Et maintenant ? + +
- + Et maintenant ? - -
--+ + + + + +++- - - - -Le challenge de l'édition 2019, c'était le changement de lieu pour la Manufacture de Tabacs, dans le but d'accueillir plus participants : de 350 à plus de 1000. Puis, vient 2020. L'organisation se passe bien, le programme est ficelé. Mais comme vous le savez, la mort dans l'âme, nous avons dû annuler car l'incertitude de la suite pesait trop sur notre moral. Nous avons bien fait, puisque nous avons été ensuite confinés. + + +
Le challenge de l'édition 2019, c'était le changement de lieu pour la Manufacture de Tabacs, dans le but d'accueillir plus participants : de 350 à plus de 1000. Puis, vient 2020. L'organisation se passe bien, le programme est ficelé. Mais comme vous le savez, la mort dans l'âme, nous avons dû annuler car l'incertitude de la suite pesait trop sur notre moral. Nous avons bien fait, puisque nous avons été ensuite confinés. L'édition 2021 nous promettait encore plus de surprises ✨ !
Pourquoi faire un retour d'expérience cette année, et pas les années précédentes ? Et bien tout simplement parce que cette année n'a pas été comme les autres sur l'organisation même de la conférence et celle de l'équipe.
@@ -415,72 +413,70 @@Et maintena
- Esther: I have a pwn in my hand
- Pamela Fox: Education for All
-- + ++
-- --- -Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- ---- Une typo ? - - Modifier cet article sur Github - -
-+++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+Testez vos connaissances_ diff --git a/pr/398/blog/elao/symfony-live-2015/index.html b/pr/398/blog/elao/symfony-live-2015/index.html index d10cff2d7d1..4f43c541b08 100644 --- a/pr/398/blog/elao/symfony-live-2015/index.html +++ b/pr/398/blog/elao/symfony-live-2015/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
- - - --+ + + + +++ - - +-+ Publication 10 avril 2015 ++--Retour sur le Symfony Live 2015
-La septième édition du SymfonyLive Paris s'est tenue le jeudi 9 avril à la Cité Internationale Universitaire de Paris. Retour sur cet évènement.
- -++Retour sur le Symfony Live 2015
+La septième édition du SymfonyLive Paris s'est tenue le jeudi 9 avril à la Cité Internationale Universitaire de Paris. Retour sur cet évènement.
+ +-
-
-
- 10 ans déjà… quid de Symfony 3.0 ? par Fabien Potencier
+
-
+
- + 10 ans déjà… quid de Symfony 3.0 ? par Fabien Potencier - -
- - Développer avec le SyliusResourceBundle par Arnaud Langlade + +
- + Développer avec le SyliusResourceBundle par Arnaud Langlade - -
- - Repousser les limites : HTTP cache et utilisateurs connectés par David Buchmann et Jérôme Vieilledent + +
- + Repousser les limites : HTTP cache et utilisateurs connectés par David Buchmann et Jérôme Vieilledent - -
- - Laisse pas traîner ton log ! par Olivier Dolbeau + +
- + Laisse pas traîner ton log ! par Olivier Dolbeau - -
- - Retour d’expérience : attention chérie, ça va trancher par Bastien Jaillot + +
- + Retour d’expérience : attention chérie, ça va trancher par Bastien Jaillot - -
- - Symfony et Sonata Project chez Canal+ par Thomas Rabaix + +
- + Symfony et Sonata Project chez Canal+ par Thomas Rabaix - -
- - ElasticSearch dans une infrastructure Symfony2 par Nicolas Badey + +
- + ElasticSearch dans une infrastructure Symfony2 par Nicolas Badey - -
- - OpenClassrooms - Le pattern View Model avec Symfony2 par Kuzniak Romain + +
- + OpenClassrooms - Le pattern View Model avec Symfony2 par Kuzniak Romain - -
- - Meetic backend mutation with Symfony par Joris Calabrese + +
- + Meetic backend mutation with Symfony par Joris Calabrese - -
- - Faites plaisir à vos utilisateurs : surveillez votre prod par Grégoire Pineau + +
- + Faites plaisir à vos utilisateurs : surveillez votre prod par Grégoire Pineau - -
- - Symfony Debug et VarDumper, ou comment debugger comfortablement par Nicolas Grekas + +
- + Symfony Debug et VarDumper, ou comment debugger comfortablement par Nicolas Grekas - -
- - Construire des applications API-centric avec Symfony par Kévin Dunglas + +
- + Construire des applications API-centric avec Symfony par Kévin Dunglas - -
- - Le DIC, ce chef d'orchestre! par Adrien Brault + +
- + Le DIC, ce chef d'orchestre! par Adrien Brault - -
- - Docker dans le développement web et l'intégration continue par Jérémy DERUSSÉ + +
- + Docker dans le développement web et l'intégration continue par Jérémy DERUSSÉ - -
- - Une API et une admin en moins de 10 minutes ? Challenge accepted! par Jonathan Petitcolas + +
- + Une API et une admin en moins de 10 minutes ? Challenge accepted! par Jonathan Petitcolas - -
- - Mais aussi… + +
- + Mais aussi… - -
- - Conclusion + +
- + Conclusion - -
--+ + + + +- -- - - - -La septième édition du SymfonyLive Paris s'est tenue le jeudi 9 avril à la Cité Internationale Universitaire de Paris. Retour sur cet évènement.
+ + +La septième édition du SymfonyLive Paris s'est tenue le jeudi 9 avril à la Cité Internationale Universitaire de Paris. Retour sur cet évènement.
10 ans déjà… quid de Symfony 3.0 ? par Fabien Potencier
Tout en décontraction, Fabien Potencier nous avoue qu'il n'est pas très "tech" ni très connecté. Il a découvert Whatsapp il y a 6 mois grâce à sa… mère.
Petite anecdote, le premier site développé avec Symfony était un site marchand de lingerie. Le client n'a pas payé et c'est pourquoi il a été décidé de livrer Symfony à la communauté Open Source. À la base, le framework s'appelait "Sensio Framework" et le "f" de Symfony vient de "Framework".
@@ -498,60 +496,59 @@Conclusion
Nous étions plus de 700 personnes à ce Symfony Live, un record. On a beaucoup parlé de micro-services et d'API. Le format mono-track des conférences est idéal. Cependant le niveau des présentations était assez inégal. Certaines étaient trop courtes car on aurait aimé en savoir plus, d'autres trop longues. Cerise (de Groupama) sur le gâteau, j'aurai le droit de revenir, car j'ai gagné ma place pour la SymfonyCon de décembre prochain ! Merci Sensio !
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/symfonycon-2015/index.html b/pr/398/blog/elao/symfonycon-2015/index.html index 0c04406e872..7ed486400b6 100644 --- a/pr/398/blog/elao/symfonycon-2015/index.html +++ b/pr/398/blog/elao/symfonycon-2015/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 17 décembre 2015 ++--Retour sur la SymfonyCon 2015
-Nous étions à la SymfonyCon 2015 pour fêter les 10 ans de Symfony
- -++Retour sur la SymfonyCon 2015
+Nous étions à la SymfonyCon 2015 pour fêter les 10 ans de Symfony
+ +-
-
-
- Symfony a 10 ans
+
-
+
- + Symfony a 10 ans - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -Symfony a 10 ans
+ + +Symfony a 10 ans
Symfony a fêté ses 10 ans pendant deux jours dans un lieu très spécial, les Folies Bergères à Paris. Et nous avions la joie d'y être !
Keynote d'ouverture
@@ -466,60 +464,59 @@ConclusionLe pitch et d'autres avis sur les conférences sont disponibles sur la page évènement SymfonyCon Paris 2015 sur Joind.in.
La prochaine SymfonyCon est annoncée à Berlin.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/teambuilding-a-distance/index.html b/pr/398/blog/elao/teambuilding-a-distance/index.html index db694e41bab..03cdc35e352 100644 --- a/pr/398/blog/elao/teambuilding-a-distance/index.html +++ b/pr/398/blog/elao/teambuilding-a-distance/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
+- + - - - +-+ Publication 20 mai 2021 ++--Retour sur 2 jours de team building… à distance
-Pour la première fois dans l'histoire d'Elao, nous avons fait notre teambuilding à distance.
- -++Retour sur 2 jours de team building… à distance
+Pour la première fois dans l'histoire d'Elao, nous avons fait notre teambuilding à distance.
+ +-
-
-
- Contexte
+
-
+
- + Contexte - -
- - Un format sur 2 jours + +
- + Un format sur 2 jours - -
- - Pour conclure… + +
- + Pour conclure… - -
--+ + + + + +++- - - - -Contexte
+ + +Contexte
Crise sanitaire oblige, on tente pour le moment de se rassembler le moins possible. Dès le premier confinement, il y a plus d'un an, l'ensemble de l'équipe a embarqué son matériel, direction le télétravail. Certain·e·s ne sont même quasiment jamais revenus dans les bureaux.
Si le télétravail s'est mis en place assez naturellement, il n'en a pas été de même côté communication interne. En effet, historiquement, le télétravail restait très occasionnel, surtout par goût de travailler proches les un·e·s des autres, de laisser traîner une oreille dans l'open-space pour joindre une conversation technique ou pour partager le repas de midi autour d'une partie de Super Smash Bros Ultimate.
Désormais, notre quotidien est surtout fait de notifications Slack, Github et de réunions Jitsi : il y a tout une culture de la spontanéité à recréer. Pour y aider, on a mis quelques petites choses en place, à commencer par un espace WorkAdventure qui réplique nos bureaux, nous permet de s'y installer le matin et de s'approcher vers un·e collègue pour lui parler.
@@ -402,64 +400,62 @@Pour conclure…
Ce n'était pas parfait, parce qu'on n'était pas ensemble. On aurait aimé faire beaucoup plus mais ça a eu le mérite de faire passer un moment hors des projets, à prendre un peu de hauteur et à recréer un peu de cette spontanéité.
-- + ++
-- --- -Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- ---- Une typo ? - - Modifier cet article sur Github - -
-+-++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/elao/trame-itw/index.html b/pr/398/blog/elao/trame-itw/index.html index d26c7054844..92caa8177ac 100644 --- a/pr/398/blog/elao/trame-itw/index.html +++ b/pr/398/blog/elao/trame-itw/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 25 juin 2021 ++--[Prénom], [poste] chez Elao depuis X ans
-petite phrase sympa sur la personne
- -++[Prénom], [poste] chez Elao depuis X ans
+petite phrase sympa sur la personne
+ +-
-
-
- Ton parcours
+
-
+
- + Ton parcours - -
- - C'est quoi que tu préfères dans le quotidien de ton métier ? + +
- + C'est quoi que tu préfères dans le quotidien de ton métier ? - -
- - Et ce que tu laisses volontiers aux autres ? + +
- + Et ce que tu laisses volontiers aux autres ? - -
- - L'interview :fast-parrot: + +
- + L'interview :fast-parrot: - -
--+ + + + + + +- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/infra/acceder-api-cross-domain-depuis-javascript-avec-cors-reverse-proxy-nginx/index.html b/pr/398/blog/infra/acceder-api-cross-domain-depuis-javascript-avec-cors-reverse-proxy-nginx/index.html index d70ca4fd292..f29fbff9630 100644 --- a/pr/398/blog/infra/acceder-api-cross-domain-depuis-javascript-avec-cors-reverse-proxy-nginx/index.html +++ b/pr/398/blog/infra/acceder-api-cross-domain-depuis-javascript-avec-cors-reverse-proxy-nginx/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 3 novembre 2016 ++--Accéder à une API cross-domain depuis Javascript avec CORS et un reverse proxy nginx
-Configurer un reverse proxy avec nginx et CORS pour permettre à une application Javascript d'accéder à une API sur un autre domaine en contournant la Same Origin Policy.
- -++Accéder à une API cross-domain depuis Javascript avec CORS et un reverse proxy nginx
+Configurer un reverse proxy avec nginx et CORS pour permettre à une application Javascript d'accéder à une API sur un autre domaine en contournant la Same Origin Policy.
+ +-
-
-
- Introduction
+
-
+
- + Introduction - -
- - CORS + +
- + CORS - -
- - Reverse Proxy + +
- + Reverse Proxy - -
- - Bonus + +
- + Bonus - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -Introduction
+ + +Introduction
Dans la continuité de l'émergence des applications full frontend, nous sommes de plus en plus amenés a appeler des API directement en Javascript depuis le client. J'ai récemment été confronté à un cas où l'API à interroger n'était pas sur le même domaine que l'application. Sur un développement backend ce genre de cas ne pose aucun problème mais avec Javascript, pour des raisons de sécurité, les communications cross-domain sont bloquées par la Same Origin Policy.
CORS
Cross-Origin Resource Sharing (CORS) est une spécification du W3C permettant les requêtes cross-domain depuis les navigateurs compatibles. Si l'API que vous interrogez est compatible avec CORS, vous pourrez accéder à l'API même si elle n'est pas sur le même domaine que votre application.
@@ -373,60 +371,59 @@Bonus
Vous pouvez encore améliorer votre proxy par exemple en ajoutant automatiquement des headers d'authentification si l'API en nécessite ou encore des headers de cache afin de reduire le temps de réponse ou d'économiser un éventuel quota imposé par l'API.
Conclusion
Grâce a nginx vous pouvez donc créer un reverse proxy qui vous permettra d'accéder à une API directement depuis votre application front sur un domaine différent en contournant de façon sécurisée la Same Origin Policy.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/authentification-http-avec-haproxy/index.html b/pr/398/blog/infra/authentification-http-avec-haproxy/index.html index e54f03a740e..29cc9b0151c 100644 --- a/pr/398/blog/infra/authentification-http-avec-haproxy/index.html +++ b/pr/398/blog/infra/authentification-http-avec-haproxy/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 10 mars 2015 ++--Authentification HTTP avec HA Proxy
-Comment gérer une authentification HTTP basique avec HA Proxy, définir des utilisateurs, des groupes et le type d'authentification souhaitée.
- -++Authentification HTTP avec HA Proxy
+Comment gérer une authentification HTTP basique avec HA Proxy, définir des utilisateurs, des groupes et le type d'authentification souhaitée.
+ +--+ + + +++- - - - -Nous utilisons aujourd'hui pas mal HA Proxy pour faire du load-balancing software sur différents types d'infra, une fonctionnalité interessante proposée par HA Proxy permet de gérer une authentification basique via HTTP.
+ + +Nous utilisons aujourd'hui pas mal HA Proxy pour faire du load-balancing software sur différents types d'infra, une fonctionnalité interessante proposée par HA Proxy permet de gérer une authentification basique via HTTP.
Cela permet, entre autre, de centraliser les accès au niveau du LB mais également de ne pas solliciter les backend.
Sa mise en place est assez simple et repose sur la notion de "userlist", qui permet de définir au niveau HA Proxy des identifiants comme ci-dessous.
userlist ELAO @@ -298,60 +296,59 @@Authentification HTTP avec HA Proxy
acl AuthOK_ELAO http_auth(ELAO) http-request auth realm ELAO if !AuthOK_ELAOSi les "credentials" du client ne sont pas bons HA Proxy renverra le traditionnel
-401 Unauthorizedet le headerWWW-Authenticate: Basic.- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/authentifications-multiples-a-partir-de-cles-ssh/index.html b/pr/398/blog/infra/authentifications-multiples-a-partir-de-cles-ssh/index.html index 6ece6966bfd..8a024f93a30 100644 --- a/pr/398/blog/infra/authentifications-multiples-a-partir-de-cles-ssh/index.html +++ b/pr/398/blog/infra/authentifications-multiples-a-partir-de-cles-ssh/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 11 avril 2010 ++--Authentifications multiples à partir de clés SSH
-Authentifications multiples à partir de clés SSH.
- -++Authentifications multiples à partir de clés SSH
+Authentifications multiples à partir de clés SSH.
+ +--+ + + +++- - - - -La petite astuce du jour
+ + +La petite astuce du jour
Lorsque l'on commence à avoir pas mal de serveurs à administrer, les clés SSH se multiplient. En effet même si en règle générale l'on utilise une seule et même clé pour s'authentifier sur différentes machines, il est parfois nécessaire d'utiliser des clés différentes ... Soit pour se connecter avec un compte utilisateur différent sur une même machine physique, soit parce que l'on utilise plusieurs type de clé, ou encore parce que l'on veut éviter qu'une seule clé permette d'accéder à plusieurs machine.
Vous me direz que l'on peut choisir quelle clé utilisée à l'aide de l'option -i de ssh, c'est vrai, mais comme tout bon développeur, je suis un peu fainéant, et si la machine peut le faire à ma place ... pourquoi m'ennuyer ?
@@ -298,60 +296,59 @@Authentifications multiples à partir de clés SSH
HostName mon-alias User guewen IdentityFile ~/.ssh/ma-cle-ssh -- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/infra/comprendre-lheritage-des-instructions-de-configuration-de-nginx/index.html b/pr/398/blog/infra/comprendre-lheritage-des-instructions-de-configuration-de-nginx/index.html index 7cb8bc2cca6..438b27b9a88 100644 --- a/pr/398/blog/infra/comprendre-lheritage-des-instructions-de-configuration-de-nginx/index.html +++ b/pr/398/blog/infra/comprendre-lheritage-des-instructions-de-configuration-de-nginx/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 11 janvier 2016 ++--Comprendre l'héritage des instructions de configuration de Nginx
-Nginx fonctionne avec une notion de contexte autorisant certaines instructions de configuration. Nous évoquons dans cet article comment Nginx traite et organise ces différents blocs.
- -++Comprendre l'héritage des instructions de configuration de Nginx
+Nginx fonctionne avec une notion de contexte autorisant certaines instructions de configuration. Nous évoquons dans cet article comment Nginx traite et organise ces différents blocs.
+ +-
-
-
- Exemple:
+
-
+
- + Exemple: - -
- - A l'intérieur d'un même contexte + +
- + A l'intérieur d'un même contexte - -
- - A l'intérieur de contextes différents + +
- + A l'intérieur de contextes différents - -
--+ + + + + +++- - - - -Nginx fonctionne sur la base de blocs de configuration appelés « Contexte de configuration », qui vont selon leur positionnement et/ou leurs instructions traiter, modifier voir altérer les requêtes entrantes.
+ + +Nginx fonctionne sur la base de blocs de configuration appelés « Contexte de configuration », qui vont selon leur positionnement et/ou leurs instructions traiter, modifier voir altérer les requêtes entrantes.
Les contextes
L'organisation des contextes est primordiale car leur positionnement dans la configuration n'est pas sans importance et s'apparente à un arbre.
-Global (ou Main) @@ -382,60 +380,59 @@Exemple
# PEUT être évaluée en complément de la précédente. } }- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/infra/creer-un-cluster-2-nodes-proxmox/index.html b/pr/398/blog/infra/creer-un-cluster-2-nodes-proxmox/index.html index 78851c786a9..2e0156abc34 100644 --- a/pr/398/blog/infra/creer-un-cluster-2-nodes-proxmox/index.html +++ b/pr/398/blog/infra/creer-un-cluster-2-nodes-proxmox/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 16 janvier 2015 ++--Créer un cluster 2 nodes Proxmox
-Rapide présentation d'une fonctionnalité intéressante des distributions Proxmox qui permet de faire du clustering avec deux ou plusieures machines physiques.
- -++Créer un cluster 2 nodes Proxmox
+Rapide présentation d'une fonctionnalité intéressante des distributions Proxmox qui permet de faire du clustering avec deux ou plusieures machines physiques.
+ +-
-
-
- Installer Promox
+
-
+
- + Installer Promox - -
- - Préparer le réseau + +
- + Préparer le réseau - -
- - Créer un cluster proxmox et y ajouter des noeuds + +
- + Créer un cluster proxmox et y ajouter des noeuds - -
- - Eviter la problématique du Quorum + +
- + Eviter la problématique du Quorum - -
- - Failed to access mount point + +
- + Failed to access mount point - -
--+ + + + + +++- - - - -Bonjour à tous,
+ + +Bonjour à tous,
Aujourd'hui nous allons aborder une fonctionnalité intéressante des distributions Proxmox qui permet de faire du "clustering" avec deux ou plusieures machines physiques.
Pour aujourd'hui nous verrons une notion simple de cluster sans haute disponibilité basé sur 2 machines physiques seulement. Cette configuration est intéressante lorsqu'il n'y a pas un réel besoin de haute disponibilité, mais un besoin de répartition de charge et/ou de reprise de service anticipé en cas d'incident.
Le "cluster" Proxmox permet notamment de faire de la migration de container d'une machine à une autre "à chaud", de gérer l'ensemble de ces containers à partir de l'un ou l'autre des hyperviseurs ... bref rien d'indispensable en soit mais pas mal de petites choses foutrement utiles.
@@ -425,60 +423,59 @@(warning).
Ce petit soucis peut être rapidement résolu grâce à la commande
umount -f /etc/pve, redémarrez ensuite votre cluster/etc/init.d/pve-cluster startet tout devrait rentrer dans l'ordre.Comme à l'accoutumé cet article est ouvert à toutes critiques, suggestions et corrections.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/creer-une-autorite-de-certification-et-des-certificats-ssl-auto-signes/index.html b/pr/398/blog/infra/creer-une-autorite-de-certification-et-des-certificats-ssl-auto-signes/index.html index e1a14a23d8f..a425340d15e 100644 --- a/pr/398/blog/infra/creer-une-autorite-de-certification-et-des-certificats-ssl-auto-signes/index.html +++ b/pr/398/blog/infra/creer-une-autorite-de-certification-et-des-certificats-ssl-auto-signes/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 5 octobre 2010 ++--Créer une autorité de certification et des certificats SSL auto-signés
-Créer une autorité de certification et des certificats SSL auto-signés
- -++Créer une autorité de certification et des certificats SSL auto-signés
+Créer une autorité de certification et des certificats SSL auto-signés
+ +--+ + + +++- - - - -Bonjour à tous !
+ + +Bonjour à tous !
Petit memo aujourd'hui pour les admin sys
Nous allons voir comment créer sa propre autorité de certification et créer ses propres certificats SSL auto-signés, toujours très utiles lorsque l'on a des problématiques de connexion sécurisée. L'ensemble de ces manipulations ont été réalisées sur des serveurs Linux / Debian Lenny.
@@ -339,60 +337,59 @@SSLEngine On SSLCertificateFile /path_to_my_certs/my-server.my-domain.tld.crt SSLCertificateKeyFile /path_to_my_keys/my-server.my-domain.tld.key-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/feedback-monitor-your-symfony2-application-via-stats-d-and-graphite/index.html b/pr/398/blog/infra/feedback-monitor-your-symfony2-application-via-stats-d-and-graphite/index.html index e17f82ecce9..8150723b894 100644 --- a/pr/398/blog/infra/feedback-monitor-your-symfony2-application-via-stats-d-and-graphite/index.html +++ b/pr/398/blog/infra/feedback-monitor-your-symfony2-application-via-stats-d-and-graphite/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 18 juillet 2013 ++--Feedback : Monitor your Symfony2 application via Stats.d and Graphite
-Feedback : Monitor your Symfony2 application via Stats.d and Graphite
- -++Feedback : Monitor your Symfony2 application via Stats.d and Graphite
+Feedback : Monitor your Symfony2 application via Stats.d and Graphite
+ +--+ + + +++- - - - -Few times ago, I wrote two articles on how to monitor your Symfony2 application via Stats.d and Graphite (part 1 / part 2).
+ + +Few times ago, I wrote two articles on how to monitor your Symfony2 application via Stats.d and Graphite (part 1 / part 2).
Although I specifically said that you should be running your graphite environment on another server, I choose not to follow my own advise (« do what I say not what I do »).
This mini article purpose is to give you some feedback about running your monitoring system on the same server that you monitor. Long story short : DON'T.
@@ -291,60 +289,59 @@Feedback : Monitor your Symfony2 application via Stats.d and Graphite
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/infra/install-stats-d-graphite-on-a-debian-server-to-monitor-a-symfony2-application/index.html b/pr/398/blog/infra/install-stats-d-graphite-on-a-debian-server-to-monitor-a-symfony2-application/index.html index d57ce0f5ae3..13e612fcc53 100644 --- a/pr/398/blog/infra/install-stats-d-graphite-on-a-debian-server-to-monitor-a-symfony2-application/index.html +++ b/pr/398/blog/infra/install-stats-d-graphite-on-a-debian-server-to-monitor-a-symfony2-application/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 23 novembre 2012 ++--Install Stats.d / Graphite on a debian server in order to monitor a Symfony2 application (1/2)
-Install Stats.d / Graphite on a debian server in order to monitor a Symfony2 application.
- -++Install Stats.d / Graphite on a debian server in order to monitor a Symfony2 application (1/2)
+Install Stats.d / Graphite on a debian server in order to monitor a Symfony2 application.
+ +-
-
-
- Installing graphite dependencies
+
-
+
- + Installing graphite dependencies - -
- - Configuring graphite + +
- + Configuring graphite - -
- - Enabling graphite host + +
- + Enabling graphite host - -
- - Edit local.js and make it looks like: + +
- + Edit local.js and make it looks like: - -
--+ + + + + +++- - - - -During this tutorial, we will install Stats.d and Graphite on the same server our application is running on. Don't forget that it's best if you monitor your application with graphite & stats.d using another server because that will not be the case in this tutorial.
+ + +During this tutorial, we will install Stats.d and Graphite on the same server our application is running on. Don't forget that it's best if you monitor your application with graphite & stats.d using another server because that will not be the case in this tutorial.
Requirements :
- A Linux based server (this tutorial will explain the steps for Debian) @@ -428,60 +426,59 @@
liuggio_stats_d_client.collector.exception: 'collect.exception'
Note that we added the full configuration for the bundle which allow us to collect these usefull information such as logged users vs anonymous, memory usage.
In the 2nd part, we'll see how to monitor custom events in your Symfony2 app.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/installation-d-un-depot-svn/index.html b/pr/398/blog/infra/installation-d-un-depot-svn/index.html index 4ebfaab5334..efb2ef5a8a0 100644 --- a/pr/398/blog/infra/installation-d-un-depot-svn/index.html +++ b/pr/398/blog/infra/installation-d-un-depot-svn/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 2 décembre 2009 ++--Installation d'un dépôt SVN
-Installation d'un dépôt SVN pour gérer et versioner le code source d'un projet
- -++Installation d'un dépôt SVN
+Installation d'un dépôt SVN pour gérer et versioner le code source d'un projet
+ +--+ + + +++- - - [EDIT] Il est bien évidemment conseillé aujourd'hui d'utiliser GIT comme SCM ! Cet article est à considérer comme une archive et/ou comme support à ceux qui ont la malchance d' être coincé avec SVN.
+ + +[EDIT] Il est bien évidemment conseillé aujourd'hui d'utiliser GIT comme SCM ! Cet article est à considérer comme une archive et/ou comme support à ceux qui ont la malchance d' être coincé avec SVN.
Subversion (en abrégé svn) est un système de gestion de versions, il agit sur une arborescence de fichiers afin de conserver toutes les versions des fichiers, ainsi que les différences entre les fichiers. De ce fait, et pour résumer, il permet non seulement de pouvoir revenir à un état T d'une application dans le temps mais également de travailler à plusieurs sur un seul et même projet, les conflits pouvant être engendrés entre deux utilisateurs manipulant un même fichier étant gérés par le serveur subversion.
Les paquets à installer:
@@ -326,60 +324,59 @@apt-get install subversion libapache2-svn- -
- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/installation-de-fuse-et-s3fs-sur-une-debian-lenny/index.html b/pr/398/blog/infra/installation-de-fuse-et-s3fs-sur-une-debian-lenny/index.html index 13b241f9d15..6de09815138 100644 --- a/pr/398/blog/infra/installation-de-fuse-et-s3fs-sur-une-debian-lenny/index.html +++ b/pr/398/blog/infra/installation-de-fuse-et-s3fs-sur-une-debian-lenny/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 12 janvier 2010 ++--Installation de FUSE et s3fs sur une Debian Lenny
-Installation de FUSE et s3fs sur une Debian Lenny
- -++Installation de FUSE et s3fs sur une Debian Lenny
+Installation de FUSE et s3fs sur une Debian Lenny
+ +--+ + + +++- - - - -Aujourd'hui nous allons installer s3fs sur nos serveurs. + + +
Aujourd'hui nous allons installer s3fs sur nos serveurs. Ce paquet permet de monter des systèmes de fichiers distant de type Amazon S3. Les applications peuvent êtres multiples, le but avoué étant d'avoir la possibilité d'avoir notre "bucket" Amazon S3 disponible localement.
Pour se faire :
-
@@ -305,60 +303,59 @@
Installation de FUSE et s3fs sur une Debian Lenny
Nous obtenons dans ce cas la ligne de commande suivante:
s3fs bucketname -o use_cache=/tmp -o allow_other /mnt/s3(Le fichier /etc/passwd-s3fs est lu automatiquement)
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/infra/installer-graphite-sur-debian-wheezy/index.html b/pr/398/blog/infra/installer-graphite-sur-debian-wheezy/index.html index 5c0b6a73a13..1828a586b23 100644 --- a/pr/398/blog/infra/installer-graphite-sur-debian-wheezy/index.html +++ b/pr/398/blog/infra/installer-graphite-sur-debian-wheezy/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 20 décembre 2014 ++--Installer graphite sur Debian Wheezy
-Installation de graphite avec Gunicorn et Nginx sur debian Wheezy.
- -++Installer graphite sur Debian Wheezy
+Installation de graphite avec Gunicorn et Nginx sur debian Wheezy.
+ +-
-
-
- Installation des paquets
+
-
+
- + Installation des paquets - -
- - Installation de l'environnement Python + +
- + Installation de l'environnement Python - -
- - Installer Cairo + +
- + Installer Cairo - -
- - Installer Carbon + +
- + Installer Carbon - -
- - Installer Graphite Web + +
- + Installer Graphite Web - -
--+ + + + + +++- - - - -Parmi de nombreuses solutions de monitoring l'une d'entre elle fait pas mal parler d'elle en ce moment. Graphite se veut capable de rendre des graphiques en temps réel de l'état de vos plateformes (systèmes ou applicatives) à partir d'informations collectées sur l'ensemble de votre infra.
+ + +Parmi de nombreuses solutions de monitoring l'une d'entre elle fait pas mal parler d'elle en ce moment. Graphite se veut capable de rendre des graphiques en temps réel de l'état de vos plateformes (systèmes ou applicatives) à partir d'informations collectées sur l'ensemble de votre infra.
Que l'on soit bien d'accord nous ne sommes pas dans le même type de monitoring que peut fournir, par exemple des solutions comme Zabbix, qui proposeront, certes, des graphs à partir des différentes ressources "monitorées" mais également des solutions permettant d'alerter les équipes Infra en cas de problèmes (par Email ou par SMS).
Graphite est aujourd'hui séparés en plusieurs composants:
- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/introduction-a-vagrant/index.html b/pr/398/blog/infra/introduction-a-vagrant/index.html index 743ecdaf7bf..04d1b834bc7 100644 --- a/pr/398/blog/infra/introduction-a-vagrant/index.html +++ b/pr/398/blog/infra/introduction-a-vagrant/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 23 avril 2017 ++--Introduction à Vagrant
-Le fonctionnement et les principes utilisés par Vagrant. Comment installer une VM contenant une version minimale d'Ubuntu et la provisionner avec nginx.
- -++Introduction à Vagrant
+Le fonctionnement et les principes utilisés par Vagrant. Comment installer une VM contenant une version minimale d'Ubuntu et la provisionner avec nginx.
+ +--+ + + +++- - - - -Vagrant est un outil qui simplifie la création et la gestion d’environnements virtualisés. + + +
Vagrant est un outil qui simplifie la création et la gestion d’environnements virtualisés. Si par le passé on avait recours à des plateformes comme LAMP/MAMP/XAMP pour gérer son environnement de développement, cela posait souvent problème car les versions des dépendances logicielles pouvaient varier une fois l’application déployée sur un environnement externe, notamment en production. On se retrouvait alors à perdre un temps considérable pour corriger des bugs en production qui n’étaient pas reproductibles en développement, et inversement.
Vagrant permet de travailler dans un environnement reproductible avec les mêmes versions pour toutes vos dépendances. Parce qu’il utilise le principe de virtualisation, il est donc compatible avec la majorité des OS actuels. Ainsi, un développeur travaillant sous Mac aura accès au même environnement qu'un développeur sous Windows ou Linux tout en conservant son IDE favori.
Comment ça fonctionne ?
@@ -328,56 +326,55 @@Conclusionsources: https://www.vagrantup.com/docs/ http://blog.scottlowe.org/2014/09/12/a-quick-introduction-to-vagrant/ -
- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/infra/introduction-au-provisioning/index.html b/pr/398/blog/infra/introduction-au-provisioning/index.html index db266214ec5..d2f8d4a3e1d 100644 --- a/pr/398/blog/infra/introduction-au-provisioning/index.html +++ b/pr/398/blog/infra/introduction-au-provisioning/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 3 février 2016 ++--Introduction au provisioning
-Introduction aux principes de base de l'approvisionnement (ou provisoning) d'environnements de développement, d'exécution, de production ou encore de test
- -++Introduction au provisioning
+Introduction aux principes de base de l'approvisionnement (ou provisoning) d'environnements de développement, d'exécution, de production ou encore de test
+ +-
-
-
- Le provisionning apporte plusieurs choses parmis lesquelles:
+
-
- --
+ + + + + +++- - - De plus en plus répandu au sein des services IT, l'approvisionnement (ou provisioning en anglais) devient une composante incontournable des environnements techniques. Depuis longtemps utilisé par les sysadmin (soit sous la forme de "simples" scripts shell ou via des technologies spécialisées), l'avènement des DevOps permet aujourd'hui de démocratiser son utilisation. On le retrouve ainsi de plus en plus au sein des environnements de développement comme de production.
+ + +De plus en plus répandu au sein des services IT, l'approvisionnement (ou provisioning en anglais) devient une composante incontournable des environnements techniques. Depuis longtemps utilisé par les sysadmin (soit sous la forme de "simples" scripts shell ou via des technologies spécialisées), l'avènement des DevOps permet aujourd'hui de démocratiser son utilisation. On le retrouve ainsi de plus en plus au sein des environnements de développement comme de production.
La "culture" DevOps et plus largement AGILE repose sur des principes simples que sont l'automatisation, la réutilisabilité ou encore l'amélioration continue, principes auxquels le provisionning répond largement.
C'est quoi le provisioning ?
Le provisioning c'est (globalement) l'automatisation de tâches variées et diverses allant de l'installation d'un environnement de développement à la mise en place d'infrastructures extrêmement complexes. Il a été historiquement et très largement utilisé dans l'industrie des télécoms.
@@ -328,60 +326,59 @@- -
- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/migrer-un-site-web-sans-interruption-de-service-grace-au-reverse-proxy-dapache/index.html b/pr/398/blog/infra/migrer-un-site-web-sans-interruption-de-service-grace-au-reverse-proxy-dapache/index.html index a011ecf1feb..d48d873959f 100644 --- a/pr/398/blog/infra/migrer-un-site-web-sans-interruption-de-service-grace-au-reverse-proxy-dapache/index.html +++ b/pr/398/blog/infra/migrer-un-site-web-sans-interruption-de-service-grace-au-reverse-proxy-dapache/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 4 mai 2012 ++--Migrer un site web sans interruption de service grâce au reverse proxy d'Apache.
-Migrer un site web sans interruption de service grâce au reverse proxy d'Apache.
- -++Migrer un site web sans interruption de service grâce au reverse proxy d'Apache.
+Migrer un site web sans interruption de service grâce au reverse proxy d'Apache.
+ +--+ + + +++- - - - -Bonjour à tous,
+ + +Bonjour à tous,
petit mémo aujourd'hui concernant la migration d'une application web d'un (ancien) serveur vers un nouveau serveur. Tout admin système à été, un jour ou l'autre, confronté à la problématique du "downtime" ou en bon français de l'interruption de service lors du "déménagement" d'une application web vers une nouvelle machine.
En effet dans le cas de la modification d'un pointage DNS, celui-ci peut mettre plusieurs heures, voir même une journée à se propager sur les différents serveurs de noms. @@ -314,60 +312,59 @@
Migrer un site web sans interruption de service grâce au reverse proxy d�
Il suffit, pour finir, de redémarrer Apache, le traffic est à présent redirigé vers le nouveau serveur de manière transparente pour l'internaute. Nous pouvons dès lors demander la redirection du nom de domaine vers l'IP du "nouveau" serveur sans se soucier des délais de propagation des serveurs de noms.
Une fois tout cela terminé jetez de temps en temps un oeil à vos logs sur le serveur d'origine, une fois que vous constatez que plus aucun traffic n'arrive sur votre ancien serveur c'est que le nom de domaine a été propagé.
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-++ +++++ Une typo ? + + Modifier cet article sur Github + +
+Testez vos connaissances_ diff --git a/pr/398/blog/infra/monitor-your-symfony2-application-via-stats-d-and-graphite-2/index.html b/pr/398/blog/infra/monitor-your-symfony2-application-via-stats-d-and-graphite-2/index.html index 620be4cc5b0..af3b511a300 100644 --- a/pr/398/blog/infra/monitor-your-symfony2-application-via-stats-d-and-graphite-2/index.html +++ b/pr/398/blog/infra/monitor-your-symfony2-application-via-stats-d-and-graphite-2/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
- - - -- -+ + + + +++ - - +-+ Publication 23 novembre 2012 ++--Monitor your Symfony2 application via Stats.d and Graphite (2/2)
-Monitor your Symfony2 application via Stats.d and Graphite Part. 2
- -++Monitor your Symfony2 application via Stats.d and Graphite (2/2)
+Monitor your Symfony2 application via Stats.d and Graphite Part. 2
+ +--+ + +- -- - - - -This article is the last part of Install Stats.d / Graphite on a debian server in order to monitor a Symfony2 application ( 1/2 ).
+ + +This article is the last part of Install Stats.d / Graphite on a debian server in order to monitor a Symfony2 application ( 1/2 ).
Last week, we saw that StatsDClientBundle provides great metrics for your application,. But what if I want to monitor my own things in my application ? During the last part of this tutorial, we will see how to monitor our own application events. I'll assume you did the first part of the tutorial.
In my personnal application (named Seek Team), gamers can purchase a premium account in order to unlock additional features on the website.
@@ -428,60 +426,59 @@Monitor your Symfony2 application via Stats.d and Graphite (2/2)
<argument type="service" id="liuggio_stats_d_client.service" /> </service>And it's done, if you go on your graphite dashboard, you can now see the new category called "premium".
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/operation-sur-un-fichier-avec-la-commande-find/index.html b/pr/398/blog/infra/operation-sur-un-fichier-avec-la-commande-find/index.html index f36b4dd7e48..9cf903a9a7d 100644 --- a/pr/398/blog/infra/operation-sur-un-fichier-avec-la-commande-find/index.html +++ b/pr/398/blog/infra/operation-sur-un-fichier-avec-la-commande-find/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 3 décembre 2009 ++--Opération sur un fichier avec la commande find
-Opération sur un fichier avec la commande find
- -++Opération sur un fichier avec la commande find
+Opération sur un fichier avec la commande find
+ +--+ + + +++- - - - -La commande "find" permet non seulement de faire des recherches sur les fichiers de l'arborescence mais également d'exécuter des commandes sur ces mêmes fichiers. Option au combien pratique pour toutes les tâches de maintenance / nettoyage des systèmes !
+ + +La commande "find" permet non seulement de faire des recherches sur les fichiers de l'arborescence mais également d'exécuter des commandes sur ces mêmes fichiers. Option au combien pratique pour toutes les tâches de maintenance / nettoyage des systèmes !
find . -name ’*.yml’ -exec rm {} ;Explications :
La commande ci-dessus va rechercher dans le répertoire courant tous les fichiers correspondant au masque suivant l'option -name et exécuter la commande rm sur le résultat. Cette simple commande permet donc de supprimer tous les fichiers de l'arborescence et de la sous-arborescence du répertoire courant suffixés par .yml.
@@ -280,60 +278,59 @@Opération sur un fichier avec la commande find
rm est la commande UNIX permettant la suppression d'un fichier
{} représente touts les occurences de fichiers correspondantes au masque
; termine la chaine de commande. (Ne pas oublier de le protéger avec un backslah afin qu'il soit interprété correctement)
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/partitionnement-d-un-serveur-proxmox/index.html b/pr/398/blog/infra/partitionnement-d-un-serveur-proxmox/index.html index 079875ec1dd..4f0203dadfc 100644 --- a/pr/398/blog/infra/partitionnement-d-un-serveur-proxmox/index.html +++ b/pr/398/blog/infra/partitionnement-d-un-serveur-proxmox/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 6 novembre 2014 ++--Partitionnement d'un serveur proxmox
-Petit billet mémo aujourd'hui concernant le partitionnement d'un serveur Proxmox, rien de bien sorcier en soi mais il est toujours bon d'avoir un référentiel auquel se fier.
- -++Partitionnement d'un serveur proxmox
+Petit billet mémo aujourd'hui concernant le partitionnement d'un serveur Proxmox, rien de bien sorcier en soi mais il est toujours bon d'avoir un référentiel auquel se fier.
+ +--+ + + +++- - - - -Bonjour à tous,
+ + +Bonjour à tous,
Petit billet mémo aujourd'hui concernant le partitionnement d'un serveur Proxmox, rien de bien sorcier en soi mais il est toujours bon d'avoir un référentiel auquel se fier.
Utilisant depuis un bon moment des solutions de virtualisation, nous avons pour habitude chez ELAO d'utiliser des containers OpenVZ via la distribution Proxmox.
Nous prendrons pour l'exemple une des machines OVH, machines avec lesquelles nous avons l'habitude de travailler. Pour les moins exigeants le partitionnement par défaut proposé peut parfaitement faire l'affaire.
@@ -308,60 +306,59 @@Partitionnement d'un serveur proxmox
Attention toutefois à conserver au moins 50 Go d'espace non partitionné pour pouvoir effectuer des snapshots, veuillez à adapter cette espace à la taille de votre plus grosse VM.
A cet espace nécessaire aux snapshots on gardera le reste de l'espace disque non partitionné pour pouvoir le redistribuer si jamais on se rend compte qu'une partition est trop petite.
Comme d'habitude, remarques et critiques de ce schéma sont plus que les bienvenues ;)
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
++Testez vos connaissances_ diff --git a/pr/398/blog/infra/provisonner-simplement-stack-monitoring-telegraf-influxdb-grafana-avec-manala/index.html b/pr/398/blog/infra/provisonner-simplement-stack-monitoring-telegraf-influxdb-grafana-avec-manala/index.html index 0bf6cad0dca..aaa139a737d 100644 --- a/pr/398/blog/infra/provisonner-simplement-stack-monitoring-telegraf-influxdb-grafana-avec-manala/index.html +++ b/pr/398/blog/infra/provisonner-simplement-stack-monitoring-telegraf-influxdb-grafana-avec-manala/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
-- - - --+ + + + +++ - - +-+ Publication 25 janvier 2017 ++--Provisionner simplement une stack de monitoring Telegraf + InfluxDB + Grafana avec Manala
-Comment utiliser les roles Ansible de Manala pour provisionner simplement une stack de monitoring Telegraf + InfluxDB + Grafana
- -++Provisionner simplement une stack de monitoring Telegraf + InfluxDB + Grafana avec Manala
+Comment utiliser les roles Ansible de Manala pour provisionner simplement une stack de monitoring Telegraf + InfluxDB + Grafana
+ +-
-
-
- Manala
+
-
+
- + Manala - -
- - Pourquoi monitorer + +
- + Pourquoi monitorer - -
- - La stack + +
- + La stack - -
- - Provisonning + +
- + Provisonning - -
- - Prise en main + +
- + Prise en main - -
- - Pour aller plus loin + +
- + Pour aller plus loin - -
- - En production + +
- + En production - -
- - Conclusion + +
- + Conclusion - -
-- -+ + + + - -+- - - Manala
+ + +Manala
Manala est la boîte à outils pour Ansible créée par Elao. Elle se compose d'une multitude de rôles Ansible pensés autour de la même philosophie : une installation et une configuration simple d'un environnement serveur.
Si vous n'êtes pas famillier avec Ansible, je vous encourage à découvrir ce magnifique outil.
Pourquoi monitorer
@@ -569,60 +567,59 @@Configurati
Conclusion
Grâce aux rôles de Manala j'ai pu créer simplement le provisonning d'une stack de monitoring en moins de 100 lignes de configuration. Au besoin, grâce au provisonning, je peux répliquer cette stack sur n'importe quel serveur en quelques minutes.
--+ +-+- -+ +
+
+ +- -+-+ +- - - -
-
- - -- ---- Une typo ? - - Modifier cet article sur Github - -
-+ ++ + + ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/securiser-ses-acces-serveur-authentification-par-cles-ssh/index.html b/pr/398/blog/infra/securiser-ses-acces-serveur-authentification-par-cles-ssh/index.html index a53e12eda95..0f1b02deab3 100644 --- a/pr/398/blog/infra/securiser-ses-acces-serveur-authentification-par-cles-ssh/index.html +++ b/pr/398/blog/infra/securiser-ses-acces-serveur-authentification-par-cles-ssh/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 5 mars 2010 ++--Sécuriser ses accès serveur: Authentification par clés SSH
-Sécuriser ses accès serveur: Authentification par clés SSH.
- -++Sécuriser ses accès serveur: Authentification par clés SSH
+Sécuriser ses accès serveur: Authentification par clés SSH.
+ +--+ + + +++- - - - -Il n'est pas rare aujourd'hui que les administrateurs système soit amené à manipuler plusieurs dizaine de mots de passe, il existe, bien entendu, diversent façon de les "stocker", comme par exemple le logiciel Keepass, permettant de gérer vos différents mots de passe. Il est cependant encore plus facile d'utiliser une authentification basée sur une clé publique.
+ + +Il n'est pas rare aujourd'hui que les administrateurs système soit amené à manipuler plusieurs dizaine de mots de passe, il existe, bien entendu, diversent façon de les "stocker", comme par exemple le logiciel Keepass, permettant de gérer vos différents mots de passe. Il est cependant encore plus facile d'utiliser une authentification basée sur une clé publique.
Nous allons donc voir comment utiliser une authentification par clé ssh. Cela facilitera l'administration des serveurs mais permettra également de mettre en place certains scripts. Comme par exemple la sauvegarde des données à partir d'un autre serveur
Pré-requis
@@ -332,60 +330,59 @@Connexion
Nous pouvons à présent directement nous connecter au serveur avec notre clé en utilisant la commande suivante:
ssh -i ~/.ssh/amartin root@serveur.tldL’option “-i” indiquant vous l’aurez compris la clé privée à utiliser pour initier la transaction avec le serveur.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/infra/ssl-generer-une-demande-de-signature-de-certificat-csr/index.html b/pr/398/blog/infra/ssl-generer-une-demande-de-signature-de-certificat-csr/index.html index 98ae49052ec..2c026c828c1 100644 --- a/pr/398/blog/infra/ssl-generer-une-demande-de-signature-de-certificat-csr/index.html +++ b/pr/398/blog/infra/ssl-generer-une-demande-de-signature-de-certificat-csr/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 13 mars 2015 ++--SSL - Générer une demande de signature de certificat
-Comment générer une demande de signature d'un certificat SSL (CSR) à destination d'une autorité de certification.
- -++SSL - Générer une demande de signature de certificat
+Comment générer une demande de signature d'un certificat SSL (CSR) à destination d'une autorité de certification.
+ +-
-
-
- Générer une clé privée et une CSR
+
-
+
- + Générer une clé privée et une CSR - -
- - Générer une CSR à partir d'une clé privée + +
- + Générer une CSR à partir d'une clé privée - -
- - Générer une CSR à partir d'une clé privée et d'un certificat + +
- + Générer une CSR à partir d'une clé privée et d'un certificat - -
--+ + + + + +++- - - - -Introduction
+ + +Introduction
La génération d'une requête de signature de certificat, appelée comme ceci car elle est normalement transmise à une autorité de certification (Certificate Authority ou CA) pour ... signature, est faite lorsque l'on souhaite exploiter un certificat SSL délivré par une autorité de certification (reconnue ou non).
Un certificat n’est ni plus, ni moins qu’une clé qui a été signée par une autorité autorisée garantissant ainsi que celle-ci est valide est correspond bien à la bonne entité.
La "Certificate Signin Request", souvent abrégée en CSR peut être assimilée à une clé publique contenant quelques informations supplémentaires. Celles-ci et la fameuse clé sont insérées dans le certificat une fois celui-ci signé.
@@ -356,60 +354,59 @@-x509toreq indique que l'on utilise un certificat X509 pour générer la CSR. -
- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/syntaxe-des-enregistrements-spf-sender-privacy-framework/index.html b/pr/398/blog/infra/syntaxe-des-enregistrements-spf-sender-privacy-framework/index.html index 6386751110b..2e0f02363b2 100644 --- a/pr/398/blog/infra/syntaxe-des-enregistrements-spf-sender-privacy-framework/index.html +++ b/pr/398/blog/infra/syntaxe-des-enregistrements-spf-sender-privacy-framework/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 5 décembre 2009 ++--Syntaxe des enregistrements SPF (Sender Privacy Framework)
-Syntaxe des enregistrements SPF, cas d'utilisation et options de configuration.
- -++Syntaxe des enregistrements SPF (Sender Privacy Framework)
+Syntaxe des enregistrements SPF, cas d'utilisation et options de configuration.
+ +--+ + + +++- - - - -Dans cet article je vais tenté d'expliquer comment fonctionne actuellement le SPF pour nos emails, mais également de détailler au maximum les différentes options que fournit le framework afin de créer nos propres enregistrements. L'ensemble de ces options peuvent être retrouvées sur le site officiel (anglais): OpenSPF.org
+ + +Dans cet article je vais tenté d'expliquer comment fonctionne actuellement le SPF pour nos emails, mais également de détailler au maximum les différentes options que fournit le framework afin de créer nos propres enregistrements. L'ensemble de ces options peuvent être retrouvées sur le site officiel (anglais): OpenSPF.org
Le SPF est une spécification publiée le 28 Avril 2006, pour la RFC c'est ici
Ce qui suit est une traduction du manuel officiel que l'on peut trouver sur le site ci-dessus: Les noms de domaines définissent 0 ou plusieurs mécanismes. Ces mécanismes peuvent être utilisés pour décrire le paramétrage des hôtes désignés comme serveurs de mail sortant, c'est à dire autorisés à envoyer des emails pour le domaine concerné.
all | ip4 | ip6 | a | mx | ptr | exists | include
@@ -397,60 +395,59 @@Le méc
Peut être qu'un domaine a envoyé un mail via ce serveur MX ainsi qu'avec un autre ensemble de serveur dont le rôle est de retenter l'envoi pour les domaines dont la distribution a été différée.
"v=spf1 mx/24 mx:offsite.domain.com/24 -all"Peut être qu'un serveur MX de domaine à reçu un mail sur une adresse IP, mais a envoyé le mail sur une adresse IP différente mais proche.
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/infra/utilisation-de-la-commande-find-cas-pratiques/index.html b/pr/398/blog/infra/utilisation-de-la-commande-find-cas-pratiques/index.html index 2a8f8cfc806..2900118391d 100644 --- a/pr/398/blog/infra/utilisation-de-la-commande-find-cas-pratiques/index.html +++ b/pr/398/blog/infra/utilisation-de-la-commande-find-cas-pratiques/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 23 avril 2010 ++--Utilisation de la commande find - cas pratiques
-Utilisation de la commande find - cas pratiques
- -++Utilisation de la commande find - cas pratiques
+Utilisation de la commande find - cas pratiques
+ +--+ + + +++- - - - -La commande find, outils ô combien indispensable des administrateurs systèmes, permet d'effectuer et d'automatiser tout un tas de tâches de maintenance courantes.
+ + +La commande find, outils ô combien indispensable des administrateurs systèmes, permet d'effectuer et d'automatiser tout un tas de tâches de maintenance courantes.
Ce petit memo se veut être un post de centralisation des lignes de commande pratiques, pouvant dépanner l'admin en détresse !
Rechercher un fichier
@@ -290,60 +288,59 @@find . -name "databases*"find / \( -name a.out -o -name ’*.o’ \) -atime +7 -exec rm {} \;Cette commande supprimera tous les fichiers dont le nom correspond est a.out OU se terminant par .o ET dont la date de dernier accès est antérieure à 7 jours.
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/infra/utiliser-l-api-openstack-ovh/index.html b/pr/398/blog/infra/utiliser-l-api-openstack-ovh/index.html index 3934ed6de91..cb0b62cdba7 100644 --- a/pr/398/blog/infra/utiliser-l-api-openstack-ovh/index.html +++ b/pr/398/blog/infra/utiliser-l-api-openstack-ovh/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 16 décembre 2016 ++--Utiliser l'API Openstack OVH
-Préparer son environnement pour utiliser l'API openstack d'OVH, pré-requis et installation du client
- -++Utiliser l'API Openstack OVH
+Préparer son environnement pour utiliser l'API openstack d'OVH, pré-requis et installation du client
+ +-
-
-
- Pré-requis
+
-
+
- + Pré-requis - -
- - Configuration/Authentification + +
- + Configuration/Authentification - -
- - Connexion + +
- + Connexion - -
- - Zones géographiques + +
- + Zones géographiques - -
--+ + + + + +++- - - - -OVH propose depuis quelque temps déjà d'accéder à certaines ressources de votre infrastructure à travers l'API Openstack. + + +
OVH propose depuis quelque temps déjà d'accéder à certaines ressources de votre infrastructure à travers l'API Openstack. Bien que pas mal d'opérations soient réalisables grâce au manager, certaines d'entre elles, un peu poussées, ne sont réalisables qu'à travers l'API OVH et/ou l'API OpenStack qui est d'ailleurs partiellement exploitée par le dashboard Horizon.
Nous allons voir en détails l'installation d'un environnement client pour exploiter l'API Openstack en console.
Pré-requis
@@ -379,60 +377,59 @@Une bonne partie de l'API openstack vous est à présent accessible et couvrira les manques fonctionnels du manager ainsi que les carences de l'API OVH pour la configuration d'environnements un tant soit peu complexes. L'utilisation des différents clients s'avère, de prime abord, peu aisée mais on s'y fait vite.
Comme à l'accoutumé cet article est ouvert à toutes critiques, suggestions et/ou corrections.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/infra/utiliser-les-depots-officiels-nginx-sur-debian-wheezy/index.html b/pr/398/blog/infra/utiliser-les-depots-officiels-nginx-sur-debian-wheezy/index.html index 25ef30869f1..f5017266c42 100644 --- a/pr/398/blog/infra/utiliser-les-depots-officiels-nginx-sur-debian-wheezy/index.html +++ b/pr/398/blog/infra/utiliser-les-depots-officiels-nginx-sur-debian-wheezy/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 19 décembre 2014 ++--Utiliser les dépôts officiels Nginx sur Debian Wheezy
-Comment configurer et utiliser les dépôts Nginx sur Debian Wheezy.
- -++Utiliser les dépôts officiels Nginx sur Debian Wheezy
+Comment configurer et utiliser les dépôts Nginx sur Debian Wheezy.
+ +-
-
-
- Ajouter les sources officielles
+
-
+
- + Ajouter les sources officielles - -
- - Récupérer la clé PGP + +
- + Récupérer la clé PGP - -
- - Prioriser l'installation des paquets (facultatif) + +
- + Prioriser l'installation des paquets (facultatif) - -
- - Installer Nginx + +
- + Installer Nginx - -
--+ + + + + +++- - - - -Bonjour à tous !
+ + +Bonjour à tous !
Petit mémo aujourd'hui pour pouvoir utiliser une version à jour de Nginx sur une Debian Wheezy, celle-ci ne fournissant des paquets qu'en version 1.2.1 au moment de l'écriture de ce billet.
Attention toutes les étapes à suivre nécessitent un accès «root»
Ajouter les sources officielles
@@ -315,60 +313,59 @@Install
Voila nous sommes parés il ne reste plus qu'a mettre à jour notre index de paquets et installer nginx à l'aide des commandes suivantes:
-apt-get update apt-get install nginx- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/infra/utiliser-supervisor-pour-controler-ses-services-applicatifs/index.html b/pr/398/blog/infra/utiliser-supervisor-pour-controler-ses-services-applicatifs/index.html index c8c68704eea..b6b41ae48a8 100644 --- a/pr/398/blog/infra/utiliser-supervisor-pour-controler-ses-services-applicatifs/index.html +++ b/pr/398/blog/infra/utiliser-supervisor-pour-controler-ses-services-applicatifs/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 22 décembre 2014 ++--Controller ses services applicatifs avec supervisor
-Supervisor est un système de contrôle des processus/services applicatifs destiné aux systèmes de types UNIX.
- -++Controller ses services applicatifs avec supervisor
+Supervisor est un système de contrôle des processus/services applicatifs destiné aux systèmes de types UNIX.
+ +-
-
-
- Introduction
+
-
+
- + Introduction - -
- - Supervisord + +
- + Supervisord - -
- - Supervisorctl + +
- + Supervisorctl - -
- - Utiliser supervisor + +
- + Utiliser supervisor - -
--+ + + + + +++- - - - -Bonjour à tous,
+ + +Bonjour à tous,
Aujourd'hui nous allons faire le tour d'une solution fort sympathique que nous utilisons @elao pour faire tourner certains services applicatifs.
Son petit nom ? Supervisor.
Introduction
@@ -367,60 +365,59 @@= boumbo
Si vous ne souhaitez pas d'authentification il suffit de supprimer les deux lignes correspondantes.
Remarques, commentaires et corrections sont les bienvenus comme toujours, n'hésitez pas à proposer vos PR.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/methodo/gestion-projet-agile-github/index.html b/pr/398/blog/methodo/gestion-projet-agile-github/index.html index dc5f223aa2d..3900e3d17b7 100644 --- a/pr/398/blog/methodo/gestion-projet-agile-github/index.html +++ b/pr/398/blog/methodo/gestion-projet-agile-github/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 26 avril 2017 ++--Gérer un projet AGILE avec GitHub
-Retour d'expérience sur la gestion d'un projet avec GitHub.
- -++Gérer un projet AGILE avec GitHub
+Retour d'expérience sur la gestion d'un projet avec GitHub.
+ +-
-
-
- Besoins
+
-
+
- + Besoins - -
- - Conclusion + +
- + Conclusion - -
--+ + + + + +++- - - - -Nombreux sont les outils de gestion de projets auxquels un développeur peut se frotter durant sa carrière. J'ai moi même eu affaire à plusieurs d'entre eux : des solutions de ticketing (Mantis, BugZilla, Redmine, ...), des boards Kanban (Trello, Taiga), des solutions tout-en-un complexes (Jira), des forges (GitHub, GitLab) et même des solutions manuelles (carnet de note, post-it, noeud à mon mouchoir).
+ + +Nombreux sont les outils de gestion de projets auxquels un développeur peut se frotter durant sa carrière. J'ai moi même eu affaire à plusieurs d'entre eux : des solutions de ticketing (Mantis, BugZilla, Redmine, ...), des boards Kanban (Trello, Taiga), des solutions tout-en-un complexes (Jira), des forges (GitHub, GitLab) et même des solutions manuelles (carnet de note, post-it, noeud à mon mouchoir).
Certaines solutions étant trop simples pour adresser tous mes besoins (Trello par exemple) ou trop complexes pour être agréables à utiliser (Jira), je me retrouve souvent à jongler entre plusieurs outils qui ne sont en plus pas toujours les mêmes d'un projet à l'autre.
Mon envie était donc de trouver un moyen d'adresser tous mes besoins à l'aide d'un seul outil, simple et efficace. Et là, GitHub annonce de nouvelles fonctionnalités dont GitHub Project (oui je sais, GitLab a sorti une fonctionnalité similaire auparavant, mais je suis moins fan de l'ergonomie GitLab ; d'ailleurs, tout ce que je décris dans cet article est réalisable avec GitLab).
Besoins
@@ -329,60 +327,59 @@ConclusionJ'ai utilisé cette méthode sur un projet de 3 mois avec un développeur (moi), une intégratrice et un PO client déjà familier avec GitHub. Le PO s'est bien pris au jeu et a lui-même ouvert de nombreuses discussions sur ses fonctionnalités, qualifié et priorisé ses stories et a ainsi complètement géré la direction de son projet. De mon côté je pouvais donner un avis technique sur la faisabilité et la complexité de la fonctionnalité.
Il n'y a pas une façon unique de faire de l'AGILE, de nombreuses solutions et méthodes existent. Pour être efficaces choisissez vos outils avec soin et adaptez vos méthodes à votre client et à votre équipe.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/methodo/github-agile-dashboard/index.html b/pr/398/blog/methodo/github-agile-dashboard/index.html index 8b24fdeca48..daa39ff5eaf 100644 --- a/pr/398/blog/methodo/github-agile-dashboard/index.html +++ b/pr/398/blog/methodo/github-agile-dashboard/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 4 juillet 2017 ++--GAD : Github Agile Dashboard
-Comment j'ai créé un petit outil en ligne de commande pour m'aider dans mon quotidien agile
- -++GAD : Github Agile Dashboard
+Comment j'ai créé un petit outil en ligne de commande pour m'aider dans mon quotidien agile
+ +-
-
-
- GAD, notre ligne de command agile
+
-
+
- + GAD, notre ligne de command agile - -
- - Faire son propre CLI avec Node + +
- + Faire son propre CLI avec Node - -
- - Ce qu'on en retire + +
- + Ce qu'on en retire - -
--+ + + + + +++- - - - -Sur notre projet du moment, notre équipe utilise beaucoup GitHub comme support agile.
+ + +Sur notre projet du moment, notre équipe utilise beaucoup GitHub comme support agile.
De manière assez similaire à ce que Maxime a mis en place de son coté.
En bref :
- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/methodo/notre-quotidien-equipe-projet-auto-organisee/index.html b/pr/398/blog/methodo/notre-quotidien-equipe-projet-auto-organisee/index.html index 2ccc7c599af..984940dbd32 100644 --- a/pr/398/blog/methodo/notre-quotidien-equipe-projet-auto-organisee/index.html +++ b/pr/398/blog/methodo/notre-quotidien-equipe-projet-auto-organisee/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 1 décembre 2016 ++--Notre quotidien d'équipe projet auto-organisée
-Retour d'expérience sur la vie d'une équipe projet auto-organisée. Voici ce que nous avons mis en place progressivement, nos expérimentations, nos succès et nos échecs.
- -++Notre quotidien d'équipe projet auto-organisée
+Retour d'expérience sur la vie d'une équipe projet auto-organisée. Voici ce que nous avons mis en place progressivement, nos expérimentations, nos succès et nos échecs.
+ +-
-
-
- Daily standup
+
-
+
- + Daily standup - -
- - Nos outils + +
- + Nos outils - -
- - Atelier + +
- + Atelier - -
- - Sprint + +
- + Sprint - -
- - Definition of done + +
- + Definition of done - -
- - Auto organisation et communication + +
- + Auto organisation et communication - -
- - Organisation du développement + +
- + Organisation du développement - -
- - Rétrospective + +
- + Rétrospective - -
- - Estimation du reste à faire + +
- + Estimation du reste à faire - -
- - Et maintenant ? + +
- + Et maintenant ? - -
- - tl;dr + +
- + tl;dr - -
--+ + + + + +++- - - - -Cela fait maintenant un an que nous travaillons sur un projet aux multiples facettes dont l'équipe est constituée de quatre développeurs côté Elao, un Business Analyst et un Product Owner côté client. + + +
Cela fait maintenant un an que nous travaillons sur un projet aux multiples facettes dont l'équipe est constituée de quatre développeurs côté Elao, un Business Analyst et un Product Owner côté client. Notre méthodologie est très inspirée de Scrum et de XP. Notre équipe s’est construite avec l'aide de notre manager et coach Agile. Il nous épaule et nous challenge souvent pour faire émerger des améliorations. Voici ce que nous avons mis en place progressivement, nos expérimentations, nos succès et nos échecs.
@@ -474,60 +472,59 @@tl;dr
- Relation saine et gagnant-gagnant avec notre client.
- Satisfaction client et utilisateurs qui a un impact super positif sur l'équipe.
-- + ++
- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/methodo/specifions-user-stories/index.html b/pr/398/blog/methodo/specifions-user-stories/index.html index ba4f7905747..aa358a067ec 100644 --- a/pr/398/blog/methodo/specifions-user-stories/index.html +++ b/pr/398/blog/methodo/specifions-user-stories/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 7 décembre 2015 ++--Spécifions les user stories
-L'écriture d'user stories n'est pas aussi simple qu'elle peut le paraître. Avec un minimum de guide, on peut s'améliorer rapidement.
- -++Spécifions les user stories
+L'écriture d'user stories n'est pas aussi simple qu'elle peut le paraître. Avec un minimum de guide, on peut s'améliorer rapidement.
+ +--+ + + +++- - - Ecrire des user stories est déjà bien compliqué ; si le product owner n’a pas un minimum de guide, ça devient impossible pour celui qui n’a pas l’habitude de le faire.
+ + +Ecrire des user stories est déjà bien compliqué ; si le product owner n’a pas un minimum de guide, ça devient impossible pour celui qui n’a pas l’habitude de le faire.
Spécifions les user stories
Chaque product owner devrait lire les livres de Gojko Adzic (http://books.gojko.net/). Ses livres peuvent être très utiles pour tout développement itératif et l'écriture de user stories.
5 principes basiques peuvent aider les product owners à rédiger leurs stories
@@ -297,60 +295,59 @@- -
- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-++ ++ +++++ Une typo ? + + Modifier cet article sur Github + +
+-Testez vos connaissances_ diff --git a/pr/398/blog/styleguide/example/index.html b/pr/398/blog/styleguide/example/index.html index e08c510cef9..b1f27fac744 100644 --- a/pr/398/blog/styleguide/example/index.html +++ b/pr/398/blog/styleguide/example/index.html @@ -44,27 +44,27 @@ - + - - - + + + @@ -204,24 +204,23 @@
+- + - - --- + +++ Publication 23 septembre 2020 + Modification 17 mars 2021 ++--Petit guide de style du blog
-Tour d'horizon de ce qu'on a pour faire de beaux articles. Et quelques bonnes pratiques de rédaction.
- -++Petit guide de style du blog
+Tour d'horizon de ce qu'on a pour faire de beaux articles. Et quelques bonnes pratiques de rédaction.
+ +-
-
-
- Style
+
-
+
-
+ Style
-
-
-
- - Les titres - -
- -
- h2 laceat quas odio atque molestiae
+
-
+
- + Les titres + +
+ -
+ h2 laceat quas odio atque molestiae
-
-
-
- - h3 laceat quas odio atque molestiae - -
- - Le sommaire - -
- - Les éléments typographiques - -
- - Les images - -
- - Le code - -
- - Bonus - -
- -
- Quelques règles typographiques
+
-
+
- + h3 laceat quas odio atque molestiae + +
- + Le sommaire + +
- + Les éléments typographiques + +
- + Les images + +
- + Le code + +
- + Bonus + +
+ -
+ Quelques règles typographiques
-
-
-
- - Ponctuation - -
- - Unités - -
- - Utiliser les bonnes abréviations - -
- - Faut-il un point à la fin d'une abréviation ? - -
- - Nombres - -
- - Listes - -
- - D'autres petites règles bien utiles - -
- - L'écriture inclusive - -
- - Pour aller plus loin - -
-
-- -+ + +-
+
- + Ponctuation + +
- + Unités + +
- + Utiliser les bonnes abréviations + +
- + Faut-il un point à la fin d'une abréviation ? + +
- + Nombres + +
- + Listes + +
- + D'autres petites règles bien utiles + +
- + L'écriture inclusive + +
- + Pour aller plus loin + +
++- - - - -Style
+ + +Style
Les titres
1 page = 1 titre principal
h1.Dans le blog, le
@@ -568,128 +566,126 @@h1est le titre de l'article. Dans le corps de l'article, on commence donc par desh2.« Féminiser au point médian » ;
- Suivez TypoChef sur Twitter.
-- Crédits: photo de couverture par - - Jon Tyson - --+ Crédits: photo de couverture par + + Jon Tyson + ++ -
+ Style
-
-- --- -Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- ---- Une typo ? - - Modifier cet article sur Github - -
-+-++++ +Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ ++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/tech/configuration-de-bind-sous-mac-os-x/index.html b/pr/398/blog/tech/configuration-de-bind-sous-mac-os-x/index.html index db08bb3e6d7..61008f9dcf2 100644 --- a/pr/398/blog/tech/configuration-de-bind-sous-mac-os-x/index.html +++ b/pr/398/blog/tech/configuration-de-bind-sous-mac-os-x/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 21 mai 2010 ++--Configuration de Bind sous Mac OS X
-Configuration de Bind sous Mac OS X.
- -++Configuration de Bind sous Mac OS X
+Configuration de Bind sous Mac OS X.
+ +--+ + + +++- - - - -Dans cet article, nous allons détailler pas à pas comment configurer le serveur Bind intégré à Mac Os X. + + +
Dans cet article, nous allons détailler pas à pas comment configurer le serveur Bind intégré à Mac Os X. Les développeurs web sont souvent confrontés à des problématiques DNS (wildcards, etc...) pour lesquelles le fichier /etc/hosts s'avère insuffisant.
Cet article est traduit de "How To: Enable BIND - Mac OS X's Built-in DNS Server"
Etape 1: Configuration de rndc
@@ -328,56 +326,55 @@rndc reloadVous pouvez également réinitialiser le cache DNS par la commande suivante:
-rndc flush- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/tech/creer-une-cle-bootable-osx-10-10-yosemite/index.html b/pr/398/blog/tech/creer-une-cle-bootable-osx-10-10-yosemite/index.html index e1c0e2591df..72d86d3ac08 100644 --- a/pr/398/blog/tech/creer-une-cle-bootable-osx-10-10-yosemite/index.html +++ b/pr/398/blog/tech/creer-une-cle-bootable-osx-10-10-yosemite/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 17 septembre 2014 ++--Créer une clé bootable OSX 10.10 Yosemite
-Créer une clé bootable OSX 10.10 Yosemite.
- -++Créer une clé bootable OSX 10.10 Yosemite
+Créer une clé bootable OSX 10.10 Yosemite.
+ +--+ + + +++- - - - -Suite à la sortie récente de OSX Yosemite vous trouverez ci-dessous la marche à suivre pour créer une clé "bootable" à partir de l'image (DMG) récupérée de l'installation de l'AppStore.
+ + +Suite à la sortie récente de OSX Yosemite vous trouverez ci-dessous la marche à suivre pour créer une clé "bootable" à partir de l'image (DMG) récupérée de l'installation de l'AppStore.
Celle-ci permettra entre autre:
- D'éviter que toute l'équipe télécharge 5Go de données pour l'installer @@ -289,60 +287,59 @@
Créer une clé bootable OSX 10.10 Yosemite
Et enfin:
hdiutil detach /Volumes/OS\ X\ Install\ ESDVous disposez à présent d'une clé "bootable" permettant de faire une installation "propre" de Yosemite. Il suffit de redémarrer votre Mac et de maintenant la touche "Alt" enfoncée et de choisir de démarrer à partir de la clé.
-- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-+-+ +++++ Une typo ? + + Modifier cet article sur Github + +
+- -Testez vos connaissances_ diff --git a/pr/398/blog/tech/ssh-agent-does-not-automatically-load-passphrases-on-the-osx-sierra-keychain/index.html b/pr/398/blog/tech/ssh-agent-does-not-automatically-load-passphrases-on-the-osx-sierra-keychain/index.html index d1e7af95a68..51d9219e647 100644 --- a/pr/398/blog/tech/ssh-agent-does-not-automatically-load-passphrases-on-the-osx-sierra-keychain/index.html +++ b/pr/398/blog/tech/ssh-agent-does-not-automatically-load-passphrases-on-the-osx-sierra-keychain/index.html @@ -44,11 +44,11 @@ - + - + @@ -188,24 +188,23 @@
+- + - - - +-+ Publication 14 octobre 2016 ++--SSH-agent does not automatically load passphrases on the OSX Sierra keychain during startup
-SSH-agent does not automatically load passphrases on the OSX Sierra keychain during startup.
- -++SSH-agent does not automatically load passphrases on the OSX Sierra keychain during startup
+SSH-agent does not automatically load passphrases on the OSX Sierra keychain during startup.
+ +--+ + + +++- - - - -Some of us encountered an issue after upgrading to Mac OS Sierra. + + +
Some of us encountered an issue after upgrading to Mac OS Sierra. Indeed right after it our ssh keys (with passphrases) were not forwarded to the remote hosts anymore.
In previous versions of mac OSX,
@@ -315,60 +313,59 @@ssh-agentused to remember the passphrases for the keys added to the keychain (withssh-add -K) and after a reboot (or logout/login), it automatically picked up the passphrases from the keychain with no extra step and it was perfect !<true/> </dict> </plist> -
- + ++- -- ---- Une typo ? - - Modifier cet article sur Github - -
-++ +++++ Une typo ? + + Modifier cet article sur Github + +
+Testez vos connaissances_ diff --git a/pr/398/etudes-de-cas/chalkboardeducation/index.html b/pr/398/etudes-de-cas/chalkboardeducation/index.html index 8f383077ef8..ecc2527e7f5 100644 --- a/pr/398/etudes-de-cas/chalkboardeducation/index.html +++ b/pr/398/etudes-de-cas/chalkboardeducation/index.html @@ -393,30 +393,30 @@
La tribu
D'autres études de cas
-
-
-
+
- Example Corp. - Exemple -
Nunc auctor est dolor, eget placerat lorem semper sit amet. Integer aliquet mi orci, et eleifend urna fermetum. Nullam pelletesque frigilla vulputate.
- + PanneauPocket + PanneauPocket +PanneauPocket est une solution mobile et web permettant aux mairies et acteurs de la vie publique de communiquer des informations essentielles et des alertes aux habitants.
+ Voir l'étude de cas -
-
-
+
- Mairie d'Orléans - On sort ! -
L'application On Sort ! est un agenda des sorties dans la métropole orléanaise. Les organisateurs peuvent suggérer leurs événements en quelques clics.
- + Climalife Dehon / Gestimat + Clim'app +Une application dédiée aux professionnels du froid
+ Voir l'étude de cas
+ 
+ 
+ 
+
Commenter
-- Des commentaires ? - - Poursuivons la discussion sur twitter ! - -
- -