Cours Python

 CopyrightFrance.com
Développement Web
  1. Introduction au langage HTML
  2. Structure d'un document HTML
  3. Mise en forme d’un document HTML
  4. Liens hypertexte
  5. Insertion d’images
  6. Les attributs de la balise BODY
  7. Les tableaux HTML
  8. Les listes HTML
  9. Les Frames HTML
  10. Les formulaires HTML
  11. Les caractères spéciaux HTML
  12. Ressources et références HTML
  13. Exercices HTML avec correction
  1. Introduction au langage CSS
  2. Propriétés d'un sélecteur
  3. La propriété Text CSS
  4. La propriété background CSS
  5. La propriété Font CSS
  6. La propriété border CSS
  7. Propriétés margin et padding
  8. Propriétés Height & Width
  9. Class et les ID CSS

Javascript Basique
  1. Introduction au langage Javascript
  2. Variables, fonctions et operateurs Javascript
  3. Les structures de contrôle et les boucles Javascript
  4. Les événements Javascript
  5. Le modèle Objet du Javascript
  6. L'objet array Javascript
Framework JQuery
  1. Introduction au Framework jQuery
  2. Premier pas avec le framework jQuery
  3. Les Sélecteurs jQuery
  1. Introduction au langage PHP
  2. Premier programme php
  3. Variables et Fonctions php
  4. Opérateurs arithmétiques et logiques
  5. Les structures de contrôle en php
  6. Les tableaux en php
  7. Control des formulaires en php
  8. Upload des fichiers en php
  9. Gestion des dossiers et des fichiers en php
  10. Colorisation syntaxique en php
  11. Cookies php
  12. Les variables globales php
  13. Sessions php
  14. Les variables php d’environnement
  15. Les classes et la poo php
  16. La librairie php_gd2 des images
  17. Lecture d’un fichier xml en php
  18. Les expressions régulières en php
  19. Moteurs de template php : smarty et fast temp…
  1. Introduction au Framework PHP Laravel
  • Installation Laravel 8 & premier projet
    1. Langage MySql
    2. Introduction au langage MySql
    3. Installation du Serveur MySql
    4. Manipulation des bases de donnée MySql
    5. Manipulation desTables MySql
    6. Insértion de données MySql
    1. Installation Wordpress
    2. Modification du theme Wordpress
    3. Installation d'un plugin
    4. Gestion des catégories
    5. Gestion des articles
    6. Gestion des menus Wordpress
    7. Gestion des pages
    8. Gestion des Plugins
    9. Gestion des Widgets
    10. Gestion des Médias
    11. Gestion des commentaires
    12. Création formulaire de contact
    13. Outil Importation & exportation
    14. Gestion des extensions
    15. Réglage et paramètres
    1. Introduction à Joomla
    2. Installation Joomla
    3. Architecture de Joomla
    Bases de données
    TICE & Multimédia
    Math Pour Informatiques
    UserOnline
    Utilisateurs/utilisatrices: 12 Guests, 3 Bots

    1 - C'est quoi une extension Google chrome

    Les extensions google chrome sont de petits logiciels qui personnalisent et améliore la navigation. Ils permettent aux utilisateurs d’adapter les fonctionnalités et le comportement de Chrome à leurs besoins et à leurs préférences. Ils reposent sur des technologies Web telles que HTML, JavaScript et CSS...

    Une extension doit remplir un seul objectif, défini de manière étroite et facile à comprendre. Une seule extension peut inclure plusieurs composants et une gamme de fonctionnalités, dans la mesure où tout contribue à un objectif commun.

    Une capture d'écran de l'icône d'une extension dans la barre de navigation. Les interfaces utilisateur doivent être minimales et intentionnelles. Ils peuvent aller d’une simple icône, telle que l’extension Google Mail Checker indiquée à droite, à la substitution d’une page entière.

    Les fichiers d'extension sont compressés dans un seul paquet .crx que l'utilisateur télécharge et installe. Cela signifie que les extensions ne dépendent pas du contenu du Web, contrairement aux applications Web ordinaires.

    Les extensions sont distribuées via le tableau de bord du développeur Chrome et publiées sur le Chrome Web Store.

    2 - Créer son propre extension google chrome

    2.1 - Structure de l'extension

    Dans ce tutoriel nous allons voir comment créer une toute simple extension pour Google chrome qui permet d'afficher un message de bienvenue. Pour cela nous aurons besoin de deux fichiers à créer et leurs ajouter une icone :

    • manifest.json
    • popup.html
    • img / icon.png (icone qui s'affiche en haut à droite sur le navigateur chrome)
       icon_128.png (icone qui s'affiche sur la page des extensions de google chrome)

    2.2 - Code du fichier manifest.json

    {
    "manifest_version": 2,
    "name": "Une simple extension ",
    "description": "Affiche message de bienvenue", 
    "version": "1.0", // indique la version de l'extension
    
    "browser_action": { // indique les actions à réaliser
    "default_icon" : "img/icon.png", 
    "default_popup": "popup.html" // c'est ce popup.html qui va s'afficher lorsqu'on clique sur l'icone
    },
    "icons": { 
    "128" : "img/icon_ext.png" // icone qui s'affiche sur le navigateur en haut à droite.
    }
    }

    2.3 - Code du fichier popup.html

    <style>
     h1,p{
         text-align:center
    	 color:red;
        }
    	
    </style>
    <h1>My Extension</h1>
    <h2><marquee>Welcome to my first extension !</marquee></h2>

    3 - Installation de l'extension

    Activer maintenant le mode développeur pour google chrome en cliquant sur les trois points à droite en haut du browser et choisissez ensuite  Plus d'outils --> Extensions

     

     

    Activer ensuite le mode développeur qui se trouve à droite en haut du browser :

     

     

    Cliquez ensuite sur  le bouton charger une extension non empaquetée:

     

     

    Sélectionnez ensuite le répertoire racine de votre extension:

     

     

    L'extension est maintenant installée et est opérationnelle :

     

     

    Younes Derfoufi
    CRMEF OUJDA

    Laisser un commentaire