Introduction et mise en place

Inscriptions

Avant de plonger dans la création de nos projets à proprement parler, il nous faut mettre en place les différents éléments qui les composent et un environnement de développement suffisamment flexible.

Nicolas Sassoon - Waterfalls | #65 (source -> https://www.booooooom.com/2022/07/29/interview-nicolas-sassoon/)

Les liens du jour #

• Le site de la librairie P5js
• Processing.org
• Netlify
• Visual Studio Code
• VSCode themes + theme par workspace
• 15 astuces utiles pour VSCode
• Le langage Markdown
• Nicolas Sassoon + sur le site de la Galerie Charlot (Paris)
• Git + page wikipedia
• Github
• Le repo P5js
• Terminal
• Demo Code B3

Au programme #

• Objectifs / attentes
• La particularité de ces cours et ce qu'ils nécessitent en terme d'investissement
• Modes de communication
• Retour sur les workshops
• Spécificités de différents langages: Processing, P5js, Python, etc.
• Editeurs (Atom, Brackets, Sublime, VSCode...)
• Architecture du projet
• Articulation de JS avec HTML et CSS. Les 3 seront complémentaires.
• Mise en ligne sur Netlify (aussi Github Pages)
• Balises meta
• Notes sur les librairies JS

Exemples #

• http://www.generative-gestaltung.de/2/
• Open Processing
• Typo: http://parametric.esac-cambrai.net/ + http://www.esac-cambrai.net/wordpress/?page_id=1003
• https://otherside.otherti.me/
• Sketch en background d'une page web
• Programming posters + P5studio > Lien
• https://p5studio.timrodenbroeker.now.sh/
• https://puckey.studio/ + https://puckey.studio/projects/radio-garden
• Exemples P5js (Lauren McCarthy): https://github.com/lmccart/gswp5.js-code
• https://jspaint.app/
• Morellet: https://www.youtube.com/watch?v=OrlBGi2px1Q
• https://www.courses.tegabrain.com/cc18/artists/
• Capture video
• ml5.org
• Teachable machine

Todos #

• Se créer un compte sur Github
• Créer un sketch de 800x800
• Créer un outil de dessin avec au moins une variable aléatoire. Le mettre en ligne sur Netlify
• Réaliser un projet pour la rentrée de février (déjà anticiper) - voir comment articuler/combiner cela avec vos travaux de CASO ou d'atelier.

Markdown #

Markdown : https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

Markdown est un langage de balisage léger créé en 2004 par John Gruber avec l'aide d'Aaron Swartz. Son but est d'offrir une syntaxe facile à lire et à écrire. Un document balisé par Markdown peut être lu en l'état sans donner l’impression d'avoir été balisé ou formaté par des instructions particulières.

Un document balisé par Markdown peut être converti en HTML, en PDF ou en d'autres formats.

Source: Wikipedia

En outre, il est souvent utilisé par les générateurs de sites statiques tels Jekyll, Gatsby, Hugo, Nuxt ou VuePress..

Mais c'est surtout LE langage de la documentation de projets. Les dépôts Git que vous visiterez sur Github, GitLab ou autres, utilisent tous Makdown.

Il est:

• Très simple à prendre en main
• Focus sur le contenu
• Exports HTML, PDF..
• Extensible

Liens: #

• MacDown: https://macdown.uranusjr.com/