← Home

« Framework » est un mot très utilisé en relation avec le code. Alors, qu’est-ce qu’un framework ? Lorsque nous parlons de frameworks, ces derniers se répartissent normalement en trois catégories différentes — frontend, backend, et CSS ou frameworks d’interface utilisateur. Mais même une fois que vous savez ce que sont les frameworks, lequel devez-vous apprendre ou utiliser et pourquoi ? Ce post discutera de ce qu’est un framework, quels frameworks existent, et comment prendre des décisions sur le type de framework que vous devriez utiliser pour vos projets !

Qu’est-ce que les frameworks

Si nous regardons quelques applications web différentes, nous pouvons voir qu’il y a beaucoup de fonctionnalités dupliquées. Beaucoup ont l’authentification de l’utilisateur, des pages qui rendent, ils se connectent à des bases de données, ils ont des profils que vous pouvez regarder, ils ont tous des flux d’informations stylisés, etc. Si je le voulais, je pourrais écrire toute cette logique moi-même chaque fois que je veux construire une nouvelle application ; cependant, il y a aussi beaucoup d’outils disponibles qui peuvent le faire pour nous à la place.

En outre, la plupart du temps, lorsque nous construisons des applications, nous voulons formater notre code de certaines façons qui nous aident à devenir plus efficaces et à aider les autres développeurs à comprendre notre code. Les frameworks web nous aident à obtenir une structure dans nos applications, et ils nous donnent des fonctionnalités supplémentaires que nous pouvons ajouter à celles-ci sans trop de travail supplémentaire. Les frameworks nous donnent un point de départ pour que nous puissions nous concentrer sur les fonctionnalités plutôt que sur les détails de configuration.

Le code est lu beaucoup plus de fois qu’il n’est écrit, et il est si important lorsque vous travaillez avec d’autres développeurs qu’ils sachent où le code pour certaines tâches est écrit afin qu’ils puissent l’utiliser dans leur propre code. Les frameworks ont également des conventions pour la façon dont le code est écrit et structuré, qui standardisent la façon dont les développeurs écrivent leur code.

La plupart des sites web partagent une structure très similaire (pour ne pas dire identique). L’objectif des frameworks est de fournir une structure commune afin que les développeurs n’aient pas à la refaire de zéro et puissent réutiliser le code fourni. De cette façon, les frameworks nous permettent de supprimer une grande partie du travail et de gagner beaucoup de temps.

Pour résumer : il n’est pas nécessaire de réinventer la roue.

de Awwwards.

Sous le capot, les frameworks ne sont que des bibliothèques de code (c’est-à-dire le code des autres), et les plus populaires sont open source ! Vous pouvez donc regarder le code de votre bibliothèque en ligne !

Backend vs Frontend

• Le frontend d’une application web est la partie que vous voyez et avec laquelle vous interagissez. Il se compose du design web et de l’interaction du site. En termes de langages de programmation, il est presque toujours constitué des CSS, HTML et JavaScript de la page.

• Le backend est constitué du serveur, de la base de données et du code qui interagit avec eux. Il s’agit également du code qui donne des données dynamiques au frontend du site. Ceci peut être traité dans la plupart des langages de programmation. Ceux dont nous parlerons principalement aujourd’hui sont Python, Ruby et Node JavaScript, mais il en existe d’innombrables autres.

Cadres d’interface utilisateur

Les cadres d’interface utilisateur aident à créer des applications web stylisées et d’aspect professionnel. La plupart incluent une sorte de système de grille afin que vous aligniez les éléments, ils ont des schémas de couleurs afin que cela soit géré pour vous, et ils stylisent vos composants HTML en utilisant CSS afin qu’ils aient un aspect propre et professionnel. Ceux-ci sont dans le domaine du frontend ; cependant, normalement, lorsque nous faisons référence aux frameworks frontend, nous parlons de frameworks JavaScript.

Certains frameworks d’interface utilisateur incluent :

• Bootstrap
  • Très connu et construit par Twitter
  • Facile à apprendre et a l’air professionnel
  • Peut être facile à repérer « Sites Bootstrap »
  • Peut être difficile de personnaliser les composants
• Matérialise
  • Aspect propre

  .

  • Un peu plus « fun » que Bootstrap
  • Plusieurs options de style et de couleur
  • Suit le guide de style Material de Google
• Foundation
  • Plusieurs exemples
  • Aspect professionnel
• UI sémantique
  • Plusieurs éléments intégrés
  • .dans
  • Construit-dans les thèmes afin qu’il soit personnalisable
• Grommet
  • Est très axé sur l’accessibilité
  • Est vraiment propre
  • Pas aussi utilisé que certains autres
  • Fait pour React JS. (un autre framework que nous examinerons plus tard)

Choisir un framework d’interface utilisateur

Choisir un framework d’interface utilisateur se résume principalement à une préférence personnelle en matière d’apparence et aux objectifs du site. Les différents styles peuvent plaire à différentes industries ou peuvent transmettre un message différent aux utilisateurs.

Frontend Frameworks

Les frameworks frontaux sont, dans la plupart des cas, écrits en JavaScript et servent à organiser la fonctionnalité, l’interactivité de votre site web. En voici quelques-uns :

• Vue
  • Facile à apprendre
  • Très rapide
  • Tous les outils associés sont bien packagés
  • Prend des parties d’Angular et de React et les optimise
  • moins largement adopté que certains autres
  • Flexible — vous pouvez l’utiliser de multiples façons
• AngularJS
  • Construit par Google
  • Bien supporté
  • Enorme nombre de fonctionnalités
  • Améliore l’évolutivité de l’application
  • Difficile à déboguer
  • Grosse courbe d’apprentissage

  . courbe d’apprentissage

Choisir un framework frontend

Le monde des frameworks frontend évolue particulièrement vite, on dirait qu’un nouveau framework frontend fait son apparition tous les quelques mois. Apprenez ce qui a du sens pour vous, et ne vous inquiétez pas trop de ce qu’est le plus  » chaud  » du moment.

Certaines personnes soutiennent que React et Vue sont des bibliothèques plutôt que des frameworks, mais beaucoup de gens les considèrent comme des frameworks, alors je les ai inclus !

Cadres backend

Les cadres backend sont beaucoup plus variés. Ils sont écrits dans une variété de langages de programmation et ont une grande variété de fonctionnalités. Ci-dessous, comme la liste ci-dessus, est une liste très incomplète de certains des frameworks existants pour écrire des backends d’applications.

• Spring MVC
  • Java (langage plus difficile à apprendre)
  • Très rapide
  • Moins d’opinion
• Django
  • Python. (langage plus facile à apprendre)
  • Milieu heureux entre être très opiniâtre et moins structuré
  • Vous donne beaucoup de fonctionnalités dès le départ (comme l’authentification des utilisateurs, connexions de base de données, et le rendu de vue)
  • Peut être difficile d’intégrer un front-end fantaisie.
  • La gestion des données de Python est étonnante
• Flask
  • Python (langage plus facile à apprendre)
  • Moins opiniâtre et plus personnalisable que Django
  • Vous donne moins de fonctionnalités prêtes à l’emploi (vous devez en construire plus)

  .

• Ruby on Rails
  • Ruby (langage plus facile à apprendre)
  • Très opiniâtre
  • Possède de grands outils comme le scaffolding pour que vous puissiez construire des choses rapidement
  • Vous donne beaucoup de fonctionnalités hors de la boîte (comme l’authentification des utilisateurs, les connexions de base de données, et le rendu des vues)
  • Le pipeline d’actifs aide au développement frontal
  • Ruby prend plus de temps pour exécuter des programmes que certains autres langages de programmation
• Meteor
  • JavaScript (langage plus facile à apprendre)
  • Vous offre beaucoup de fonctionnalités dès la sortie de la boîte (comme l’authentification des utilisateurs, les connexions aux bases de données, base de données et le rendu des vues)
  • S’intègre très bien avec les frontaux modernes
• Express
  • JavaScript (langage plus facile à apprendre)
  • Très personnalisable
  • Très léger
  • Moins de fonctions intégrées
  • .dans les fonctionnalités
  • Node est très rapide

Choisir un framework backend

En général, vous choisissez un framework backend en fonction du langage de programmation dans lequel il est écrit. Prenez également en compte les fonctionnalités que vous voulez ajouter — si vous voulez une authentification (ou une connexion utilisateur) pour votre site Web, par exemple, l’écrire dans Django où l’authentification est intégrée sera beaucoup plus facile que de l’écrire dans Flask où vous auriez besoin d’un service supplémentaire.

En savoir plus

Si vous voulez utiliser ou apprendre un framework, voici un tas d’applications construites avec différents, afin que vous puissiez évaluer celle qui a le plus de sens pour vous. Il existe beaucoup plus de frameworks de tailles et de popularités différentes, mais cet article donne un bref aperçu de certains des plus populaires qui existent et où commencer. Il n’y a pas de bonne réponse sur ce qu’il faut apprendre en premier ! Il y a des avantages et des inconvénients à tout, alors pesez ce qui est le plus important pour vous et partez de là. Les frameworks sont très utiles et permettent d’écrire du code beaucoup plus rapidement dans la plupart des cas, mais il est également très important d’avoir de solides bases de programmation avant cela – assurez-vous donc de bien connaître le langage dans lequel votre framework est écrit. Les frameworks sont super utiles pour écrire des sites Web parce qu’ils appliquent une structure que les autres développeurs du framework comprennent, et ils vous donnent des fonctionnalités communes afin que vous n’ayez pas à réinventer la roue !

Où commencer à apprendre…

• Tutoriel pour filles Django – J’ai appris mon premier framework grâce à leur tutoriel en ligne !
• Code Academy
• TodoMVC
• CodeNewbie Podcast

Et si vous avez besoin d’une idée pour une application….

• Awesome App Ideas
• 15+ APP IDEAS TO BUILD TO LEVEL UP YOUR CODING SKILLS