2 – Installation Next.js Afin de procéder à l’installation de Next.js, nous allons commencer par préparer notre environnement de développement. – Installer node.js ou vérifier que vous avez la dernière version (node -v sur votre terminal de commande) : https://nodejs.org/en/download – Ajoutez ces extensions sur Visual Studio Code si vous ne les avez pas : […]
Installation Next.js Read More »
Apprendre Next.js : Le Framework JavaScript pour des Applications Web et Mobiles Modernes. Présentation Installation Navigation Rendu serveur – client CSS 1 – Présentation Next.js Next.js, un framework puissant basé sur JavaScript et Node.js, offre une approche efficace pour le développement d’applications web et hybrides mobiles. En tirant parti de React, une bibliothèque renommée pour
Memory_limit: Vous rencontrez une erreur Wordpress « Fatal error: Allowed memory size … ». Votre site affiche une page blanche et vous avez un message de Wordpress qui vous indique que votre site rencontre une erreur critique. Memory_limit – augmenter la mémoire Wordpress « Fatal error: Allowed memory size of 209715200 bytes exhausted (tried to allocate 32768 bytes)
Memory_limit WordPress Read More »
La structure des permaliens Il est important de définir la structure des permaliens dès le début de la création de votre site WordPress pour plusieurs raisons : Consistance des URLs : Lorsque vous commencez à publier du contenu, chaque article ou page que vous créez génère une URL (permalien). Si vous modifiez la structure des
Modifier les permaliens et supprimer /product Read More »
Les permaliens Wordpress et Woocommerce : – Nous allons voir ici ce qu’est un permalien et son importance. – Pourquoi il est essentiel de commencer par configurer vos permaliens avant de créer vos pages. – Comment modifier les permaliens de Wordpress et Woocommerce. Qu’est ce qu’un permalien ? Un permalien est l’abréviation de « permanente
Les permaliens WordPress Read More »
Effet accordéon Javascript, HTML et CSS L’effet accordéon est utilisé pour afficher ou masquer des sections de contenu. Il est généralement composé de titres d’accordéon (ou en-têtes) et de contenus associés qui peuvent être ouverts ou fermés en réponse à l’interaction de l’utilisateur. Titre 1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus sit
Effet accordéon Javascript Read More »
Les tests fonctionnels testent le comportement des fonctionnalités d’une application du point de vue de l’utilisateur. Ce sont des tests globaux. Ces tests sont conçus pour évaluer si l’application effectue correctement les actions attendues en réponse à certaines entrées. Ceci tout en s’assurant que ses fonctionnalités de base sont opérationnelles. Méthodes des tests fonctionnels
Astuces et bugs Wordpress Consultez ici les astuces et bugs rencontrés avec Wordpress : → Comment afficher les catégories Woocommerce au menu Wordpress → Memory_limit Wordpress – augmenter la mémoire → supprimer index.php de l’url wordpress
Astuces et bug WordPress Read More »
Apprendre Wordpress Wordpress est un CMS (Content system Management), un système de gestion de contenu, qui vous permet de créer et administrer un site internet en ligne. Wordpress est gratuit, libre et open-source. C’est aujourd’hui le CMS le plus utilisé au monde. Spécialisé au départ dans la création de blog (2003), il permet de créer
Apprendre WordPress Read More »
Apprendre le Javascript par la pratique : donner une dimension dynamique à vos projets web. Javascript Javascript est un langage de programmation qui a été créé en 1995 par Brendan Eich pour le compte de la Netscape Communications Corporation. C’est un langage de script côté client comme le HTML et le CSS, ce qui signifie
Apprendre le Javascript Read More »
La gestion des listes et des clés est une partie importante de React pour afficher et mettre à jour efficacement des listes d’éléments dans vos composants. Lorsque vous avez une liste d’éléments que vous souhaitez afficher dans votre interface utilisateur, React vous encourage à utiliser la répétition (mapping) d’éléments JSX pour générer ces éléments en
Gestion des listes et des clés : React Read More »
Le système de routage avec React : les pages et la navigation Le système de routage permet de gérer la navigation entre différentes pages ou vues dans une application React sans avoir à recharger complètement la page. react-router-dom est une bibliothèque qui facilite la mise en place du routage dans une application React. Avec React
Le système de routage en React avec React Router Read More »
Apprendre React de zéro : introduction et chapitres React est une bibliothèque JavaScript open-source largement utilisée pour la création d’interfaces utilisateur interactives et dynamiques. Elle permet de décomposer l’UI en composants réutilisables, facilitant ainsi le développement, la maintenance et la mise à jour des applications. Voici quelques avantages clés de React : Composants Réutilisables :
Comprendre React.createElement React.createElement est une fonction fondamentale dans React qui permet de créer des éléments React, qui sont ensuite utilisés pour construire l’interface utilisateur. Pourquoi utiliserais-je React.createElement() au lieu de JSX ? Nous utilisons React.createElement() au lieu de JSX lorsque nous ne voulons pas configurer la compilation pour notre projet, ce que l’utilisation de JSX
Comprendre React.createElement Read More »
Récupérer des images d’une API avec la méthode fetch() Nous allons récupérer des images de chat d’une API, puis nous allons gérer les erreurs. Allez sur The Cat APi, et cliquez sur documentation. Dans Quick start, nous nous servirons de la deuxième url pour récupérer 10 images (vous pouvez changer le nombre). Nous allons créer
Récupérer des images d’une API avec la méthode fetch() Read More »
Débuter avec React : découvrez l’origine de React et ce qui rend cette bibliothèque Javascript si populaire. Nous verrons ensuite comment installer React et développer votre première application. React React a été créé en 2011 par Jordan Walke, ingénieur au sein de Facebook. C’est une bibliothèque Javascript open-source permettant de créer des interfaces utilisateurs dont
Débuter avec React Read More »
La méthode Fetch() en Javascript : Introduction et mis en pratique Un peu de théorie avant de créer notre premier projet pour récupérer et manipuler des données avec des API. La méthode fetch() Fetch est une méthode globale qui va nous permettre de contacter un serveur afin de récupérer des ressources. En premier paramètre, dans
La méthode Fetch() – Javascript Read More »
Fetch() Javascript: mise en pratique Avant de commencer ce tuto, ouvrez le tutoriel : apprendre Fetch (4min de lecture) afin de bien comprendre la méthode fetch(). Nous allons ici voir plusieurs petits exemples pour : – récupérer des données d’un fichier json. – récupérer des images d’une API. – récupérer et créer des éléments du
Fetch Javascript – mis en pratique Read More »
Les composants React – La syntaxe JSX En React moderne, tous les composants créés sont des composants fonctionnels. Un composant a besoin: – d’un nom qui doit toujours commencé par une majuscule – de paramètre (les props si besoin) – d’un ensemble d’instructions import : Webpack permet d’importer les composants avec import. Il permet de
Les composants React et les props Read More »
Les bases de Javascript : récapitulatif Découvrez ou revenez sur les concepts fondamentaux de la syntaxe JavaScript et comment les backticks ont introduit une nouvelle syntaxe pour les templates de chaînes. Les commentaires Les commentaires sont utilisés pour ajouter des notes et des explications dans le code. Il existe deux types de commentaires en
La syntaxe de base en Javascript Read More »
