Content sharing / reading

• Hypothes.is // annotations collectives <3
  https://hypothes.is

• Are.na // Collection/Curation du web <3
  https://www.are.na

Tableaux

• Miro // la porche, pas libre
  Avec on peut bouger / ajouter / annoter des éléments tous.tes ensemble !
  Très fluide, efficace, propriétaire.
  : https://miro.com/fr/

• MilaNote // Miro-like <3
  Agencer des contenus en drag-n-drop, présenter, annoter, etc
  Un interface fancy comme Miro
  : https://milanote.com/

• Okso // dessiner, lier, noter
  Sobre, non interactif, permet de faire des présentations pas en live, on sauvegarde les pages.compositions dans des fichiers locaux (serverless) : "The OkSo app is a Progressive Web App (PWA)" https://okso.app/about
  : https://okso.app

• Digiscreen
  Un tableau libre où disposer des contenus numériques
  : https://ladigitale.dev/digiscreen/ (via)

IDE en ligne

Il y a plein d'IDE qui sont "passés" online !
( des interfaces graphiques de développement )
VSC s'y est mis : https://vscode.dev
( on est chez Microsoft, bof bof )
J'utilisais : https://www.codetogether.com

Chez la concurrence directe il y a :
https://www.jetbrains.com/code-with-me

Ya aussi :
... https://duckly.com
... http://demo.icecoder.net / https://replit.com / https://codesandbox.io

. . . mais on peut trouver plus modeste, simple
web_master VS indieweb ;)

Progra. Dev.

• Glitch // je l'utilisais pour des cours d'introduction au code
  Il est gratuit (on peut ajouter des ressources si le projet est trop gourmand)
  ya une gestion des fichiers, un terminal, un preview (dont auto-refresh)
  L'intérêt vàv de https://codepen.io c'est le côté interactif
  : https://glitch.com

• CodeBoard // Glitch-like
  Un interface moins accueillant mais des fonctions très proches. La nécessité de s'inscrire.
  : https://codeboard.io

• Neocities // un hébergeur de fichiers simples avec éditeur rudimentaire <3
  Une référence dans le indieweb (gratuit, associatif)
  Mais quelques restrictions.manques.limites
  : https://neocities.org

• Hotglue // Tableau drag-n-drop <3
  Pour présenter des contenus, faire des sites à la façon web-n-craft : indieweb
  Un projet collectif : http://kabane.org/thema/surveillance/
  : https://hotglue.me

Pensez aussi aux variants et variances d'éditeurs collaboratifs tel EtherPad :
https://liens.vincent-bonnefille.fr/?searchtags=EtherPad

Par exemple :

• Your World.Of.Text // écrire à l'infini <3
  Écrire toustes ensemble sur un tableau noir infini ( textuel ascii_art )
  https://www.yourworldoftext.com/~vincentb/

LiveCode - Editors

• CodePen // La référence
  Tout clef en main
  https://codepen.io

• JsArena // Js avec console
  Interface scindé (2 panneaux), simple élégant, efficace !
  Compte.Sauvegarde via Github
  : https://jsarena.dev

• PlayCode
  Plus abouti que JsArena, GUI plus léchée, avec Preview (3 panneaux)
  Plusieurs templates de départ (js/Vue/Bootstrap/etc)
  Proposent des cours : https://playcode.io/learn
  : https://playcode.io/javascript-online

Kanboards / Organisation

https://liens.vincent-bonnefille.fr/?searchterm=kanboard

Trouvez la documentation des commandes... linux cheatsheet

• https://cheat.sh/ls
  curl cheat.sh/ls ( ls = lister dossiers )

TLDR

• https://tldr.ostera.io/ls
• https://tldr.sh <3 self_host_hébergement

Linux commandes (et tuto, tldr)

• https://linuxcommandlibrary.com

Des alternativeto :

• https://explainshell.com/explain/1/chmod

Not installed / cant run linux

• https://command-not-found.com/mkexfatfs

https://wiki.gnome.org/Apps/Devhelp
horsligne_offline_invisible

https://devdocs.io
langage_progra js_css_html nodejs

Web 2 zine (css and more)

Imposition et autres ressources https://en.wikibooks.org/wiki/Zine_Making/Putting_pages_together

Webring maker ( js + css ) made easy !
https://garlic.garden/onionring/

Demo
wwww.bonnebulle.xyz

Découvert via a repertory
https://yesterweb.org/webring/
( contient de CGU )

https://edwardtufte.github.io/tufte-css/

Mise en page de documents - mise en valeur des notes de bas de page sur le côté (plutôt qu'en bas de page)

"There are many ways you can go about picking up the skills you need to become a developer.
There are linear curriculums that teach you a bit of everything - like freeCodeCamp's full stack development curriculum."

Par où commencer pour apprendre à coder ?
full_stack https://fr.wikipedia.org/wiki/D%C3%A9veloppeur_full_stack
2019 2020

1 Websites are places. They provide services and social environments. Like architecture, they distribute access and atmospheric context to these resources: Watching a video on Nowness is different from watching a video on YouTube.

2 Websites are inherently public. Architecture is by nature a public discipline. Both buildings and websites are built realities. They are part of the fabric of societies that are now both physical and virtual.

3 Websites are inhabited. They become part of societies through the interactions they enable. They are homes to communities, to thoughts and approaches. They may be privately owned and operated, but inhabited and used by the public. As buildings, websites are where we spend our lives.

4 Websites are local, despite their distributed nature. Websites adhere to culturally established patterns, languages and user expectations in similar ways architecture does. Buying an onigiri from a 7-11 branch is different from buying a pretzel from a Bavarian bakery.