Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
start [2019/10/05 18:32]
JC [En vrac :]
start [2020/02/23 19:50] (Version actuelle)
JC [2019-12-15: Livre: Raspberry Pi 4 is out !]
Ligne 1: Ligne 1:
 ~~NOCACHE~~ ~~NOCACHE~~
-|| Visite: || Aujourd'​hui:​ {{counter|today}} || Hier: {{counter|yesterday}} || Depuis ​maintenant: {{counter|total}} ||+|| Visite: || Aujourd'​hui:​ {{counter|today}} || Hier: {{counter|yesterday}} || Depuis ​Sept 2019: {{counter|total}} ||
 \\ \\
 +{{ :​dsc_0080-modifier-rond_100x100.png?​nolink|}}
 ====== open1024: Libérez vos octets! ====== ====== open1024: Libérez vos octets! ======
-{{ :​born-to-dev-256x256.png?​nolink&​150|}}+
 ===== Bienvenue dans le cahier technique d'un programmeur passionné d'open source ! ===== ===== Bienvenue dans le cahier technique d'un programmeur passionné d'open source ! =====
 [[https://​open1024.fr/​wiki/​doku.php?​id=start&​do=recent|Derniers changements dans le wiki]] \\ [[https://​open1024.fr/​wiki/​doku.php?​id=start&​do=recent|Derniers changements dans le wiki]] \\
Ligne 15: Ligne 16:
 </​color></​box>​ </​color></​box>​
 \\ \\ \\ \\
 +
  
 ====== Retrouvez l'​avancement du projet en cours ! ====== ====== Retrouvez l'​avancement du projet en cours ! ======
Ligne 38: Ligne 40:
  
 ====== Les Geekeries du moment : ====== ====== Les Geekeries du moment : ======
 +<box 100% left #C0C0C0 #303030 | <color #​E3E33A> ​
 +** 2020-01-01: Web: J'​arête les <​table>​ je me met au Flexbox !! ** 
 +</​color>​ ><​color #000000>
 +{{ :​developpement:​css:​css3_logo_and_wordmark.svg_150x212_.png?​nolink|}}
 +2020 is here !!\\
 +C'est décidé, j'​arrête les balises <​table>​blabla</​table>​ et je me met sérieusement au **//​Flexbox//​** !! En effet, la techno web à évoluée, et on peut contrôler la position des éléments via CSS. Je me plonge dans les cours Udemy pour n’imprégner de cette techno. C'est le bon moment car je suis dans une démarche de refonte du visuel de mon projet perso de monitoring avec ReactJS. Big up à [[https://​www.woinux.fr/​|WOoOinux]] pour notre échange en remote ! \\
 +\\
 +Utiliser les technos **//​Flexbox//​** et **//CSS Grid//**, ça sera ma résolution de l'​année !
 +\\
 +[[developpement:​css:​fexbox|>>>​ voir le Mémo Flexbox]]
 +\\ \\
 +**2020-01-13:​** A fond! à fond! J'​enchaîne sur les CSS Grid !
 +\\
 +[[developpement:​css:​css_grid|>>>​ Voir le Mémo CSS Grid]]
 +\\ 
 +</​color></​box>​
 +
 +<box 100% left #C0C0C0 #303030 | <color #​E3E33A> ​
 +** 2019-12-15: Livre: Raspberry Pi 4 is out ! ** 
 +</​color>​ ><​color #000000>
 +{{ :​logo-framboise-314_150x39_.png?​nolink|}}
 +Ca y est ! il est sortie ! \\
 +Je viens de recevoir le dernier livre de Mr François MOCQ de [[https://​www.framboise314.fr/​|framboise314.fr]] avec le projet de station météo vu au Maker Faire Paris ! \\
 +Dispo sur [[https://​www.editions-eni.fr/​livre/​raspberry-pi-4-exploitez-tout-le-potentiel-de-votre-nano-ordinateur-inclus-un-projet-de-station-meteo-9782409022081|editions-eni.fr]] éditeur Français de Nante ! 
 +\\ \\
 +{{:​2019-12-15_livre_fr.mocq.jpg?​nolink|}}
 +\\
 +Les technos qui m'​interresse dans ce livre :
 +  * Bus de communications I2C et SPI
 +  * Expoer des données par SMS
 +  * Base de données InfuxDB
 +  * Tableau de bord //​Chronograf//​
 +\\
 +</​color></​box>​
 +
 +<box 100% left #C0C0C0 #303030 | <color #​E3E33A> ​
 +** 2019-12-10: Sortie associative:​ Paris Open Source Summit ** 
 +</​color>​ ><​color #000000>
 +{{ :​2019-12-10-paris-open-source-summit-logo_150x71_.png?​nolink|}}
 +Notre association [[https://​www.ilard.fr/​|ILArd]] organise chaque année une sortie [[https://​www.opensourcesummit.paris/​|Paris Open Source Summit]]. C'est une rencontre avec le village associatif et les professionnels qui gravitent autour de l'open source. Dans le village on y retrouve des acteurs du libre comme Mozilla Firefox, April, PHP, Drupal, Debian, Dolibar, Eclipse, Framasoft, Inria, Perl, LinuxFR ... 
 +\\ \\
 +{{:​2019-12-10-oss-debian_250x185_.jpg?​nolink |}}C'​est l'​occasion de faire de la veille technologique et de rencontrer les gens ailleur que sur un forum. \\ 
 +\\ \\
 +// Ici je viens saluer le stand [[https://​www.debian.org/​|Debian]],​ distribution mère de nombreux système. On discute techno, notamment du système de fichier [[https://​fr.wikipedia.org/​wiki/​ZFS|ZFS]] et script de backup avec [[https://​rsync.samba.org/​|rsync]]. C'est le moment de s'​approvisionner en T-shirt et autre goodies Debian ! // 
 +\\ \\ \\ \\
 +{{:​2019-12-10-oss-vlc_250x145_.jpg?​nolink |}}// Là ce sont les animateurs du stand [[https://​www.videolan.org/​vlc/​index.fr.html|VLC]] connu pour son logo en forme de cône de chantier ! c'est un logiciel visionneuse vidéo. A la base c'est un projet Français de l'​école centrale de Paris, publié le 1ère fois en 2001 ! \\ \\
 +Merci à Thierry pour les photos ;) //
 +\\
 +</​color></​box>​
 +
 +<box 100% left #C0C0C0 #303030 | <color #​E3E33A> ​
 +** 2019-12-07: Association Ilard: Install Party ** 
 +</​color>​ ><​color #000000>
 +{{ :​ilard-banner_150x35_.png?​nolink|}}
 +Notre association [[https://​www.ilard.fr/​|ILArd]] organise chaque année des événements pour découvrir les logiciels libres et GNU Linux. Il s'agit d'​expliquer et de présenter au grand public, ce qu'est un logiciel libre, son éco système. Les personnes interressées peuvent venir avec leur PC pour y installer GNU Linux ou ton simplement réaliser des tests de compatibilité matériel avec un Live CD/USB avec Ubuntu. \\ \\
 +{{:​2019-12-07-ilard-install-party_250x159_.jpg?​nolink |}}
 +C'est aussi l'​occasion de discuter technique, des projets persos en cours, bref, un bon moment convivial ou l'on partage connaissance,​ chocolat et tarte au sucre ! \\ \\
 +//Ici c'est la présentation du jeux vidéo programmé par notre plus jeune membre (11 ans) réalisé avec [[https://​scratch.mit.edu/​|scratch]] ! //
 +\\
 +</​color></​box>​
 +\\
 +<box 100% left #C0C0C0 #303030 | <color #​E3E33A> ​
 +** 2019-11-23: Sortie associative:​ Maker faire PARIS ** 
 +</​color>​ ><​color #000000>
 +{{ :​2019-11-23-maker-faire-logo_150x139_.jpg?​nolink|}}
 +[[https://​makerfaire.com/​|Maker Faire]] est le plus grand événement au monde qui regroupe ateliers, présentations et conférences autour des thèmes de la créativité,​ la fabrication et le mouvement Do it Yourself (Faites le vous-même). C'est la 3éme fois que l'on organise cette sortie avec notre association [[https://​www.ilard.fr/​|ILArd]]. Je remercie Vivian (covoit), Thierry, Samuel pour cette journée.
 +\\ \\
 +C'est l'​occasion de saluer les activistes du DIY //Faire soi-même//,​ ici Mr François MOCQ, créateur et animateur de [[https://​www.framboise314.fr/​|framboise314.fr]] qui présente en français l'​utilisation et la programmation du [[https://​www.raspberrypi.org/​|raspberrypi]]. Il nous fait la démo de son dernier projet, une station météo complète avec enregistrement sur base de donnée, et tableau de bord pour la visu.
 +\\
 +{{:​2019-11-23-maker-faire_mr-mocq_250x208_.jpg?​nolink |}}
 +//Je suis heureux d'​avoir pu discuter technique avec Mr François MOCQ (à droite), une personnalité dynamique de la communauté raspberrypi en Française ! \\ \\
 +J'​attends avec impatience la sortie de son nouveau livre sur le raspberrypi4 et le projet de station météo. Le principe d'​archivage de données pourrait être intégré à mon projet perso de monitoring d'​automate programmable ! \\ \\
 +Merci à Thierry pour la photo ;) //
 +\\
 +</​color></​box>​
 +\\
 +<box 100% left #C0C0C0 #303030 | <color #​E3E33A> ​
 +** 2019-10-17: Webpack, mon nouveau compagnon de développement web ! ** 
 +</​color>​ ><​color #000000>
 +{{ :​logo-webpack.png?​nolink&​150|}}
 +**//​ReactJS//​** fourni tout un environnement de développement clé en main. En fait c'est un peu trop full auto à mon goût. React génère un **//​bundle//​** dont le nom de fichier contient le **//​hash//​** du fichier lui-même. Pratique pour obliger le navigateur à recharger le fichier JS au fur et à mesure des modifications/​générations du projet. Mais le fait d'​avoir un fichier qui change de nom à chaque modifications pénalise l'​intégration du JavaScript dans **//les templates Django//**. \\
 +Je décide de mettre les main dans le moteur, et d'​installer **//React from scratch//** avec **//​Webpack//​**,​ pour en contrôler les réglages. \\
 +Retrouver le détail de l'​installation de **//​ReactJS,​ Babel, Sass, Compass, Bootstrap, Foundation Zurb//** etc.
 +\\ \\
 +[[developpement:​bundler:​webpack_yarn_react_from_scratch|>>>​ Voir l'​installation de Webpack avec yarn et Installation de ReactJS from scratch]]
 +\\ \\
 +
 +</​color></​box>​
 +\\
 <box 100% left #C0C0C0 #303030 | <color #​E3E33A> ​ <box 100% left #C0C0C0 #303030 | <color #​E3E33A> ​
 ** 2019-10-05: A l'​assaut de ReactJS ! **  ** 2019-10-05: A l'​assaut de ReactJS ! ** 
Ligne 43: Ligne 134:
 {{ :​developpement:​javascript:​react.js_logo-150-150.png?​nolink|}} {{ :​developpement:​javascript:​react.js_logo-150-150.png?​nolink|}}
 Je commence la formation **//​ReactJS//​**. La motivation est la difficulté à modifier et maintenir du code **//pur JavaScript//​**. \\ Je commence la formation **//​ReactJS//​**. La motivation est la difficulté à modifier et maintenir du code **//pur JavaScript//​**. \\
-J'​utilise JS dans le projet //PLC Web Monitoring//​ et c'est difficile de ce remettre dans le code pour ajouter des fonctionnalité. \\ Le découpage en **//​Components//​** de **//​ReactJS//​** devrait m'​aider à aller plus vite à modifier le code, et surtout, à le **structurer**.+J'​utilise JS dans le projet //PLC Web Monitoring//​ et c'est difficile de ce remettre dans le code pour ajouter des fonctionnalités. \\ Le découpage en **//​Components//​** de **//​ReactJS//​** devrait m'​aider à aller plus vite à modifier le code, et surtout, à le **structurer**.
 \\ \\ \\ \\
-[[developpement:​javascript:​reactjs|>>>​ Voir les notes ReactJS]]+[[developpement:​javascript:​reactjs_yarn_django|>>>​ Voir les notes ReactJS]] ​\\ \\
 \\ \\