Post de BeTomorrow

👨💻 Le Starter Pack du Développeur Front chez Studio HB 👨💻 Découvrez les outils et ressources qui soutiennent le travail quotidien de nos développeurs front-end. 🔍 Veille technologique : Tailwind / Mozilla Blog / Medium : Des ressources essentielles pour suivre les dernières tendances en CSS et en développement web. Ces plateformes nous offrent des insights précieux sur les meilleures pratiques et les innovations. 🎨 Veille anim / UX : Awwwards / GSAP : Pour l'inspiration en matière de design et d'animation, Awwwards présente les sites les plus innovants, tandis que GSAP (GreenSock Animation Platform) est notre outil de prédilection pour créer des animations complexes et performantes. 🛠️ Outils de développement : TailwindCSS : Un framework CSS qui nous permet de construire rapidement des interfaces sans sacrifier la personnalisation. Stimulus : Un framework JavaScript pour enrichir nos applications avec des interactions dynamiques. GSAP : Pour des animations web fluides, GSAP est un incontournable dans notre boîte à outils. Ces outils et ressources sont au cœur de notre processus de développement front-end.

Aujourd’hui, nous allons voir la quatrième étape de mon projet : "créer un site pour proposer mes services de développeur front-end".💻 Lundi, j’ai eu l’idée... 💡 Mardi, j’ai trouvé le contenu... 📋 Hier, j’ai défini mon stack et j’ai tout codé. ⌨ J’ai passé l’audit de lighthouse et j’ai eu un joli petit feu d’artifice… 🎆 Tous les voyants sont au vert pour l’étape suivante : tester l’interface. Pour effectuer ces tests, j’ai sollicité différentes personnes de mon entourage et de communautés discord auxquelles j’appartiens pour avoir leurs avis. Et là, globalement, tous le monde est d’accord : Le site est bien fait, c’est propre, c’est net. 👍 Lorsqu’on arrive dessus, on voit tout de suite qu’on est sur le site d’une agence web, c’est sobre, c’est neutre, c’est très corporate et très froid... ❄️ C’est trop impersonnel, ça ne reflète ni ma personnalité ni mes compétences. 🤷♂️ Comme l'avais présenti Sébastien Cappon, la structure était trop classique et ne permettait pas de se démarquer. Que faire ? Le mettre quand même en prod ? 🤔 Non, si je demande des avis, c’est pour les suivre. Je vais tout reprendre, mais pas de zéro. Déjà, je change le code couleur, au revoir le bleu et le gris clair, bonjour au rouge indien (#e75d50) au gris ardoise (#49403f) et au blanc albâtre(#f6f2ea). 🎨 Ensuite je remplace les photos trop corporates et trop vues d’unsplash par des photos de moi et je donne plus de place aux projets que j’ai déjà réalisés. 📸 Je modifie également quelques textes. 📝 Enfin, j’ajoute quelques animations (comme celle du changement de carte 😉 Cecilia Giusti) et c'est déjà beaucoup mieux 😀 … Encore une étape, mais ça, on en parlera demain …… À demain. 👋 #ConceptionDeSite  #DeveloppementFrontend  #ProjetWeb

🚀 La Magie derrière mon Code 🚀 En tant que développeur passionné, je voulais partager avec vous la magie qui opère derrière mes créations numériques ! ✨ Ma stack technologique est comme un arsenal de super-héros, prête à conquérir le monde du développement web et mobile. 🦸♂️💻 🌐 React & Next.js - Mes outils de prédilection pour créer des interfaces utilisateur réactives et dynamiques. La simplicité de React et la puissance de Next.js font de chaque projet une expérience fluide et captivante. 📱 React Native - Parce que le monde ne s'arrête pas aux écrans d'ordinateur ! Avec React Native, je transforme mes idées en applications mobiles incroyables, offrant une expérience utilisateur exceptionnelle sur toutes les plateformes. ☕ Spring Boot - Mon partenaire infaillible du côté serveur. Avec la robustesse de Spring Boot, je construis des applications backend solides et évolutives. 🧬 Zustand - Ma solution d'état préférée pour gérer l'état de manière simple et efficace. Avec Zustand, la gestion de l'état devient un jeu d'enfant. 🎨 Shadcn UI - Parce que l'esthétique compte autant que la fonctionnalité. Shadcn UI ajoute la touche finale à mes projets avec des composants élégants et modernes. 🚀 Ces technologies ne sont pas seulement des outils, ce sont mes alliés dans la création d'expériences numériques exceptionnelles. Chaque ligne de code est une étape de plus vers l'innovation et l'excellence. 💪✨ Partages moi ta stack en commentaire . Rejoignez-moi dans cette aventure passionnante du développement ! 💻🚀 #CodeMagic #DéveloppeurPassionné

De nombreux développeurs négligent l'accessibilité dans leurs projets de sites web, ce qui peut rendre difficile l'accès au contenu pour certains utilisateurs. Ne pas se concentrer sur l'accessibilité peut entraîner des poursuites judiciaires et des amendes, ainsi qu'une expérience utilisateur médiocre... Je t'explique tout dans ce carrousel 👇🏽 _____________ Je suis Anani Serge AMOUSSOUGBO, actuellement développeur Front-end et Concepteur développeur Full-stack en formation chez Objis grâce au programme "un emploie en trois étapes" de 10000 CODEURS. #LinkedinChallenge #Linkedin30days #jour22

✨ Nouveau (Ancien) projet terminé ! ✨ Je suis fier de partager que j'ai entièrement refait le site Ghibliothèque, en passant d'une architecture 100% backend avec EJS et Express à une solution 100% frontend utilisant React, Redux, Tailwind, et d'autres technologies. 🚀 Oui j'avais du temps à tuer. 😁 Le site est désormais déployé sur Netlify, qui prend en charge la gestion du côté serveur. 🌐 J'ai entrepris cette refonte car la première version avait été réalisée pendant ma formation de développeur web chez Ecole O'clock. Maintenant que j'ai mon titre professionnel en poche, j'ai pris conscience de nombreuses erreurs et de nombreux axes d'amélioration en termes d'UX/UI. 🎓💡 Le nouveau site utilise l'API de Ghibli pour offrir une expérience utilisateur enrichie et optimisée. 🌸 N'hésitez pas à aller y jeter un coup d'œil et à me faire part de vos retours ! 🌟 Découvrez Ghibliothèque juste ici 👉 https://lnkd.in/eCaTRcTZ 👈 Et dans mon Portfolio 👉 https://lnkd.in/dgT4jsB2 👈 #DéveloppementWeb #React #Redux #Tailwind #Netlify #UX #UI #API #Ghibli #EcoleOclock

Je participe au challenge Figma to code de cette année 2024 ! FigmaToCode est un challenge que j’ai découvert cette année par hasard sur ce réseau. Il consiste à relever un défi par semaine et ce pendant un mois environ en développement web frontend. J’ai décidé de participer à ce challenge afin de me surpasser en créations d’interfaces utilsateur. Je partagerai chaque vendredi ce que j’aurai accompli pour chaque défi. #figmatocode #developpeurweb #frontendchallenge

🤔 Ca vous est-il déjà arrivé de vouloir un système d'engagement pour vous motiver à pratiquer vos compétences en dev? ✨ Après une discussion entres potes, l'idée m'est venue de créer un site internet dans le même esprit que Awwwards et The FWA où chaque participants pourrait soumettre une intégration d'une maquette choisie au préalable.   J'était vraiment exité au début, j'ai demandé à Luca Zo Haingo RANDRIAMANANTENA de me faire un design et Safidy Raharijesy un logo. Il y a eu un petit moment d'inactivié mais le fait que le projet intéréssait certaines personnes a un peu booster ma motivation de le continuer. 🚀 Né de cela est Ultimate Frontend Challenge, une plateforme pour améliorer nos compétences en intégration frontend. Comment ? Chaque semaine on choisit une maquette que toutes les personnes qui se sont inscrites doivent intégrer avec les outils de leurs choix (certains ont utilisé VueJS, d'autres, React, d'autre du pur HTML/CSS, bootstrap studio, etc ... ), ensuite on crée un repo github avec "ufc" dans le nom pour que le repo soit automatiquement ajouté à la base de donnée. Les autres participants peuvent alors voter mais le système de ranking n'est pas encore mis en place pour l'instant (j'envisage de faire une combinaison des votes avec des tests de performances comme lighthouse ou autre). L'inscription se fait automatiquement lorsqu'on se connecte pour la première fois avec un compte github. J'utilisé React en front (avec Redux comme state management) et firebase pour la base de donnée (firestore) et l'authentification mais j'envisage de porter le projet vers du NextJS combiné à un headless CMS 👇 Si vous avez des recommendations ou des remarques n'hésitez surtout pas à laisser un commentaire 😉

🚀 Nouvel article sur le blog DIX31 : "Comment mettre VLC en pause avec un clic de souris" 🚀 Salut à tous ! 🌟 J'ai récemment rédigé un article qui pourrait intéresser beaucoup d'entre vous, surtout si vous aimez les astuces informatiques qui simplifient la vie. Dans mon dernier post sur le blog DIX31, je partage un tip super pratique pour les utilisateurs de VLC. 🎥🖱️ Mais attendez... pourquoi parler d'astuces VLC sur un blog dédié au développement web ? Eh bien, c'est simple. En tant que développeur indépendant spécialisé dans le framework Next.js (oui, le même avec lequel est construit DIX31 😉), j'aime résoudre des problèmes et trouver des solutions intelligentes, que ce soit pour améliorer votre expérience utilisateur sur des logiciels courants ou développer des sites web sur-mesure. 🌐💡 Si vous cherchez quelqu'un pour donner vie à vos idées web avec une touche de créativité et d'efficacité, je suis là pour ça ! Que vous ayez besoin d'un site vitrine, d'une application web ou même d'un coup de main sur un projet spécifique, je m'adapte à chaque besoin. Découvrez l'article avec le lien direct dans le premier commentaire. N'hésitez pas à me contacter pour discuter de vos projets web. J'adore les défis et je suis toujours prêt à explorer de nouvelles idées. 🚀 #VLC #WebDevelopment #Nextjs #DIX31 #InnovationWeb

💡💻 #ConceptToReal | #WebAppKit | Jour 2 💻💡 Avant de concevoir mon framework, j'ai posé mes idées sur papier, à l’aide d’une carte mentale pour définir les besoins du projet 📝 J'ai réfléchi aux fonctionnalités nécessaires et aux technologies à utiliser. J'ai choisi NodeJS pour développer/déployer un script permettant de gérer le framework 🛠️🚀 Les points clés du projet : - Initialisation d'une application PWA 🌐 - Gestion des écrans de l’application 📱 - Création de composants réutilisables 🔄 Mon but était de fournir un outil simple et efficace pour développer des applications modernes et attrayantes, en suivant les meilleures pratiques du développement d’une PWA 🚀💻 J'ai également prévu la création d'une documentation et d'une page de présentation, mais aussi esquissé un premier logo et choisi un nom court, explicite et mémorable : WebAppKit 📚🎨 J'ai vérifié la disponibilité du nom de domaine correspondant et voilà, le projet pouvait enfin démarrer ! 🌐✨

👨🏽💻Développeur : "Je n'ai pas de bug, juste des fonctionnalités surprises !" 🎉 👨🏾💼Client : "Pourquoi mon site web affiche un écran blanc ?" 👨🏽💻Développeur : "C'est la nouvelle fonctionnalité 'Mode Relaxation' ! Moins de distractions, plus de concentration." 😎 😅 Parfois, le code ne fait pas ce qu'on veut... mais on trouve toujours un moyen de rendre ça amusant ! Et vous, quelle est votre "fonctionnalité surprise" préférée que vous avez rencontrée en codant ? 👀 #HumourDeDéveloppeur #CodeAvecSourire #LinkedInFun #JoCode