Un projet de conception digitale implique un d\u00e9veloppement front-end et back-end. Ces termes ne vous sont pas encore familiers ? Nous vous pr\u00e9sentons leur signification, et vous aidons \u00e0 identifier les diff\u00e9rences et les r\u00f4les compl\u00e9mentaires de ces deux types de d\u00e9veloppement web.<\/p>\n\n\n\n\n\n\n\n
Le d\u00e9veloppeur front-end travaille sur la partie visible. Il est ainsi responsable de l\u2019interface graphique et de l\u2019ergonomie<\/strong> du site web ou de l\u2019application mobile. C\u2019est lui qui met en place tous les \u00e9l\u00e9ments qui permettront aux internautes de prendre en main l\u2019interface. Son r\u00f4le est donc fondamental : il permet aux utilisateurs de jouir d\u2019une exp\u00e9rience cliente satisfaisante.<\/p>\n\n\n\n Le d\u00e9veloppeur front-end travaille aussi bien sur les polices, que sur les menus d\u00e9roulants, les diff\u00e9rentes couleurs ou les formulaires. Il cr\u00e9\u00e9 ainsi tous les \u00e9l\u00e9ments visibles, et s\u2019assure que l\u2019interface reste ergonomique. Il est \u00e9galement en charge du responsive design, des animations ou des interactions.<\/p>\n\n\n\n Le front-end d\u00e9signe donc la conception de l\u2019interface graphique<\/strong>, celle que l\u2019internaute voit et utilise au quotidien. Mais pour que le site ou l\u2019application ne reste pas une coquille vide, il est n\u00e9cessaire de d\u00e9velopper plusieurs fonctionnalit\u00e9s. C\u2019est \u00e0 ce moment-l\u00e0 que le d\u00e9velopper back-end entre en jeu.<\/p>\n\n\n\n Un d\u00e9veloppeur back-end se charge de cr\u00e9er tous les \u00e9l\u00e9ments invisibles pour l\u2019utilisateur final. Toutes les fonctionnalit\u00e9s du site et de l\u2019application font donc partie de ses responsabilit\u00e9s. Il est principalement responsable de trois aspects qui permettront \u00e0 la plateforme de fonctionner. Le premier est le serveur d\u2019h\u00e9bergement<\/strong>. En effet, le d\u00e9veloppeur back-end doit mettre en place un espace de stockage, qui lui permettra de conserver tous les \u00e9l\u00e9ments qui composent le site web.<\/p>\n\n\n\n Le d\u00e9veloppeur back-end est \u00e9galement responsable de la cr\u00e9ation d\u2019une base de donn\u00e9es<\/strong>. Cette derni\u00e8re permettra de retenir tous les \u00e9l\u00e9ments fournis par le client. Pour se connecter, l\u2019utilisateur doit par exemple renseigner un ID et un mot de passe. La base de donn\u00e9e permettra de retrouver les informations pr\u00e9c\u00e9demment donn\u00e9es et ainsi de valider la connexion de l\u2019internaute.<\/p>\n\n\n\n Enfin, l\u2019application web<\/strong> est mise en place par le d\u00e9veloppeur back-end. Il doit ainsi d\u00e9velopper toutes les fonctionnalit\u00e9s qui permettront au site de fournir les informations demand\u00e9es \u00e0 l\u2019utilisateur.<\/p>\n\n\n\n Le d\u00e9veloppement front-end et back-end implique des langages de programmation diff\u00e9rents. Pour travailler sur une interface ergonomique, le d\u00e9veloppeur front-end doit maitriser trois langages : le HTML, le CSS et le Javascript<\/strong>. Le HTML est un langage de balisage : il permet donc de mettre en place les polices, les couleurs ou la structure du site. Le CSS permet d\u2019organiser la pr\u00e9sentation de la plateforme. Ce langage est essentiel pour cr\u00e9er une bonne exp\u00e9rience utilisateur. Enfin, le d\u00e9veloppeur web peut utiliser le Javascript. Langage de programmation dynamique, Javascript permet de rendre les pages interactives.<\/p>\n\n\n\n De son c\u00f4t\u00e9, le d\u00e9veloppeur back-end va exploiter d\u2019autres langages, tels que PHP, Ruby, Python ou SQL<\/strong>. Pour coder plus facilement, des frameworks sont disponibles. On peut citer Cake PHP, Ruby on Rails ou Symphony. Ces frameworks permettront au d\u00e9veloppeur d\u2019\u00eatre plus r\u00e9actif et rapide, afin de mettre en place sa plateforme dans les plus brefs d\u00e9lais ou de proc\u00e9der rapidement \u00e0 des modifications.<\/p>\n\n\n\nLe back-end : la partie immerg\u00e9e de l\u2019iceberg<\/h2>\n\n\n\n
Les langages utilis\u00e9s pour le d\u00e9veloppement web<\/h2>\n\n\n\n
Un travail en \u00e9troite collaboration<\/h2>\n\n\n\n