Le Club Informatique au collège

Il s'agit d'un club proposée aux élèves, de tout niveaux, dans le temps non scolaire (Atelier du FSE1) Foyer Sociaux Éducatif ). 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.

Sommaire

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

...

Outils nécessaires

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

Les outils Open Source (gratuit et dont le code est libre de droit) sont privilégiées mais quelques outils propriétaires mais gratuit peuvent être suggérés et utilisés.

Les navigateurs

Ils permettent d'afficher le résultat. Vous en avez au moins 1 de déjà disponible sur votre ordinateur. Je recommande dans l'ordre de priorité Mozilla FireFox puis Google Chrome.

Les éditeurs

Ils permettent d'écrire vos différentes pages : HTML, CSS, JavaScript, PHP ...

Les éditeurs syntaxiques

Ils permettent de saisir le contenu des documents en mode texte et facilite l'apprentissage. Ils ne possèdent 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.

NotePad++ OpenSource vers. >= 8.5.4 : Un des plus anciens et des plus populaire. Régulièrement mis à jour et très simple d'utilisation.

Sublime Text Propriétaire vers. >= 4 (la version gratuite correspond parfaitement à nos besoins) : Celui que j'utilise par habitude (gratuité et performances).

Brackets OpenSource vers. >= 2.2.1 : De très nombreuses fonctions professionnelles mais il reste simple à utiliser et permet un aperçu en temps réel du code via Google Chrome.

Les éditeurs "WYSIWYG" [what you see is what you get (Ce que vous voyez c’est ce que vous obtenez)]

Ils 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. On peut toutefois noter :

TinyMCE OpenSource vers. >= 6.1 : Il permet une utilisation de base et l'ajout de modules complémentaires.

Bluegriffon OpenSource vers. >= 3.1 : Il est le successeur de Mozilla Composer et de NVU les pionnier du “WYSIWYG”. Il intègre également un éditeur de code et supporte la majorité des éléments HTML5 et CSS3.

Le serveur web

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

Conseils

Les cours et tutos

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.

Les sites de références

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