Replier
×
INTRODUCTION
►
INTRODUCTION
►
Une requete HTTP
HTML et CSS
JavaScript
PHP-MYSQL
AJAX
JQUERY
Quiz
HTML et CSS
►
HTML et CSS
►
Debuter
►
Debuter
►
Débuter en HTML
Débuter en CSS
Quiz
Généralités
►
Généralités
►
Qui visite votre page ?
Page Web responsive
Structure minimale
Structure HTML5
Quiz
Eléments de base
►
Eléments de base
►
La couleur
Les polices
Les textes
Les titres
Modèle de boîte
Inline ou Block
Div et Span
Les Urls
Les liens
Les formats d'images
Les images
Les listes
Les tableaux
Quiz
Les Sélecteurs
►
Les Sélecteurs
►
Les Sélecteurs CSS
Quiz
Le Positionnement
►
Le Positionnement
►
Dans le flux
Propriété position
Flottant
Z-index
Quiz
Le Centrage
Quiz
La fusion de marges
Quiz
Les Flexbox
Quiz
Les Règles CSS
►
Les Règles CSS
►
Héritage
Quiz
La Cascade
Quiz
Formulaires
►
Formulaires
►
Les Bases
Champs HTML4
Champs HTML5
Compléments
►
Compléments
►
Les Préfixes
Syntaxe CSS
Le Background
Les Sprites
Les Dégradés
Les Ombres
Border-Image
Animations
►
Animations
►
Les Transitions
Les Transformations
Les Animations
JAVASCRIPT
►
JAVASCRIPT
►
Débuter
►
Débuter
►
Environnement de Travail
Variable
Test Conditionnel
Fonction
Tableau
Boucle
Quiz
Liste des TDs
Les bases
►
Les bases
►
Implanter le code
Les variables
Les opérateurs
Conversions de type
Structures conditionnelles
Opérateur ternaire
Le switch
La boucle for
Les boucles while
Les fonctions
Les objets
Les tableaux
Les chaînes
Quiz
Le DOM
►
Le DOM
►
Les interfaces
Présentation du DOM
Parcourir le document
Accéder au document
Modifier le document
Insérer dans le document
Travailler avec innerHTML
Modifier l'attribut Style
Modifier la feuille de style
Modifier les classes
Gestion des événements
Quiz
Les Formulaires
►
Formulaires
►
Input type text
Textarea
Select
Input type checkbox
Input type radio
Readonly vs Disabled
JavaScript ES6+
►
JavaScript ES6+
►
Types et valeurs primitives
var, let et const
Aspect fonctionnel
Les fonctions fléchées
Gestion des arguments
Qu'est ce que this ?
call, apply et bind
this : etude de cas
Les closures
Le mode strict
Les exceptions
forEach et map
sort filter reduce
Convertir en un Array
Conversions implicites
Les opérateurs && et ||
Le hoisting
Le descripteur de propriété
Les template string
Déstructurer SpreadOperator
Les modules JavaScript ES6
JavaScript Asynchrone
►
JavaScript Asynchrone
►
Requête Asynchrone
Requête HTTP
Quiz
Qu'est ce que JSON
Quiz
XMLHttpRequest
fonctions GET et POST
Quiz
Les promesses
Quiz
API fetch
Quiz
A quoi sert CORS ?
Quiz
async / await
Quiz
Promise all any et race
NODE
►
NODE
►
Qu'est ce que Node.js
Api de Node.js
Faire un fetch
PHP 8
►
PHP 8
►
PHP 8 Procédural
►
PHP 8 Procédural
►
Première Page
Constantes et Variables
Types
►
Types en PHP
►
Pourquoi plus de typage ?
Les entiers
Les flottants
Les chaînes de caractères
Les booléens et conversions
Les tableaux
Quiz 1
TDs de 1 a 3
►
TD1 à TD3 PHP
►
TD numéro 1
TD numéro 2
TD numéro 3
Opérateurs
►
Opérateurs en PHP
►
Opérateur d'affectation
Les opérateurs
Ternaire et fusion null
Structures de Contrôle
Inclure des fichiers
Les fonctions
►
Les fonctions en PHP 8
►
Les fonctions en PHP8
Anonymes et fléchées
Quiz 2
TDs 4 et 5
►
TD4 et TD5 PHP
►
TD numéro 4
TD numéro 5
PHP 8 POO
►
PHP 8 POO
►
La POO pour quoi faire ?
Classes et Objets
Espaces de noms
Exo: procédural vers POO
Static
Abstraction
Interface
Trait
TD-1
SYMFONY 6
►
SYMFONY
►
Installer Symfony CLI
Installer PHP 8
Cheat sheet Symfony Twig
LINUX
►
LINUX
►
Installation serveur dédié
Installation PuTTY
Installation Apache
Installation Certificat SSL
Installation PHP et MySQL
Installation de phpMyAdmin
Installation de vsFTPd
Installation de UFW
OUTILS
►
OUTILS
►
Cheat sheet VSCode
Cheat sheet Git
Composer
Xdebug 3
Sublime Text
►
Sublime Text
►
Configuration
Les Bases
Curseurs Multiples
Les snippets
Gestion des Projets
Tout Trouver
Rechercher Remplacer
Travailler avec Emmet
Gérer les raccourcis
Créer un snippet
Modifier des snippets
Configurer Emmet
Quiz
Notepad++
►
Notepad ++
►
Installation
Utilisation de base
Utilisation avancée
Gestion des projets
La recherche
Le plugin Emmet
Le plugin Compare
Le plugin NppFTP
Filezilla
reCAPTCHA
≡
Cheat sheet Symfony / Twig
#1
Environnement de Symfony
// Version de php php -v
// Version de mysql mysql -V
// Version de composer composer -V ou bien composer --version
// Version de la symfony CLI symfony -V
// Version d'un projet symfony symfony console about
#2
Création d'un projet pour le web
// Création d'un projet symfony dans la dernière version stable symfony new --webapp demo
// Création d'un projet dans la dernière version lts symfony new --webapp demo --version=lts
// // Création d'un projet dans une version précise ici 5.1 symfony new --webapp demo --version=5.1
#3
Utilisation de Symfony
// Utilisation du serveur de développement symfony symfony server:start pour démarrer le serveur symfony server:stop pour arrêter le serveur symfony serve -d pour démarrer le serveur et récupérer la main Lancer l'application => https://localhost:8000/
// Configuration du fichier .env pour mysql // Remplacer user / password / nom-database par leurs valeurs // DATABASE_URL="mysql://user:password@127.0.0.1:3306/nom-database?serverVersion=8&charset=utf8mb4"
// Création de la database symfony console doctrine:database:create symfony console d:d:c // Raccourci
// Générer une migration symfony console make:migration
// Charger la migration symfony console doctrine:migration:migrate symfony console d:m:m // Raccourci
// Forcer la suppression de la database symfony console d:d:d --force
// Création d'un controleur symfony console make:controller
// Création d'une entité symfony console make:entity
// Création d'un formulaire symfony console make:form
#4
Utilisation des Features
// Installation des features + faker + foundry composer require --dev orm-fixtures composer require --dev fakerphp/faker composer require --dev foundry
// Générer les features symfony console make:fixtures // Générer les fixtures pour une classe de nom Categories symfony console make:fixtures CategoriesFixtures // Exécuter les features // Le flag --no-interaction évite les dialogues de précaution. symfony console doctrine:fixtures:load --no-interaction symfony console d:f:l --no-interaction // Raccourci
#5
Utilisation de Twig
// Ci-dessous, évaluer une variable {{ var }} // Ci-dessous insérer une commande {% %}
// Ci-dessous, comment utiliser un template {% extends 'base.html.twig' %} // Ci dessous, comment déclarer un block de nom body {% block body %} {% endblock %}
// Ci-dessous, je mets en place un filtre qui n'échappe pas les balises html {{ paragraphe | raw }} // Ci-dessous, je mets en place un filtre qui va formater la date contenu dans la variable article.createdAt {{ article.createdAt | date('d/m/Y') }} // Ci dessous, formatage de l'heure {{ article.createdAt | date('H:i') }}
// Ci-dessous, test conditionnel. users contient un tableau. {% if users|length == 0 %} <p>Il n'y a pas de .....</p> {% else %} <p>Il y a....Faire le job..</p> {% endif %}
// Ci-dessous, boucle sur le tableau articles passé en arguments du twig {% for article in articles %} {% endfor %}
// Ci-dessous, dump en twig {{ dump(QRs) }}
Politique de confidentialité
Mentions Légales
