| layout | title | mapbox | published |
|---|---|---|---|
page |
A propos |
true |
true |
Je me présente Olivier Marie-Joseph, 34 ans, Développeur Web front-end & Back-end en apprentissage, Breton par adoption voilà bientôt trois ans.
J'ai un ensemble diversifié de compétences, allant de la conception, aux HTML + CSS + JavaScript, PHP(Slim Framework, Eloquen), MySQL, les JamStack ( les générateurs de site statique Jekyll et Middleman), les Progresive Web Apps et l'administration des serveurs Linux.
Dans le cadre d'une reconversion proféssionnelle, je suis actuellement en formation dans un B.T.S. SIO (Services Informatiques aux Organisations) option S.L.A.M. (Solutions Logicielles et Applications Métiers) au sein du GRETA Est Bretagne localisé à Saint-Malo . J'ai pour projet proféssionnel de devenir développeur web front-end back-end au terme de cette formation.
Ce portfolio à été réalisé dans le cadre de l'épreuve E6, ici vous retrouverez :
- tous les projets que j'ai réalisés en cours de formation & en stage
- ainsi que ma veille informationnelle
- et quelques projets personnels.
HTML5
85%
CSS 3/ Sass
85%
<div class="skillbar clearfix " data-percent="40%">
<div class="skillbar-title" style="background: #0868AB;"><span>JS / jQuery</span></div>
<div class="skillbar-bar" style="background: rgb(8, 104, 171); width: 40%;"></div>
<div class="skill-bar-percent">40%</div>
</div>
<div class="skillbar clearfix " data-percent="55%">
<div class="skillbar-title" style="background: #46465e;"><span>Php</span></div>
<div class="skillbar-bar" style="background: rgb(90, 104, 165); width: 55%;"></div>
<div class="skill-bar-percent">55%</div>
</div>
<div class="skillbar clearfix " data-percent="45%">
<div class="skillbar-title" style="background: #ed2024"><span>SQL</span></div>
<div class="skillbar-bar" style="background: rgb(237, 32, 36); width: 45%;"></div>
<div class="skill-bar-percent">45%</div>
</div>
<div class="skillbar clearfix " data-percent="30%">
<div class="skillbar-title" style="background: #026e00;"><span>Node.Js</span></div>
<div class="skillbar-bar" style="background: rgb(67, 133, 61); width: 30%;"></div>
<div class="skill-bar-percent">30%</div>
</div>
<div class="skillbar clearfix " data-percent="75%">
<div class="skillbar-title" style="background: #b40000"><span>Jekyll</span></div>
<div class="skillbar-bar" style="background: rgb(180, 0, 0); width: 75%;"></div>
<div class="skill-bar-percent">75%</div>
</div>
<div class="skillbar clearfix " data-percent="55%">
<div class="skillbar-title" style="background: #8b6d27;"><span>Middleman</span></div>
<div class="skillbar-bar" style="background: rgb(251, 197, 71); width: 55%;"></div>
<div class="skill-bar-percent">55%</div>
</div>
</div>
<div class="competences--graphisme">
<h3 class="txtcenter">Logiciels</h3>
<div class="skillbar clearfix " data-percent="65%">
<div class="skillbar-title" style="background: #1F408C;"><span>Photoshop</span></div>
<div class="skillbar-bar" style="background: rgb(31, 64, 140); width: 65%;"></div>
<div class="skill-bar-percent">65%</div>
</div>
<div class="skillbar clearfix " data-percent="85%">
<div class="skillbar-title" style="background: rgb(255, 127, 26);"><span>Illustrator</span></div>
<div class="skillbar-bar" style="background: rgb(255, 127, 26); width: 85%;"></div>
<div class="skill-bar-percent">85%</div>
</div>
<div class="skillbar clearfix " data-percent="45%">
<div class="skillbar-title" style="background: #141414;"><span>Inkscape</span></div>
<div class="skillbar-bar" style="background: rgba(13, 13, 13, 0.83); width: 45%;"></div>
<div class="skill-bar-percent">45%</div>
</div>
<div class="skillbar clearfix " data-percent="75%">
<div class="skillbar-title" style="background: #373277;"><span>Visual Studio Code</span></div>
<div class="skillbar-bar" style="background: rgb(55, 50, 119); width: 75%;"></div>
<div class="skill-bar-percent">75%</div>
</div>
<div class="skillbar clearfix " data-percent="45%">
<div class="skillbar-title" style="background: rgb(103, 89, 93);"><span>Atom</span></div>
<div class="skillbar-bar" style="background: rgb(103, 89, 93); width: 45%;"></div>
<div class="skill-bar-percent">45%</div>
</div>
</div>
<div class="competences--admisystem">
<h3 class="txtcenter">Administration Système</h3>
<div class="skillbar clearfix " data-percent="65%">
<div class="skillbar-title" style="background: #000;"><span>SSH</span></div>
<div class="skillbar-bar" style="background: rgba(13, 13, 13, 0.83); width: 65%;"></div>
<div class="skill-bar-percent">65%</div>
</div>
<div class="skillbar clearfix " data-percent="45%">
<div class="skillbar-title" style="background: #000;"><span>DNS</span></div>
<div class="skillbar-bar" style="background: rgba(13, 13, 13, 0.83); width: 45%;"></div>
<div class="skill-bar-percent">45%</div>
</div>
<div class="skillbar clearfix " data-percent="80%">
<div class="skillbar-title" style="background: rgb(188, 33, 72);"><span>Apache2</span></div>
<div class="skillbar-bar" style="background: rgb(188, 33, 72); width: 80%;"></div>
<div class="skill-bar-percent">80%</div>
</div>
<div class="skillbar clearfix " data-percent="45%">
<div class="skillbar-title" style="background: rgb(0, 96, 137);"><span>Mysql</span></div>
<div class="skillbar-bar" style="background: rgb(0, 96, 137); width: 45%;"></div>
<div class="skill-bar-percent">45%</div>
</div>
<div class="skillbar clearfix " data-percent="55%">
<div class="skillbar-title" style="background: rgb(0, 171, 243);"><span>Windows Server 2012</span></div>
<div class="skillbar-bar" style="background: rgb(0, 171, 243); width: 55%;"></div>
<div class="skill-bar-percent">55%</div>
</div>
<div class="skillbar clearfix " data-percent="85%">
<div class="skillbar-title" style="background: rgb(44, 0, 30);"><span>Ubuntu Server16.04 TLS</span></div>
<div class="skillbar-bar" style="background: rgba(44, 0, 30, 0.73); width: 85%;"></div>
<div class="skill-bar-percent">85%</div>
</div>
</div>
</div>
<ul>
<li>
<h4>WebForSailor, <br>Web dévellopeur</h4>
<p><b>Stage :</b> Réalisation de prototype fonctionnel et réalisation graphique. </p>
<time>Février 2017</time>
</li>
</ul>
<h3>2016</h3>
<ul>
<li>
<h4>WebForSailor,<br> Web dévellopeur</h4>
<p><b>Stage :</b> Réalisation et mise en place d'un service web.</p>
<time>De décembre 2016 à janvier 2017</time>
</li>
<li>
<h4>WebForSailor,<br> Web dévellopeur</h4>
<p><b>Stage :</b> Initiation aux générateur de site static Jekyll et Middleman et initiation au
technique accessibilité.</p>
<time>Octobre 2016 à novembre 2016</time>
</li>
</ul>
<h3>2014</h3>
<ul>
<li>
<h4>Gutenberg technology</h4>
<p>
<b>Tâches : </b> Numérisations, tri, classements, archivages de bulletins de salaires et
factures fournisseurs.
</p>
<time>Mai 2014</time>
</li>
<li>
<h4>Ditect Energie<br> Opérateur de saisie.</h4>
<p><b>Tâches : </b> Saisie, contrôle, et mise à jour de données en base de données.</p>
<time>Avril 2014</time>
</li>
<li>
<h4>Institut Supérieur Clorivière,<br> Agent admistratif</h4>
<p>
<b>Tâches : </b> Assure l'accueil téléphonique et physique, gestion des plis, colis, et coursier. Saisie et mise en forme des documents, les
transmets et les classes. Procède à l'indexation, au classement et à l'archivage de documents.
Assure la gestion du site internet
</p>
<time>Janvier 2014 à février 2014</time>
</li>
</ul>
<h3>2012</h3>
<ul>
<li>
<h4>Helvetia assurance,<br> Agent admistratif</h4>
<p>
<b>Tâches : </b> Accueil physique et téléphonique
des clients et des courtiers, encaissement de chèque en informatique, classement et archivage de document comptable.
</p>
<time>Septembre 2012 à septembre 2013</time>
</li>
</ul>
<h3>2011</h3>
<ul>
<li>
<h4>La Farge, <br> Opérateur de saisie</h4>
<p>
<b>Tâches : </b> Saisie de facture en informatique.
</p>
<time>Mai 2011</time>
</li>
<li>
<h4>
Association Intercommunale de Parents d'Enfants Inadaptés, <br> Agent administratif</h4>
<p>
<b>Tâches : </b> Accueil téléphonique et physique, Gestion plis, colis, courriel, coursier
et fax. Planning, création et suivi de support administratif, outil de travail collaboratif.
Saisie et mise en forme des documents. Procède à l'indexation,
au classement et à l'archivage de documents. Saisie de facture et de donnée comptable, rapprochement
bancaire, immobilisation. Devis, commande, facturation, relance client Gestion des stocks,
inventaire, livraisons. Collecte les éléments d'activité du personnel et prépare les éléments
de la paie.
</p>
<time>Janvier 2011 à mars 2011</time>
</li>
</ul>
</div>