Nom de l’auteur/autrice :CDS

Apprendre React, tous les tutos

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 : …

Apprendre React, tous les tutos Lire la suite »

Comprendre React.createElement

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 Lire la suite »

Débuter avec React

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 Lire la suite »

Les composants React et les props

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 Lire la suite »

Les fonctions en Javascript

Les fonctions en Javascript : définition et exemples En JavaScript, une fonction est un bloc de code réutilisable qui peut être appelé et exécuté à plusieurs endroits de votre programme. Les fonctions permettent de regrouper des instructions et de les exécuter ensemble en utilisant un seul appel de fonction. Voici un exemple simple de fonction …

Les fonctions en Javascript Lire la suite »

Boucle for en Javascript

  Une boucle for en Javascript permet de répéter un bloc d’instructions en fonction des paramètres qu’on lui indique. Syntaxe de la boucle for Exemple : for (let i = 0; i < 10; i += 1) { console.log(i); } Dans les parenthèses, nous avons trois paramètres. En premier paramètre, on déclare une variable pour …

Boucle for en Javascript Lire la suite »

le combinateur adjacent

Le combinateur d’adjacence en CSS

Le combinateur d’adjacence en CSS permet d’effectuer une transition sur un élément voisin. Il existe deux types de combinateurs adjacents: direct et indirect. Nous allons voir ici le combinateur adjacent direct. Le combinateur adjacent direct Pour mettre en place un combinateur adjacent direct, vous allez assigner à la pseudoclasse le signe + suivi du nom …

Le combinateur d’adjacence en CSS Lire la suite »

les transitions en CSS

Les transitions en CSS

Les transitions en CSS permettent de modifier un élément sur une durée limitée de façon simple. Pour effectuer une transition en CSS, vous allez : – définir la propriété à modifier – la valeur correspondante au début de votre animation – sa durée – comment la transition va s’effectuer Exemples d’animations avec des transitions en …

Les transitions en CSS Lire la suite »

Alignement des items avec Flexbox

Après avoir vu le fonctionnement et les propriétés de base dans le tutoriel précédent, nous allons voir ici l’alignement des items avec Flexbox.   L’alignement des items avec Flexbox 1/ Positionnement des items sur l’axe principal (main axis) 2/ Positionnement des items sur l’axe transversal (cross axis)   1/ Positionnement des items sur l’axe principal …

Alignement des items avec Flexbox Lire la suite »

CSS Flexbox : mise en page d’un blog

Dans le tutoriel précédent nous avons vu les bases de Flexbox, nous allons maintenant passer à la pratique en créant un blog avec une mise en page en CSS Flexbox.

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 désormais tous …

WordPress Lire la suite »

Retour en haut