Il s'agit d'un club proposée aux élèves, de tout niveaux, dans le temps non scolaire (Atelier du FSE¹⁾). Cette année, les activités ont lieu les jeudi de 13h à 14h en semaine paire en salle TECHNO3. Un autre créneau pourra être envisagé en fonction des demandes et disponibilités horaires.

Il s'agit principalement de découvrir les différents langages les plus utilisés de la programmation web à partir d'exemples concrets et personnels de création de sites Internet. D'autres activités pourront être envisagées en fonction des demandes. Le parcours débute par la création du premier site en HTML.

• Découverte du HTML, le squelette de tout site Internet
• Découverte du CSS, la mise en forme des sites
• Découverte de MySQL, ses basses de données pour gérer le contenu des sites
• Découverte du PHP, automatiser la création de page ou interagir avec le site
• Compléments en HTML et PHP, des formulaires pour gérer les données
• …

Il est conseillé de venir avec une clé USB sur laquelle seront installés tous les outils (licences gratuites) utiles aux activités.

Un éditeur de texte (NotePad++, Scite, Sublime Text, Komposer …) est l'outil de base. Il permet de saisir le contenue des documents en mode texte et facilite l'apprentissage. Il ne possède pas de commandes de mise en forme comme les traitements de texte (mise en forme pour impression) mais une coloration syntaxique pour repérer plus facilement les commandes du langage.

Les éditeurs “WYSIWYG” [what you see is what you get (Ce que vous voyez c’est ce que vous obtenez)] tel que Komposer ne sont pas recommandé pour un apprentissage efficace du langage HTML. Ils servent plutôt aux personnes voulant réaliser des pages HTML de manière intuitive sans apprendre le langage. Parmi les éditeurs Open Source, on peu noter TinyMCE …

La création de pages dynamiques et l'utilisation d'une base de données imposent d'utiliser un serveur web. Il peut être placé sur Internet, sur un ordinateur local et dans notre cas sur une clé USB.

Nous allons utiliser un serveur de type WAMP pour (Windows, Apache, MySQL, Php) utilisable à partir d'une clé USB.

• Zazou Mini Web Server est celui que j'utilise (ZMWS)
• EasyPhp

L'apprentissage de la programmation est une activité souvent pratiquée en autodidacte. Je conseille de suivre des cours ou tuto existants en ligne. Certains sont mis en lien sur certaines pages de ce wiki. D'autres méritent une attention particulière :

• http://www.OpenClassrooms.com est un site proposant de nombreux cours dont beaucoup dans le domaine de l'informatique. C'est un site de référence pour l'apprentissage. Il est intéressant de s'y inscrire (inscription gratuite) pour y suivre les cours qui nous intéressent le plus.
• http://www.fun-mooc.fr/ est un autre site proposant aussi des formations. Elles sont souvent d'un niveau supérieur mais nécessitent une inscription (gratuite) à des sessions prévues sur des plages de date limitées.
• https://www.developpez.com/ propose de nombreux tutos mais aussi des références sur les langages.

L'apprentissage des langages nécessite d'utiliser des sites de référence pour découvrir la syntaxe et l'utilisation des commandes nécessaires. Les principaux sites que j'utilise sont :

• https://www.w3schools.com/html/ pour le HTML et le CSS
• http://php.net/manual/fr/ pour le PHP
• http://sql.sh/ pour le SQL
• Menu responsive