𝐏𝐫𝐨𝐣𝐞𝐭 𝐖𝐞𝐑𝐞𝐚𝐝𝐁𝐨𝐨𝐤 𝐂𝐨𝐦𝐦𝐞𝐧𝐭 𝐣’𝐚𝐢 𝐦𝐢𝐬 𝐞𝐧 𝐩𝐥𝐚𝐜𝐞 𝐮𝐧 𝐟𝐫𝐨𝐧𝐭𝐞𝐧𝐝 𝐬𝐨𝐮𝐬 𝐜𝐨𝐧𝐭𝐫𝐚𝐢𝐧𝐭𝐞… 𝐴𝑡𝑡𝑒𝑛𝑡𝑖𝑜𝑛, 𝑝𝑜𝑠𝑡𝑒 𝑡𝑒𝑐ℎ𝑛𝑖𝑞𝑢𝑒, 𝑠𝑖 𝑣𝑜𝑢𝑠 𝑛’𝑦 𝑐𝑜𝑛𝑛𝑎𝑖𝑠𝑠𝑒𝑧 𝑟𝑖𝑒𝑛, 𝑟𝑒𝑔𝑎𝑟𝑑𝑒𝑧 𝑗𝑢𝑠𝑡𝑒 𝑙𝑎 𝑣𝑖𝑑𝑒́𝑜. 😉 Donc pour le bootcamp auquel je participe, il fallait que j'implémente le système de recherche d’une bibliothèque. Par contre, je devais 𝐬𝐮𝐢𝐯𝐫𝐞 𝐥𝐞 𝐜𝐚𝐡𝐢𝐞𝐫 𝐝𝐞𝐬 𝐜𝐡𝐚𝐫𝐠𝐞𝐬. Il fallait : a) que l’utilisateur puisse trouver le livre qu’il recherche (logique 😅), b) que lorsqu’il entre des lettres correspondant au livre recherché, le nombre de propositions affichées soit filtré, c) que la recherche soit faite en temps réel, sans rechargement de la page, d) que lorsque la barre de recherche (input) soit vide, l’ensemble des livres s’affiche. Voyons un peu plus ce qui se passe. 𝐚) La recherche de livres se base sur une combinaison entre la recherche d’un motif (regex) et l’usage d’un algorithme de recherche linéaire, algorithme qui suffit pour parcourir un tableau de 10 éléments. Les motifs correspondant au regex sont ensuite mis dans un tableau. 𝐛) Pour le filtre des livres, j’appelle une fonction qui parcourt le tableau filtré par le regex et qui affiche les résultats dynamiquement. 𝐜) Grâce à l’affichage dynamique, pas de rechargement de la page ; tout est plus fluide. 𝐝) Pour finir, les livres sont tous réaffichés dynamiquement en suivant le même procédé. La seule particularité est que cette fois-ci, c’est le tableau originel contenant les 10 livres qui est utilisé. 𝐍𝐎𝐓𝐄 : Pour le début du projet, les informations sont récupérées à partir d’un fichier JSON, puis stockées dans un tableau, mais pour la suite du projet (les prochains postes), je les ai récupérées dans une base de données MySQL grâce à PHP, traitées, puis renvoyées vers le frontend. En d'autres termes, dans la suite du projet, on va utiliser l'excellentissime PHP !!! 🚀 ______________________________________ Si vous êtes à la recherche d'un alternant développeur web capable de dynamiser une équipe par sa proactivité, sa capacité à apprendre rapidement, et son aptitude à partager ses connaissances, 𝐜𝐨𝐧𝐭𝐚𝐜𝐭𝐞𝐳-𝐦𝐨𝐢
Post de Erudit AOUE
Plus de posts pertinents
-
💡𝟱 𝗜𝗗𝗘𝗘𝗦 𝗗𝗘 𝗣𝗥𝗢𝗝𝗘𝗧𝗦 𝗣𝗢𝗨𝗥 𝗗𝗘𝗕𝗨𝗧𝗘𝗥 𝗘𝗡 𝗝𝗔𝗩𝗔𝗦𝗖𝗥𝗜𝗣𝗧 📜 𝟭. 𝗧𝗼𝗱𝗼𝗟𝗶𝘀𝘁 : Un mini projet pour commencer à se familiariser avec l'entrée de données et son affichage. • ➡ Comment gérer et afficher différents éléments en fonction de leur état. • ➡ Comment créer, récupérer, modifier et supprimer des objets en JavaScript. • ➡ Comment aller plus loin avec de la permanence de data localement en explorant localStorage. 💭 𝟮. 𝗚𝗲́𝗻𝗲́𝗿𝗮𝘁𝗲𝘂𝗿 𝗱𝗲 𝗰𝗶𝘁𝗮𝘁𝗶𝗼𝗻𝘀 : Un système de citations aléatoire pour se familiariser avec la fonction Math.random(). • ➡ Récolter les citations voulues de manière intelligente en scrapant la data. • ➡ Mettre les citations dans un tableau afin de pouvoir les exploiter. • ➡ Construire une UI (User Interface) pour afficher le contenu de manière aléatoire. • ➡ Créer un bot qui génère les citations de façon automatisée. ➗ 𝟯. 𝗖𝗮𝗹𝗰𝘂𝗹𝗮𝘁𝗲𝘂𝗿 𝗱'𝗜𝗠𝗖 : Un très bon exercice pour les débutants en JavaScript. • ➡ Déclarer une variable en calculant le poids par la taille : "const IMC = poids * taille ** 2" • ➡ Construire un formulaire d'entrée de données et une UI en html pour afficher le résultat. ⌛ 𝟰. 𝗖𝗼𝗺𝗽𝘁𝗲 𝗮 𝗿𝗲𝗯𝗼𝘂𝗿𝘀 : Cet exercice vous apprendra a manipuler l'API de Date ainsi que les timeouts et intervals. • ➡ Comprendre la syntaxe de base, les déclarations, les variables et les structures de contrôle (boucles, conditions) • ➡ Apprendre à utiliser 'setTimeout' et 'setInterval' pour exécuter du code après un certain délai à des intervalles réguliers. 📢 𝟱. 𝗖𝗹𝗼𝗻𝗲 𝗱𝗲 𝗬𝗼𝘂𝗧𝘂𝗯𝗲 : Ce projet vous aidera a mieux comprendre comment fonctionnent les API et comment effectuer des requêtes. • ➡ Manipulation du DOM • ➡ Gérer des évènements utilisateur comme les clics, les soumissions, les formulaires, les scrolls etc. • ➡ Utiliser les promesses, async/await les API AJAX pour effectuer des requêtes HTTP et manipuler les données de manière asynchrone. Et toi, quelles idées de projets tu as en JavaScript ? 😉 Dis le moi en commentaire 💬 #developement #developers #community #javascript #beginner #learning #code #API
Identifiez-vous pour afficher ou ajouter un commentaire
-
Python 🐍 est il le nouveau JavaScript 💩 (💩 vous a trigger, avouez ? La suite va vous plaire...) Non parce que JavaScript est là grâce à un concours de circonstances hein. C'est de notoriété publique. Attention. Je ne dis pas que le langage n'a pas évolué, qu'il n'est pas meilleur qu'il ne l'était à ses débuts, blah blah blah... ... ENCORE HEUREUX qu'il a évolué, la plaie ! On ne compte plus les memes et articles sur pourquoi ce langage est un ovni qui ne devrait pas se retrouver en production. Ce n'est pas pour rien que TypeScript se fait une si belle place. CEPENDANT. JavaScript reste le roi du web, pourquoi ? Parce qu'il était là en premier. Parce qu'il a fondé le web2, tout comme PHP a fondé le web1 et est toujours là (et fait un glow up de fou 🤩). Mais bon, autant j'en ai envie, autant le post n'est pas là pour critiquer JavaScript... Il est là pour tacler Python. Du coup, je me suis fait une remarque. Pourquoi python est le langage de base pour les projets d'IA ? - C'est interprété (comprendre lent), - Consommateur de mémoire (garbage collector), - la plaie en version et dépendances (au secours pip...), - Compliqué à lire (tout a base d'indentation, on savait que c'était un problème à force de configurer no cd en yaml non ?) - et j'en passe. Pourquoi ? 🤯 Mon analyse du PMU est la suivante : il était là avant les autres. Il était là parce qu'utilisé par les matheux et les data scientists... ...Donc les premières librairies ont été faites en python (tensorflow, numpy, pandas, etc) Donc les recherches aussi... Puis pour aller plus vite on utilise l'existant. Et l'histoire à fait le reste. Est-ce que le langage va glow up grace à ça ? Ou est-ce qu'on donnera naissance à un Bun version Python et à un PyScript (lol, ca existe déjà) ? L'avenir nous le dira. En tout cas, utilisez python pour l'IA mais arrêter de faire des API claquées au sol avec ! #python #ia #data #javascript
Identifiez-vous pour afficher ou ajouter un commentaire
-
🐍 Python sur tous les fronts(-end) ! 🤯 ✅ Vous êtes fan de Python ? ✅ Vous voulez aller plus loin que streamlit pour faire du front ? ❌ Mais vous ne voulez pas apprendre un framework front-end comme React/VueJs/Angular ? Et bien tout ça est aujourd’hui possible grâce à Rio ! 🐍 Rio est un framework facile à utiliser pour créer des sites web et des applications et est entièrement basé sur Python. Selon Rio Labs à l’origine du projet, vous n'aurez pas besoin d'une seule ligne de HTML, CSS ou JavaScript pour créer de belles applications modernes. Rio apporte des composants de type React à Python. Vous pouvez tirez parti d'une multitude de composants intégrés et les combinez pour créer vos propres composants personnalisés. Combinez-les ensuite pour créer des applications complètes. Mieux encore, les applications Rio peuvent s'exécuter aussi bien localement sur votre machine que sur le web. 👨💻 Qui l'eût cru ? 2024 sera peut-être l'année des développeurs full-stack Python ! ------------------ Hello je suis Florent et je publie régulièrement sur la data. Tu peux me suivre, appuyer sur la cloche 🔔 , et t'abonner à la newsletter Data-crafting.io : https://lnkd.in/eKpq8DjD
Identifiez-vous pour afficher ou ajouter un commentaire
-
🚨 Ce ne sont PAS des langages de programmation... Encore aujourd'hui, il y a des gens qui croient que HTML et CSS sont des langages de programmation. C'est une erreur qui mérite d'être corrigée ! Alors, que sont-ils vraiment ces deux-là ? HTML (HyperText Markup Language) est un langage de balisage utilisé pour structurer le contenu des pages web. Il permet de définir des éléments comme les titres, les paragraphes, les images, les liens, etc. En gros, HTML construit le squelette d'une page web. CSS (Cascading Style Sheets) quant à lui, c'est un langage de style utilisé pour embellir et mettre en forme le contenu défini par HTML. CSS contrôle les couleurs, les polices, les mises en page et l'aspect visuel général des éléments HTML. Mais alors, pourquoi ne sont-ils pas des langages de programmation ? Parce qu'ils ne possèdent pas de logique métier. C'est gros français, hin.😂 Bon, je t'explique. En fait, un langage de programmation permet d'écrire des instructions qui sont exécutées par un ordinateur pour réaliser des opérations, effectuer des calculs ou manipuler des données. Ils sont conçus pour créer des algorithmes et gérer la logique. Il en existe une panoplie aujourd'hui. Chacun répondant à un besoin bien précis. À titre d'exemple, on peut citer : JavaScript, Python ou Java, C++, C#, PHP... HTML et CSS ne font pas cela. Ils ne possèdent pas de logique ou de capacité à exécuter des instructions conditionnelles, à boucler ou à manipuler des données. Ils servent uniquement à structurer et à styliser le contenu, sans logique d'exécution. En résumé, HTML et CSS sont essentiels dans le développement web, mais ils ne sont pas des langages de programmation. Ils créent l'apparence et la structure, mais ne « programmant » pas les comportements. #SoftwareEngineering #Coding #Dev #LangageDeProgrammation
Identifiez-vous pour afficher ou ajouter un commentaire
-
Lorsqu'on travaille avec Django, on rencontre souvent le problème suivant : lorsque l'on reçoit un fichier HTML, il faut modifier les URLs des fichiers statiques en utilisant {% static %}. J'avais la flemme de tout remplacer manuellement, et ça faisait longtemps que je n'avais pas eu une bonne dose de code. Plutôt que de chercher une solution sur Internet, je me suis dit : pourquoi ne pas créer un programme pour résoudre ce problème ? J'ai donc relevé le défi, et pour rendre les choses encore plus intéressantes, j'ai décidé de ne pas utiliser Python, mais plutôt de coder en C, mon bon vieil ami 😅. Après quelques allocations de mémoire ici et quelques larmes versées là, j'ai réussi à obtenir un code propre, optimisé et fonctionnel. Vous pouvez voir une capture d'écran de mon travail dans cette publication. Je partage également le lien vers mon dépôt GitHub pour que vous puissiez proposer des améliorations. N'hésitez pas à me contacter si vous faites des trucs sympas avec ce code. Ce fut une très longue nuit blanche 😅, mais j'ai adoré ! Lien du programme : https://lnkd.in/ehDb3E9X
Identifiez-vous pour afficher ou ajouter un commentaire
-
T'es-tu déjà demandé d'où viennent les noms de nos frameworks backend préférés? Plongeons dans l'histoire de cinq d'entre eux pour voir ce qui les rend si spéciaux. 📜✨ 1️⃣ Django: Le nom vient de Django Reinhardt, un virtuose du jazz manouche. Tout comme sa musique, ce framework Python est fluide, dynamique et plein de nuances. Il représente l'harmonie entre simplicité et puissance. 🎸 2️⃣ Ruby on Rails: Le "Ruby" fait référence à la pierre précieuse, symbole de beauté et de valeur. Les "Rails" évoquent des chemins tracés pour avancer rapidement et efficacement. Ensemble, ils incarnent un environnement de développement élégant et rapide. 💎🚂 3️⃣ Spring: Ce nom évoque le renouveau, la croissance. Spring est né pour simplifier le développement en Java, rafraîchissant les concepts lourds de l'époque. C'est un symbole de légèreté et de flexibilité dans un écosystème complexe. 🌱🌼 4️⃣ Express: Le nom est synonyme de rapidité et d'efficacité. Express, framework Node.js, promet une simplicité et une vitesse d'exécution impressionnantes, permettant aux développeurs de créer des applications web sans se perdre dans des détails inutiles. 🏃♂️🚀 5️⃣ Flask: Un micro-framework Python léger, d'où le nom "Flask" (une petite fiole). Il symbolise la facilité d'utilisation et la transportabilité. Parfait pour des applications simples, mais capable de grandir avec tes besoins. 🍶🐍 Ces noms ne sont pas choisis au hasard. Ils portent chacun une histoire, une philosophie. La prochaine fois que tu utilises l'un de ces frameworks, pense à l'inspiration derrière le nom. Ça donne une nouvelle dimension à ton code, non? Et toi, quel framework préfères-tu utiliser? Dis-moi en commentaire! 👇🔧
Identifiez-vous pour afficher ou ajouter un commentaire
-
En plein développement d'un Site web pour un organisme qui souhaite sa présence en ligne. Tech: Back : Python/Django; Front : HTML, CSS et JavaScript; BDD : PostgreSql Pourquoi ce choix : ☑️ Python est le langage que je comprends le mieux pour le back; ☑️ Django est mon framework favori pour tout développement web, je comprends bien son architecture ; ☑️ PostgreSQL est le système de gestion de base de données que j'utilise au quotidien pour sa robustesse, sa logique et les fonctionnalités avancées qu'il met en place, il n'est pas trop permissif comme MySQL c'est à dire qu'il n'admet pas certaines petites erreurs mineures 😊. Je hâte de vous présenter le résultat dans un bref délai. Ce bout de code permet aux visiteurs du site de laisser les commentaires sur les articles. A bientôt.
Identifiez-vous pour afficher ou ajouter un commentaire
-
🔍 Exploration du Local Storage en JavaScript : Un AutreMoyen de Stocker des Données ! 💻✨ Hello tout le monde, En tant que développeur back-end passionné par Node.js & Python, je passe beaucoup de temps à travailler sur des systèmes de stockage de données robustes. Cependant, je m'intéresse également aux solutions front-end, et récemment, j'ai voulu approfondir l'utilisation du local storage en JavaScript natif. Pourquoi le local storage ? 🤔 Il peut être une solution pratique pour stocker des données côté client, directement dans le navigateur. Que ce soit pour des sessions utilisateurs ou des données temporaires, il offre un moyen simple et rapide de gérer le stockage sans dépendre d'un serveur. 📝 Ce document PDF que je partage avec vous est un récapitulatif de quelques notions clés pour maîtriser le local storage en JavaScript natif. J'y aborde comment : Créer de nouveaux enregistrements ; Mettre à jour des données déjà existantes ; Manipuler facilement des objets JSON dans le local storage. 👉 Pourquoi je le partage ? Parce que je pense qu'il est toujours utile d'explorer de nouvelles pratiques, même pour des développeurs back-end comme moi. Cela permet de mieux comprendre l'ensemble des options disponibles pour stocker des données de manière efficace. 📂 Le guide complet est disponible ci-dessous pour tous ceux qui veulent s'y plonger. Si vous êtes intéressé, n'hésitez pas à laisser un commentaire ou m'envoyer un message direct, et je serai ravi de vous le partager ! Et vous ? Avez-vous déjà exploré le local storage dans vos projets front-end ? Quelles sont vos pratiques préférées pour gérer les données côté client ? J'attends vos retours avec impatience !
Identifiez-vous pour afficher ou ajouter un commentaire
-
🚀✨ Boostez votre maîtrise de JavaScript avec ces 5 méthodes de tableau essentielles ! ✨🚀 Partie 2 Manipuler efficacement les tableaux est crucial pour tout développeur JavaScript. Aujourd'hui, je vous présente 5 méthodes incontournables pour transformer vos tableaux et optimiser vos workflows de codage ! 💻💡 1️⃣ filter() : Crée un nouveau tableau avec les éléments qui passent un test spécifique. 🌟 Cas d'utilisation : Filtrer les noms qui commencent par une lettre précise dans une liste de participants. 👥 2️⃣ reduce() : Réduit un tableau à une seule valeur en appliquant une fonction d'accumulation. 💡 Cas d'utilisation : Combiner des éléments pour créer une chaîne unique ou calculer des totaux. 🔗 3️⃣ find() : Trouve le premier élément d'un tableau qui satisfait une condition donnée. 🔍 Cas d'utilisation : Trouver le premier utilisateur contenant une lettre spécifique dans son nom. 📝 4️⃣ findIndex() : Retourne l'indice du premier élément qui satisfait une condition. 📍 Cas d'utilisation : Trouver la position exacte d'un utilisateur spécifique pour une action ciblée. 📌 5️⃣ forEach() : Exécute une fonction pour chaque élément d'un tableau, sans renvoyer de résultat. 🔄 Cas d'utilisation : Afficher ou manipuler chaque élément d'une liste, comme envoyer une alerte pour chaque utilisateur. 🚨 💡 Ces méthodes vous permettent de manipuler et exploiter vos données en JavaScript comme un pro ! 💪 🔥 Vous souhaitez aller plus loin ? Une formation pour devenir développeur Full Stack est disponible et peut vous aider à maîtriser ces compétences ! 📚💻 Si vous avez des questions ou d'autres astuces à partager, n'hésitez pas à commenter ! 🤓👇 🎧 Pour rester à jour avec mon contenu : 🔗 YouTube | https://lnkd.in/ex47T2Ha un contenu gratuit pour tous 🔗 Site web | https://lnkd.in/e9YCcAr8 pour toutes mes formations 🔗 Tiktok | https://lnkd.in/ev5i9Utw 🔗 X ( Twitter ) | https://x.com/sim_patricx #JavaScript #Développeurs #Code #Programmation #DéveloppementWeb #CodingTips #Apprentissage #Formation #FullStackDevelopment #TechSkills
Identifiez-vous pour afficher ou ajouter un commentaire
-
HTML (HyperText Markup Language) n’est pas un langage de programmation, mais plutôt un langage de balisage. Et voici pourquoi : HTML est utilisé pour structurer une page web et son contenu. Il permet d’organiser le contenu en paragraphes, listes, et d’utiliser des images ou des tableaux de données1. Cependant, il ne permet pas de styliser une page, d’ajouter de l’interactivité complexe ou du dynamisme. Les langages de programmation sont caractérisés par leur capacité à implémenter des algorithmes. Ils décrivent et traitent des processus conditionnels, des boucles, et d’autres tâches. Le HTML ne fait pas cela. Il se concentre sur la structure et la présentation du contenu, mais ne gère pas la logique complexe. Un élément HTML est constitué de plusieurs parties à savoir : - La balise ouvrante (par exemple, <p> pour un paragraphe) indique le début de l’élément. - La balise fermante (par exemple, </p>) marque la fin de l’élément. - Le contenu (texte, image, etc.) se trouve entre les balises. - Les attributs (comme class ou id) fournissent des informations supplémentaires sur l’élément. C'est en se basant sur ces différences fondamentales que nous pouvons affirmer avec certitudes que le HTML est essentiel pour la structure des pages web, mais il n’est pas un langage de programmation au sens traditionnel. #30dayscreativity2024 #day10 #HTML #programmationWeb
Identifiez-vous pour afficher ou ajouter un commentaire
Développeur Web et Web mobile JavaScript, React et PHP à la recherche d'une alternance 💻. Disponible dans toute la France 📍
3 moisvoici le dépot du github : https://github.com/Phiphilio/WeReadBook/tree/erudit