<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Oscar kanangila</title>
    <description>The latest articles on DEV Community by Oscar kanangila (@oshumbleman).</description>
    <link>https://dev.to/oshumbleman</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F660597%2Fd7f4e0b3-46e6-4a42-ad6d-9398a7760ddb.jpg</url>
      <title>DEV Community: Oscar kanangila</title>
      <link>https://dev.to/oshumbleman</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/oshumbleman"/>
    <language>en</language>
    <item>
      <title>Getting started with Adonis.js: A robust Node.js framework for web development</title>
      <dc:creator>Oscar kanangila</dc:creator>
      <pubDate>Thu, 21 Mar 2024 06:57:57 +0000</pubDate>
      <link>https://dev.to/oshumbleman/getting-started-with-adonisjs-a-robust-nodejs-framework-for-web-development-4ipj</link>
      <guid>https://dev.to/oshumbleman/getting-started-with-adonisjs-a-robust-nodejs-framework-for-web-development-4ipj</guid>
      <description>&lt;p&gt;If you're a web developer looking for a robust, modern Node.js framework for building scalable web applications, Adonis.js could well be the solution you're looking for. In this article, we'll explore what Adonis.js is, why it's popular among developers, and what sets it apart from other Node.js framewo&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Adonis.js?
&lt;/h2&gt;

&lt;p&gt;Adonis.js is a full-stack Node.js framework built on the principle of object-oriented programming, enabling developers to rapidly build high-performance, secure web applications. Launched in 2016, Adonis.js is largely inspired by Laravel, a popular PHP framework, and adopts many of the latter's proven concepts and conventions.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why choose Adonis.js?
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Solid architecture
&lt;/h3&gt;

&lt;p&gt;Adonis.js offers a solid architecture based on concepts such as controllers, routes, templates, middleware and services, making it easy to structure and manage web applications of all sizes.&lt;/p&gt;

&lt;h3&gt;
  
  
  Increased productivity
&lt;/h3&gt;

&lt;p&gt;With its concise, clear syntax and wide range of built-in features, Adonis.js saves developers time when developing applications, by minimizing code repetition and offering powerful tools for managing routine tasks.&lt;/p&gt;

&lt;h3&gt;
  
  
  Integrated security
&lt;/h3&gt;

&lt;p&gt;Adonis.js takes security very seriously, and offers numerous built-in features to protect applications against common vulnerabilities such as SQL injections, XSS attacks, cross-site request forgery (CSRF), etc.&lt;/p&gt;

&lt;h2&gt;
  
  
  Key features
&lt;/h2&gt;

&lt;p&gt;Here are some of Adonis.js' key features:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Lucid ORM&lt;/strong&gt;: An integrated ORM (Object-Relational Mapping) that simplifies interaction with the database using templates and intuitive queries.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Authentication and authorization: Integrated functionality to manage user authentication, sessions, roles and permissions.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Middleware&lt;/strong&gt;: A powerful middleware system to intercept and process HTTP requests before they reach controllers.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Data validation&lt;/strong&gt;: an integrated validator to validate data used in the system.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Adonis.js offers an attractive alternative to other Node.js frameworks thanks to its combination of productivity, performance and security. In the next articles in this series, we'll take a deeper dive into the various features and components of Adonis.js, and see how to build complete web applications using this powerful framework. Stay tuned to discover all that Adonis.js has to offer modern web developers!&lt;/p&gt;

</description>
    </item>
    <item>
      <title>10 jeux pour s’améliorer en CSS</title>
      <dc:creator>Oscar kanangila</dc:creator>
      <pubDate>Mon, 22 Aug 2022 17:10:11 +0000</pubDate>
      <link>https://dev.to/oshumbleman/10-jeux-pour-sameliorer-en-css-1o25</link>
      <guid>https://dev.to/oshumbleman/10-jeux-pour-sameliorer-en-css-1o25</guid>
      <description>&lt;p&gt;Bonjour tout le monde dans cet article je vous présente 10 jeux pour s'améliorer en &lt;strong&gt;CSS&lt;/strong&gt; sans beaucoup d'efforts alors c'est partie!&lt;br&gt;
selon moi le plus grand problème qu'on puisse avoir quand on débute dans le code ce souvent le manque de pratique on a tendance a beaucoup apprendre des nouveaux concepts et on pratique peu, au début ça peut vous donner l'impression de progresser.&lt;br&gt;
mais au fur et à mesure que vous progresser vous s'allez vous rendre compte d'avoir des lacunes sur certains concepts que vous avez pourtant appris mais pas compris car on dit “mieux vaut comprendre qu'apprendre.” Sans plus attendre, allons-y.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.guess-css.app/"&gt;10. GUESS CSS &lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--lSnhntCl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9blivxvdsuae86l3tdag.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--lSnhntCl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9blivxvdsuae86l3tdag.png" alt="guess css home page" width="880" height="426"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;il s'agit d'un jeu de réflexion HTML CSS dans lequel votre tâche consiste à deviner lequel des trois extraits CSS a été utilisé pour rendre le fragment ! Une fois que vous avez fait votre supposition, l'application indique laquelle était correcte et met à jour votre score affiché en haut.&lt;/p&gt;

&lt;p&gt;Naviguez entre les tâches en cours et terminées avec les flèches à gauche et à droite du cadre.&lt;/p&gt;

&lt;p&gt;Le jeu contient les puzzles suivants ;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Flexbox&lt;/li&gt;
&lt;li&gt;Position&lt;/li&gt;
&lt;li&gt;Selectors&lt;/li&gt;
&lt;li&gt;Display&lt;/li&gt;
&lt;li&gt;Grid&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://codingfantasy.com/games/flexboxadventure"&gt;9. CSS ADVENTURE&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--2vVpF6NT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2qaaje8urargg20zln9q.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2vVpF6NT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2qaaje8urargg20zln9q.png" alt="css adventure home page" width="880" height="468"&gt;&lt;/a&gt;&lt;br&gt;
Commencez une aventure mystérieuse et aidez le roi Arthur à vaincre trois frères maléfiques en utilisant CSS Flex Box. Le jeu propose trois modes de jeu (facile, moyen, difficile) et 24 niveaux de codage.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://knightsoftheflexboxtable.com/"&gt;8. Knights of the Flexbox table&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QWJFGH9M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/efp880zcguribfjrige5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QWJFGH9M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/efp880zcguribfjrige5.png" alt="Knights of the Flexbox table home page" width="880" height="405"&gt;&lt;/a&gt;&lt;br&gt;
Un jeu qui vous apprend les flexbox et Tailwind CSS en même temps. L'objectif du jeu est de déplacer le chevalier et ses amis autour des donjons pour découvrir des trésors cachés. Le jeu comporte 18 niveaux avec un éditeur de code et une zone visuelle pour voir le résultat.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://flukeout.github.io/"&gt;7. CSS DINER&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Pb0NFvse--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ifwf7n13lyzi6vsnns5e.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Pb0NFvse--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ifwf7n13lyzi6vsnns5e.png" alt="css diner home page" width="880" height="405"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;C'est un jeu amusant pour pratiquer et apprendre les sélecteurs CSS. Le jeu comporte 32 niveaux avec une représentation visuelle pour l'aide et la compréhension et un éditeur de code pour la saisie. C'est un bon jeu CSS pour tous les niveaux, que vous soyez un débutant ou un développeur chevronné.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://css-speedrun.netlify.app/"&gt;6.Speedrun CSS&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1OZzO7hl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fk1am8yqwcmbw195d34o.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1OZzO7hl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fk1am8yqwcmbw195d34o.png" alt="speedrun home page" width="880" height="405"&gt;&lt;/a&gt;&lt;br&gt;
Un petit jeu sympa pour mettre en pratique vos connaissances sur les sélecteurs CSS. Le jeu a 10 niveaux. Vous devez entrer un sélecteur pour faire correspondre les éléments marqués sur l'exemple. Tout cela alors que le temps presse.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.flexboxdefense.com/"&gt;5. FLEXBOX DEFENSE&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0JExDxlg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/52po6fspoygg1vf3oylu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0JExDxlg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/52po6fspoygg1vf3oylu.png" alt="flexbox defense home page" width="880" height="405"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Si vous aimez les jeux de type tower defense, vous allez adorer celui-ci. Le but de ce jeu est d'écrire des règles flexibles pour positionner correctement les tours et arrêter les vagues d'ennemis. Le jeu comporte 12 niveaux, un éditeur de code et une partie visuelle interactive qui agit comme un véritable niveau de jeu.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://cssgridgarden.com/"&gt;4.GRID GARDEN&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1KccF7Qj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gtgckfw9oc958mxenuba.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1KccF7Qj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gtgckfw9oc958mxenuba.png" alt="grid garden home page" width="880" height="405"&gt;&lt;/a&gt;&lt;br&gt;
Un jeu d'entraînement CSS agréable et simple pour apprendre la gridpropriété. Ce jeu propose 28 niveaux, en commençant par une difficulté facile et en l'augmentant progressivement. Utilisez les différentes gridpropriétés pour arroser et faire pousser votre jardin de carottes. Grid Garden dispose d'un éditeur de code et d'une zone visuelle pour que vous puissiez voir instantanément votre résultat.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://flexboxfroggy.com/#fr"&gt;3.FLEXBOX FROGGY&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--LVHzH2wb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pjb73dlxkywsqrdu3lkr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LVHzH2wb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pjb73dlxkywsqrdu3lkr.png" alt="flexbox froggy home page" width="880" height="405"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Du créateur de Grid Garden, ce jeu vous aidera à pratiquer vos flexboxcompétences CSS. Écrivez du code pour aider à amener Froggy sur le nénuphar. Le jeu comporte 24 niveaux avec un éditeur de code et une zone visuelle pour voir les résultats.&lt;br&gt;
&lt;a href="https://cssbattle.dev/"&gt;2. CSS BATTLE&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NMfSWf0t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dhfpf2a7auou97hqntve.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NMfSWf0t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dhfpf2a7auou97hqntve.png" alt="css battle page" width="880" height="405"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Il s'agit plus d'un défi en ligne que d'un véritable jeu d'entraînement CSS, l'objectif est d'écrire du code HTML et CSS pour reproduire l'image cible donnée avec le moins de code possible. Ce jeu est constamment mis à jour avec de nouveaux défis. Il dispose d'un système de classement mondial et de la possibilité de rejouer chaque défi afin que vous puissiez améliorer vos propres résultats.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://mastery.games/flexboxzombies/"&gt;1.ZOMBIE FLEXBOX&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0E_wJc7C--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2gssmkjgknwb0razw0hw.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0E_wJc7C--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2gssmkjgknwb0razw0hw.gif" alt="flexbox zombies home page" width="800" height="487"&gt;&lt;/a&gt;&lt;br&gt;
Ce jeu CSS vous aidera à maîtriser les flexboxes. Combattez les zombies tout en apprenant l' flexboxutilisation de la propriété. Le jeu a de beaux visuels et un scénario. Le scénario est divisé en 12 chapitres comportant chacun jusqu'à 25 niveaux.&lt;/p&gt;

&lt;p&gt;REMARQUE : Le jeu nécessite une inscription.&lt;/p&gt;

&lt;p&gt;J'espère que vous avez aimé cet article si ce n'est pas le cas dites-moi en commentaire et abonnez-vous pour en savoir plus.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>css</category>
      <category>html</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
