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: 16 Guests, 4 Bots

    1 - La structure conditionnelle If

    Les structures conditionnelles permettent l'exécution d'un groupe d'instructions lorsqu'une condition est réalisée. La plus répandu est la structure If , la syntaxe est la suivante :

     if (condition){
         Bloc d'instructions
        }
         else{
         Bloc d'instructions
         } 

    Exemple

    Nous allons créer maintenant un exemple à l'aide de la fonction prompt() ( rappelons qu'il   s'agit  d'une méthode qui invite l'internaute  à saisir une donnée à l'aide du clavier, une fois la donnée saisie elle sera récupéré dans une variable javascript )

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20language%3D%22javascript%22%3E%0A%20%20%20%20var%20age%3Dprompt(%22Tapez%20votre%20age%22)%20%3B%0A%20%20%20%20if(age%20%3C%2018)%7B%0A%20%20%20%20document.write(%22Vous%20%C3%AAtes%20mineur%22)%20%3B%0A%09%7D%0A%20%20%20%20else%20%7B%0A%20%20%20%20document.write(%22Vous%20%C3%AAtes%20majeur%22)%20%3B%0A%20%20%20%20%7D%0A%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />

    Si vous exécutez ce code vous allez voir apparaitre une fenêtre comme celle ci :

    C'est une fenêtre contenant un champ de texte et vous invitant à tapez votre age, votre age sera récupéré dans une variable javascript et analysé : si votre age est < 18 ans elle vous affiche le message "vous êtes mineur" dans le cas contraire, elle vous affiche le message : "vous êtes majeur"

    Si vous tapez un age supérieur à 18 ans vous allez voir apparaitre le message suivant :

    javascript-prompt

     

    2 - Les boucles : for, while et do while.

    La boucle for

    Les boucles permettent de répéter une séquence du programme un nombre spécifique de fois.
    La boucle for est constituée de trois paramètres :
    - La valeur initiale du compteur
    - La condition d'arrêt du passage dans la boucle
    - La valeur d'incrémentation du compteur

    Syntax :

    for (compteur=début ;  compteur < =fin ;  compteur ++){
    Liste d'instructions ;
    }

     

    Exemple :

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20language%3D%22javascript%22%3E%0Afor%20(i%3D1%3B%20i%3C%3D10%3B%20i%2B%2B)%0A%7B%0Adocument.write(%22Bienvenue%20!%22%20%2B%20%20%22%0A%22)%3B%0A%7D%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />

    (Cet exemple permet d'afficher le message bienvenue 10 fois)

    javascript-boucle-for
    Exemple ( Calcul de Factorielle n! )

    Exemple ( algorithme Javascript permettant de calculer factorielle n! )

    1ère partie ( Calcul de factorielle d'un entier donné exemple n = 5 )

    <html>
    <head>
    
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20language%3D%22javascript%22%3E%0A%20%20%20%20function%20facto()%7B%0A%20%20%20%20var%20k%3D1%3B%0A%20%20%20%20for(i%3D1%3Bi%3C%3D5%3Bi%2B%2B)%7B%0A%20%20%20%20k%3Dk*i%3B%0A%20%20%20%20%7D%0A%20%20%20%20%20alert('Factorielle%20de%205%20est%20'%20%2B%20k)%3B%0A%20%20%20%20%20%7D%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
    </head>
    <body onLoad="facto()">   
    </body>
    </html>

    2ème partie ( Calcul de factorielle n! pour un entier donné saisi par l'utilisateur )

    Il suffit d'introduire n à l'aide de la fonction prompt

    var n=prompt("Tapez votre nombre n");

    et d'utiliser l'algorithme précédent

    <html>
    <head>
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20language%3D%22javascript%22%3E%0A%20%20%20%20function%20facto()%7B%0A%20%20%20%20var%20n%3Dprompt(%22Tapez%20votre%20nombre%20n%22)%3B%0A%20%20%20%20var%20k%3D1%3B%0A%20%20%20%20for(i%3D1%3Bi%3C%3Dn%3Bi%2B%2B)%7B%0A%20%20%20%20k%3Dk*i%3B%0A%20%20%20%20%7D%0A%20%20%20%20%20alert('Factorielle%20de%20'%20%2B%20n%20%2B%20'%20est%20'%20%2B%20k)%3B%0A%20%20%20%20%20%7D%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
    </head>
    <body onLoad="facto()">
    </body>
    </html>

    On peut introduire la valeur de n à l'aide d'un bouton de commande et afficher les valeur sur champ de texte

     <html>
    <head>
        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20language%3D%22javascript%22%3E%0A%20%20%20%20%3C!--%0A%20%20%20%20function%20ff()%7B%0A%20%20%20%20var%20n%3Dprompt(%22Tapez%20votre%20nombre%20n%22)%3B%0A%20%20%20%20var%20k%3D1%3B%0A%20%20%20%20for(i%3D1%3Bi%3C%3Dn%3Bi%2B%2B)%7B%20k%3Dk*i%3B%20%7D%20form1.t2.value%3Dk%3B%20%7D%20--%3E%0A%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
        
        </head>
        <body>
        </p>
    <form name="form1">
        <input type="button" name="bouton1" value="Cliquez ici pour Saisir votre entier n " onclick="ff()">
        voici factorielle de n <input type="text" name="t2"> 
    </form>
    <p>
    </body>
    </html>

    La boucle while

    La boucle while permet de répeter une plusieurs instruction autant qu'une condition soit réalisée

    Syntaxe  :

    while ( condition booléenne )
    { Instructions à itérer }

    Exemple ( quelle est la plus grande valeur de l'entier i pour lequel   2*i-1 soit inférieur ou égale à 27 )

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20language%3D%22javascript%22%3E%0A%2F%2F%20pb%20%3F%20quelle%20est%20la%20plus%20grande%20valeur%20de%20l'entier%20i%20pour%20lequel%20%0A%2F%2F%202*i-1%20soit%20inf%C3%A9rieur%20ou%20%C3%A9gale%20%C3%A0%2027%20%0A%20%20%20%20var%20i%3D0%3B%0A%09var%20j%3D0%3B%0A%20%20%20%20while%20(j%20%3C%3D%2027)%7B%0A%20%20%20%20i%3Di%2B1%3B%0A%09j%3D2*i-1%3B%0A%20%20%20%20%7D%0Aalert(%22le%20nombre%20cherch%C3%A9%20est%20%3A%20%22%20%2B%20(i-1))%3B%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />

    Exemple ( testez si un nombre est premier )

      <html>
        <head>
        
        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20language%3D%22javascript%22%3E%0A%20%20%20%20%3C!--%20function%20test()%7B%20var%20n%3Dprompt(%22Tapez%20le%20nombre%20n%20%C3%A0%20tester%22)%3B%20var%20i%3D2%3B%20while(n%25i!%3D0)%7B%20i%3Di%2B1%3B%20%7D%20if(n%3D%3Di)%7B%20alert(%22Le%20nombre%20%22%20%2B%20n%20%2B%20%22%20que%20vous%20avez%20choisi%20est%20premier%22)%3B%20%7D%20else%7B%20alert(%22Le%20nombre%20%22%20%2B%20n%20%2B%20%22%20que%20vous%20avez%20choisi%20n'est%20pas%20premier%20car%20il%20est%20divisible%20par%20%22%20%2B%20i)%3B%20%7D%20%7D%20--%3E%0A%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
        
        </head>
        <body onload="test()">
        </body>

    Laisser un commentaire