Informatique
HTML
Concepts
Introduction. Wablief, html...?
Quelques bonnes pratiques...
Les balises du document 1
Les balises du document 2
Les balises du contenu informatif
Lier une feuille de styles
Inspecter le fichier HTML dans Chrome
Le display et l'utilisation des balises
Caractères UNICODE, spéciaux et emoticons
Les couleurs
Les tableaux
Adresses absolues et adresses relatives
Les images
Les liens hypertextes
Fonctionnement d'un formulaire
Les types <input>
Les éléments <form>
Exercices
Les balises structurantes
Les tableaux
Les images
Les liens hypertextes
Les formulaires
CSS
Commandes générales
Wablief CSS?
Les unités en CSS?
Le DOM
Les sélecteurs
FS, les styles généraux
Les caractères
Le texte
Le rendu block
Couleurs et une images de fond
Les listes
Les transformations
Les transitions
@keyframes
Le positionnement
Le positionnement, exemples
Responsive Web Design
Créer une grille
Organiser une grille
Le flux des éléments
Un exemple développé
Créer un layout, positionnement classique
Créer un layout, positionnement nommé
Aligner les cellules de la grille
Aligner les grid items
Responsive Web Design(RWD)
Viewport et Queries
Un document responsive
Flexbox
Le flex-container
Les flex-items
Exercices
Les sélecteurs
Les caractères
Le texte
Les containers
Les tableaux
Les formulaires
Le positionnement
Les menus
Les template
JavaScript
Concepts généraux
Introduction
Un peu de vocabulaire
Les variables
Les constantes
Différence entre type primitif et type référence
Conversion de type
Compléments sur les types primitifs
Les opérateurs
Affectation par valeur, par adresse, var, let et const
La console
Evaluations booléennes
les conditionnelles
les boucles
Les fonctions
Les fonctions fléchées
Portée des variables
Les tableaux à une dimension
Fonctions d'ordre supérieur
Travailler avec des tableaux
Les tableaux à deux et trois dimensions
Les closures
La récursivité
Compléments sur les égalités
L'objet Date
Les objets en JavaScript
Les objets en JS
Créer un objet avec {}
Créer un objet au format JSON
Créer un objet avec object()
Le constructeur
Les classes
L'héritage
L'objet this
Les prototypes
Types primitifs et prototypes
API DOM
L'objet window
L'API DOM
L'objet window
Les objets location et history
Les objets navigator et screen
Le Document Object Model (DOM)
Accéder aux balises HTML
Le gestionnaire d'événements
Parcourir le DOM par les nodes (noeuds)
Parcourir le DOM par les balises
Contenu/Dimensions/Position des balises
L'objet style
Les attributs des balises HTML
Créer dynamiquement du contenu HTML
L'objet event
L'objet event
La souris (PointerEvent)
Le clavier (KeyboardEvent)
L'interface (UiEvent)
... et d'autres objets
Les formulaires
Le drag&drop
Exercices
Exercices généraux sur les objets
Accéder au DOM
Agir sur le DOM
Les événements 1
Les événements 2
Exercices généraux
Questionnaires
Les formulaires
PHP
Concepts
Introduction, wablief php?
Les variables
Créer dynamiquement des variables
Afficher, commenter, fractionner
Tester, renvoyer et modifier le type d'une variable
Les constantes
Préparer une chaîne de caractères pour la BD
D'autres méthodes string
La gestion des erreurs
les conditionnelles
les boucles
les tableaux
php et le temps
Les fonctions
La classe
Accéder à une classe
Les assesseurs et les mutateurs
Le constructeur
L'héritage
Exercices
Les caractères
SQL
Concepts
Les types de données
Récupérer un formulaire
Se connecter à MySql
Ajouter un enregistrement dans une table
Ajouter un enregistrement (1-1)(1-n)
Ajouter un enregistrement (1-n)(1-n)
Afficher le contenu d'une table
Les jointures 1-1 1-n
Les jointures 1-n 1-n
Sélectionner des enregistrements
Modifier un enregistrement dans une table
Exercices
Récupérer un formulaire
les relation 1-1 , 1-n
les relation 1-n , 1-n
Etablir une requête
Exercices généraux
DataBase
La méthode Merise
Pourquoi dois-je apprendre cela !?
Le système d'information
Wablief, base de données...?
Cerner et récolter les données
MCD, MLD, MPD
Relation 1-1 1-1 avec la clé
Associations particulières
Réflexions sur la modélisation
Première forme normale
L'atomicité
Les champs calculés
La stabilité
Les champs multivalués
La redondance
Deuxième forme normale
La dépendance fonctionnelle
L'identificateur (clé)
Troisième forme normale
La dépendance transitive
Exercices
Les formes normales
MCD et MLD
MCD ---> MLD
Applications
Logique
Introduction
Le pseudo-code
Le pseudo-code
Les variables
Les opérateurs
Les tableaux de contrôle
Les conditionnelles
Les boucles
Les tableaux
Les modules
Les structures
Les fichiers textes
Bibliothèque
Tris et recherches
Les plus proches voisins
Exercices
Les variables
Les conditionnelles
Les boucles
Les tableaux
Les structures et les fichiers
Technologie
Concepts
Wablief, informatique...?
Les images matricielles
Les images vectorielles
Les bases de numération
Les conversions
Arithmétique
Arithmétique binaire
Le complément à 10
Le complément à 2
Tailles des entiers signés
Codage des nombres réels
Codage des caractères
Algèbre de Boole
Les tables de vérité
Les propriétés
Exercices
Bases de numération et conversions
Additionner
Soustraire
Multiplier || Diviser
Complément à 2
Exercices généraux sur les objets
Démo
Crée un objet
personne
avec les propriétés suivantes :
nom :
"Dupont"
prenom :
"Jean"
age :
30
ville :
"Bruxelles"
Affiche ensuite la phrase suivante dans la console :"Jean Dupont a 30 ans et habite à Bruxelles."
Ajoute une propriété
profession
à l’objet personne avec la valeur "Développeur". Modifie ensuite la propriété
age
pour qu’elle soit égale à 31.
Supprime la propriété
ville
de l’objet
personne
.
Utilise une boucle
for...in
pour afficher toutes les propriétés et leurs valeurs de l’objet personne.
Ajoute une méthode
sePresenter
à l’objet
personne
qui retourne la phrase :
"Bonjour, je m’appelle Jean Dupont, j’ai 31 ans et je suis Développeur."
Appelle cette méthode et affiche le résultat dans la console.
Crée un objet adresse avec les propriétés :
rue :
"123 Rue de la Ruche"
codePostal :
"1030"
ville :
"Bruxelles"
Ajoute cet objet
adresse
comme propriété de l’objet
personne
.
Affiche ensuite la ville de la personne.
Crée une fonction constructeur Personne qui prend en paramètres nom, prenom, age et ville, et retourne un objet avec ces propriétés. Utilise cette fonction pour créer une nouvelle instance de Personne et affiche-la dans la console.
Démo
Crée une fonction constructeur Personne qui prend en paramètres nom, prenom, age et ville, et retourne un objet avec ces propriétés. Utilise cette fonction pour créer une nouvelle instance de Personne et affiche-la dans la console.
Démo
Crée une classe Livre avec les propriétés suivantes dans le constructeur :
titre (string)
auteur (string)
annee (number)
estEmprunte (boolean, par défaut à false)
Ajoute deux méthodes à la classe :
emprunter() : cette méthode doit changer la valeur de estEmprunte à true et afficher dans la console : "Le livre [titre] a été emprunté."
rendre() : cette méthode doit changer la valeur de estEmprunte à false et afficher dans la console : "Le livre [titre] a été rendu."
Instancie un objet de la classe Livre avec les valeurs de ton choix, puis appelle les deux méthodes pour vérifier leur fonctionnement.
Démo
Crée une classe CompteBancaire avec les propriétés suivantes dans le constructeur :
titulaire (string)
solde (number, par défaut à 0)
devise (string, par défaut à "EUR")
Ajoute deux méthodes à la classe :
deposer(montant) : ajoute le montant au solde et affiche : "Dépôt de [montant] [devise]. Nouveau solde : [solde] [devise]."
retirer(montant) : soustrait le montant du solde (si le solde est suffisant) et affiche : "Retrait de [montant] [devise]. Nouveau solde : [solde] [devise]." Sinon, affiche : "Solde insuffisant."
Instancie un objet de la classe CompteBancaire avec les valeurs de ton choix, puis appelle les deux méthodes pour vérifier leur
Démo
Classe Utilisateur et classe UtilisateurPremium (héritage)
Crée une classe Utilisateur avec les propriétés suivantes dans le constructeur :
pseudo (string)
email (string)
Ajoute une méthode seConnecter() qui affiche dans la console : "[pseudo] est connecté avec l'email [email]."
Crée une classe UtilisateurPremium qui hérite de Utilisateur et ajoute une propriété supplémentaire dans son constructeur :
niveauAbonnement (string, par exemple "Gold", "Silver", etc.)
Ajoute une méthode afficherAvantages() qui affiche dans la console : "[pseudo] bénéficie des avantages du niveau [niveauAbonnement] : accès illimité, pas de pubs, support prioritaire."
Instancie un objet de la classe UtilisateurPremium avec les valeurs de ton choix, puis appelle les méthodes seConnecter() et afficherAvantages() pour vérifier leur fonctionnement.