-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
260 lines (247 loc) · 9.97 KB
/
index.html
File metadata and controls
260 lines (247 loc) · 9.97 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jonathan Selle (Jonatjano)</title>
<link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<body>
<div>
<div class="header">
<span>Jonathan Selle</span>
<a href="#about">présentation</a>
<a href="#projects">mes projets</a>
<a href="#CV">CV</a>
<a href="#skill">compétences</a>
<a href="#contact">contact</a>
</div>
</div>
<div id="about">
<h1>présentation</h1>
<div class="center">
<h3>Développeur fullstack</h3>
<p>
Passionné par le développement, je suis toujours à la recherche de nouveaux défis afin d'approfondir mes connaissances.
</p>
</div>
</div>
<div id="projects">
<h1>mes projets</h1>
<div class="flexContainer">
<div>
<h3>
<a href="https://github.com/jonatjano/empire-defense">Empire Défense</a> - en cours
</h3>
<p>
Réécriture en Javascript statique du jeu Android éponyme
</p>
<p>
Les informations du jeu n'étant pas disponible en ligne, tout ce qui est implémenté a été déduit en jouant à la version originale.
</p>
</div>
<div>
<h3>
<a href="https://github.com/jonatjano/HtmlBuilder">HtmlBuilder</a> - fini
</h3>
<p>
Bibliothèque Javascript composé de 3 parties :
</p>
<ul>
<li>
un wrapper fluent autour de l'API DOM du navigateur;
</li>
<li>
un object facilitant le binding bidirectionnel d'une variable entre le Javascript et le DOM;
</li>
<li>
une fonction permettant de parser du code HTML en DOM, celle-ci peut, graçe à l'utilisation d'attributs spécifiques, ajouter des éléments conditionnels ou encore des boucles;
</li>
</ul>
<p>
<b>Possibilité d'amélioration</b> : rendre la partie parsage plus facile d'utilisation en remplaçant les attributs de structure par des balises.
</p>
</div>
<div>
<h3>
<a href="https://github.com/jonatjano/hiveManager">hiveManager</a> - fini
</h3>
<p>
Projet PHP permettant de faciliter l'entretien d'un cheptel de ruches.
</p>
<p>
Ce projet écrit a été écrit à 100% via l'utilisation d'IA.
</p>
</div>
<div>
<h3>
<a href="https://github.com/jonatjano/typeDecoratorJs">Type decorator JS</a> - fini
</h3>
<p>
Bibliothèque Javascript utilisant les annotations, telles que proposées par le consortium TC39, permettant de typer ses variables et ses fonctions.
</p>
<p>
L'assertion se fait lors de l'exécution via des erreurs qui doivent être capturées afin d'assurer le bon fonctionnement de l'application.
</p>
<p>
<b>Possibilité d'amélioration</b> : mise à jour afin d'utiliser une version plus récente de la proposition
</p>
</div>
<div>
<h3>
<a href="https://github.com/jonatjano/unitConversion">unitConversion</a> - fini
</h3>
<p>
Bibliothèque Javascript permettant de définir des valeurs selon des unités physiques ainsi que de convertir entre différentes unités.
</p>
<p>
Les unités du Système International ainsi que des systèmes métrique et impérial sont disponibles, de plus il est facile de définir ses propres unités pour les utilisations spécifiques.
</p>
</div>
</div>
</div>
<div id="CV">
<h1>mon CV</h1>
<div class="center">
<h2>Expérience</h2>
<div class="flexContainer">
<div>
<h3>
<a href="https://www.trace-software.com/fr/">Trace Software International</a>
<br>2018
</h3>
<ul>
<li>Transition d'une infrastructure monolithique vers une infrastructure à microservices</li>
<li>Développement d'un microservice de calculs d'équations personnalisées par l'utilisateur;</li>
<li>Validation et stockage de données et d'équations avec des unités physiques;</li>
<li>Maintient d'une application mobile;</li>
<li>Développement d'un microservice de récupération et d'extraction de données de facturation par PDF;</li>
<li>Mise en place de tests unitaires, de tests end-to-end et d'intégration continues;</li>
</ul>
</div>
</div>
<hr>
<h2>Formations</h2>
<div class="flexContainer">
<div>
<h3>
<a href="#">Master IWOCS (<b>I</b>ngénierie du <b>W</b>eb, des <b>O</b>bjets <b>C</b>ommunicants et des <b>S</b>ystèmes complexes)
<br>Université le Havre Normandie</a>
<br>2019-2021
</h3>
<p>
<a href="https://www.univ-lehavre.fr/IMG/pdf/brochure_st_master_informatique_-_iwocs.pdf">Presentation du Master</a>
<a href="https://www.univ-lehavre.fr/IMG/pdf/descriptionmasteriwocsc.pdf">Contenu de la formation</a>
<hr>
Formation se concentrant principalement sur le web et l'IoT.
</p>
<div>
<h3>
<a href="#">Licence 3 Informatique
<br>Université le Havre Normandie</a>
<br>2018
</h3>
<p>
<a href="https://www.univ-lehavre.fr/spip.php?formation4">Présentation de la licence</a>
<hr>
Formation polyvalente par approfondissement de l'enseignement du DUT.
</p>
</div>
<div>
<h3>
<a href="https://www-iut.univ-lehavre.fr/index.php?option=com_content&view=category&layout=blog&id=102&Itemid=109&lang=fr">DUT Informatique
<br>IUT du Havre</a>
<br>2016 - 2018
</h3>
<p>
<a href="https://www-iut.univ-lehavre.fr/index.php?option=com_content&view=category&layout=blog&id=148&Itemid=180&lang=fr">Présentation du DUT</a>
<br>
<a href="https://www-iut.univ-lehavre.fr/assets/doc/informatique/ppn_informatique_256097.pdf">Programme Pédagogique National</a>
<hr>
Formation polyvalente par l'apprentissage du Java pour le software, et des bases de programations web front-end (HTML, CSS, JS) mais aussi back-end (PHP, SQL, JSP), ainsi que la creation et gestion d'un réseau et d'un systeme (bash, C).
</p>
</div>
<div>
<h3>
<a href="http://lycees.ac-rouen.fr/lillebonne/articles.php?lng=fr&pg=902">Baccalauréat général Scientifique
<br>Lycée Guillaume le Conquérant à Lillebonne</a>
<br>2014 - 2016
</h3>
<p>
Spécialité Informatique et Science du Numérique (mention bien)
<br>Création en équipe d'un jeu en JavaScript (<a href="./MissionBombParty/index.html">BombParty</a>)
</p>
</div>
</div>
</div>
</div>
<div id="skill">
<h1>Mes Compétences</h1>
<div class="center">
<div class="skillContainer">
<div class="skillBlock">
<h3>WEB</h3>
JavaScript : <progress value="90" max="100"></progress>
TypeScript : <progress value="75" max="100"></progress>
HTML5 : <progress value="80" max="100"></progress>
CSS3 : <progress value="80" max="100"></progress>
PHP8.4 : <progress value="80" max="100"></progress>
Angular : <progress value="70" max="100"></progress>
React : <progress value="10" max="100"></progress>
</div>
<div class="skillBlock">
<h3>Logiciel</h3>
NodeJS : <progress value="80" max="100"></progress>
C : <progress value="60" max="100"></progress>
C++ : <progress value="70" max="100"></progress>
Java : <progress value="40" max="100"></progress>
C# : <progress value="20" max="100"></progress>
</div>
<div class="skillBlock">
<h3>Autre</h3>
SQL : <progress value="70" max="100"></progress>
NoSQL : <progress value="60" max="100"></progress>
Git : <progress value="80" max="100"></progress>
Docker : <progress value="80" max="100"></progress>
</div>
<div class="skillBlock">
<h3>Outils</h3>
suite Jetbrains : <progress value="80" max="100"></progress>
Github : <progress value="70" max="100"></progress>
Gitlab : <progress value="60" max="100"></progress>
Azure Devops : <progress value="50" max="100"></progress>
Microsoft 365 : <progress value="40" max="100"></progress>
Gimp : <progress value="40" max="100"></progress>
</div>
</div>
</div>
</div>
<div id="contact">
<span>
Contact : jonatjano@gmail.com
<a class="fas fa-envelope" href="mailto:jonatjano@gmail.com?subject=contact from jonatjano.github.io"></a>
</span>
<span>
<a class="fab fa-github" href="https://github.com/jonatjano"></a>
<a class="fab fa-stack-exchange" href="https://stackexchange.com/users/14056834/jonatjano?tab=top"></a>
<a class="fab fa-steam" href="https://steamcommunity.com/id/jonatjanoj/"></a>
</span>
</div>
</div>
<!-- <ul>
<li>
<a href="./canvas/index.html">Canvas</a>, Il s'agit d'un petit jeu en 2D isométrique dans lequel le joueur se bat contre différents groupes de monstres.<br>
<div class="rules">Les contrôles sont expliquées sous la barre de vie sur la droite de l'écran.</div>
<a href="./canvas/index.html"><img src="apercuCanvas.png" alt="aperçu du jeu Canvas, on y voit le joueur et deux monstres"/></a>
</li>
<li>
<a href="./MissionBombParty/index.html">MissionBombParty</a>, Il s'agit du projet rendu pour l'épreuve de la spécialité d'informatique et sciences du numérique au BAC.<br>
L'objectif est de désamorcer une bombe généré dynamiquement,<br>
le temps maximum pour désamorcer la bombe se réduit à chaque bombe déjà désarmorcé.<br>
<div class="rules">Les règles sont écrites dans un livret qui apparais lorsque l'on survole l'icone en haut gauche de la bombe.</div>
Ce projet à été fait en groupe avec François Longo et Corentin Pinto.<br>
<a href="./MissionBombParty/index.html"><img src="apercuBombParty.png" alt="aperçu du jeu MissionBombParty, on y voit une bombe composée de deux modules de fils electriques et deux modules de bouton"/></a>
</li>
</ul> -->
</body>
</html>