Arduino03-Apprendre l’AUTOMATISME et la PROGRAMMATION avec l’ARDUINO et e-genieclimatique orienté CVC

Publié le 29 août 2018 par Jean-Pierre MAZEL

La Playlist ARDUINO : APPRENDRE la PROGRAMMATION, l’AUTOMATISME avec e-genieclimatique

 

J’ai lancé cette nouvelle playlist et cette série de vidéo pour m’autoformer au bus de communication.

POURQUOI ?

Continuer la lecture →

Publié dans Arduino, Automatisme-programmation | Marqué avec , , , , , | Commentaires fermés sur Arduino03-Apprendre l’AUTOMATISME et la PROGRAMMATION avec l’ARDUINO et e-genieclimatique orienté CVC

Projet Réseau Social Privé avec React.js Node.js Express et MySQL

Publié le 4 août 2022 par Jean-Pierre MAZEL

Pour mettre en application ce que j’ai appris avec React.js Node.js Express et MySQL, je vais créer un réseau social privé , le front-end et le backend.

Dans ces vidéos on va voir toutes les étapes que j’ai franchies et tous les problèmes que j’ai rencontré et il y en a beaucoup : boucle infini avec useEffect, props drilling, lifting state up…toutes les erreurs que peut faire un débutant je les ai faites.

Actuellement j’ai fait l’interface de connexion et création de compte, la page du feed sur laquelle on peut poster des messages et sous ces message on peut y mettre des commentaires. On peut liker les messages (les posts), on peut mettre une vidéo YouTube ou une photo par le biais d’une url. On peut supprimer ses messages, ses commentaires et on peut les modifier.  Il y a un compte modérateur qui peut supprimer n’importe quel message et n’importe quel commentaire.

Pour le backend : pour la web API REST, j’utilise Express , l’authentification avec jsonwebtoken, le hachage du mot de passe avec bcrypt, l’utilisation de crypto-js pour chiffrer l’email, l’utilisation de multer pour gérer l’image de photo de profil de la fiche utilisateur, dotenv pour gérer les variables d’environnement, mysql pour me connecter à la base de données MySQL (Serveur MariaDB et phpMyAdmin pour configurer la base de données) et j’utilise d’autre package npm qui sont : password-validator, validator, helmet, morgan, nodemon

Pour le frontend : J’utilise React17  et les hooks ( le passage à React18 se fera à la vidéo JavaScript580) , react-dom, react-router-dom v6, dateformat, linkify-react, linkifyjs, @mui/icons-material. Pour le css j’utilise le CSS module.

Au cours de ces vidéos l’application va avoir plusieurs refactoring : passage des requêtes HTTP a un custom hook http (à partir de JavaScript533) , l’utilisation du hook useReducer, le passage a redux toolkit et react-redux (à partir de JavaScript568).

Dans ces différentes vidéos je vais utiliser les hooks : useState, useEffect, useContext, useCallback, useRef, useMemo, useReducer

Les customs hooks (react-router-dom , react-redux): useParams, useNavigate, useSelector, useDispatch

Les vidéos du Projet Réseau Social Privé avec React.js Node.js Express et MySQL : 
Continuer la lecture →

Publié dans Développeur Web | Marqué avec , , , , , , , , | Commentaires fermés sur Projet Réseau Social Privé avec React.js Node.js Express et MySQL

Quelques randonnées dans les Hautes-Pyrénées

Publié le 2 juillet 2021 par Jean-Pierre MAZEL

Mes différentes randonnées dans les Hautes Pyrénées

Pour voir les différentes randonnées  (vidéo et trace GPX pour information) que j’ai faites dans les Hautes Pyrénées : Continuer la lecture →

Publié dans Randonnée | Marqué avec , , , , | Commentaires fermés sur Quelques randonnées dans les Hautes-Pyrénées

Les tendances de recherche sur le web des métiers de FRIGORISTE, CHAUFFAGISTE, PLOMBIER , ELECTRICIEN recherchés sur le web-Google Trends

Publié le 26 juin 2021 par Jean-Pierre MAZEL

Quel est le métier le plus recherché sur Google entre les métiers de FRIGORISTE, CHAUFFAGISTE, PLOMBIER, ELECTRICIEN et DEVELOPPEUR WEB ?.
Il n’y a pas longtemps j’ai découvert Google Trends, c’est un outil en ligne qui permet de voir les tendances de recherche sur le web. Et on va voir les tendances sur les recherches de ces métiers. La tendance peut être surprenante…et on va voir ça.

Continuer la lecture →

Publié dans Développeur Web, Électricien d'Équipement, Frigoriste, Plombier Chauffagiste | Commentaires fermés sur Les tendances de recherche sur le web des métiers de FRIGORISTE, CHAUFFAGISTE, PLOMBIER , ELECTRICIEN recherchés sur le web-Google Trends

Visual Studio Code-Le meilleur IDE pour faire du développement web front-end et back-end-Quelques tutos vidéos pour sa prise en main

Publié le 8 juin 2021 par Jean-Pierre MAZEL

Quand tu apprends le développement web front-end et back-end , tu as besoin d’un logiciel spécifique pour écrire ton code informatique. Tu as besoin d’un IDE (integrated development environment) , un logiciel de développement intégré. Actuellement en 2021 et depuis plusieurs années, le meilleur software pour ça c’est Visual Studio Code . Dans toutes mes vidéos JavaScript sur le JavaScript natif, Node.js, React.js , j’utilise Visual Studio Code. Continuer la lecture →

Publié dans Développeur Web | Marqué avec | Commentaires fermés sur Visual Studio Code-Le meilleur IDE pour faire du développement web front-end et back-end-Quelques tutos vidéos pour sa prise en main

Apprendre les bases de Git et Github en vidéo

Publié le 4 mai 2021 par Jean-Pierre MAZEL

Git-Icon

Lorsque l’on est développeur web, il faut utiliser un logiciel de versionning   comme Git qui va permettre de gérer les différentes versions de ses programmes et de faire des sauvegardes en ligne par exemple sur GitHub.

J’ai fais une série de vidéo pour apprendre les bases de Git et Github.

La playlist des vidéos : Git et Github j’apprends les base

La liste des vidéos sur Git et Github : ci-dessous

Continuer la lecture →

Publié dans Automatisme-programmation, Développeur Web | Marqué avec , , | Commentaires fermés sur Apprendre les bases de Git et Github en vidéo

Apprendre le JavaScript pour être développeur web – mes vidéos sur le sujet

Publié le 12 août 2020 par Jean-Pierre MAZEL

Je suis en train d‘apprendre le JavaScript (j’ai commencé début juillet 2020) pour être développeur web, pour être développeur front-end dans un premier temps.

Pour être développeur web il faut apprendre et un avoir un certain niveau de maîtrise dans le HTML, CSS et le JavaScript et  il faut maîtriser un framework front end comme VUE.JS par exemple (il y a aussi ANGULAR et REACT pour les plus utilisés) à minima pour être employable en entreprise.

Le JavaScript est un langage de programmation que je trouve difficile et long à apprendre, car il y a énormément de chose à apprendre  et à retenir. Tu n’apprends pas le JavaScript en 3 semaines, et l’utiliser quand on débute n’est pas évident. 

C’est ce qui m’a motivé à créer ces vidéos sur le JavaScript, ces vidéos me servent à réviser.

ça fait plus de 10 ans que je fais des vidéos sur les sujets qui m’intéressent techniquement et ces vidéos me font progresser sur le plan professionnel, ça me permet de fixer les choses.

Je rajoute que le plus difficile lorsque l’on veut apprendre la programmation pour faire du développement web et être développeur fullstack JavaScript avec la stack MERN (MongoDB, Express, React.js, Node.js) , mis à part la quantité énorme d’information qu’il faut retenir, comprendre, en ce qui me concerne c’est que la source de l’information est en anglais, on le voit très bien avec mongoDB, express,  redux.js , node.js, mysql etc…) tout est en anglais, le français n’existe pas, il n’y a que react où il y a un peu de français dans la doc, mais la doc en fr n’est pas la dernière version de react. Et donc l’anglais est indispensable. Quand on est mauvais en anglais , c’est extrêmement pénalisant pour apprendre seul. Suivre des cours en anglais écrit comme ceux de codecademy (payant) (très déçu de la qualité des cours et de l’interface de test qui est mauvaise, pourquoi on peut pas télécharger le code pour le mettre sous visual studio code pour faire les tests ?) et avec google translate peut aider à améliorer son niveau an anglais et apprendre du vocabulaire orienté développement web. Il y a aussi freecodecamp (gratuit) , même si le cours sur react n’a pas été mis à jour avec les Hooks lorsque je l’ai suivi.

L’anglais est un boulet qui ralentit ma vitesse d’apprentissage et de progression.

Continuer la lecture →

Publié dans Automatisme-programmation, Développeur Web | Marqué avec , , , , , , , | Commentaires fermés sur Apprendre le JavaScript pour être développeur web – mes vidéos sur le sujet

Différents liens pour accéder aux documentations publiques des fabricants

Publié le 23 novembre 2019 par Jean-Pierre MAZEL

Les documentations / notices / mode d’emploi / manuel des fabricants de machine 

Les matériels Atlantic : clique ici

Les matériels Atlantic Guillot : clique ici

Les matériels Chappee : clique ici

Les matériels CARRIER : clique ici

Les matériels DAIKIN : Continuer la lecture →

Publié dans Frigoriste, Plombier Chauffagiste, Technicien de Maintenance des Équipements Thermiques | Commentaires fermés sur Différents liens pour accéder aux documentations publiques des fabricants

Arduino CODE SOURCE vidéos e-genieclimatique [YouTube]

Publié le 20 mai 2019 par Jean-Pierre MAZEL

Le code source des programmes important que l’on peut voir dans les vidéos ARDUINO  sur la chaîne YouTube e-genieclimatique : le lien de la playlist Arduino.

Merci aux contributeurs qui soutiennent la chaîne.

Les codes sources des programmes sont ci-dessous : Continuer la lecture →

Publié dans Arduino, Automatisme-programmation | Marqué avec | Commentaires fermés sur Arduino CODE SOURCE vidéos e-genieclimatique [YouTube]

Plomberie15-Fiche synthèse à connaitre

Publié le 1 septembre 2018 par Jean-Pierre MAZEL

Différentes valeurs à connaitre en plomberie sanitaire, ces valeurs sont générales, ça peut être plus ou moins suivant les cas. J’ai eu un test de plomberie sur PC pour une mission d’intérim et j’ai eu des questions par exemple sur les diamètres des évacuations etc…

Continuer la lecture →

Publié dans Plombier Chauffagiste, Plombier/Plomberie | Marqué avec , , , , , , , , , , , , , , , | Commentaires fermés sur Plomberie15-Fiche synthèse à connaitre