1893 avis : 5/5 ⭐️⭐️⭐️⭐️⭐️

Wordpress développement

Catégorie : Technos & Frameworks

Ruby on Rails
Technos & Frameworks
alexis-stephan

Qu’est ce que Ruby on Rails ?

Si vous vous intéressez au développement web, vous avez sûrement déjà entendu parler de ce framework. Mais qu’est-ce que Ruby on Rails exactement ? Ruby on Rails, souvent abrégé en Rails, est un framework open source écrit en langage Ruby. Il a été créé par David Heinemeier Hansson en 2004 et est devenu l’un des frameworks les plus populaires pour le développement d’applications web. Les avantages de Ruby on Rails Ruby on Rails offre de nombreux avantages aux développeurs. Sa structure de code claire et concise permet de développer des applications rapidement et efficacement. De plus, Rails suit le principe de convention plutôt que de configuration, ce qui signifie que vous pouvez démarrer un projet sans avoir à configurer chaque détail. La facilité de mise en place de Ruby on Rails en fait un choix idéal pour les projets de toutes tailles. Que vous développiez une petite application ou un site web complexe, Rails offre la flexibilité nécessaire pour répondre à vos besoins. Les fonctionnalités de Ruby on Rails Ruby on Rails comprend de nombreuses fonctionnalités pratiques, telles que la gestion des bases de données, la génération de pages web dynamiques, et la sécurité intégrée. De plus, la communauté Rails est très active et propose de nombreuses gemmes (bibliothèques) pour étendre les fonctionnalités de base du framework. Comment démarrer avec Ruby on Rails Pour commencer à utiliser Ruby on Rails, vous aurez besoin de quelques outils de base et d’une compréhension élémentaire du langage Ruby. Heureusement, la mise en place de l’environnement de développement est assez simple. Vous pouvez installer Rails sur la plupart des systèmes d’exploitation avec une seule ligne de commande. Une fois installé, créer votre première application est aussi simple que de lancer quelques commandes dans votre terminal. La documentation de Ruby on Rails est exceptionnellement bien organisée et détaillée, ce qui facilite grandement l’apprentissage. De plus, il existe une multitude de tutoriels et de guides disponibles en ligne qui vous guideront à travers les différentes étapes du développement d’applications Rails. La communauté et les ressources disponibles L’une des grandes forces de Ruby on Rails est sa vibrante communauté. Des milliers de développeurs à travers le monde contribuent constamment à améliorer le framework et à partager leurs connaissances. Que vous soyez débutant ou développeur expérimenté, vous trouverez une aide précieuse au sein de cette communauté. En plus des forums et des groupes de discussion, il existe de nombreux plugins et extensions, appelés « gems », qui peuvent enrichir vos applications Rails. Ces gems couvrent pratiquement tous les aspects du développement web, vous permettant d’ajouter facilement des fonctionnalités comme l’authentification utilisateur, la gestion des paiements, ou encore l’intégration avec des API tierces. Exemples de projets réalisés avec Ruby on Rails Pour mieux comprendre ce que vous pouvez accomplir avec Ruby on Rails, examinons quelques exemples de projets célèbres. Parmi les applications les plus connues développées avec Rails, on trouve Airbnb, Shopify, et GitHub. Ces sites montrent la scalabilité et la robustesse de Rails, capables de gérer des millions d’utilisateurs et de transactions. Chacun de ces projets a démarré avec les fonctionnalités de base de Rails, puis a évolué en intégrant des solutions personnalisées pour répondre à des besoins spécifiques. Cela illustre bien la flexibilité de Rails, qui s’adapte aussi bien aux petits projets qu’aux grandes entreprises nécessitant des solutions complexes. Comment Ruby on Rails facilite la gestion des bases de données L’un des points forts de Ruby on Rails réside dans sa capacité à simplifier la gestion des bases de données. Grâce à ActiveRecord, le système de gestion de base de données intégré, vous pouvez facilement créer, lire, mettre à jour et supprimer des enregistrements sans avoir besoin de rédiger des requêtes SQL complexes. Cette fonctionnalité est non seulement un gain de temps considérable, mais elle rend également le code plus propre et plus facile à maintenir. La sécurité avec Ruby on Rails La sécurité est une préoccupation majeure dans le développement web, et Ruby on Rails offre plusieurs mécanismes intégrés pour protéger vos applications. Par exemple, Rails fournit des protections contre les attaques courantes telles que le Cross-Site Scripting (XSS) et le Cross-Site Request Forgery (CSRF). En utilisant Rails, vous bénéficiez d’un cadre sécurisé qui aide à prévenir les vulnérabilités sans nécessiter de configuration supplémentaire. Le déploiement d’applications avec Ruby on Rails Déployer une application Rails est étonnamment simple grâce à des outils comme Heroku, qui permettent un déploiement direct depuis votre environnement de développement. Vous pouvez également utiliser d’autres services comme AWS ou DigitalOcean pour gérer vos applications Rails. La flexibilité de Rails en matière de déploiement vous permet de choisir la solution qui correspond le mieux à vos besoins et à ceux de votre projet. En somme, Ruby on Rails est un outil puissant qui offre une grande variété de fonctionnalités pour le développement web. Que vous soyez un développeur débutant ou expérimenté, Rails a quelque chose à offrir pour simplifier votre travail et améliorer la qualité de vos projets web. Les atouts essentiels de Ruby on Rails pour votre développement web En parcourant cet article, vous avez découvert les multiples facettes de Ruby on Rails, un framework qui simplifie et accélère le développement d’applications web. Grâce à sa structure intuitive et à une communauté dynamique, Rails se présente comme un outil incontournable pour les développeurs, qu’ils soient novices ou expérimentés. Rails n’est pas seulement apprécié pour sa facilité d’utilisation, mais aussi pour sa capacité à s’adapter aux exigences des projets de toutes envergures, de la petite application personnelle aux grandes plateformes comme Airbnb ou Shopify. Ce framework robuste soutient une croissance rapide et une évolutivité sans faille, permettant à votre projet de se développer sereinement. Pour conclure, si vous envisagez de plonger dans le développement web ou cherchez à optimiser vos compétences sur un framework efficace et largement adopté, Ruby on Rails est une option à considérer sérieusement. Son architecture bien pensée, couplée à une documentation riche et accessible, vous garantit une expérience de développement agréable et productive.

Réussir sa mise en production sur Heroku
Ruby on Rails
alexis-stephan

Réussir sa mise en production sur Heroku

Si vous cherchez à mettre en production une application Rails, le service Heroku de Salesforce peut être une excellente option. Heroku est une plateforme de cloud computing qui permet aux développeurs de déployer des applications web de manière simple et rapide. En utilisant Heroku pour héberger votre application Rails, vous pouvez bénéficier d’une infrastructure stable et évolutive, ainsi que d’une suite d’outils et de services qui facilitent le déploiement et la gestion de votre application. Dans cet article, nous allons vous guider à travers les étapes pour mettre en production votre application Rails sur Heroku, en vous donnant des astuces pour optimiser votre score SEO et améliorer la visibilité de votre application. Liens de ressources utiles pour votre déploiement Installer homebrew afin de pouvoir par la suite gérer / installer les packets dont vous aurez besoin pour Heroku cli Sinon visitez le site : https://brew.sh/index_fr Installer heroku cli en fonction de votre système d’exploitation : https://devcenter.heroku.com/articles/heroku-cli Commandes Heroku Pour faciliter votre déploiement, nous vous suggérons de jetter un oeil sur les commandes essentiels pour votre mise en production de votre application ruby on rails. Résumer pour déployer une application sur heroku Voici les étapes pour déployer une application Ruby on Rails sur Heroku : Ces commandes devraient suffire pour déployer votre application Ruby on Rails sur Heroku. N’oubliez pas que vous devez également configurer votre application pour utiliser les clés d’API et autres configurations requises pour votre application. PS (à ne pas oublier) Une fois que votre application Ruby on Rails est mise en production, il y a plusieurs choses à ne pas oublier : En ce qui concerne les migrations de base de données, il est important de noter que les migrations doivent être planifiées avec soin pour éviter toute interruption du service. Voici quelques bonnes pratiques pour les migrations de base de données : En ce qui concerne la définition des clés API, vous pouvez utiliser des services tels que Figaro pour définir et gérer vos clés API en utilisant des variables d’environnement dans votre application Ruby on Rails. Enfin, pour configurer les paramètres de votre application, vous pouvez utiliser le fichier « config/environments/production.rb » de votre application pour configurer les paramètres de base de données et de cache pour votre environnement de production.

Comment résoudre des conflits sur Github ?
Technos & Frameworks
alexis-stephan

Comment résoudre des conflits sur Github ?

GitHub est une plateforme de gestion de version de code source qui permet à plusieurs développeurs de travailler sur un même projet en même temps. Chaque développeur peut créer une branche (ou « branch » en anglais) pour travailler sur une nouvelle fonctionnalité ou une modification de code. Lorsque le travail sur cette branche est terminé, le développeur peut soumettre une demande de fusion (ou « pull request » en anglais) pour intégrer les modifications dans la branche principale du projet. Nous allons voir ensemble comment résoudre des conflits de fichier sur Github. Comment se produit un conflit de branche sur GitHub ? Un conflit de branche sur GitHub se produit lorsque deux développeurs modifient la même partie d’un fichier en même temps. Dans ce cas, GitHub ne peut pas automatiquement fusionner les deux branches, car il ne sait pas quelle modification doit être conservée. Le conflit doit alors être résolu manuellement par les développeurs concernés. Comment résoudre un conflit de branche sur GitHub ? Pour résoudre un conflit de branche sur GitHub, les développeurs doivent examiner les modifications apportées par chacun et décider quelle modification doit être conservée. Ils peuvent alors éditer manuellement le fichier en conflit pour résoudre les différences. Une fois que le conflit est résolu, le développeur peut soumettre une nouvelle demande de fusion pour intégrer les modifications dans la branche principale du projet. Comment peut survenir un conflit de fichiers sur GitHub Un conflit de fichiers sur GitHub se produit lorsqu’il y a des modifications concurrentes sur la même partie d’un fichier dans deux branches différentes. Dans ce cas, GitHub ne peut pas fusionner automatiquement les deux branches car il ne sait pas quelle modification doit être conservée. Les développeurs doivent alors résoudre manuellement le conflit. Comment résoudre un conflit de fichiers sur GitHub Pour résoudre un conflit de fichiers sur GitHub, les développeurs doivent tout d’abord identifier le conflit. GitHub affichera un message d’erreur indiquant qu’il y a un conflit lorsqu’ils essaient de fusionner les branches. Ensuite, ils doivent examiner les modifications apportées dans chaque branche et décider quelle modification doit être conservée. Ils peuvent alors éditer manuellement le fichier en conflit pour résoudre les différences. Une fois le conflit résolu, le développeur peut soumettre une nouvelle Pull Request pour fusionner les modifications dans la branche principale. Comment éviter que cela se reproduise Pour éviter les conflits de fichiers sur GitHub, les développeurs doivent toujours travailler sur leur propre branche. Il est important de se synchroniser régulièrement avec la branche principale pour éviter d’apporter des modifications sur une base obsolète. Il est préférable d’éviter les conflits de fichiers autant que possible. Pour ce faire, les développeurs peuvent suivre ces conseils : En suivant ces conseils, les développeurs peuvent minimiser les conflits de fichiers et faciliter la collaboration sur GitHub.

plugin yoast
Optimisation
alexis-stephan

Plugin Yoast wordpress GUIDE COMPLET 2023 !

Le plugin Yoast est incontournable pour vous guider et améliorer de lui-même le seo de votre site wordpress. Il fait parti des deux meilleurs plugins de référencement naturel pour wordpress sur les 10 proposés par le CMS wordpress. Avec plus de 400M de téléchargements, yoast n’a plus à faire ses preuves au sein de la communauté wordpress mania. Avant de commencer à utiliser Yoast Quelques petits réglages sont nécessaires avant de vous ruer sur l’installation du plugin Yoast. En effet, encore beaucoup de site wordpress, propose des parmaliens composés de l’id des pages. Ex : https://exemple.com/?p=3239. Les moteurs de recherche ont plus de mal à identifier en première intention votre le contenu de vos pages et articles. Il est judicieux pour vous d’opter pour des parmaliens de type : https://exemple.com/nom-de-page. Modifier les permaliens de WordPress Afin de modifier vos parmeliens, je vous donner rendez-vous dans votre WP admin. Une fois sur votre dashboard wordpress, rdv dans réglage > permaliens. Profitez-en pour changer le slug de vos liens par « Titre de la publication ». Je souhaite attirer votre attention, si votre site est déjà en ligne attention aux changements d’urls. Il vous faudra surement effectuer des redirections en cas de besoin. Téléchager et installer le plugin Yoast Afin de commencer la configuration de Yoast, commencez par le télécharger via ce lien. Par la suite vous pourrez importer le fichier dans les extensions. Pour vérifier son installation et son activation, vous pouvez regarder votre sidebar wordpress à gauche de votre écran. Configurer le plugin Yoast version Gratuite Pour commencer, cliquez sur réglages généraux. Yoast vous recommande dans un premier temps de l’ancer l’assistant de configuration afin de poser les bases de votre site en SEO. Fonctionnalités de Yoast Section Intégration de Yoast Cette section vous permet d’activer ou non des applications tiers que vous pouvez utiliser pour votre référencement naturel. Notamment semrush, algolia ou encore Zapier pour l’automatisation de tâches. Certaine de ces fonctions nécessitent la version premium pour les utilisateurs avancés. Les réglages SEO proposés par Yoast Le plus important dans cette rubrique (réglage SEO), est l’ajout automatique d’un schema pour votre site. Afficher vos médias sur les résultats de recherches peut nettement améliorer le flux de vos visiteurs visitant google image ! Configurer votre file d’ariane via Yoast Le fil d’Ariane est important pour améliorer la navigation de vos utilisateurs. Permettant également à Google de mieux structurer l’architecture des pages ou articles de votre site internet. Il sera visible sur les articles et les pages que vous auraient décidés. Il est important de bien remplir les champs afin d’avoir un file d’Ariane propre et compréhensible. Pour activer le fil d’Ariane sur votre site, rien de plus simple que de cliquer sur le bouton « activer » N’oubliez pas d’enregistrer vos changement 😉. Réseaux sociaux et partage Yoast seo vous propose par défaut d’ajouter dans le code de votre site, vos différentes pages de médias sociales. Afin que Google les identifie et accorde plus de notoriété à votre site. Définissez également vos propres miniatures si votre contenu ne contient pas d’image à mettre en avant. Et oui, on a plus envie de cliquer sur un lien partagé contenant une image attrayante 😉. Les petits plus Le plugin Yoast vous propose de créer un fichier robot.txt si vous n’en possédez pas. Sinon vous pouvez très facilement le modifier dans la section Outil. Le fichier htaccess est modifiable également ! Vous voilà prêt pour faire croitre votre présence sur les résultats des moteurs de recherche. Yoast est un plugin, pour vous aider à améliorer votre SEO de votre site wordpress. Il n’est pas magique ! Il vous faudra suivre d’autres règles importantes aux yeux de Google ou tout autre moteur de recherche.

scraper en ruby
Technos & Frameworks
alexis-stephan

Créer un scraper automatisé en ruby

Le scraping vous permet d’extraire de la donnée d’un site internet afin de la traiter localement. L’intérêt du scraping est de pouvoir manipuler, traiter, enrichir ses données. Il est possible de scraper tous éléments présents sur le web, numéro de téléphone, mail ou simplement des éléments html. Le scraping est une tâche ingrate et longue. C’est pour cela, qu’une grande majorité des growth hackers font appel à l’automatisation. Nous allons voir ensemble comme nous pouvons scraper de la donnée utilisable de manière automatisé. Nous allons créer un scraper en ruby qui ira scraper les données que nous lui indiquons sur un url précis de manière automatisé. Pour commencer : Pour commencer nous allons créer note dossier pour notre scraper. Dans ce dossier nous allons créer un fichier scraper.rb. Avant de nous lancer dans notre code, nous allons avoir besoin de deux gems ruby pour effectuer notre scraper. En premier lieu nous allons configurer notre fichier scraper en appelant les gems nokogiri et open uri installé sur notre espace de travail. Dans un second temps, nous allons avoir besoin de stocker l’url que nous souhaitons scraper dans une variable. Pour notre exemple nous allons scraper cet url ainsi que les pages suivantes : https://annuaire.tech2tech.fr/cat/creation-de-site-internet/page/2/ Utiliser Open-uri pour lire la page html Maintenant que nous avons notre url dans une variable, nous allons pouvoir dans un premier temps, utiliser notre gem Open-uri pour venir lire la page. Pour cela nous ajoutons cette ligne : Nous passons en argument notre variable contenant notre url. Il est possible de mettre dans les parenthèses directement l’url souhaité. Mais nous souhaitons rendre notre url dynamique car nous avons plusieurs pages à scraper. La méthode .read permet de venir tout le contenu de la page (en l’occurence le html). Je vais vous afficher notre ligne de code afin de mieux comprendre les objects que nous manipulons. Nous pouvons voir que notre terminale nous renvoie le contenu html. C’est la exactement la même chose que si nous allions sur notre url et que nous affichons le code source de la page. Comparez votre résultat fait manuellement avec votre terminale, vous verrez que le contenu est identique. C’est juste le formatage de sorti des données du terminale qui diffère légèrement. Utiliser Nokogiri pour parser le HTML de notre page Maintenant que nous avons récupérer le html de notre page avec open-uri, nous allons pouvoir utiliser Nokogiri pour venir parser notre donnée. Pour utiliser Nokogiri sur notre résultat nous allons ajouter ces lignes de codes : Commencer notre scraper Pour automatiser le scraping de toutes les informations contenant l’adresse, ainsi que le service donnée sur notre page html, nous allons devoir effectuer une itération sur notre bloc. Ce qui nous permettra de sortir autant de fois que la valeur est contenue dans notre document. Pour cela nous allons utiliser la méthode search de ruby sur notre variable contenant notre contenu parser via Nokogiri. La méthode search prend un argument. Qui sera en l’occurence la class css qui contient le résultat de la donnée que nous souhaitons scraper. Pour identifier la class, nous allons aller sur notre url et inspecter le code source afin d’identifier le selecteur css que nous allons utiliser. Nous pouvons voir que l’adresse est contenu, dans une div parente ayant la class : item-address dans laquelle nous avons deux span avec le label et sa valeur. Nous allons alors utiliser comme sélecteur css : Tester notre résultat en affichant en terminale : Nous cherchons à avoir le texte contenu dans la div que nous avons inspecter sur la page. Pour cela nous allons modifier le coeur de notre itération pour ajouter la méthode .text (petit tips, pour cleaner votre donnée ajouter la méthode .text.strip. Cela vous permettra de faire un clean de la donnée ressortie.) Testons notre code en lançant ruby nameoffile.rb : Stocker notre donnée Si vous en êtes ici, BRAVO ! vous avez déjà réussi à récupérer les données que vous souhaitez. Maintenant nous allons devoir les stocker dans un fichier csv afin de pouvoir le partager, traiter, filtrer nos données facilement. Dans un premier temps, nous allons le stocker dans un array (tableau en français) qui par la suite va venir incrémenter notre csv. Pour cela nous allons stocker un array vide dans une variable, puis venir l’incrémenter dans notre itération : Affichons notre résultat : Stocker notre array dans un tableur csv Maintenant que nous stockons nos données dans notre array, nous allons vouloir persister cette donnée dans un csv afin de pouvoir récupérer et surtout persister convenablement nos données. Pour cela nous allons devoir utiliser le CSV. En ruby lorsque vous manipulez un csv, vous devez : C’est le même principe que pour nokogiri et open-uri : Codons maintenant la méthode de persistance de notre csv : Nous appelons la class CSV avec la méthode open qui prend deux arguments : le filepath de note csv, ainsi que la méthode d’écriture. Pour notre exemple nous utiliser wb (write binary). Vous pouvez utiliser par exemple ab qui différente. Pour en savoir plus voici la doc sur les csv en ruby : DOCUMENTATION Testons notre programme : Nous allons lancer notre programme et voir ce qu’il se passe. Avant de lancer le programme voici mon vscode : Résultat après avoir lancer notre programme : Nous pouvons constater que notre programme nous a bien créé notre CSV !! Allons voir immédiatement le résultat du stockage : Parfait ! Optionnel : Complexifier notre scraper pour aller de page en page Maintenant que nous voyons que notre scraper arrive à scraper la donnée demandée. Nous allons vouloir renouveler l’opération sur autant de page que le site en contient. Pour cela nous allons définir un compteur à 0, devoir ajouter un boucle afin de réitérer l’opération autant de fois que nous l’avons décider. Dans un premier temps, nous voyons que la structure de notre url est formée de cette façon : https://annuaire.tech2tech.fr/cat/creation-de-site-internet/page/2/ Nous allons pouvoir interpoler notre compteur dans l’url pour modifier la valeur de la page

figma tuto
Technos & Frameworks
alexis-stephan

Comment utiliser Figma les meilleures pratiques

Figma est un outil de conception d’interface utilisateur collaboratif qui permet à différentes personnes de communiquer au sein d’un même projet.Il y a quelques années encore, le concept de collaboration au sein de ces outils se limitait à la possibilité de commenter les conceptions et guère plus. Aujourd’hui, avec l’adoption de plus en plus massive de Figma, les collaborations sont devenues plus faciles que jamais et le flux de travail a inévitablement changé.Ce guide a été créé dans l’intention précise d’aider tous les développeurs à se déplacer de manière autonome entre les différentes toiles, pages et prototypes de Figma, un outil qui fait de la collaboration son point fort.Nous avons adopté une division par macro sujets, certains très techniques, d’autres plus généraux, tout en essayant de garder l’accent sur le point de vue du développeur.Donc, si vous êtes curieux de commencer à découvrir un outil extrêmement flexible et capable d’apporter de la nouveauté et de la rapidité dans le monde de la conception et du développement, il vous suffit de commencer à lire. Exemple sur comment faire un figma rapidement et efficacement Organisation des contenus Figma considère les pages comme de vastes zones de travail dans lesquelles vous pouvez insérer des cadres (des cadres aux dimensions prédéfinies qui sont utilisés pour simuler les tailles d’écran), des composants, des éléments non groupés et tout ce que vous pouvez imaginer. Nous pouvons trouver des pages dans la barre latérale de gauche et les renommer, en ajouter de nouvelles, les supprimer ou les dupliquer librement. Bien qu’il n’y ait pas de manière correcte de gérer ces macro-groupes, nous suggérons de diviser les pages de cette manière : Gestion des composants Pour ceux qui connaissent Sketch, les composants sont les mêmes que les symboles. Pour ceux qui ne sont pas familiers, une petite prémisse est toutefois nécessaire. Imaginez les composants comme des objets instanciables : il y a un composant principal (maitre), représenté par une icône avec 4 petits losanges violets, et des composants d’instance, représentés par une icône avec un grand losange violet. Nous pouvons transformer tout élément ou groupe d’éléments en un composant et, à partir de là, le dupliquer un nombre illimité de fois, en créant des instances du composant maître. En appliquant des changements au maître, tous les éléments en dessous s’adapteront en conséquence. Imaginez que vous ayez 16 plans représentant différentes pages d’un même site web et que vous puissiez changer l’élément Header sur toutes les pages en une seule modification, par exemple. Ouvrons une parenthèse sur une fonctionnalité du monde des composants Figma : les surcharges. Comme nous l’avons vu, en modifiant le maître, les instances s’adaptent en conséquence. Il est toutefois possible de modifier les instances de manière indépendante et rapide, par exemple en changeant la couleur de l’arrière-plan ou la police de caractères d’un titre. Ainsi, le composant d’instance ne sera plus modifiable par le maître dans cette section particulière. Il se peut donc que l’on ne puisse pas voir les changements appliqués à une instance. Dans ce cas, il suffit de cliquer à côté de son nom, dans la barre latérale droite, sur l’icône à trois points et de sélectionner Réinitialiser les priorités. Parmi les différentes options disponibles, il y a également la possibilité de pousser les changements effectués sur l’instance vers le composant principal (Push overrides to main component), qui à son tour modifiera les instances. Cette fonction est pratique si vous voulez tester les changements directement sur un écran et ensuite, une fois convaincu, mettre à jour tous les composants. Il suffit de changer les couleurs, la taille, le contenu ou la taille de la police dans le composant maître pour modifier directement ses instances également. Admettons-le : cette logique proche du monde du développement nous épargne des heures et des heures de modifications mécaniques inutiles. Existe-t-il un moyen de les organiser et/ou de les créer de manière logique et efficace ? Partons du principe que, même dans ce cas, il n’existe pas de règles gravées dans la pierre, mais des bonnes pratiques qui peuvent être utiles pour réajuster notre méthode de travail. La méthode que nous utilisons dans la gestion des composants Figma est directement héritée du monde des CSS : BEM – Block Element Modifier, ce qui nous permet d’utiliser la même logique d’organisation dans la conception et le développement. Pour ceux qui ne sont pas familiers avec le BEM, le type d’organisation suit cette logique : Il est clair que le BEM s’intègre parfaitement au système de composants que propose Figma. En outre, comme si toute cette liberté d’organisation ne suffisait pas, il est possible de nommer les composants de manière granulaire en utilisant le signe « / » dans le nom, afin de pouvoir les choisir directement dans les tableaux. Un exemple classique est la création d’un sous-groupe dans les blocs de fiches produits, pour différencier la fiche en promotion de celle en rupture de stock. En organisant ces pièces avec une nomenclature telle que Bloc/Promo Product Card et Bloc/Product Card/Sold Out, Figma identifiera Product Card comme un groupe contenant Promo et Sold Out. En les insérant dans les tableaux, nous aurons la possibilité de passer de l’un à l’autre. Vous pouvez utiliser ce système pour générer des Modifier, par exemple : Comme vous pouvez le constater, les états CSS, qui sont généralement considérés comme des pseudo-classes, nous les traitons de la même manière qu’un modificateur : bien que cela ne soit pas correct pour le BEM, cela permet de simplifier l’organisation du document. Styles de calque Nous avons beaucoup parlé des composants, mais tout ce tutoriel serait incomplet si nous ne parlions pas aussi des styles de calque. Avec les Styles, vous pouvez modifier directement les éléments, et ils constituent un ensemble de paramètres qui peuvent être consultés dans le panneau de droite (qui est celui délégué aux caractéristiques de l’élément sélectionné). Il est possible d’avoir une vue d’ensemble de tous les styles du document en cliquant simplement dans une zone vide du document : la barre latérale de

web3
Technos & Frameworks
alexis-stephan

Web3 – Tout comprendre 🤓

Si vous avez suivi de près le monde des crypto-monnaies, vous avez peut-être entendu parler de web3. Mais de quoi s’agit-il exactement ? Et pourquoi est-il si important ? Dans cet article, nous répondrons à ces questions et plus encore ! Nous aborderons les bases de web3. Qu’il représente un si grand changement dans la façon dont nous utilisons l’Internet. Lisez la suite pour plus d’informations sur cette nouvelle technologie passionnante ! Qu’est-ce que le web3 ? Web3 est la troisième génération du World Wide Web, également connue sous le nom de « web sémantique ». Il s’agit d’une plateforme qui permet aux utilisateurs de se connecter et d’interagir les uns avec les autres de manière plus significative. Contrairement aux deux générations précédentes du web, qui se concentraient principalement sur la fourniture d’informations, web3 met l’accent sur l’interaction et la collaboration. L’objectif de web3 est de créer une expérience web plus conviviale et plus efficace. Pour y parvenir, web3 utilise un certain nombre de nouvelles technologies, notamment les applications décentralisées (dApps), les contrats intelligents et la technologie blockchain. En utilisant ces nouvelles technologies, web3 a le potentiel de révolutionner la façon dont nous interagissons avec l’internet. Différence web3 avec le Web 2.0 que l’on connaît La version actuelle du web, connue sous le nom de Web 2.0. Est une plateforme permettant aux entreprises et aux particuliers de partager des informations et de se connecter. Le Web 2.0 repose sur le principe du contenu généré par les utilisateurs, qui apportent leurs propres pensées, opinions et expériences pour créer une base de connaissances collective. Les plateformes de réseaux sociaux comme Facebook et Twitter sont des exemples de Web 2.0 en action. La principale différence entre le Web3 et le Web 2.0 que nous connaissons est la décentralisation. Avec le Web 3, il n’y a pas de serveur centralisé qui stocke toutes les données. Au lieu de cela, les données sont stockées sur un réseau distribué d’ordinateurs, ce qui les rend beaucoup plus difficiles à pirater ou à falsifier. De plus, la décentralisation permet une plus grande confidentialité et sécurité, puisque les données de chaque utilisateur sont cryptées et stockées sur leur propre ordinateur. La décentralisation permet aussi de nouvelles applications qui n’étaient pas possibles avec le Web 2.0, comme le streaming vidéo décentralisé et le partage de fichiers peer-to-peer. Alors que le Web 2.0 visait à connecter les gens entre eux, le Web3 visera à connecter les gens aux informations. Le Web sémantique utilisera l’intelligence artificielle et l’apprentissage automatique pour comprendre les relations entre différents éléments d’information, ce qui permettra de trouver des réponses à des questions qui n’ont jamais été posées auparavant. En outre, en reliant toutes ces données, le web sémantique permettra de mieux comprendre le monde qui nous entoure. Le potentiel du Web3 n’a pas encore été pleinement exploité. Il est cependant prometteur en tant que plateforme de transformation qui pourrait changer radicalement notre façon d’interagir avec le Web. Les principales caractéristiques du web3 Le web3 promet d’offrir une expérience plus décentralisée et plus conviviale que ses prédécesseurs. Voici quelques-unes des caractéristiques les plus attendues de Web3 : Applications décentralisées Les applications décentralisées, ou dapps, sont un type de logiciel qui fonctionne sur un réseau décentralisé. Comme elles ne sont pas hébergées sur un seul serveur, elles ne sont pas soumises à la censure ou à des temps d’arrêt. L’un des avantages des dapps est qu’elles peuvent être utilisées pour créer des marchés décentralisés. Ces marchés sont difficiles à réguler ou à fermer, car il n’y a pas de point de contrôle central. Un autre avantage des dapps est qu’elles peuvent être utilisées pour créer des systèmes sans confiance. Dans un système sans confiance, il n’y a pas besoin d’intermédiaires. Car les transactions sont enregistrées sur un grand livre public. Cela peut rendre les dapps plus efficaces et plus sûres que les applications traditionnelles. Stockage décentralisé Le stockage décentralisé est une autre caractéristique importante du web3. Comme son nom l’indique, il s’agit du stockage des données sur un réseau d’ordinateurs plutôt que sur un serveur central. Cela présente plusieurs avantages. Premièrement, il rend les données plus sûres car il n’y a pas de point de défaillance unique. Deuxièmement, elle réduit le risque de perte de données en cas de piratage ou de panne de courant. Troisièmement, il permet aux utilisateurs d’accéder à leurs données de n’importe où dans le monde. Quatrièmement, le stockage décentralisé est plus efficace car il réduit la nécessité de stocker des copies des données sur différents serveurs. Enfin, il est plus évolutif car le réseau peut se développer pour accueillir davantage d’utilisateurs et de données. Identité décentralisée Dans le monde d’aujourd’hui, il semble que nos données personnelles soient constamment menacées. Qu’il s’agisse d’entreprises vendant nos données sans notre consentement ou de pirates informatiques volant nos informations, il peut être difficile de savoir qui a accès à nos informations personnelles. Cependant, avec web3, les utilisateurs auront un plus grand contrôle sur leurs données. L’identité décentralisée permettra aux utilisateurs de créer des identités pseudonymes qui ne pourront pas être liées à leurs identités réelles. Cela améliorera non seulement la vie privée en ligne, mais aussi la sécurité. L’identité décentralisée permettra également aux utilisateurs de prouver plus facilement leur identité en ligne sans avoir à communiquer d’informations personnelles. En conséquence, web3 offrira aux utilisateurs un plus grand contrôle et une plus grande propriété sur leurs données personnelles. Contrats intelligents Les contrats intelligents sont des programmes informatiques qui s’exécutent automatiquement lorsque certaines conditions sont remplies. Ils sont stockés sur une blockchain, qui est une base de données distribuée, sécurisée et transparente. Les blockchains sont souvent utilisées pour enregistrer des transactions, mais elles peuvent également servir à stocker des contrats intelligents. Lorsqu’un contrat est stocké sur une blockchain, il est immuable, ce qui signifie qu’il ne peut être ni modifié ni supprimé. Les contrats intelligents sont donc plus sûrs que les contrats traditionnels, qui peuvent être modifiés ou détruits. Les contrats intelligents peuvent être utilisés à diverses fins, notamment pour le

developpement web avec php
Technos & Frameworks
alexis-stephan

Tout savoir sur le PHP ? Et quelles sont ses spécificités ?

PHP est un langage de programmation qui vous permet de créer des sites Web dynamiques. Il signifie Hypertext Processor, et a été créé par Rasmus Lerdorf en 1994. PHP est aujourd’hui un langage très populaire, utilisé par des millions de développeurs dans le monde. Dans cet article, nous allons aborder certaines des caractéristiques spécifiques qui rendent PHP unique par rapport aux autres langages. Qu’est-ce que PHP ? PHP est un langage de programmation orienté backend qui alimente de nombreux sites Internet parmi les plus populaires. Bien qu’il soit parfois éclipsé par des langages comme Java et Python, PHP reste l’un des langages de programmation les plus utilisés dans le monde. PHP est particulièrement populaire pour son utilisation dans les systèmes de gestion de contenu (CMS comme WordPress par exemple), et les plateformes de commerce électronique. Grâce à sa facilité d’utilisation et à sa flexibilité, PHP est devenu l’un des choix les plus populaires pour la création de sites Web dynamiques. PHP est un langage de script côté serveur, ce qui signifie qu’il s’exécute sur le serveur et génère du HTML qui est ensuite envoyé au client. Cependant, PHP peut faire bien plus que simplement générer du HTML. Il peut également être utilisé pour des tâches telles que la collecte de données de formulaires, la connexion à des bases de données, l’envoi de cookies et la vérification des identifiants de connexion des utilisateurs. Le code PHP peut être intégré dans le code HTML ou utilisé en conjonction avec divers systèmes de modèles Web, de gestion de contenu Web et de cadres Web. L’historique du PHP PHP est un langage de programmation qui a été créé en 1994 par Rasmus Lerdorf. À l’origine, Lerdorf a conçu PHP comme un ensemble d’outils destinés à l’aider à gérer son site Web personnel. Cependant, PHP a rapidement gagné en popularité, et en 1995, il a été officiellement reconnu comme un langage de programmation. Depuis lors, PHP a subi de nombreux changements et améliorations. La version majeure la plus récente est la version 8.0, qui a été publiée en novembre 2020. La version 8.0 comprend diverses nouvelles fonctionnalités et améliorations, telles que la prise en charge de l’assemblage web. Bien que la version 6 n’ait jamais été publiée en raison de divergences, PHP reste l’un des langages de programmation les plus populaires utilisés aujourd’hui. Grâce à sa facilité d’utilisation et à sa flexibilité, PHP est bien adapté à la création de sites et d’applications web dynamiques. Quelles sont les caractéristiques du PHP ? Ce dernier est un langage de script polyvalent et interprété, ce qui signifie qu’il n’a pas besoin d’être compilé avant d’être exécuté. Le code PHP est exécuté sur le serveur, et les résultats sont ensuite renvoyés au client. Voici les principales caractéristiques du PHP : Code source confidentiel La première spécialité de PHP est que son code source n’est jamais exposé au client. Cela signifie que les données confidentielles peuvent être manipulées en toute sécurité sans craindre les fuites. En outre, il est plus difficile pour les acteurs malveillants d’effectuer une rétro-ingénierie du code et de découvrir des vulnérabilités potentielles. Par conséquent, PHP est un choix idéal pour le développement d’applications Web nécessitant un haut degré de confidentialité. Open source PHP est un langage open source, ce qui signifie que son code source est disponible pour que chacun puisse l’utiliser et le modifier. Cela présente plusieurs avantages. Premièrement, cela rend PHP hautement personnalisable, puisque les développeurs peuvent adapter le langage à leurs besoins spécifiques. Ensuite, cela encourage la collaboration entre les développeurs, puisque tout le monde peut contribuer au code source de PHP. Enfin, il réduit les barrières à l’entrée pour les nouveaux développeurs, puisqu’ils peuvent apprendre et s’appuyer sur le code existant. Globalement, la nature open source de PHP en fait un outil puissant et flexible pour le développement web. Multi-plateforme PHP peut être exécuté sur une grande variété de systèmes d’exploitation, dont Unix/Linux, Windows et Mac OS. De plus, il peut être installé sur de nombreux types de serveurs d’applications. Cela signifie que PHP peut être utilisé pour développer des applications Web. Pouvant être ainsi déployées dans un large éventail d’environnements. Par conséquent, PHP est un choix idéal pour ceux qui souhaitent créer des applications multiplateformes. Syntaxe simple et intuitive PHP emprunte beaucoup du langage C. Ce qui signifie que les personnes qui ont déjà programmé en C ou en Javascript trouvent PHP facile à manier. La syntaxe est également relativement simple, ce qui la rend facile à apprendre pour les débutants. Bien sûr, comme tout langage de programmation, il existe quelques complications qui peuvent faire trébucher même les développeurs les plus expérimentés. Mais globalement, la simplicité de la syntaxe de PHP est l’un de ses principaux atouts. Richesse fonctionnelle PHP supporte de nombreuses bibliothèques. Permettant de réaliser des traitements de nature différente comme la manipulation de DOM, la programmation réseau ou le traitement d’images. Il est donc possible de créer des applications web très puissantes avec PHP. De plus, le langage est en constante évolution et de nouvelles bibliothèques sont ajoutées en permanence. Cela signifie que les développeurs peuvent toujours trouver de nouvelles façons d’améliorer leurs applications. Frameworks diversifiées De nombreux frameworks sont à la disposition des développeurs qui préfèrent ces outils. La plupart d’entre eux supportent l’architecture MVC, mais les plus célèbres sont Zend Framework, Symfony, CodeIgniter, Laravel. Ces frameworks fournissent aux développeurs la structure et la base de code nécessaires. Afin d’avoir une création rapide et efficace d’applications complexes. En conséquence, le PHP s’est imposé comme un choix de premier plan pour le développement web moderne. Modes d’exécution diversifiés PHP est un langage de script polyvalent qui peut être utilisé de différentes manières. L’une des plus populaires est le mode CGI, qui est couramment utilisé pour le développement web. Dans ce mode, le code PHP est exécuté par un serveur Web, puis renvoyé au client sous forme de code HTML. Il est ainsi très facile de développer des sites Web dynamiques qui peuvent interagir avec les utilisateurs.

logo python développement
Technos & Frameworks
alexis-stephan

Langage Python : c’est quoi ? Que peut-on faire avec en 2022 ?

Python est l’un des langages de programmation les plus polyvalents et les plus demandés au monde. Il a un large éventail d’applications, de la science des données au développement de logiciels. Python se trouve également être l’un des langages les plus faciles à apprendre pour les débutants. Dans cet article, nous allons explorer ce qu’est Python, son histoire et certaines de ses principales caractéristiques. Nous examinerons également certaines applications futures du langage et comment vous pouvez commencer à l’apprendre dès aujourd’hui ! Les origines du langage Python Python est un langage polyvalent qui est devenu populaire ces dernières années pour sa facilité d’utilisation et sa lisibilité. Mais d’où vient Python ? Le langage Python a été créé au début des années 1990 par Guido van Rossum. Membre du personnel du National Research Institute for Mathematics and Computer Science aux Pays-Bas. Guido van Rossum s’est inspiré de l’ABC, un langage de programmation conçu pour être facile à apprendre, et a entrepris de créer un langage présentant des caractéristiques similaires. Le nom de Python vient du Monty Python’s Flying Circus. Une troupe comique britannique dont Rossum était un fan. Python a rapidement gagné en popularité dans la communauté des développeurs grâce à sa syntaxe concise et à sa lisibilité. Il est également devenu célèbre pour sa philosophie « batteries incluses ». Signifiant que la bibliothèque standard comprend tout ce dont vous avez besoin pour commencer à programmer en Python. Aujourd’hui, Python est utilisé dans de nombreux domaines différents. Du développement web au calcul scientifique en passant par l’intelligence artificielle et la science des données. Quels sont les avantages du langage Python ? Un langage simple à apprendre L’un des avantages du langage Python est sa syntaxe simple. Cela peut être un avantage pour les débutants qui apprennent à coder. Contenant ainsi un processus d’écriture du code moins intimidant. Le langage Python dispose également d’une communauté importante et active d’utilisateurs désireux d’aider les débutants à se mettre à niveau. Par conséquent, il existe une multitude de ressources disponibles pour ceux qui souhaitent apprendre Python. En outre, de nombreux éditeurs de code populaires prennent largement en charge le langage Python, ce qui facilite la prise en main de ce langage polyvalent. Une grande communauté Python Plusieurs raisons expliquent pourquoi Python est devenu l’un des langages de programmation les plus populaires au monde. L’une de ses plus grandes forces est sans aucun doute sa vaste communauté de développeurs et d’utilisateurs dévoués. Cette communauté dynamique fournit une multitude de ressources et de soutien à tous ceux qui souhaitent apprendre ou utiliser Python. Que vous ayez besoin d’aide sur un concept peu familier, que vous souhaitiez discuter de nouveaux outils ou de nouvelles techniques, ou que vous vouliez simplement entrer en contact avec d’autres programmeurs, il y a toujours un endroit où trouver de l’aide au sein de la grande communauté Python. Avec une base de développeurs aussi active et solidaire, il ne fait aucun doute que Python continuera à prospérer dans les années à venir.   Un langage open source Parce qu’il est librement disponible et modifiable par tous, Python offre aux développeurs un contrôle total sur leur code, ce qui leur permet de l’adapter précisément à leurs besoins. De plus, le fait d’être open source rend Python incroyablement polyvalent, car les utilisateurs peuvent facilement adapter le code existant à de nouvelles circonstances ou créer rapidement des programmes à partir de zéro en utilisant seulement quelques structures de base. Que vous soyez un programmeur débutant souhaitant se lancer dans un projet simple ou un développeur expérimenté à la recherche d’un moyen efficace de relever des défis plus complexes, Python est l’outil idéal pour cette tâche. Des bibliothèques étendues Les nombreuses bibliothèques de Python constituent l’un de ses plus grands avantages. Avec plus de 120 000 bibliothèques différentes disponibles, il n’y a pratiquement aucune tâche qui ne puisse être accomplie avec Python. Par exemple, vous avez besoin d’effectuer des calculs mathématiques complexes ? Il existe une bibliothèque pour cela. Vous avez besoin de créer un site Web ? Il existe également une bibliothèque pour cela. Et s’il n’existe pas de bibliothèque qui réponde à vos besoins, vous pouvez toujours créer la vôtre. Cette flexibilité et cette abondance de ressources font de Python un outil incroyablement puissant pour les développeurs de tous niveaux. Un langage extensible Python est un langage extensible, ce qui signifie qu’il peut être utilisé comme base pour une variété d’applications logicielles. Python peut être étendu à d’autres langages, ce qui en fait un outil polyvalent pour les développeurs. Par exemple, Python peut être utilisé comme langage de script pour les applications Web. Python peut également être utilisé comme langage frontal pour les cadres de développement Web tels que Django et Flask. De plus, Python peut être utilisé comme langage back-end pour les applications côté serveur. Amélioration de la productivité En effet, Python possède un certain nombre de fonctionnalités qui facilitent le débogage des programmes et la détection des erreurs. Par conséquent, les programmeurs qui utilisent Python sont souvent plus productifs que ceux qui utilisent d’autres langages tels que Java et C++. En outre, la lisibilité du code Python le rend plus facile à apprendre et à comprendre pour les nouveaux programmeurs. Plus d’opportunités IOT Python est souvent cité comme l’un des langages de programmation les plus polyvalents, et ce à juste titre. Sa syntaxe épurée, sa facilité d’utilisation et sa capacité à traiter des ensembles de données, même énormes, en font un outil précieux dans un large éventail d’applications. Mais le plus grand avantage de Python sur les autres langages est sans doute son potentiel inégalé en matière d’Internet des objets (IoT). Grâce à sa vaste bibliothèque d’intégrations et de modules, Python permet de connecter facilement des appareils, des systèmes et des réseaux afin de collecter et d’analyser des données, de rationaliser les processus de travail, de gérer les stocks, etc. Que vous cherchiez à construire votre propre système IOT ou à intégrer une technologie existante dans vos projets, Python est le langage idéal pour

vitesse site wordpress
Optimisation
alexis-stephan

Améliorer la vitesse de son WordPress

La vitesse de votre wordpress, un critère primordiale en 2022 Dans un monde toujours plus rapide, avec le développement de la 5G chaque seconde voir chaque millième de secondes sont importantes. Il y a une forte corrélation entre le nombre de visiteurs / pages vues et le temps de chargement de votre site. Plus il est lent, moins vous avez de visiteurs et de bonnes statistiques. C’est ainsi qu’il est important pour vous et votre référencement naturel d’avoir un site optimisé pour les ordinateurs et les mobiles. Optimisation basique en vidéo +90% de vitesse en score Les indicateurs de vitesse de chargement de votre site wordpress Le LCP premier indicateur LCP mesure le temps qu’il faut pour que le plus grand élément de contenu (par exemple, une image principale ou un texte d’en-tête) de votre page devienne visible dans la fenêtre d’affichage de vos visiteurs. Le BTB un indicateur important Le TBT vous indique combien de temps est bloqué par les scripts pendant le processus de chargement de votre page. Le CLS un indicateur complémentaire Le CLS indique le degré de changement de mise en page subi par les visiteurs lors du chargement de votre page. Améliorer la vitesse wordpress de votre site Dans un premier temps, le premier réglage que nous vous invitons à mettre en place c’est l’augmentation des ressources allouées à wordpress dans le fichier wp-config. Le fichier wp-config vous permet de modifier plusieurs paramètres. Notamment : Modifier l’allocation allouée à wordpress Premièrement il vous faudra avoir un accès à votre gestionnaire de fichier de votre hébergement ou de vous connecter en ftp via un logiciel de transfère de fichier comme filezilla. Une fois connecté à vos fichiers site, il vous suffit d’entrer dans la racine de votre wordpress et de rechercher le fichier wp-config. Diffuser votre site wordpress via un CDN Un CDN 🤔 Qu’est ce que c’est ? CDN ou content delivery netword est tout un ensemble de serveurs liés entre eux sur internet. Connecté entre eux, les serveurs vont rapprocher et diffuser le plus rapidement possible votre contenu statique et dynamique de votre site wordpress. Il est très efficace pour améliorer la mise en cache de votre site, gérer des règles de diffusion afin d’optimiser la vitesse de chargement wordpress et de votre sécurité web. Le plus connu alliant les deux fonctions est : Cloudflare. Configurer votre CDN (Cloudflare) Vous vous demandez maintenant comment je peux bénéficier d’un CDN gratuitement ? Pour commencer nous vous invitons à vous créer un compte en renseignant l’url de votre site. Dès votre compte créé Cloudflare va récupérer toutes les DNS de votre hébergement web ainsi que celui de votre domaine pour importer la configuration de vos mails, ftp etc. Connectez votre nom de domaine à Cloudflare Juste avant de terminer la configuration; Cloudflare vous demande de modifier les NS de votre nom de domaine par ceux de votre compte. Retourner sur votre hébergeur web ou se trouve votre nom de domaine. Enfin, modifier la configuration DNS pour les NS (serveur de nom de votre nom de domaine). Par la suite cliquer sur « Terminer vérifier les noms de serveurs » sur votre compte Cloudflare. Configuration avancée de Cloudflare La première chose à faire de définir une règle sur la diffusion de votre contenu : Pour ce faire, accédez à l’onglet : Règles, puis créer une règle en indiquant votre domaine. Pour comprendre toutes les pages de votre site il vous faudra ajouter après le / un astérix. Ex : domaine.com/* Améliorer les règles réseaux de Cloudflare Une autre optimisation non négligeable est à envisager. La configuration de la vitesse de chargement de votre site wordpress via les règles réseaux de Cloudflare. Accédez à l’onglet Réseaux. La configuration optimum est la suivante : A partir de ce niveau votre site devrait comprendre une amélioration de sa vitesse de +40% en moyenne. Mais pour les experts wordpress la configuration n’est pas tout à fait fini pour autant. Diminuer la taille de votre code desservie par votre wordpress Un dernier réglage primordiale est de compiler et de compresser la taille de votre code par l’intermédiaire de votre CDN (content delivery network). Pour cela, dans cloudflare, accéder à l’onglet Speed (vitesse) et activer la minimification ainsi que l’option Brotli ! Analyser la vitesse de votre wordpress Maintenant que vous avez effectué plusieurs modifications sur la mise en cache, le speed de votre site wordpress, il est temps de comparer les résultats. Afin d’avoir un résultat le plus fiable possible, nous vous invitons à patienter 1h après la mise en place des réglages décrit dans ce post. Les outils d’analyse de vitesse de chargement de votre site : Et voici le résultat 😉 : (télécharger le rapport complet)