Voir le site en ligne < OPTIMISATION / MAINTENANCE > Après récupération de ce site, ToutTonSite Tarbes doit veiller à la maintenance et l’optimisation à la demande du client. Mise en place de popup de réservations. Veiller à l’optimisation et au référencement. Changements de photos. Changements de textes, des menus. Incorporer des carrousels d’images. Changements d’horaires. Contactez-moi
Site web avec des animations
Voir le site < Animer un site statique avec JavaScript > Dans ce projet, ToutTonSite de Tarbes doit améliorer le site WordPress d’un studio d’animation. J’ai ajouté des animations interactives et dynamiques, en utilisant JavaScript, CSS et des bibliothèques spécialisées. Manipuler les éléments du DOM avec JavaScrip Intégrerer des animations vidéo, un carrousel, des effets de parallaxe et d’apparition Utiliser des animations CSS pour enrichir l’expérience utilisateurs Utiliser Sass, un pré-processeur CSS, pour structurer et maintenir un code CSS cohérent et facile à gérer. Utiliser des bibliothèques telles que JQuery et SwiperJS CONTEXTE: Je travaille en tant qu’intégrateur WordPress chez MyCustomiWP, une agence spécialisée dans le développement de thèmes personnalisés. Ma mission est de dynamiser le site internet du studio d’animation Koukaki, dont le dernier film a été nominé aux Oscars du meilleur court-métrage d’animation ! Contactez-moi
Exemple de site simple page avec blog
<Mon premier site WordPress touttonsite> Création d’un site WordPress de promotion d’une activité de création de sites web. Je suis dans la peau d’un web designer situé à Tarbes et souhaitant lancer l’agence “ToutTonSite” pour promouvoir son activité. Prise en main de WORDPRESS Création d’un article Création d’une page Paramétrez les options de votre site WordPress Créer un menu de navigation Personnaliser l’apparence du site grâce au customizer Voir le site en ligne Contactez-moi
Site classique en html/css
Découvrir le HTML et le CSS ainsi que le responsive. Apprendre le HTML Apprendre le CSS Utiliser une maquette FIGMA S’initier au responsive CONTEXTE: Mon tout premier site, avant d’entamer la formation « INTÉGRATEUR WEB WORDPRESS » d’OPEN CLASSROOMS et de devenir ToutTonSite. voir le site en ligne Contactez-moi
Exemple de site pour une galerie d’art. Automatisation pour gérer les pages.
Premiers pas dans la programmation PHP, pour automatiser la création de pages et éliminer le code dupliqué. Les fondamentaux du langage PHP Utiliser PHP pour automatiser la création des pages web Factoriser le code afin d’éliminer les répétitions CONTEXTE: Je suis freelance chez ToutTonSite depuis peu dans le développement web, et inscrit sur plusieurs sites pour proposer mes services et répondre à des missions. Je suis contacté par The Artbox, une galerie d’art moderne. voir le site en ligne Contactez-moi
Personnalisation d’un thème wordpress
< Personnaliser un thème WordPress pour une startup avec HTML, CSS et PHP > Adapter un template WordPress selon une maquette, et personnaliser un thème enfant avec PHP. Versionner le code avec GitHub. Personnaliser un template WordPress conformément à une maquette Personnaliser un thème enfant sur WordPress avec PHP Versionner son projet avec Git et Github CONTEXTE: Intégrateur WordPress dans une agence web, je suis en charge du développement du site vitrine de Planty, une jeune marque de boissons énergisantes à base de plantes. Contactez-moi
Optimiser la performance, le référencement et l’accessibilité du site
< Optimiser un site WordPress existant > Travailler sur l’optimisation d’un site WordPress existant pour une marque de vêtements. La mission sera d’améliorer les performances, le référencement (SEO) et l’accessibilité du site. Importation du site en local Utilisation d’outils d’optimisation pour améliorer la vitesse et l’efficacité du site. Apprendre l’optimisation du SEO et de l’accessibilité pour améliorer le référencement naturel. Procéder à une évaluation post-optimisation pour mesurer et comparer les performances avant et après l’interventions CONTEXTE: Une de mes amies a rencontré Sarah, une passionnée de mode très influente sur les réseaux sociaux. Cette dernière lui a mentionné un démarrage difficile pour la boutique. Dans une démarche de prospection, j’ai analysé le site et constaté, effectivement, certains problèmes. Je lui propose mes services. Contactez-moi
Planification du projet
< Planifier le développement d’un site de vente de vélos électriques > Je dois planifier le développement d’un site de vente en ligne. Définir les spécifications techniques et gérer le projet de développement. Rédiger les spécifications techniques d’un projet Découper une fonctionnalités en tâches pour préparer le développement Mettre en place un système de veille technologique Utiliser des outils de gestion de projets, Gantt et Kanban Présenter la solution technique au client CONTEXTE: Je suis embauché en tant que développeur chez Emoving, une jeune start-up qui produit des vélos et des trottinettes électriques. Suite à une levée de fond, Emoving doit en priorité développer le côté e-commerce de son site internet, en y ajoutant une boutique en ligne. Je suis désigné « chef de projet ». Contactez-moi
Debugger un site wordpress
< Débugger et tester un site WordPress > Débugger et tester un site WordPress qui a rencontré des problèmes suite à une mise à jour. Cloner le site sur un environnement local pour travailler en toute sécurité Débugger le code d’un site WordPress grâce à wp-debug Rédiger un cahier de recette pour documenter les bugs identifiés Préparer un document expliquant les tests unitaires et fonctionnels Tester le fonctionnement et la performance du site WordPress CONTEXTE: Développeur WordPress en freelance. La PME MedIT, spécialisée dans les systèmes informatiques sur mesure pour le secteur médical, fait appel à moi en urgence pour réparer son site. Contactez-moi
Rajout d’une section et de boutons pour télécharger les plannings
< RIDING CITIES> Ce projet est une introduction aux fondamentaux du langage HTML. Je dois travailler sur la mise à jour de la page web d’une association. Créer une nouvelle section, “Les membres fondateurs”, avec les noms et photos des créateurs de l’association. Modifier la section comprenant le bouton “Télécharger le planning de cours” pour ajouter un titre et deux boutons permettant de télécharger deux plannings de cours différents (un pour les enfants et un pour les adultes). Apprendre le HTML Utilisser FIGMA Utiliser Visual Studio Code CONTEXTE: J’ai rejoint l’agence Webonzaï pour un stage en tant que développeur junior. Ma première mission mettre à jour la page Internet de Riding Cities, une association sportive qui promeut le skate en région. Contactez-moi
