Il s'agit uniquement de formations courtes, en deux à trois séances,
complétées éventuellement par un soutien
,
possible lors d'une permanence assurée
Le principe de ces formations est de devenir rapidement opérationnel par une pratique des notions étudiées : de deux à trois séances de 1 h 30 min, séparées d'une à trois semaines selon les cas (il n'y a pas de formation pendant les vacances scolaires), le lundi de 18 h 00 à 19 h 30.
L'horaire prévu peut changer, d'un commun accord avec les participants ; par exemple de 18 h 30 à 20 h.
Dans le principe même du travail collaboratif dévolu au Village-Factory d'Asnières, les participants peuvent manifester le besoin d'un complément de formation pour approfondir ce qu'ils ont étudié. De là de nouvelles formations courtes en persective, l'année suivante voire celle en cours.
toute personne désirant assurer la pérennité de ses données
(documents imprimables, enregistrements sonores, photos et vidéos),
Dans cette séance l'objectif est d'assurer en premier
Dans cette séance, l'objectif est de cloud
).
toute personne curieuse de connaître les bases de la programmation, hors contexte d'un
langage particulier (comme Javascript, Python, Java, etc…),
Objectif pour la fin des trois séances : être capable d'utiliser les instructions fondamentales de
l'algorithmique (booléenne
,
valant vrai
ou faux
,
boucles et fonctions) dans un mini-projet défini par chaque stagiaire, avec l'aide du formateur.
On découvre les premières notions
Usage de complexe
(un tableau est un attachées
à l'objet.)
et de boucles. Mise en place de l'algorithme du calcul d'une moyenne.
Usage d'instructions conditionnelles et de
Chacun avance à son rythme via un tutoriel afin de pouvoir ensuite concevoir ses propres algorithmes, éventuellement sous forme d'un mini-projet (que chacun définit).
Le mini-projet pourra être suivi lors de séances de soutien, sur réservation.
toute personne curieuse de connaître l'envers du décor des dizaines
de milliards de pages accessibles à tous sur le Web, réparties sur plus d'un milliard de sites.
En effet le HTML (langage de balisage d'hypertextes) est très facile à comprendre
puisqu'il se contente de
Abordable dès 12 ans.
Objectif : dire à l'ordinateur
ce qu'il doit présenter (en HTML)
et comment il doit le faire (en CSS),
sans la contrainte d'une interface aux menus complexes et alambiqués, sans aucun problème
lors de transfert d'un ordinateur à un autre, bref
Cette formation pratique permet aussi à ceux qui connaissent surtout la création de sites via des outils comme WordPress, Dupral ou Wix, de pouvoir comparer un source HTML produit par un logiciel intermédiaire avec un source qu'ils auront mis au point sans intermédiaire. Ils pourront alors sans difficulté apprécier le net avantage de travailler directement en HTML + CSS.
Présentation rapide des origines de HTML et des CSS.
On travaille directement en ligne, où l'on voit en même temps le
On découvre les concepts fondamentaux d'une éléments imbriqués
(ou boîtes imbriquées
),
cette construction étant définie en HTML.
Notion de document hypertexte
avec des liens (balise a) et
des images (balise img).
L'
Usage de habille
la structure avec une feuille de style définie en langage des CSS, selon
la forme
de cette structure.
Définition des couleurs, avec des noms ou du codage RVB (Rouge Vert Bleu), et de la transparence
des éléments ; codage RVBA (A : pour canal alpha
).
box model
) des éléments pour les CSS :
marges et rembourrages, bordures et contours. Tableaux simples avec lignes et cellules.
Mise en place d'un mini-projet de page personnelle (MPPP) conjointement à une étude complémentaire en autonomie, avec W3Schools ou, pour ceux qui préfèrent le français, avec Mammouthland.
On conçoit une page personnelle, sur un sujet quelconque, sous forme de mini-projet : en autonomie avec aide collaborative, en particulier celle du formateur.
Utilisation d'un
Ces éditeurs colorisent la syntaxe de la plupart des langages informatiques, en particulier HTML, CSS et Javascript. Si le stagiaire le souhaite, il peut évidemment utiliser TextWrangler (Mac) ou Notepad++ (Windows) s'il en a l'habitude.
toute personne connaissant les langages HTML et CSS et souhaitant savoir comment apporter
de la dynamique à ses pages. Il s'agit surtout d'un
On revoit rapidement les notion de règle et de sélecteur ;
on utilise ensuite les
On utilise la règle (at-rule
) @keyframes pour définir une animation exploitée
avec l'attribut… animation,
comme celle produite en cliquant sur ce mot.
On approfondit ce qui a été déjà vu, selon le questionnement des stagiaires.
Un complément de formation pourra être envisagé, à la demande, pour un groupe minimum de 3 personnes.
toute personne connaissant déjà HTML + CSS, souhaitant dynamiser et rendre interactive
des pages via de la programmation en Javascript (JS), seul langage de programmation normalisé
du Web (norme ECMASCript).
On peut être débutant en JS ou avoir déjà une bonne expérience. En effet, d'une part
on utilise une naturellement
en JS grâce à un module
spécifique du formateur permettant de définir simplement des
L'objectif est d'être capable de concevoir des applicatifs pour le web qui tiennent compte de
la
On découvre les premières notions documenter
.
déjà défini en programmant directement via une zone de saisie colorisée.
L'importance de la
On apprend à travailler en JS en exploitant au mieux les CSS, en particulier via les attributs de classification (avec class) et d'identification (avec id) des éléments.
On avance alors en autonomie selon deux modes : soit on veut faire du JS pur, et donc approfondir la
connaissance du langage, soit on veut exploiter plus en avant le module présenté en séance 1
qui permet d'avoir une
Chacun avance à son rythme en mode collaboratif, avec évidemment l'aide du formateur, afin de pouvoir concevoir un document applicatif sous forme de mini-projet, en partant d'un document que chacun aura défini au préalable en HTML et CSS, en suivant la méthode étudiée en séance 2.
Le mini-projet pourra être suivi de séances de soutien, sur réservation.
toute personne désireuse d'apprendre les bases de la programmation
dessins animés
.
Si elle est habituée aux logiciels de graphisme elle pourra développer sa créativité
(exemple : avec
Anémone protéiforme,
Happy frogs ! et
une brosse rotative pour dessiner
des cordages
).
Cette formation est aussi accessible à celui qui sait programmer mais veut savoir comment créer,
méthodiquement, des dessins 2D animés.
Objectif pour la fin des trois séances : via une
Usage d'un environnement spécifique pour travailler en local (zip à télécharger) ou sur le Web, avec sauvegarde en URL pour faciliter l'aide aux apprenants et les échanges de travaux par courriel ou SMS.
Principes du dessin 2D animé. Premiers pas en algorithmique graphique, avec les notions de base les plus utilisées : voir les points ①, ② et ③ des préliminaires.
La fonction dessiner répétée à une cadence imposée pour créer des animations : voir les points ④ et ⑤ des préliminaires.
Mise en place d'un projet personnel (PPPP) qui pourra être suivi lors de séances de soutien (sur réservation). On se place alors dans une formation par tutoriels, avec une aide éventuelle au point ④.
Le mini-projet pourra être suivi lors de séances de soutien, sur réservation.
toute personne ayant l'habitude d'utiliser un navigateur
(Firefox, Chrome, Safari, Opera, etc…),
même si elle n'y comprend pas grand-chose
,
qui voudrait justement connaître l'envers du décor
des adresses du Web
pour savoir ce qui se passe lorsqu'on clique
sur un lien afin, par exemple, de
Abordable dès 12 ans.
Objectif : comprendre la structure et la signification des composants d'une adresse Web
(ou, plus techniquement Uniform Resource Locator
, ce sigle signifie
littéralement localisateur uniforme de ressource
.
C'est une suite de caractères utilisée pour désigner sans ambiguïté
les ressources du Web : site, document HTML, document PDF, image, son, forum, etc…),
dont voici quelques exemples,
Objectif : apprendre à
Exemples :
En dehors des périodes de formation, une permanence régulière au Village-Factory d'Asnières, de 1 h 30
(en général
faisant alors suite aux formations déjà assurées.
Si un complément de formation spécifique est demandé, il se fera sur réservation, hors séance de permanence et pour au moins trois stagiaires comme pour les autres formations.
Bien entendu l'aide proposée lors de la permanence, selon les mêmes horaires,
est aussi
Comme pour route formation au Village-Factory d'Asnières, toute séance de formation avac moins de 3 participants inscrits est reportée ou annulée.
Le formateur peut aussi apporter une aide dans l'apprentissage de l'algorithmique, de la programmation
et du développement Web, à tout apprenant qui suivrait
un cursus à distance, diplômant ou non (en français ou en anglais),
de type Massive Open Online Course
que l'on peut
traduire par cours en ligne ouvert et massif
, puisque plusieurs milliers d'étudiants peuvent le suivre
en même temps.
comme un cours d'introduction à Python,
un cours d'introduction à HTML 5, CSS et Javascript ou encore
un cours sur la création artistique avec Processing.
Pour ceux qui ne connaissent pas de MOOC mais voudraient en découvrir :
parcourir par exemple les formations de
FUN,
OpenClassrooms,
edX
(MIT, ETH, etc…),
Harvard. En particulier
certains membres du Village-Factory pourront sans doute découvrir avec profit un MOOC
dans la rubrique entrepreneuriat
de FUN, ou encore une plateforme récente sur la rénovation et le développement durable.