xn--clment-portefolio-ctb.fr Open in urlscan Pro Puny
clément-portefolio.fr IDN
54.37.153.236  Public Scan

Submitted URL: http://xn--clment-portefolio-ctb.fr/
Effective URL: https://xn--clment-portefolio-ctb.fr/
Submission: On March 08 via api from LU — Scanned from FR

Form analysis 0 forms found in the DOM

Text Content

PORTE-FOLIO_


V : 1.5

VERSION RÉTRO WEB 1.0 DES ANNÉES TURBO 2000 - HTML/CSS/VANILLA JS

Carnet de bord (Patch note)


CLÉMENT

Développeur web, j'ai réalisé ce porte-folio pour présenter mes projets
professionnels, personnels et mes compétences. Vous trouverez également mes
diplômes et une section sur mes passe-temps. Comme vous pourrez le voir, je suis
aussi un passionné de jeux-vidéo. Je suis impressionné par la créativité des
développeurs et par la façon dont ils utilisent les jeux pour raconter des
histoires et explorer des thèmes complexes. Je suis assidument les actualités
sur la technologie. Je suis aussi un grand fan de la culture geek en général,
j'aime la culture japonaise, les mangas, les animes, les films, les séries... Je
suis aussi interressé par la philosophie et la psychologie. J'ai également une
grande playlist de musiques, musiques électroniques, musiques de films, de
dessins animés, de mangas, séries...

Après un an et demie à Code Phenix où j'ai passé mon diplôme de Techniques
d'intégration web, je termine actuellement un CDD au sein d'une seconde ESN où
j'ai pu travailler et continuer à me former. J'espère de tout mon coeur intégrer
l'école 42 Paris pour pouvoir continuer à me former et travailler sur des
projets plus complexes. Et valider un diplôme de niveau Bac+4 ou supérieur en
informatique serait un rêve pour moi.


PROJETS :

Perso[blue] Pro[violet]


[EN COURS]SAKURA STREAM CHAT

J'ai commencé à utiliser des IA pour générer des images, des textes, des
musiques, clonage de voix, des vidéos etc. Sur mon ordinateur en local. J'ai
commencé par des tests de génération de textes avec Mistral/Mixtral puis lui
donner une personnalité. J'ai pu lui faire générer des images dans le chat avec
le model Stable Diffusion chargé dans une carte graphique (RTX2080 8Go) et le
Mixtral dans une autre (RTX3090 24Go). J'ai ensuite mis en place une application
Django pour pouvoir discuter avec elle en ligne. Le model est géré par mon
sereur ollama et l'api Python communique avec le serveur Django avec lequel je
génère le HTML/CSS/JS et python pour le chat. Pour la connexion web j'utilise
Apache2 et le module WSGI. J'utilise que des models et API open source.

[A VENIR]Voulez-vous en savoir plus ?


LABYBI

Un exercice où il fallait créer un mini jeu à la souris en utilisant que du HTML
et CSS (sans utilisation de Javascript!) y compris pour changer dynamiquement de
niveau. Je n'ai pas pu m'empècher de le transformer en jeu plus complet par la
suite cette fois ci en m'autorisant l'utilisation de Javascript. Tous le reste à
été fait en Javascript.

Voulez-vous en savoir plus ?


PAGE ACCUEIL À REFAIRE

Refonte graphique de la home page et du Header pour le site ILC France. Le but
était de rendre plus accessible la navigation très complexe de ce site. Il a
fallu rajouter des menus de plusieurs formes.


APPRENTISSAGE DU JAVA (CNAM À DISTANCE)

J'ai validé 4 examens en Java avec maitrise des Classes, polymorphisme,
héritage, interfaces, exceptions, collections, entrées/sorties, Java EE, Git,
Docker etc avec le CNAM à distance en 2022.


FABRICATION D'UNE SALLE SERVEUR CHEZ MOI

Suite à la récupération de serveurs et l'envie de me mettre à Linux j'ai
commencé à installer une salle serveurs chez moi. J'ai commencé par un serveur
Nextcloud pour pouvoir stocker mes données et pouvoir héberger mon site web.
J'ai aussi installé un serveur de jeu (Ark, valheim) pour pouvoir jouer avec mes
amis.

Voulez-vous en savoir plus ?


LA FERME À OBJETS

Après avoir obtenu mon examen sur les Classes en Java et travaillé sur
l'équivalent en Javascript, j'ai fait un petit jeu qui permet de mieux voir
conrètement les objets créés pour pouvoir aider mes collègues ou des
apprennants. Ici en l'occurence des Chats, Chiens etc. provenant d'un template
HTML, cloné en Javascript, puis modifié en fonction de l'objet avec une classe
mère et des classes filles, avec du polymorphisme, override etc en espèrant
vulgariser un peu le concept.

Voulez-vous en savoir plus ?


ENIGMA

Une journée calme au bureau, inspiré par les premiers tests de l'école42 j'ai
fait un petit jeu de réflexion où il faut trouver la sortie de chaque page web
en cliquant sur les bons éléments pour passer à la page suivante ! Sympa pour
faire passer le temps aux collègues :)


DIPLÔMES

2022 Titre professionnel de Techniques d'intégration web ( RS1447, HTML / CSS /
JavaScript )
2022 Obtention de 4 examens en Java ( CNAM à distance )
2018 Diplôme de Creative Technologist

(Objets connectés promotionnels, Arduino, soudage, couture du cuir, impression
3D, découpe laser...)

2017 Certificat de suivi en ligne en auto-formation sur le language C et Python
niveau 1

(Mines Telecom, Studio Code, OpenClassroom)

2011/2020 Auto-entrepreneur : réparation et formation en informatique pour
partilculiers et professionnels
2007 DAEU B

(Diplôme d'Accès aux Etudes Universitaire, équivalent BAC)

2005 Formation Technicien conseil en système informatisé

(Word, Excel, Access, découverte de la méthode Merise (Base de données),
installation et dépannage)

2000/2011 Beaucoup de métiers différents

(Poissonier, militaire Armée de l'Air et de l'Espace, boulangerie, acteur de
complément, motard dans High maintenance, caissier... )


HOBBIES

Inteligence Artificielle rencontrez mon IA : Sakura (à venir)
Inteligence Artificielle dessins avec Stable Diffusion en local sur mon ordi
Dessins dessins persos
Musics listes à venir, WiLDCaT_MiX
Podcasts Les podcasts que j'écoute, Tech, humour...
Association Gamers Assembly membre de l'association, LAN, tournois, jeux-vidéo,
cosplay etc.
Tests d'autres projets IA Whisper, Bark (txt to voice / voice to txt), clonage
de voix etc


ENTREPRISES DE RÊVE

 * Chez Mistral !
 * Chez Valve
 * Chez Cloud Imperium Games
 * Chez Quantic Dream
 * Chez CD Projekt Red
 * Chez Ubisoft
 * Chez Rockstar Games
 * Chez Bioware
 * Chez Supergiant Games
 * Chez Microsoft
 * Chez Sony
 * Chez Gearbox
 * Chez Bethesda
 * Chez From Software
 * Chez Amazon(AWS)
 * Chez Epic Games
 * Chez Square Enix
 * Chez Platinum Games
 * Chez Google
 * Chez Nintendo
 * Chez Riot Games
 * Chez Capcom
 * Chez Bandai Namco
 * Chez Konami
 * Chez Sega
 * Chez Activision
 * Chez Electronic Arts
 * Chez Naughty Dog
 * Chez Kojima Productions
 * Chez Blizzard

--> Mon GitHub ! <-- clement.massol@gmail.com Mon Curriculum Vitae ( HTML )