Thomas Ribardière
Webmaster

×

Pour me contacter :

icone empreintes

Parcours & Compétences

C'est au cours d'une formation en infographie 3D multimédia effectuée auprès de l'institut NextFormation que j'ai appris l'intégration web. Cela m'a rapidemment passionné, ayant découvert avec enthousiasme que je pouvais communiquer et construire des pages graphiques et dynamiques à l'aide de ce code qui jusque-là m'avait semblé si obscur.

Souhaitant poursuivre dans cette voie j'ai pu effectuer mon stage de fin d'études au sein de l'équipe de développement de la Startup BnbSitter comme intégrateur web. Ce fut pour moi l'occasion d'approfondir mes connaissances front-end et avoir une première approche de l'univers back-end. J'ai ainsi pu travailler au sein d'une équipe de développement web, découvrir la plateforme collaborative GitHub et appréhender la construction d'un site dynamique en utilisant les langages PHP et JavaScript.

Actuellement je poursuis de manière autodidacte l'étude et la pratique des langages PHP, SQL et JavaScript. Je souhaite en acquérir davantage de maîtrise afin de pouvoir enrichir mes pages web de manière dynamique, en privilégiant l'interaction avec l'internaute .

N'hésitez pas à me contacter pour tout projet web, je serais très heureux d'en étudier les possibilités et construire avec vous l'outil de votre communication sur la toile.

HTML5

La construction d'une page web efficace commence par la mise en place d'un balisage HTML sensé et concis. Je l'utilise dans le respect des bonnes pratiques recommandées par le W3C, attentif à la sémantique des balises utilisées, favorisant ainsi un référencement naturel optimal et préservant une bonne accessibilité.

CSS3

Comme pour le HTML5 je veille à construire mes feuilles de style en CSS3 dans le respect des bonnes pratiques afin d'obtenir une mise en forme fluide et responsive, attentif à la séparation de la forme et du contenu. J'accorde une attention particulière à garder une compatibilité étendue aux différents navigateur. J'utilise souvent SASS, excellent outil d'organisation lorsque les fichiers gagnent en volume.

BOOTSTRAP

Découvert et appris lors de mon stage de fin d'étude j'ai été séduit par ce framework star qui permet d'obtenir rapidement une mise en page responsive agrémentée de nombreux effets d'animations disponibles, même si il convient de prévoir certaines finitions "à la main".

JAVASCRIPT

Le fameux "petit langage" de programmation comme il fut souvent dit n'en finit pas de gagner en importance dans l'écosystème du Web jusqu'à devenir incontournable. Celui-ci m'a rapidemment enthousiasmé par l'accroissement des possibilités d'animation des pages web qu'offrait son utilisation. Par la suite j'ai découvert qu'il savait également communiquer avec le serveur via AJAX voir même assurer le back-end du site à lui seul, rien ne l'arrête !

JQUERY

Apprise en cours de formation, la bibliothèque qui a démocratisée le JavaScript m'a permis de mener à bien facilement mes premières tentatives d'animations et simplifier considérablement mes projets plus évolués. Elle est relativement facile à appréhender, prend en charge de manière optimal les compatibilités entre les différents navigateurs, simplifie les requêtes Ajax et reste indispensable sur le web actuel.

PHP

De même que pour le Javascript j'ai appris les bases de ce langages par moi-même. Spécialiste du back-end et ne sachant d'ailleurs remplir que cette fonction, intensivement utilisé par les plus grands nom du web il est celui par lequel votre site devient dynamique. Communication avec l'utilisateur final, stockage en base de données, création de pages actualisées, gestion de panier d'achat, forum de discussion sont rendus possibles grâce à lui.

MYSQL

Base de données relationnelle côté serveur, celle-ci est l'alliée indispensable au langage PHP pour profiter au mieux de la puissance offerte. De manière classique j'utilise MySQL via phpMyAdmin pour stocker dynamiquement les informations du site.

CMS

Après avoir découvert WordPress en cours de formation, j'ai souhaité appréhender Joomla! et Drupal également. Dans ces trois cas je me suis surtout penché de manière comparative sur le fonctionnement de l'administration offerte et les possibilités de création de templates totalement personnalisés.

INFOGRAPHIE

Dans le cadre de l'illustration web j'utilise principalement Illustrator et Photoshop, avec une certaine préférence pour le logiciel de dessin vectoriel. Cependant j'ai pu lors de mes études réaliser un survol complet de la suite créative proposée par la société Adobe. A l'occasion j'apprécis également l'usage de Gimp et Inkscape, les concurrents Open Source ! Enfin je nourris une vrai passion pour la création 3D via Blender3D ou 3ds Max.

icone toile

Sites Web

Outre le présent site, j'ai pu lors de mes études, en stage ou par la suite réaliser différents sites web, en parties ou entièrement, dont voici quelques extraits. Selon les cas j'ai eu à suivre une maquette établie à l'avance, créer des pages en respectant une charte graphique établie ou bien tous développer moi-même, en concertation avec le client. A chaque fois ce fut une expérience enrichissante et motivante au cours desquels j'ai appris et découvert de nouvelles possibilités.

Musicien

le site présenté ci-dessous a été réalisé pour le musicien et ami Julio Canapa. Cela a pour moi été l'occasion de développer mes connaissances en PHP et MySQL. Ainsi j'ai créé un CMS personnalisé permettant au musicien d'annoncer son actualité et également insérer ou supprimer de nouvelles images via ses pages administrateur sans avoir à saisir une seule ligne de code.

site de Julio Canapa
Voir le diaporama

Formation

Les pages suivantes ont été réalisées en cours de formation, grâce auxquels j'ai pu apprendre l'intégration web front-end. Ainsi m'ont été enseignés le HTML5 dans le respect des bonnes pratiques, en particulier celui du sens syntaxique des balises de manière à optimiser le réferencement auprès des moteurs de recherche, et une mise en forme CSS3 fidèle à la charte graphique, précise et responsive.

site de formation
Voir le diaporama
icone todo-list

Todo List

Dans le but d'approfondir de manière pratique certains sujets fondamentaux de la programmation web appris à la lecture de tutoriels et d'ouvrages spécialisés j'ai souhaité réaliser ce projet de todo-list.

Le développement de l'interface côté client a été fait en JavaScript afin de permettre une expérience utilisateur dynamique, fluide et indépendante des soucis de connection au serveur. Cela m'a permis de progresser dans mon appréhension des manipulations, créations et modifications du DOM en javaScript et son intrication avec le code PHP.

Côté serveur j'ai mis en place un système de sessions en PHP afin de pouvoir accueillir des utilisateurs multiples. Le code de l'application a été architecturé en tenant compte du modèle MVC de manière à obtenir une structure plus logique et lisible. Ainsi chacun peut créer, modifier, sauvegarder puis récupérer sa todo list et la faire évoluer comme bon lui semble.

icone plume

Infographies

La communication visuelle fait grand usage d'images symboliques, logos et autres pictogrammes. Ceux-ci sont destinés à rendre plus attrayantes et rapidement compréhensibles les pages visitées : voici quelques tentatives personnelles dans ce domaine, en utilisant le système de dessin vectoriel proposé par Illustrator.

icone cube

3D

Au départ autodidacte, c'est le logiciel open source Blender 3D qui m'a permis de découvrir cette technologie spécifique à l'univers numérique. Rapidement enthousiaste je n'ai eu de cesse par la suite de suivre les tutoriels offerts sur la toile afin d'augmenter mes compétences. Par la suite mes connaissances dans ce domaine se sont développées en cours de formation sous 3ds Max. Fascinante et ludique, la création 3D reste mon expérience d'imagerie numérique préférée.

icone film

Photographies

Ayant à l'origine une formation en photographie argentique, je suis resté passionné par ce médium et ses techniques. C'est ainsi que je poursuis avec plaisir mes recherches personnelles dans ce domaine tout en restant attentif à son actualité technologique et iconographique.

×
accueil site Julio Canapa page photos site Julio Canapa page admin concert site Julio Canapa page admin photos site Julio Canapa
×
site greenorange site fresh restaurant site creative site orange