Front-end intégration

C’est comme une voiture : le Front-end est l’ensemble de la carrosserie et le Back-end est ce que nous ne pouvons pas voir, soit le moteur et la partie électronique.

Le Front-end, plus connu sous le nom de “développement côté client”, est un outil de mise en page qui habille une page internet. C’est ce que l’utilisateur voit en premier lorsqu’il entre sur votre site internet. 

 

Pour créer le Front-end, vous avez différents outils et plateformes à votre disposition. 

 

Voyons ensemble les différentes couches qui composent votre page !

 

Dans un premier temps, vous devez utiliser le langage HTML (plus connu sous le nom de Hypertext Markup Language), dont l’objectif est la création de pages qui seront affichées sur internet. Il faut alors écrire le code sur votre page et décrire les différentes sections et textes que vous voulez mettre. 

 

(https://html-online.com/editor/) Cela se présente comme sur l’image ci-dessous. Vous avez la possibilité d’écrire des lignes de code et avoir un aperçu.

 

Il s’agit de la première couche quand vous voulez créer une page sur votre site internet.

 

Ensuite, vous havez CSS (plus connu sous le nom de Cascading style sheets). Ce langage vous permet de décrire la présentation avec des couleurs, un fond avec une mise en page. C’est la séparation entre la présentation et le contenu pour améliorer l’accessibilité. Vous pouvez voir davantage d’informations ici (https://www.w3schools.com/Css/). Ce site permet également de s’entraîner et essayer.

CSS est la deuxième couche quand vous voulez créer une page sur votre site internet.

 

Et pour finir, vous avez l’écriture Javascript, une écriture de programmation avec laquelle on peut rajouter des caractéristiques complexes sur la page. Elle permet au contenu de ne pas rester statique et d’avoir différentes fonctions, notamment d’animations (carte intéractive, image qui bouge, symboles, texte, etc). Ici (https://www.w3schools.com/Js/) vous pouvez l’utiliser grâce à ce tutoriel.

 

C’est la troisième couche pour créer une page sur votre site internet. 

 

Chez Flowr, le codage n’a plus de secret pour nous lorsqu’il s’agit de trasnformer vos dessins en pages animées. Voici ce que nous faisons en plusieurs étapes : 

 

  • Respect de votre chartre graphique: intégration de celle-ci dans le Front-end de votre site (couleur, forme, typographie, etc…)
  • Intégration du contenu : grâce à notre expertise en terme de copywriting nous savons comment placer votre contenu et le mettre en avant ainsi que d’y ajouter des images pour illustrer vos propos
  • Création d’une page animée : vos visiteurs n’auront plus de yeux que pour votre site. Nous le rendons fluide, et agréable à lire
  • Cohérence : nous regardons si l’ensemble du site est cohérent et opérons à des changements dans l’unique but d’améliorer l’expérience utilisateur

 

Cutomizer pas forcément de cms vont vouloir un design déjà fait et vont vouloir faire coder

Savoir est-ce qu’on peut faire qqch de responsive, accessibilité, code propre structuré (microdata), chargement, utilisation de méthodologie et de gestion de projet de code

 

Pour vous résumer, le langage HTML illustre le corps humain, le langage CSS représente les vêtements et le langage javascript correspond aux accessoires. 

Avec les trois vous avez tout ce qu’il faut pour avoir le plus beau des Front-end !

Share it.

Partager sur facebook
Facebook
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn

Checkout the latest works

Cardating

Cardating.fr est une nouvelle application de covoiturage qui propose en plus de ce service de vous mettre en relation avec les personnes avec qui vous avez une affinités. Autrement dit un mélange entre Tinder et BlaBlaCar. Ce projet était la continuation du projet Tawacovoiturage.

Read the case study

Vibely

Vibely est une startup visionnaire basée aux Etats-Unis. L'application permet aux influenceurs de développer leur communauté hors ligne en se rencontrant en face-à-face, à organiser des événements locaux et à se soutenir les uns les autres partout dans le monde.

Read the case study
City'zen Paris, espace de ressourcement au coeur de la nature à Paris, site web par Flowr Agency

Espace City’zen Paris

L'Espace City'zen Paris est un endroit innovant proposant des cours, des ateliers, des formations et des séminaires au cœur du plus grand parc de Paris, le Parc Floral de Paris. Ils se battaient depuis des mois avec une agence qui ne comprenait pas quels étaient leurs besoins quand ils nous ont fait appel.

Read the case study

Flowr Agency's goal is to become a digital partner for companies which stuggles in their daily digital needs. Everyone has a job, you should focus on what you do the best and let professionals take care of your digital identity.

Loïc Moncany - Co-founder @flowragency Tweet

Share your goals and objectives with us.
Let’s make them ours too.