-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
337 lines (323 loc) · 11.8 KB
/
Copy pathindex.html
File metadata and controls
337 lines (323 loc) · 11.8 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
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Portfolio de GLEY Komlan Ferdinand, étudiant en Licence 1 Développement d'Applications à ESIG Global Success. Découvrez mes projets, mes compétences et le bilan de mon semestre 2."
/>
<title>Portfolio - GLEY Komlan Ferdinand</title>
<!-- Lien vers le fichier de style externe -->
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<nav>
<h2 class="logo">FRD <span>DEV</span></h2>
<button
class="menu-toggle"
id="menuToggle"
aria-label="Ouvrir le menu"
aria-expanded="false"
aria-controls="navLinks"
>
<span></span>
<span></span>
<span></span>
</button>
<ul id="navLinks">
<li><a href="#accueil">Accueil</a></li>
<li><a href="#apropos">À propos</a></li>
<li><a href="#competences">Compétences</a></li>
<li><a href="#projets">Projets</a></li>
<li><a href="#outils">Outils</a></li>
<li><a href="#bilan">Bilan</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- ACCUEIL -->
<section id="accueil" class="hero">
<div class="texte">
<h1>Bonjour, je suis <span>GLEY Komlan Ferdinand</span></h1>
<h3>Étudiant en Licence 1 Développement d'Applications (DA)</h3>
<p>
Bienvenue dans mon portfolio du semestre 2. Découvrez mes projets, mes
compétences et mon évolution dans le domaine du développement
informatique.
</p>
<a href="#projets" class="btn">Voir mes projets</a>
</div>
<div class="photo">
<img src="./image.jpeg" alt="Photo Ferdinand" />
</div>
</section>
<!-- A PROPOS -->
<section id="apropos">
<h2 class="titre">À propos de moi</h2>
<p>
Je suis <b>GLEY Komlan Ferdinand</b>, étudiant en Licence 1
Développement d'Applications à ESIG Global Success. Passionné par
l'informatique et les nouvelles technologies, je m'intéresse
particulièrement au développement de logiciels, au développement web et
à l'administration des systèmes.
</p>
<p>
Au cours de ce deuxième semestre, j'ai approfondi mes connaissances en
programmation grâce à plusieurs projets réalisés en HTML, CSS,
JavaScript, PHP et Java. J'ai également acquis des compétences en bases
de données SQL, en virtualisation avec VirtualBox ainsi qu'en
administration des systèmes Linux à travers des travaux pratiques.
</p>
<p>
Les différents projets réalisés m'ont permis de développer mon esprit
d'analyse, ma capacité à résoudre des problèmes techniques, mon
autonomie et ma rigueur. Mon objectif est de continuer à progresser afin
de devenir un développeur capable de concevoir des applications
modernes, fiables et adaptées aux besoins des utilisateurs.
</p>
<!-- Mon parcours -->
<div class="parcours">
<h3>Mon parcours</h3>
<ul class="parcours-liste">
<li><span>Nom</span>GLEY Komlan Ferdinand</li>
<li><span>Établissement</span>ESIG Global Success</li>
<li>
<span>Formation</span>Licence 1 – Développement d'Applications
</li>
<li><span>Semestre</span>Semestre 2</li>
<li><span>Année académique</span>2025 – 2026</li>
</ul>
</div>
</section>
<!-- COMPETENCES -->
<section id="competences">
<h2 class="titre">Mes compétences</h2>
<div class="cards">
<div class="card">
<h3>Développement Web</h3>
<p>
HTML <br />
CSS <br />
JavaScript <br />
PHP <br />
JSON <br />
Node.js
</p>
</div>
<div class="card">
<h3>Programmation</h3>
<p>
Java (POO) <br />
Langage C <br />
Programmation VBA (Excel Options Développeur) <br />
Algorithmique
</p>
</div>
<div class="card">
<h3>Notions de sécurité informatique</h3>
<p>
Linux Ubuntu & Système Kali Linux <br />
VirtualBox <br />
Apache <br />
Samba <br />
Communication & Fonctionnement de bas niveau
</p>
</div>
<div class="card">
<h3>Gestion & Base de données</h3>
<p>
Bases de données SQL <br />
Environnement WAMP Server <br />
Bases en gestion de Système d'Information (SI) <br />
git & GitHub <br />
</p>
</div>
</div>
</section>
<!-- PROJETS -->
<section id="projets">
<h2 class="titre">Mes projets du semestre 2</h2>
<div class="cards">
<div class="card projet">
<h3>EasyStudy</h3>
<p>
Application de gestion des études permettant aux étudiants de gérer
cours, devoirs, emploi du temps et notes.
</p>
<span>HTML - CSS - JavaScript - cahier des charges</span>
</div>
<div class="card projet">
<h3>Système de connexion PHP</h3>
<p>
Création d'une interface de connexion avec gestion d'une liste et
actions modifier/supprimer sous WAMP Server.
</p>
<span>PHP - CSS - JS - SQL</span>
</div>
<div class="card projet">
<h3>
Développement d'une application Java orientée objet (Jeu
DevineNombre)
</h3>
<p>
Application Java permettant de trouver un nombre aléatoire avec
sauvegarde du score.
</p>
<span>Java - POO</span>
</div>
<div class="card projet">
<h3>Administration Linux</h3>
<p>
Installation Ubuntu et Kali Linux dans VirtualBox, configuration
réseau, services Apache et Samba.
</p>
<span>Linux - VirtualBox</span>
</div>
</div>
</section>
<!-- OUTILS -->
<section id="outils">
<h2 class="titre">Mes outils</h2>
<div class="cards">
<div class="card">
<h3>Environnements</h3>
<p>
Visual Studio Code <br />
Eclipse IDE <br />
WAMP Server <br />
VirtualBox
</p>
</div>
<div class="card">
<h3>Systèmes</h3>
<p>
Windows <br />
Ubuntu Linux <br />
Kali Linux
</p>
</div>
<div class="card">
<h3>Gestion de versions</h3>
<p>
Git <br />
GitHub
</p>
</div>
<div class="card">
<h3>Navigateurs</h3>
<p>
Google Chrome <br />
Firefox
</p>
</div>
</div>
</section>
<!-- BILAN (COMPLET AVEC DIFFICULTÉS ET OBJECTIFS) -->
<section id="bilan">
<h2 class="titre">Bilan du semestre 2</h2>
<div class="bilan-container">
<!-- Réalisations Concrètes -->
<div class="bilan-bloc">
<h3>
<img
src="./product-realise.png"
alt=""
class="bilan-icon"
loading="lazy"
/>
Réalisations Concrètes
</h3>
<p>
Au cours de ce semestre, j'ai réalisé plusieurs projets qui m'ont
permis de mettre en pratique les notions étudiées en cours. J'ai
participé à la conception de l'application
<strong>EasyStudy</strong>, développé une interface
d'authentification en <strong>PHP</strong> connectée à une base de
données SQL, réalisé une application
<strong>Java orientée objet</strong> et effectué des travaux
pratiques en administration <strong>Linux</strong> avec VirtualBox.
Ces réalisations m'ont permis d'acquérir une meilleure maîtrise des
outils de développement et de travailler sur des situations proches
de celles rencontrées dans un environnement professionnel.
</p>
</div>
<!-- Difficultés Rencontrées -->
<div class="bilan-bloc">
<h3>
<img
src="./difficulty.png"
alt=""
class="bilan-icon"
loading="lazy"
/>
Difficultés rencontrées
</h3>
<p>
Durant ce semestre, j'ai rencontré plusieurs difficultés, notamment
dans la compréhension de la
<strong>programmation orientée objet en Java</strong>, la
manipulation de <strong>PHP avec les bases de données SQL</strong>
et la configuration des services réseau sous
<strong>Linux</strong>. Grâce aux travaux pratiques, aux recherches
personnelles, à la documentation technique et aux échanges avec mes
enseignants et mes camarades, j'ai progressivement surmonté ces
difficultés et renforcé ma capacité à résoudre des problèmes de
manière autonome.
</p>
</div>
<!-- Objectifs Semestre Suivant -->
<div class="bilan-bloc">
<h3>
<img src="./goal.png" alt="" class="bilan-icon" loading="lazy" />
Objectifs pour le Semestre 3
</h3>
<p>
Pour le prochain semestre, je souhaite approfondir mes connaissances
en <strong>développement d'applications</strong>, améliorer mes
compétences en <strong>développement web dynamique</strong> et
renforcer ma maîtrise des <strong>bases de données</strong>. Je
souhaite également découvrir de nouveaux frameworks, apprendre les
bonnes pratiques de développement collaboratif avec
<strong>Git et GitHub</strong> et réaliser des projets plus complets
afin de mieux me préparer au monde professionnel.
</p>
</div>
</div>
</section>
<!-- CONTACT -->
<section id="contact">
<h2 class="titre">Me Contacter</h2>
<p class="contact-sous-titre">
Un projet, une question ou une opportunité ? N'hésitez pas à me joindre
!
</p>
<div class="contact-container">
<!-- Carte Email -->
<a href="mailto:ferdinandgley3@gmail.com" class="contact-card">
<div class="icon">
<img src="./gmail.png" alt="Icône email" loading="lazy" />
</div>
<h3>Email</h3>
<p>ferdinandgley3@gmail.com</p>
<span class="contact-btn">Envoyer un message</span>
</a>
<!-- Carte Téléphone -->
<a href="tel:+22896923574" class="contact-card">
<div class="icon">
<img src="./phone-call.png" alt="Icône téléphone" loading="lazy" />
</div>
<h3>Téléphone / WhatsApp</h3>
<p>+228 96 92 35 74</p>
<span class="contact-btn">Appeler maintenant</span>
</a>
</div>
</section>
<footer>
<p>© 2026 - GLEY Komlan Ferdinand</p>
</footer>
<!-- Lien vers le fichier JavaScript externe -->
<script src="script.js"></script>
</body>
</html>