Présentation de PrestaShop
Installation de PrestaShop
Les thèmes de PrestaShop
Internationalisation
PrestaShop et le JavaScript
- Node.js
- ES6
- ES6
- Le mot clé const
- Le mot clé let
- Templates et chaînes de caractères
- Boucle for - of
- Évolution des objets littéraux
- Fonctions lambda alias Arrow function
- Les paramètres par défaut
- Itération et Collection
- L'opérateur ...
- Gestion de plusieurs valeurs en retour de fonction
- Les classes
- L'héritage
- Module
- Utiliser un module
- Export
- Exemple export
- Import
- Exemple import
- Utilisation du JavaScript
- Les différentes versions du JavaScript
- La version ES6 de 2015
- Transcompilateur
- Les fichiers JavaScript
- Les fichiers JavaScript pour le front-office
- Les fichiers JavaScript sur le back-office
- Chargement des fichiers sur le back-office
- Chargement des fichiers sur le front-office
- JavaScript sans passer par webpack
- Optimisations du JavaScript
- La variables globale prestaShop
- Core.js
- Guide pour le JS
PrestaShop et Webpack
- Concepts et définitions
- Installation
- Configuration
- Loaders
- Plugins
- Utilisation avancée
- La mise en cache des ressouces avec Webpack
- Vider automatiquement un repertoire avec Webpack
- Vérifier le code JS et CSS avec Webpack
- Retrouver le nom des fichiers sources
- Inclure des ressources en base64 avec Webpack
- Optimiser les images avec Webpack
- Écrire un loader Webpack
- Passer des paramètres à un loader Webpack
Sass
- Sass
- Installation
- Installation Avec NPM
- Installation avec Ruby
- Syntaxes
- SASS (Inteded syntax)
- SCSS (Sassy CSS)
- Les commentaires
- L'imbrication
- Le sélecteur parent
- Les propriétés de type namespace
- SassScript
- Les variables
- Les types de variables
- Les chaînes de caractères
- Les listes
- L'initialisation des variables
- Calculs
- Cas particulier, l'opérateur /
- Calculs sur les couleurs
- Fonctions
- Les fonctions génériques
- Les fonctions numériques
- Les fonctions pour manipuler des listes
- Les fonctions pour les chaînes de caractères
- Les fonctions pour les couleurs rgb
- Les fonctions pour les couleurs hsl
- Les autres fonctions pour les couleurs
- Les fonctions d'introspection
- La directive @
- @import - l'importation
- @media - Les media-queries
- @extend - l'héritage de style
- @extend - le chaînage d'héritage
- @extend - Limites d'utilisation.
- @extend - Le sélecteur optionnel.
- @extend - Le sélecteur pour héritage uniquement.
- @function - Les fonctions
- @warn et @debug
- @if - les conditions
- @for - les boucles
- @while - tant que
- @each - les listes
- Les mixins
- @mixin - Les mixins avec paramètres
- @mixin - Utiliser un mixin
- @content passer un bloc de style à un mixin
- @mixin - Portée des variables
- Les mixins utilisés par PrestaShop
Stylesheet
- Bourbon
- Bootstrap 4
- Utilisation des feuilles de styles
- Guide CSS
- Guide de Mark Otto
- Syntaxe
- Déclaration
- Déclaration (Exemples)
- Ordre des déclarations
- N'utilisez pas @import
- Emplacement des media queries
- Propriétés préfixées
- Ligne avec déclaration unique
- Notations abrégées
- Notations abrégées (Exemples)
- Imbrication avec Sass
- Calcul et opérateurs avec Sass
- Commentaires
- Nom des classes
- Sélecteurs
- Organisation
- Préférences de votre éditeur