Ce que je sais faire
- Intégrer une maquette pixel-perfect
- Animer sans saccader (
transform&opacity) - Faire un design responsive de 320 px à 4K
- Brancher un capteur sur un ESP32 et l'envoyer en LoRaWAN
- Compresser des données en payload binaire
ISMAEL BERRAZZAG
>
Étudiant en Bachelor Informatique option cybersécurité à Nexa Lille, après un BTS CIEL. Je conçois des interfaces web animées (canvas, CSS) et je programme des cartes ESP32 qui transmettent leur position et la météo en LoRaWAN. Je cherche une alternance à Lille ou à Paris.
- 0projets publiés
- 0sur ce site
- 0conteneurs docker (tp audit)
- 0en entreprise par mois
## 01 · à propos
Du web, de l'embarqué
et de la cybersécurité.
Je suis Ismael Berrazzag (vieuxchatLsd59 sur GitHub), étudiant en Bachelor Informatique option cybersécurité à Nexa Lille, après un BTS CIEL. Je cherche une alternance, au rythme d'une semaine à l'école et de trois semaines en entreprise, à Lille ou à Paris.
J'ai commencé par apprendre les fondamentaux sur TryHackMe, puis j'ai mis en pratique tout ce que j'ai appris en construisant des projets de bout en bout : structure, design, animations, performance.
Aujourd'hui je construis des expériences web temps réel en Canvas,
j'utilise le CSS moderne (clamp(), grid,
:has(), conic-gradient) et je programme
des objets connectés : GPS, capteurs, radio LoRa, faible
consommation. Je travaille aussi avec des assistants IA de code
(Claude Code), en relisant et en testant ce qu'ils produisent.
$ cat about.txt
nom : Ismael Berrazzag
pseudo : vieuxchatLsd59
role : Dev front-end & embarqué
etudes : Bachelor info cyber · BTS CIEL
base : Web / CSS / Canvas / ESP32
github : github.com/vieuxchatLsd59
mail : ismaelberrdbz@gmail.com
status : recherche une alternance
web : HTML · CSS · JS · Canvas 2D
embarque : C++ · ESP32 · LoRaWAN · Arduino
methode : apprendre → coder → documenter
# 4 projets publiés,
# 0 lib,
une idée par commit.## 02 · compétences
Ce que je manipule
quotidiennement.
HTML5 sémantique
accessibilité, SEO, structures sémantiques
CSS moderne
grid, flexbox, custom properties, keyframes, clamp
JavaScript DOM
événements, classes, canvas, requestAnimationFrame
Canvas 2D
particules, physique de projection, performance
Python
scripts d'automatisation, outils en ligne de commande, tests unittest
Git & GitHub
branches, README, commits
C++ / Arduino
structures, tableaux, registres, interruptions
ESP32 / PlatformIO
brochage, SPI/I2C/UART, gestion d'alimentation
IoT / LoRaWAN
LMIC, payloads binaires, ACK, duty cycle
Cybersécurité
TryHackMe, PSSI, audit d'infrastructure, scans Nmap
Docker
lab de 18 conteneurs pour le TP audit
UI / UX
hiérarchie, contraste, typographie
Ce que j'apprends
- WebGL et shaders GLSL
- TypeScript
- Architecture CSS (tokens, cascade layers)
- Low power & deep sleep sur ESP32
- Accessibilité & performance
Mon environnement
- VS Code + Emmet
- Chrome DevTools (perf, rendu)
- PlatformIO + Arduino IDE
- ChirpStack (serveur LoRaWAN)
- Claude Code (assistant IA de code)
## 03 · projets
Ce que j'ai
déjà construit.
PARTICULA
Moteur de particules temps réel en Canvas 2D. Cinq distributions (sphère, galaxie, hélice, cube, texte), projection en perspective, remise à l'échelle par profondeur et typographie rasterisée pixel par pixel. Aucune image ni vidéo : tout est généré par le code.
- Canvas 2D
- requestAnimationFrame
- CSS Grid
- Vanilla JS
KITERIDER
Kit de suivi pour kite-surfeur, sur deux cartes TTGO T-Beam (ESP32 + SX1276 + GPS). La balise embarquée envoie sa position toutes les 30 s dans un payload binaire de 14 octets (lat/lon au millionième, altitude, vitesse, satellites, fix) ; la station météo mesure le vent et sa direction (anémomètre à reed compté par interruption, girouette sur ADC 12 bits) et les envoie en 4 octets. Les deux rejoignent un serveur ChirpStack en LoRaWAN, avec ACC sur chaque trame.
- C++
- ESP32
- LoRaWAN / LMIC
- TinyGPS++
- PlatformIO
- ChirpStack
PARCOURS IA
Une formation à l'IA façon TryHackMe, pour les étudiants et les PME qui doivent former leurs équipes (AI Act, article 4). Quatre salles interactives guidées par une mascotte, Nova : QCM, simulation d'arnaque où l'on clique sur les indices, points, badges et attestation de fin de salle. Des tests automatisés jouent chaque salle de bout en bout. Développée avec Claude Code.
- HTML
- CSS
- JavaScript
- SVG animé
- jsdom
- Claude Code
TP AUDIT
Un réseau d'entreprise fictif, « LogiNord », que des étudiants en cybersécurité découvrent, cartographient et évaluent pendant deux jours. Le réseau est simulé par un lab Docker de 18 hôtes avec leurs services. Au programme : scans Nmap, inventaire et cartographie physique et logique.
- Docker
- Nmap
- Réseau
- Cybersécurité
## 04 · parcours
J'apprends en
ligne, je construis
en local.
J'ai découvert le développement web en suivant des modules de TryHackMe, où j'ai travaillé le HTML et surtout le CSS : sélecteurs, cascade, box model, flexbox, grid, responsive, animations.
Le CSS est devenu mon point fort, parce qu'on voit tout de suite le résultat de ce qu'on écrit.
Chaque notion apprise est immédiatement mise en pratique dans un projet : c'est comme ça que mes projets sont nés. Côté matériel, KiteRider m'a appris qu'un montage se vérifie au multimètre : le code ne marche que si le câblage est juste.
-
début
Découverte du web
Premier HTML, premier
<style>, premiers sites. -
bts ciel
Électronique et embarqué
KiteRider : balise GPS et station météo sur ESP32, reliées en LoRaWAN à un serveur ChirpStack.
-
en cours
Bachelor informatique option cybersécurité
À Nexa Lille, avec la pratique de TryHackMe : réseau, audit, PSSI, et HTML / CSS en parallèle.
-
maintenant
Projets de bout en bout
Parcours IA (formation interactive) et le TP audit d'infrastructure (lab Docker de 18 hôtes) : concevoir, coder, tester, documenter.
-
prochaines étapes
Alternance, WebGL, TypeScript
Trouver une alternance, puis passer du Canvas 2D aux shaders.
## 05 · contact
Une alternance,
un projet ?
- mail ismaelberrdbz@gmail.com
- cv CV_Ismael_Berrazzag.pdf
- github github.com/vieuxchatLsd59
- tryhackme tryhackme.com
- statut recherche une alternance (Lille / Paris)
vieuxchatLsd59@portfolio:~$
Commandes : help about skills projects github mail cv clear whoami