Qu’est-ce que le développement Front-end ?

[inomba]

Bonjour dans le monde du web on entend souvent l'expression développement frond-end ou parfois back-end mais aujourd'hui nous allons parler essentiellement de la partie front-end.

C’est quoi le Front-end?

Le  terme <<Front-end>> c’est la partie du code qui est reçue par le client. A noter que le client ici c’est notre navigateur web. On peut en déduire qu’il s’agit des éléments d’un site web que l’on peut visionner à l’écran et avec lesquels on pourra interagir depuis un navigateur. En effet, tout ce que l’on voit sur un site internet par exemple, est une combinaison de 3 langages de programmation que sont : HTML, CSS et JavaScript. Ces langages utilisés par un développeur Front-end sont interprétés par le navigateur sur votre machine pour afficher un résultat visuel. C’est dans cette partie que l’on retrouve des éléments tels que la police, le menu déroulants, les boutons, le curseur, les formulaires etc. A WEBGRAM, le développement Front-end nous permet de rendre les applications web ergonomiques et accessibles pour les internautes en développant une interface claire, rapide et facile à utiliser.

Les composants du développement Front-end

Le Front-end est composé généralement:

Ø  D’un design : Il fait appel à un web design pour la création à fin de réaliser des maquettes graphiques à l’aide des outils de création comme par exemple Photoshop ou fireworks.

Ø  De code HTML, CSS, JavaScript et jQuery qui sera mis en place par un développeur Front-end.

 

Les technologies utilisées par l’agence WEBGRAM

·HTML5 et CSS3 : Le HTML5 est un langage de base utilisé pour la création des applications web, il permet de structurer votre document. Quant au CSS 3, il sert à la mise en forme (couleurs, choix de polices de caractère, disposition des éléments..). 

·JavaScript : Une application web peut être essentiellement composée d’HTML et de CSS, mais en ajoutant du JavaScript qui est un vrai langage de programmation, créé pour faciliter le développement du langage HTLM et CSS, notre application sera plus ergonomique.

·JQuery: Il s’agit d’une librairie JavaScript très populaire. Le jQuery permet aux développeurs d’écrire moins de code et d’en faire plus.

·Angular: Ce qui faut savoir en premier est qu’AngularJS désigne la version 1.x du framework, et qu’à partir de la version 2, la nomination officielle du framework est Angular. Ce sont deux outils complètement différents. Angular fournit nativement tout le nécessaire pour créer une application entière avec une configuration standard.

·ReactJS : C’est un framework JavaScript libre développé par Facebook en 2013 pour faciliter la création  des applications web. Il est un peu similaire avec la technologie Angular créé par Google, ReactJs se différencie des autres framework par son architecture dite MVC (Model ViewControler). Avec sa boîte à outils complète et optimisée, elle permet d’initialiser facilement un projet sans nécessairement en avoir les architectures.

·Bootstrap : C’est un framework HTML, CSS et JavaScript qui comprend la structure de nombreux composants prêts à l’emploi exemple: menu, bouton, listes déroulantes, etc.

A l’agence WEBGRAM, nous nous occupons au quotidien de programmer l’interface des applications web en fonction du cahier des charges de nos clients et des impératifs liés à l’accessibilité et à la compatibilité entre les navigateurs.

Merci