chore: update permalink configuration and content organization
Modified hugo.toml to use section in post front-matter for permalinks Updated layouts/_default/single.html to handle posts without categories Modified scripts/generate-content.js to organize content by category Deleted content/_index.md and added new category directories
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
---
|
||||
title: "Les technologies web en vogue de 2019"
|
||||
date: "2019-04-08T22:00:07"
|
||||
draft: false
|
||||
slug: "les-technologies-web-en-vogue-de-2019"
|
||||
wordpress_id: 411
|
||||
excerpt: "Le développement web est un domaine très large dans le milieu de l’informatique. C’est pour cela qu’il existe…\n"
|
||||
featured_image: ""
|
||||
author: {"id":1,"name":"Kevin"}
|
||||
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
|
||||
tags: []
|
||||
---
|
||||
|
||||
<p><!--kg-card-begin: html--></p>
|
||||
<p>Le développement web est un domaine très large dans le milieu de l’informatique. C’est pour cela qu’il existe de nombreux langages de programmation, ainsi que de nombreuses technologies comme des <em>framework</em> servant à développer des sites internet, des logiciels ou des applications web. Avant de faire une présentation ces différentes technologies, il est important de faire une rapide explication sur la technologie <em>framework</em>. Un <em>framework</em> est un “cadre de travail”. Il simplifie votre travail grâce à une boîte à outils permettant de gagner du temps dans le développement web. En clair, il vous permet de programmer des applications complexes, rapidement et de façon structurées. </p>
|
||||
<h2>Les technologies web back-end du moment</h2>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2019/04/technologies-web-2019-1.jpg" alt="" class="wp-image-13506" srcset="/content/images/wordpress/2019/04/technologies-web-2019-1.jpg 939w, /content/images/wordpress/2019/04/technologies-web-2019-1-300x199.jpg 300w, /content/images/wordpress/2019/04/technologies-web-2019-1-768x510.jpg 768w, /content/images/wordpress/2019/04/technologies-web-2019-1-696x462.jpg 696w, /content/images/wordpress/2019/04/technologies-web-2019-1-633x420.jpg 633w" sizes="(max-width: 939px) 100vw, 939px" /></figure>
|
||||
<p>Sur <a href="https://mistergeek.net">Mister Geek</a> nous avons déjà parlé d’un <em>framework</em> connu, à savoir Ruby On Rails. Dans ce tutoriel nous apportons les éléments nécessaires pour monter un environnement de développement local. Bien sûr Ruby on Rails (ou « RoR » pour les intimes) n’est pas le seul cadriciel (la <a href="https://www.mistergeek.net/informatique/traduction-francaise-xenforo-2/">traduction</a> de « <em>framework »</em> en français) du web.</p>
|
||||
<p>Les architectures web peuvent s’organiser de différentes façons, cependant certaines reviennent toujours. Le back-end regroupe toutes les parties que l’utilisateur ne voit pas, c’est-à-dire le <a href="https://mistergeek.net/2019/03/05/tuto-monter-un-serveur-minecraft-sur-raspberry-pi/">serveur</a>, la base de données. En back-end, les framework <a href="https://thetribe.io/metier-symfony.html" class="broken_link">Symfony</a> et Laravel font partie des technologies web en vogue. </p>
|
||||
<p>Symfony est un framework PHP (langage de programmation web) permettant de développer des <a href="https://mistergeek.net/2018/06/29/une-application-pour-sortir/">applications </a>ou des sites web. Il fait partie des meilleurs framework dans la création d’application web et ce, grâce à sa flexibilité. <a href="https://www.mistergeek.net/informatique/format-flac/">Son</a> avantage est sa facilité de prise en main, grâce à de nombreuses documentations disponibles en ligne. De plus, son outil de débogage est particulièrement puissant. Le débogage permet d’identifier et de corriger les fautes dans le code. Tout comme Symfony, Laravel est un <em>framework </em>permettant de développer plus rapidement. Ces outils vous font donc gagner un temps précieux dans la phase de développement web de votre <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a>. Une aubaine !</p>
|
||||
<h2>Les nouvelles technologies web front-end</h2>
|
||||
<figure class="wp-block-image"><img decoding="async" src="/content/images/wordpress/2019/04/technologies-web-2019-2.jpg" alt="" class="wp-image-13505" srcset="/content/images/wordpress/2019/04/technologies-web-2019-2.jpg 939w, /content/images/wordpress/2019/04/technologies-web-2019-2-300x200.jpg 300w, /content/images/wordpress/2019/04/technologies-web-2019-2-768x512.jpg 768w, /content/images/wordpress/2019/04/technologies-web-2019-2-696x464.jpg 696w, /content/images/wordpress/2019/04/technologies-web-2019-2-630x420.jpg 630w" sizes="(max-width: 939px) 100vw, 939px" /></figure>
|
||||
<p>En front-end, c’est-à-dire les éléments du site avec lesquels l’utilisateur va pouvoir interagir, React est une technologie qui ressort tout particulièrement. Cette technologie utilise la librairie Javascript permettant de gérer l’interface d’une application web. Vous pouvez l’utiliser lorsque vous avez besoin d’une application monopage possédant de nombreuses interactivités avec les utilisateurs de votre application. </p>
|
||||
<p>L’autre technologie très en vogue en ce moment est <a href="https://angular.io/">Angular</a>. C’est un <em>framework</em> permettant de diminuer la quantité de code et de mieux le structurer. En effet, avec Angular le code est séparé en 3 parties : les données, les vues et les actions à effectuer avec les données. Il est conseillé d’utiliser cette technologie lorsque vous développez de grosses applications. </p>
|
||||
<h2>En résumé</h2>
|
||||
<p>Vous avez à votre disposition de nombreux <em>framework</em> permettant de simplifier le développement de votre site ou application, que ce soit en <em>back-end</em> ou en front-end. Ils sont à choisir en fonction du besoin. Il faut aussi savoir que les technologies web ne se limitent pas qu’au web et gagnent du terrain sur bureau ou sur <a href="https://www.mistergeek.net/informatique/snapchat-screenshot-capture/">smartphone</a> pour le développement d’applications. Ainsi, cela permet de garder sa base de code pour l’utiliser sur toutes les plateformes.</p>
|
||||
<p><!--kg-card-end: html--></p>
|
||||
Reference in New Issue
Block a user