DEV Community: firminfinva

Recent challenge I overcame in Backend and why I joined the HNG Internship

firminfinva — Sat, 29 Jun 2024 20:08:00 +0000

I’m Firmin Nganduli. I am a backend developer. I have been coding for 4 years and have faced multiple challenges over the years. In this article, I am going to talk about the recent one and how I overcame it.

The Challenge: Connecting Django API with React.js

I was building an app with Django as I was used to, but I realized I needed to have a mobile app version, so I had to learn React.js quickly. The hardest part was passing secure data from Django to React.js, especially for the authentication part.
Here are some steps on how I solved my problem:

Step-by-Step Solution

Step 1: Identify the type of data the platform shares

I had to learn what type of data a platform such as Django, written in Python, can send to a platform written in JavaScript like React. This is how I learned about JSON and how useful it is for APIs and data sharing across such platforms.

Step 2: Learn how to share the JSON data across the platform

Although I had found the type of data I could share between the platforms, I still had to find a way to send the data across. This is how I learned about REST API in Django. The REST API in Django allows sending JSON data to other platforms, but the other platforms also have to be able to read the JSON data. For React, I came across Fetch and Axios to make data requests and handle the JSON data properly. It was hard at first, mentally hard.

Step 3: Secure data

Sending data was done, and when it came to authentication, the data needed to be secured. To solve this new challenge, I came across JWT, which helped me encrypt the data, send the token, and decrypt it on arrival. It is an interesting process but fun to learn.

Embarking on the HNG Internship Journey
I'm excited to bring this problem-solving mindset to the HNG Internship. This internship represents a significant step in my career, offering the opportunity to work with industry experts, tackle real-world challenges, and further hone my skills.

Why the HNG Internship?

As I mentioned in this article, I have been coding for some years now and I am looking forward to putting my skills to the test and seeing how I will perform in a professional and rigorous environment like The HNG Internship.

In conclusion, solving complex backend problems is a journey of continuous learning and adaptation. I am thrilled to take this journey to the next level.

L'Open Source et Moi

firminfinva — Fri, 14 Jun 2024 15:35:06 +0000

Je m'appelle Firmin Nganduli et je suis développeur full stack. Pendant trois mois du 11 mars au 11 juin 2024, mon intérêt pour l'open source a été éveillé grâce à Kali Academy, une organisation dédiée à cette philosophie. Attiré par le développement logiciel et désireux d'explorer l'open source, j'ai décidé de postuler pour un stage professionnel de trois mois au sein de cette institution.C’etait un plaisir et productif de faire parti de la cohorte kali academie 2024 Goma composer de 10 programmeur motivés.

L'introduction à l'open source (premier mois)

Pendant le premier mois, nous avons effectué plusieurs activités pour nous introduire davantage dans l'univers de l'open source. Voici quelques-unes de ces initiatives :

Apprentissage en public
Utilisation du système Linux
Maîtrise de la ligne de commande (CLI)
Révision de Git et GitHub
Lecture du livre "Roads and Bridges: The Unseen Labor Behind Our Digital Infrastructure"

L’initiation dans l’univers mediawiki (Deuxieme mois)

Le deuxième mois était consacré à notre spécialisation dans l'univers de Mediawiki, en mettant particulièrement l'accent sur l'infrastructure de Mediawiki. Nous avons commencé ce mois par une brève introduction à certains wikis en particulier, tels que Wikipedia et Wikidata, avant d'apprendre comment contribuer à ces plateformes ainsi qu'à Wikicommons. Grâce à la structure de Mediawiki, nous avons découvert où se trouvent stockées les extensions Mediawiki et comment développer une extension Mediawiki.On a développé une extension "Page Summary", une expérience enrichissante.

Projet de fin de stage (troisième mois)

Pour cette dernière phase de notre stage, nous avons été répartis en deux équipes pour nous concentrer sur des projets de fin de stage. J'ai eu le privilège de faire partie de l'équipe travaillant sur un projet excitant appelé "Leaderboard". Cette plateforme a pour but de classer les contributeurs en fonction de leur activité sur une période donnée. Travailler sur ce projet m'a offert l'opportunité d'appliquer toutes les compétences acquises au cours des deux premiers mois et de contribuer à un outil véritablement utile et innovant pour la communauté Wikimedia.

Dans le cadre de ce projet, nous avons également eu recours à plusieurs API, notamment celle permettant de récupérer les contributions de Wikipedia. De plus, nous avons utilisé des images provenant de Wikicommons pour créer des arrière-plans attrayants, enrichissant ainsi l'expérience utilisateur de notre plateforme.

Impact et Réflexion

Ce stage chez Kali Academy a été une expérience transformative. Il m'a permis d'e voir l'importance de l'open source dans le monde de l'information. La collaboration avec mes collègues stagiaires et nos mentors m'a également aidé à développer des compétences interpersonnelles essentielles, telles que le travail en équipe et la communication efficace. Cette expérience a renforcé mon intérêt pour l'open source et m'a motivé à continuer à contribuer à cet univers en constante évolution.

Je tiens personnellement à remercier Abel Mbula et Delord, membres de l'équipe de Kali Academy, ainsi que tous les autres membres, pour avoir consacré leur temps et leurs efforts à notre formation. En cours de la formation, je suis vraiment reconnaissant envers mes amis qui étaient là pour répondre à mes questions. C'était une expérience formidable d'être parmi les stagiaires. Je les remercie sincèrement. Rendez-vous sur le dépôt open source, car vous avez su attirer mon attention dans l'univers open source.

Comprendre la logique de la notation Big O

firminfinva — Fri, 10 May 2024 11:26:40 +0000

Dans le domaine de l'informatique, la performance est souvent un enjeu crucial. Que ce soit pour des applications web ou des algorithmes de traitement de données massives, il est essentiel de comprendre et d'évaluer la performance des algorithmes que nous utilisons. C'est là que la notation Big O entre en jeu.

Qu'est-ce que la notation Big O ?

La notation Big O est un outil puissant pour analyser la complexité temporelle des algorithmes. En termes simples, elle décrit comment le temps d'exécution d'un algorithme (ou l'espace mémoire qu'il utilise) augmente en fonction de la taille de l'entrée. Plutôt que de fournir une mesure exacte du temps d'exécution, la notation Big O donne une estimation de la croissance de cet temps d'exécution par rapport à la taille de l'entrée, dans le pire des cas.

Pourquoi est-ce important ?

Comprendre la performance des algorithmes est crucial pour concevoir des logiciels efficaces. En analysant la complexité temporelle à l'aide de la notation Big O, les développeurs peuvent choisir les algorithmes les plus adaptés à leurs besoins, en tenant compte de la taille des données avec lesquelles ils travaillent et des contraintes de temps.

Comment fonctionne la notation Big O ?

La notation Big O utilise des fonctions mathématiques pour représenter la complexité temporelle des algorithmes. Voici quelques exemples courants :

O(1) (complexité constante) : Le temps d'exécution de l'algorithme reste constant, quel que soit la taille de l'entrée. Un exemple est l'accès à un élément dans un tableau par son index.
O(log n) (complexité logarithmique) : Le temps d'exécution augmente logarithmiquement avec la taille de l'entrée. Des exemples incluent la recherche binaire dans un tableau trié.
O(n) (complexité linéaire) : Le temps d'exécution est proportionnel à la taille de l'entrée. Par exemple, parcourir un tableau pour trouver un élément.
O(n^2) (complexité quadratique) : Le temps d'exécution est proportionnel au carré de la taille de l'entrée. Des exemples incluent les algorithmes de tri comme le tri à bulles.
O(2^n) (complexité exponentielle) : Le temps d'exécution double à chaque augmentation de la taille de l'entrée. C'est souvent considéré comme une performance médiocre et peut être prohibitif pour de grandes entrées.

En conclusion , la notation Big O est un outil essentiel pour évaluer la performance des algorithmes . En comprenant la complexité des algorithmes à l'aide de cette notation, les développeurs peuvent prendre des décisions éclairées sur le choix des algorithmes les mieux adaptés à leurs besoins.

Comprendre la Distinction entre Tristesse et Dépression

firminfinva — Wed, 24 Apr 2024 09:13:48 +0000

La tristesse et la dépression sont deux états émotionnels qui partagent certaines similitudes mais présentent également des différences importantes.

1. La tristesse

c’est une émotion humaine normale et naturelle qui survient en réponse à des événements difficiles, des pertes, des déceptions ou des situations stressantes. C'est une réaction émotionnelle temporaire et souvent proportionnelle à l'événement déclencheur. La tristesse peut être ressentie comme une sensation de perte, de douleur émotionnelle, de mélancolie ou de chagrin. Elle peut également être accompagnée de larmes, de repli sur soi et d'une diminution de l'énergie.

Les signes de la tristesse

Ils peuvent varier d'une personne à l'autre, mais voici quelques symptômes courants :
1. Sentiment de chagrin ou de peine : Une sensation de tristesse profonde ou de malaise émotionnel.
2. Isolement social : Se retirer des interactions sociales habituelles ou éviter les contacts avec les autres.
3. Pleurs fréquents : Se mettre à pleurer plus souvent que d'habitude.
4. Manque d'intérêt pour les activités habituelles : Perdre l'envie de participer à des passe-temps ou des loisirs qui étaient autrefois appréciés.
5. Fatigue et léthargie : Se sentir épuisé physiquement et mentalement, même après un repos adéquat.
6. Troubles du sommeil : Difficulté à s'endormir, à rester endormi ou à se réveiller tôt le matin.
7. Changements d'appétit : Perte ou gain de poids non intentionnels en raison de changements dans les habitudes alimentaires.
8. Difficulté à se concentrer : Éprouver des difficultés à se concentrer sur les tâches quotidiennes ou à prendre des décisions simples.
9. Sentiments d'inutilité ou de désespoir : Se sentir inutile, impuissant ou sans espoir face à la situation.
10. Irritabilité ou colère accrue : Réagir de manière excessive ou avoir des accès de colère sans raison apparente.

Il est important de noter que ces signes de tristesse peuvent être temporaires et réactionnels à des événements spécifiques de la vie. Cependant, s'ils persistent pendant une période prolongée et interfèrent avec le fonctionnement quotidien de la personne, il peut être utile de consulter un professionnel de la santé mentale pour obtenir un soutien et une évaluation appropriés.

2. La dépression

C’ est un trouble de l'humeur plus grave et persistant qui va au-delà de la tristesse ordinaire. Elle peut affecter profondément la vie quotidienne d'une personne, y compris ses pensées, ses émotions, ses comportements et ses relations. Les symptômes de la dépression peuvent inclure une tristesse persistante, une perte d'intérêt ou de plaisir dans les activités habituelles, des changements d'appétit ou de poids, des troubles du sommeil, une fatigue persistante, des sentiments de désespoir ou d'inutilité, des pensées de mort ou de suicide, et des difficultés de concentration ou de prise de décision.

Les signes de la dépression

Ils peuvent varier en intensité et en combinaison d'une personne à l'autre. Voici certains des signes les plus courants :
1. Humeur dépressive persistante : Se sentir triste, vide ou sans espoir la plupart du temps, presque tous les jours.
2. Perte d'intérêt ou de plaisir : Perdre l'intérêt pour les activités habituelles ou les passe-temps, y compris ceux qui étaient autrefois appréciés.
3. Changements de poids ou d'appétit : Une perte ou un gain de poids significatif sans tentative consciente de modifier son alimentation, ou des changements importants dans l'appétit.
4. Troubles du sommeil : Insomnie (difficulté à s'endormir ou à rester endormi) ou hypersomnie (dormir beaucoup plus que d'habitude).
5.Agitation ou léthargie : Se sentir agité, irrité ou au contraire, lent et fatigué sans raison évidente.
6. Fatigue persistante : Se sentir épuisé physiquement et mentalement, même après un repos suffisant.
7. Perte de concentration ou de mémoire : Avoir du mal à se concentrer, prendre des décisions ou se souvenir des choses.
8. Sentiments de dévalorisation ou de culpabilité excessive : Se sentir inutile, coupable ou avoir des pensées négatives constantes sur soi-même.
9. Pensées suicidaires : Avoir des idées ou des intentions suicidaires, ou penser à la mort de manière récurrente.
10. Symptômes physiques non expliqués : Douleurs chroniques, maux de tête ou autres symptômes physiques qui ne sont pas soulagés par un traitement médical.

Alors que la tristesse est généralement une réaction émotionnelle passagère à des circonstances difficiles, la dépression est un état de santé mentale sérieux et cliniquement diagnostiquable qui nécessite souvent un traitement professionnel, tel que la thérapie et/ou les médicaments. La dépression peut survenir de manière épisodique ou chronique et peut avoir des causes multiples, y compris des facteurs biologiques, génétiques, psychologiques, environnementaux et sociaux. Si vous ou quelqu'un que vous connaissez éprouvez des symptômes de dépression, il est important de consulter un professionnel de la santé mentale pour obtenir de l'aide et du soutien. Vous pouvez parler à un proche de confiance pour obtenir du soutien supplémentaire.

les ordinateurs comprennent les 0 et les 1

firminfinva — Thu, 11 Apr 2024 12:58:35 +0000

Dans notre ère numérique, il est communément entendu que les ordinateurs "comprennent" les données sous forme de 0 et de 1. Cette idée peut sembler abstraite pour certains, mais elle repose sur des fondements solides de la science informatique et de l'électronique. L'expression "les ordinateurs comprennent les 0 et les 1" est une simplification souvent utilisée pour expliquer le fonctionnement de la technologie informatique, mais elle n'est pas tout à fait exacte dans son sens littéral. En réalité, les ordinateurs traitent des signaux électriques qui peuvent être interprétés comme des états "allumé" (représenté par un 1) ou "éteint" (représenté par un 0) dans les circuits électroniques. Ces états binaires forment la base du langage de la machine dans laquelle toutes les opérations sont finalement traduites. Cependant, comprendre implique généralement une sorte de conscience ou de cognition, ce qui n'est pas le cas pour les ordinateurs.

L’ordinateur

c’est une machine électronique programmable capable d'effectuer des traitements automatiques de données en suivant des séquences d'instructions (appelées programmes) préalablement définies par l'utilisateur ou le programmeur.

Les ordinateurs fonctionnent sur le principe du traitement de l'information binaire, utilisant des circuits électroniques pour représenter et manipuler les données sous forme de bits (0 ou 1). Ils utilisent également des algorithmes pour effectuer des opérations complexes, et peuvent être connectés en réseau pour partager des ressources et des informations.

L'électronique binaire

Au cœur de tout ordinateur se trouvent des circuits électroniques qui manipulent des signaux électriques. Ces circuits fonctionnent en utilisant deux états de base : le "0" et le "1", qui représentent respectivement les états "désactivé" et "activé". Ces états correspondent à la présence ou à l'absence de courant électrique dans un composant électronique. Cette dualité simple est la raison pour laquelle le système informatique est basé sur le binaire.

Le langage binaire

Le langage binaire est un système de numération qui utilise seulement deux chiffres : 0 et 1. Contrairement au système décimal que nous utilisons couramment (basé sur dix chiffres), le système binaire est plus adapté à l'électronique numérique car il est plus facile à implémenter dans les circuits électroniques. Chaque chiffre binaire est appelé un "bit" (binary digit).

La représentation de l'information

Dans le domaine de l'informatique, les ordinateurs utilisent un système binaire pour représenter et traiter l'information. Ce système repose sur l'utilisation de deux symboles, 0 et 1, appelés bits. Chaque bit peut prendre l'une de ces deux valeurs, et c'est cette capacité à manipuler les 0 et les 1 qui forme la base de toute la logique informatique.
Les composants électroniques à l'intérieur des ordinateurs, tels que les transistors, sont conçus pour fonctionner sur le principe du tout ou rien, reflétant ainsi le système binaire. Ces composants sont les éléments de base qui permettent aux ordinateurs de représenter et de manipuler les données sous forme binaire.

En résumé, dire que les ordinateurs comprennent les 0 et les 1 est une manière simplifiée de décrire le fonctionnement de leur traitement de l'information, mais il est important de se rappeler que cette compréhension est différente de celle que nous, êtres humains, avons. C'est pourquoi l'intervention de l’électronique est nécessaire pour pouvoir communiquer ou transférer l’information de manière à ce que nous, humains, puissions la comprendre.

Parlons de l’open source

firminfinva — Sat, 30 Mar 2024 10:03:02 +0000

L'open source fait référence à un modèle de développement de logiciels où le code source est disponible publiquement, permettant ainsi à quiconque de le consulter, de le modifier et de le distribuer selon les termes spécifiés par sa licence.

Avantage de l’open source

Pour les entreprises: L'Open Source peut permettre aux entreprises de réduire leurs coûts informatiques, d'améliorer la sécurité de leurs systèmes et de stimuler l'innovation.
Pour les administrations: L'Open Source peut permettre aux administrations de rendre les services publics plus accessibles et plus transparents, et d'améliorer l'efficacité de l'action publique.
Pour les particuliers: L'Open Source permet aux particuliers d'accéder à des logiciels de qualité gratuitement, de participer à leur développement et de partager leurs connaissances avec la communauté.

Exemples de quelques logiciels open source

Voici quelques-uns des logiciels open source les plus connus et gratuits dans différentes catégories :

1. Systèmes d'exploitation :

Linux distributions (Ubuntu, Fedora, Debian)
FreeBSD

2. Suite bureautique :

LibreOffice (traitement de texte, tableur, logiciel de présentation, etc.)
Apache OpenOffice

3. Navigation web :

Mozilla Firefox

4. Gestion de contenu web :

WordPress (système de gestion de contenu pour la création de sites web)
Mediawiki (C’est un logiciel open source de gestion de contenu, largement utilisé pour créer et gérer des wikis collaboratifs.)

5. Serveurs web :

Apache HTTP Server
Nginx

6. Bases de données :

MySQL
PostgreSQL

7. Développement logiciel :

Git (système de contrôle de version)
Eclipse (environnement de développement intégré)
Visual Studio Code

Mauvaises compréhensions de l'open source

Il existe plusieurs mauvaises compréhensions courantes autour de l'open source. Voici quelques-unes des plus fréquentes :
1. Gratuité totale : Beaucoup de gens pensent que les logiciels open source sont entièrement gratuits, ce qui n'est pas toujours le cas. Bien que de nombreux projets open source offrent leurs logiciels gratuitement, cela ne signifie pas nécessairement qu'ils ne peuvent pas être monétisés. Certains projets open source proposent des versions payantes avec des fonctionnalités supplémentaires, des services de support ou de consultation.

2. Manque de contrôle et de sécurité : Certains croient à tort que le fait de rendre le code source accessible publiquement le rend moins sûr, car les pirates pourraient plus facilement trouver des failles de sécurité. En réalité, l'ouverture du code permet une révision et une collaboration ouverte qui peuvent conduire à une détection plus rapide et à une résolution plus efficace des vulnérabilités.

3. Qualité inférieure : Il y a une idée fausse selon laquelle les logiciels open source sont de qualité inférieure par rapport à leurs homologues propriétaires. En réalité, de nombreux logiciels open source sont réputés pour leur qualité, leur robustesse et leur fiabilité. Des projets open source de renommée mondiale comme Linux, Apache, MySQL et d'autres en sont de bons exemples.

En résumé, l'open source offre de nombreux avantages, notamment la transparence, la collaboration, l'innovation et la réduction des coûts, ce qui en fait un modèle de développement de logiciels puissant et largement adopté dans le monde entier.

Comment insérer les contenus audios et videos sur une page web?

firminfinva — Tue, 25 Jul 2023 09:29:06 +0000

L'évolution constante d'Internet et des technologies web a conduit à l'émergence de nouvelles fonctionnalités et possibilités pour les concepteurs de sites et les développeurs. L'une de ces avancées remarquables est l'intégration de contenus audio et vidéo via les balises HTML5. Avec ces outils, il est maintenant possible de créer une expérience multimédia immersive directement à partir du navigateur web. Dans cet article, nous explorerons quelques fonctionnalités d'intégration de contenus multimédias offertes par HTML5 et la manière dont elles peuvent être personnalisées pour offrir une expérience utilisateur riche et interactive.

HTML5 a introduit des nouvelles balises comme <audio> et <video> qui permettent d'ajoute facilement des contenus audio et vidéos dans une page web. Ces balises offrent une syntaxe simple et intuitive, rendant l'intégration de telles ressources aussi simple que d'inclure une image dans la page.

1. Les contenus audio :

  <audio src="audio.mp3" controls></audio>

HTML5 fournit des attributs que vous pouvez utiliser pour contrôler et personnaliser la lecture audio

Voici quelques exemples d'attributs pour la balise audio:

src : spécifie l'URL du fichier audio à lire.
autoplay : définit si le lecteur audio doit être chargé automatiquement lorsque la page est chargée.
loop : définit si le lecteur audio doit être en boucle.
controls: affiche les contrôles audio (lecture, pause, relecture, volume, etc.).
muted: définit si le volume audio doit être réduit par défaut.
preload: spécifie la quantité de contenu audio à charger avant de commencer la lecture. Les valeurs possibles sont
none, metadata et auto.

<audio src="chemin/vers/mon_audio.mp3" autoplay loop controls muted preload="auto"></audio>

2. Les contenus vidéo :

<video>
  <source src="maVideo.mp4" type="video/mp4">

</video>

HTML5 fournit des attributs que vous pouvez utiliser pour contrôler et personnaliser la lecture video

-Voici quelques exemples d'attributs pour la balise video

src : spécifie l'URL du fichier vidéo à lire.
autoplay : définit si le lecteur vidéo doit être chargé automatiquement lorsque la page est chargée.
loop : définit si le lecteur vidéo doit être en boucle.
controls : affiche les contrôles vidéo (lecture, pause, relecture, volume, etc.).
muted: définit si le volume audio doit être réduit par défaut.
preload : spécifie la quantité de contenu vidéo à charger avant de commencer la lecture. Les valeurs possibles sont
none, metadata et auto.
width et height : spécifient la taille de la vidéo en pixels.

<video src="chemin/vers/mon_video.mp4" autoplay loop controls muted preload="auto" width="640" height="360"></video>

HTML5 offre également la possibilité d'inclure des sous-titres et des légendes pour les vidéos à l'aide de la balise <track>. Les développeurs peuvent fournir des fichiers de sous-titres dans différents formats (SRT, VTT, etc.) pour permettre aux utilisateurs de choisir leur langue préférée. De plus, il est possible de spécifier plusieurs sources multimédias alternatives afin de s'assurer de la compatibilité avec différents navigateurs et formats.

<video controls>
  <source src="chemin/vers/mon_video.mp4" type="video/mp4">
  <source src="chemin/vers/mon_video.webm" type="video/webm">
  <track kind="subtitles" src="chemin/vers/mon_sous-titres.vtt" srclang="fr" label="Français">
  <track kind="subtitles" src="chemin/vers/mon_sous-titres.vtt" srclang="en" label="Anglais">
  <track kind="captions" src="chemin/vers/mon_légendes.vtt" srclang="fr" label="Français">
  <track kind="captions" src="chemin/vers/mon_légendes.vtt" srclang="en" label="Anglais">
</video>

3. Optimisation du chargement et de la lecture de contenus multimédias :

HTML5 propose des techniques d'optimisation pour améliorer la vitesse de chargement et offrir une expérience utilisateur plus fluide comme:

le streaming adaptatif, qui permet au navigateur de choisir automatiquement le format de diffusion en continu en fonction de la qualité de la connexion Internet et de l'appareil.
Mettre en cache des ressources, telles que des images, des fichiers CSS et JavaScript, pour les récupérer plus rapidement lors de leur prochaine utilisation. Cela permet également de réduire la quantité de données à transférer sur le réseau.
La compression des fichiers multimédias, telle que la compression GIF, qui permet de réduire la taille des fichiers GIF sans perdre de qualité..

En combinant ces techniques d'optimisation, HTML5 permet aux développeurs de créer des applications web qui offrent une expérience utilisateur plus fluide et rapide, même sur des connexions Internet lentes ou limitées.

4. Support de la lecture multimédia sur différents navigateurs et périphériques :
Une autre caractéristique essentielle de HTML5 est sa compatibilité multiplateforme. Les balises <audio> et <video> sont prises en charge par la plupart des navigateurs modernes, y compris Chrome, Firefox, Safari et Edge.

-audio

-video

En conclusion, HTML5 représente un véritable pas en avant dans la manière dont les contenus multimédias sont intégrés et consommés sur le web moderne.