Les Réglages de Base de WordPress : Bien Démarrer avec un Site Optimisé Une fois WordPress installé, il est essentiel de configurer les réglages de base pour que votre site fonctionne correctement. Ces étapes simples mais cruciales vous permettent de poser les bases pour une bonne gestion et un référencement optimisé. Ce guide vous accompagne […]
Les réglages de base de WordPress Lire la suite »
Le TDD (Test-Driven Development) et le BDD (Behavior-Driven Development) TDD et BDD représentent une façon d’écrire les tests. On écrit les tests On représente la fonctionnalité On refactorise Différence entre TDD et BDD TDD consiste à écrire des tests unitaires avant de coder la fonctionnalité elle-même. Le développeur commence par créer un test qui définit
Le TDD (Test-Driven Development) et le BDD (Behavior-Driven Development) Lire la suite »
Nous allons apprendre à réaliser ici des tests en développement Web. Pourquoi faire des tests, les différents tests et comment procéder. Nous réaliserons enfin nos premiers tests avec Jest. Pourquoi faire des tests en développement web? On réalise des tests pour avant tout éviter les bugs et également pour vérifier l’avancée d’une application à
Introduction aux tests en développement web Lire la suite »
Bien choisir sa police font pour votre site web est très important. Les polices élégantes : Fairwater : Mon site web Bienvenue sur mon site web
Choisir sa police font Lire la suite »
J’ai ajouté un test unitaire au menu pour vérifier que le logo est présent. J’ai ajouté aria-label dans mon composant logo constLogo = ({ size }) => ( <divclassName= »Logo »aria-label= »Logo »> Et ajouté mon test dans index.test.js du menu (containers > menu) import { fireEvent, render, screen } from « @testing-library/react »; import Menu from « ./index »; describe(« When Menu is
Test unitaires avec Jest Lire la suite »
Pour mettre en pause le slider, on peut ajouter une fonctionnalité de pause qui empêche le défilement automatique. On peut utiliser un état (par exemple, isPaused) pour contrôler si le slider est en pause ou non. Le code : import { useEffect, useState } from « react »; import { useData } from « ../../contexts/DataContext »; import { getMonth
NOS REALISATIONS – lorsqu’on choisit une catégorie, il ne se passe rien. – la liste dés évènements n’affiche pas les bons mois et certains restent vides. – lorsqu’on clique sur un évènement, les mois ne correspondent pas sur la popup
Nos Réalisations Lire la suite »
Comprendre les Hooks avec React : les hooks permettent de créer une fonction avec une logique réutilisable.
Les Hooks – React Lire la suite »
Comprendre le Contexte avec React : le Contexte permet de passer des données sans avoir à passer manuellement les props à chaque niveau. Le Contexte Dans une application React classique, les données passent de parent à enfant, donc de haut en bas, via les props. Cependant dans une application complexe, cela peut s’avérer rapidement lourd.
Le contexte – React Lire la suite »
Les bugs rencontrés sur le slide : 1/ Image manquante On peut voir dans react-dev-tools que lorsque le state passe à 3, il n’y a pas d’image. 2/ Le mois ne s’affiche pas sur chaque image 3 / L’ordre des éléments dans le slide n’est pas le bon. Les évènements devraient s’afficher par date en
Les conditions – conditions ternaires Énoncé : Écrivez un programme qui prend en entrée un nombre et vérifie s’il est pair ou impair. Affichez ensuite un message approprié pour chaque cas. Utilisez les conditions ternaires. Exercice fonctions et conditions Énoncé : Écrivez un programme qui prend en entrée un nombre et vérifie s’il est pair
Exercices Javascript Lire la suite »
Les tests unitaires et les tests d’intégration sont deux approches différentes de la réalisation de tests dans le processus de développement logiciel. Voici une brève explication de chaque type de test : Tests unitaires : Les tests unitaires se concentrent sur la vérification du bon fonctionnement des parties individuelles et isolées d’un programme, appelées « unités ».
test unitaires, test d’intégration, test fonctionnels Lire la suite »
useContext est un hook fourni par la bibliothèque React qui permet d’accéder à un contexte spécifique dans les composants fonctionnels. Les contextes sont utilisés pour partager des données entre plusieurs composants sans avoir à les transmettre manuellement à travers les propriétés. Voici comment utiliser useContext : Création du contexte : Tout d’abord, vous devez créer
Un hook, dans le contexte de React, est une fonction spéciale fournie par la bibliothèque React qui permet aux composants fonctionnels de bénéficier de fonctionnalités avancées autrefois réservées aux composants de classe. Les hooks ont été introduits dans React à partir de la version 16.8. Les hooks permettent de réutiliser la logique d’un composant et
useParams est un hook fourni par la bibliothèque React Router, qui est utilisée pour la gestion des routes dans les applications React. Ce hook permet d’obtenir les paramètres de l’URL actuelle. Lorsque vous définissez des routes avec React Router, vous pouvez inclure des segments de paramètres dans l’URL, qui sont des parties variables de l’URL.
L’objet Set() en Javascript va permettre de stocker un ensemble de valeurs uniques, que ce soit des valeurs primitives ou des objets. // tuto sur : https://www.zendevs.xyz/les-nouveaux-objets-set-et-map-en-javascript-es6/ Syntaxe : const set = new Set(); Initialiser un ensemble Set en Javascript const food = new Set([« melon », « strawberries », « pineapple », « pears », « melon », « strawberries »]); console.log(food); Ajout d’un élément
L’objet Set() en Javascript Lire la suite »
DOMContentLoaded DOMContentLoaded est un événement JavaScript qui se déclenche lorsque le document HTML a été complètement chargé et analysé, sans attendre le chargement des ressources externes (images, stylesheets, etc.). Itération Itération en Javascript. Objet qui permet de parcourir tous les éléments contenus dans une liste, un tableau … Objet Set() L’objet Set() permet de stocker
Glossaire Javascript Lire la suite »
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 Lire la suite »
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
Apprendre Next.js Lire la suite »
