Thomas Ribardière
Webmaster

×

Pour me contacter :

06 40 93 57 83

contact(at)thomas-ribardiere.fr

icone technologies

Parcours et Compétences

Passionné par l'univers des images et la communication graphique, j'ai tout d'abord oeuvré dans le domaine de la photographie avant de rejoindre celui de l'imprimerie. Dans le cadre d'une formation professionnelle j'ai pu recevoir un enseignement d'infographie multimédia auprès de l'institut Next-Formation. Les cours portant sur l'intégration web m'ont passionnés, je fus enthousiasmé de pouvoir construire des pages graphiques et communiquer de manière ludique grâce à ce code en apparence si obscur.

Lors de mon stage de fin d'études au sein de la start-up BnbSitter j'ai eu l'opportunité de mettre en pratique mes connaissances dans un environnement professionnel. Ce fut également l'occasion de m'initier aux programmations PHP et JavaScript et à la conception d'un site dynamique de grande ampleur.

Après ces expériences enrichissantes j'ai poursuivi de manière personnelle mes apprentissages de développement web. Toujours intéressé par de nouveaux challenges, n'hésitez pas à me contacter pour vos projets web. Nous étudierons ensemble les meilleurs solutions afin de réaliser l'outil de votre communication sur la toile.

icone empreintes

Technologies utilisées

Les technologies présentées ici sont celles que j'utilise le plus souvent afin de mettre en forme les pages web souhaitées. J'ai pu les apprendres en cours de formation, de stage ou par moi-même à la lecture de différents tutoriels et ouvrages consacrés. Eprouvées et robustes, utilisées à bon escients elles permettent de couvrir une large palette de besoins dans la conception de sites internets.

logo html5 logo css3 logo bootstrap logo sass logo javacsript logo jquery logo php logo mysql logo wordpress

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 recommandations du 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, smartphones compris.

Bootstrap

Découvert et appris lors de mon stage de fin d'étude j'ai été séduit par ce puissant framework qui permet d'obtenir immédiatement une maquette responsive. Même si il convient de prévoir certaines finitions manuellement, il permet de travailler vite et bien.

Sass

Après avoir lu beaucoup de retour élogieux sur cette technologie j'ai souhaité en faire l'expérience. L'essayer c'est l'adopter, ce préprocesseur css permet en effet d'améliorer et faciliter nettement l'organisation du travail des feuilles de style.

JavaScript

Le fameux "petit langage" de programmation devenu incontournable dans l'écosystème du web. 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 voir même assurer le back-end d'un site à lui seul, rien ne l'arrête !

jQuery

Apprise en cours de formation, la fameuse bibliothèque JavaScript m'a permis de mener à bien mes premières tentatives d'animations et simplifier considérablement mes projets plus évolués. Indispensable pour sa prise en charge optimale des problèmes de compatibilités entre les différents navigateurs, ainsi que sa gestion des animations complexes.

PHP

Découvert lors d'un stage d'intégration web, j'ai principalement appris ce langage de programmation back-end en auto-formation. Intensivement utilisé par les plus grands nom du web il est celui par lequel votre site devient dynamique. Communication interactive avec le client, stockage en base de données, gestion des formulaires, création 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 du langage PHP pour profiter pleinement de sa puissance. Classiquement j'utilise MySQL via phpMyAdmin pour stocker de manière persistante les informations du site.

WordPress

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.

icone toile

Sites web réalisés

Avoir à travailler sur un nouveau projet est toujours une aventure excitante. Après une concertation avec le client, un devis personnalisé, une proposition de maquette ainsi que de choix technologiques sont faits. Vous êtes ensuite tenu régulièrement informé de l'avancement du projet, visible via une page web temporaire dédiée. Vos remarques et sujétions sont pris en compte immédiatement et intégrés au plus vite. Le site sera mis en ligne définitivement après validation.

Atelier 3D

Pour cette réalisation atelier3d une importante base d'images, textes et vidéos était disponible sur un premier site existant. Le projet de refonte consistait à concevoir une maquette lisible, moderne et ordonnée de toute l'information existante. Soutenu par la personnalité dynamique du client, le projet à rapidement pris forme, malgré la présence de quelques challenges techniques.

site atelier3d
Voir le diaporama

Julio Canapa

le site présenté ci-dessous a été réalisé pour le musicien et ami Julio Canapa. Cela m'a permis de mettre en pratique connaissances en PHP et MySQL. J'ai ainsi créé un CMS personnalisé permettant au musicien d'annoncer son actualité et 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 lenteurs 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 logiciel de dessin vectoriel 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.

Thomas Ribardiere

94360 Bry-sur-Marne

06 40 93 57 83 - 01 49 83 78 87

contact@thomas-ribardiere.fr

Hebergeur : EvxOnline

Siret : 831 088 984 00016

×
accueil atelier 3d realisation atelier3d faq atelier 3d cartes atelier3d
×
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