{"id":3882,"date":"2021-07-16T11:26:06","date_gmt":"2021-07-16T09:26:06","guid":{"rendered":"https:\/\/www.editions-eni.fr\/blog\/?p=3882"},"modified":"2021-09-08T12:12:18","modified_gmt":"2021-09-08T10:12:18","slug":"vue-js-en-4-questions","status":"publish","type":"post","link":"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/","title":{"rendered":"Vue.js en 4 questions"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_row column_structure=”1_4,3_4″ _builder_version=”4.9.0″ _module_preset=”default” custom_padding=”||0px||false|false”][et_pb_column type=”1_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_image src=”https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/07\/logoVuejs.png” alt=”logo Vue.js” title_text=”logoVuejs” _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”3_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” text_font=”||||||||”]Vous souhaitez d\u00e9velopper rapidement des applications web ? Vous avez d\u00e9j\u00e0 entendu parler de Vue.js<\/strong> sans l\u2019avoir encore utilis\u00e9 et vous avez quelques notions de HTML et de Javascript ?<\/p>\n

Alors d\u00e9couvrez cette technologie au travers de 4 questions pos\u00e9es pour vous \u00e0 notre expert Yoann GAUCHARD ![\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default” custom_padding=”20px||20px||false|false”][et_pb_row _builder_version=”4.9.0″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_margin=”0px||0px||false|false” custom_padding=”0px||0px||false|false”]<\/p>\n

Qu\u2019est-ce que Vue.js ?<\/h3>\n

[\/et_pb_text][et_pb_text quote_border_color=”#3BB6D5″ _builder_version=”4.9.7″ _module_preset=”default” text_font=”||||||||”]<\/p>\n

Yoann GAUCHARD<\/strong> : Vue.js est un framework \u00e9crit en Javascript<\/strong>, par Evan YOU, un ancien de Google Labs. Ce framework est une bo\u00eete \u00e0 outils qui va vous permettre de d\u00e9velopper plus rapidement vos applications web<\/strong>.
Vue.js s\u2019adresse \u00e0 tout d\u00e9veloppeur qui a quelques notions de HTML et Javascript et qui souhaite d\u00e9velopper le frontend d\u2019applications web pour d\u00e9velopper des interfaces fluides, dynamiques, riches<\/strong>, cela plus rapidement \u00e0 l\u2019aide d\u2019un framework.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default” custom_padding=”20px||20px||false|false”][et_pb_row _builder_version=”4.9.0″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_margin=”0px||0px||false|false” custom_padding=”0px||0px||false|false”]<\/p>\n

Pourquoi utiliser le framework Vue.js ?<\/h3>\n

[\/et_pb_text][et_pb_text quote_border_color=”#3BB6D5″ _builder_version=”4.9.7″ _module_preset=”default” text_font=”||||||||”]<\/p>\n

Y.G.<\/strong> : Ce framework est l\u00e9ger<\/strong>, il est aussi modulable, flexible, et c\u2019est surtout son aspect progressif<\/strong> qui est aussi int\u00e9ressant, puisqu\u2019on va pouvoir, autant l\u2019utiliser pour prototyper rapidement des applications<\/strong>, mais aussi s\u2019en servir sur des sites web existants, pour rendre plus riches certaines pages. Tout comme on peut aussi d\u00e9velopper des applications web modernes<\/strong>, c\u2019est-\u00e0-dire des applications monopages<\/strong>, ou aussi dites \u00ab single page applications<\/strong> \u00bb dans leur int\u00e9gralit\u00e9.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default” custom_padding=”20px||20px||false|false”][et_pb_row _builder_version=”4.9.0″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_margin=”0px||0px||false|false” custom_padding=”0px||0px||false|false”]<\/p>\n

Organiser son code en composant : quelles sont les bonnes pratiques ?<\/h3>\n

[\/et_pb_text][et_pb_text quote_border_color=”#3BB6D5″ _builder_version=”4.9.7″ _module_preset=”default” text_font=”||||||||”]<\/p>\n

Y.G.<\/strong> : Il y a plusieurs approches. On peut partir d\u2019une approche \u00ab top down \u00bb<\/strong>, c\u2019est-\u00e0-dire, qu\u2019on va essayer de d\u00e9composer visuellement notre page web<\/strong>. Par exemple on va faire un composant pour l\u2019ent\u00eate<\/strong>, un autre pour le pied de page<\/strong>, un pour la barre lat\u00e9rale<\/strong> et un pour le corps de la page<\/strong>.<\/p>\n

Ensuite, on va regarder quels sont les blocs HTML<\/strong> qui peuvent se r\u00e9p\u00e9ter<\/strong>, qui peuvent \u00eatre r\u00e9utilisables sur plusieurs pages<\/strong>, et si on en identifie, on peut les rassembler dans des composants.<\/p>\n

L\u2019approche \u00ab top down \u00bb est une approche plut\u00f4t naturelle, r\u00e9serv\u00e9e \u00e0 du prototypage d\u2019application rapide<\/strong>. Si par contre apr\u00e8s on passe sur un projet beaucoup plus cons\u00e9quent, il existe l\u2019approche inverse \u00ab bottom up<\/strong> \u00bb, o\u00f9 on s\u2019inspire un peu plus de l\u2019atomic design. On va essayer de voir quels sont les \u00e9l\u00e9ments de notre page, du plus petit, au plus gros. On parle d\u2019atomic design pour faire r\u00e9f\u00e9rence \u00e0 la physique : atome, mol\u00e9cule, organisme\u2026 Puis on passe aux templates et aux pages.<\/p>\n

Il est int\u00e9ressant, lorsque l\u2019on a besoin d\u2019un m\u00eame \u00e9l\u00e9ment \u00e0 plusieurs reprises, de d\u00e9cider d\u2019en faire un composant<\/strong> et ainsi de suite.<\/p>\n

Cela d\u00e9pendra \u00e9galement de la complexit\u00e9 de votre code. Si vous vous rendez-compte que certains composants deviennent assez cons\u00e9quents, il peut \u00eatre recommand\u00e9 de les sous diviser en plusieurs composants<\/strong> afin d\u2019assurer une meilleure maintenabilit\u00e9 du code<\/strong>.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default” custom_padding=”20px||20px||false|false”][et_pb_row _builder_version=”4.9.0″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_margin=”0px||0px||false|false” custom_padding=”0px||0px||false|false”]<\/p>\n

Quelles sont vos recommandations en termes de s\u00e9curit\u00e9 li\u00e9s aux applications web ?<\/h3>\n

[\/et_pb_text][et_pb_text quote_border_color=”#3BB6D5″ _builder_version=”4.9.7″ _module_preset=”default” text_font=”||||||||”]<\/p>\n

Y.G.<\/strong> : Il y a un principe de base, qui est de ne jamais faire confiance aux saisies de l\u2019utilisateur, \u00e0 ce qu\u2019il va saisir dans votre application. Avec Vue.js, si vous utilisez les informations saisies dans votre interface et que vous voulez les r\u00e9injecter ailleurs dans vos pages, il faudra s\u2019assurer d\u2019\u00e9chapper tous les caract\u00e8res qui pourraient \u00eatre interpr\u00e9t\u00e9s dans le code HTML<\/strong>, pour \u00e9viter ainsi l\u2019injection de code malveillant<\/strong>, qu\u2019il soit CSS, Javascript ou HTML. Il y a notamment une directive dans Vue.js qui laisse la place \u00e0 ce type de risque. Il s\u2019agit de la directive VHTML<\/strong>, qui est inject\u00e9e directement \u00e0 un pav\u00e9 HTML dans votre page. Il est primordial de s\u2019assurer que les donn\u00e9es que vous allez injecter soient s\u00fbres et de confiance, et d\u2019avoir bien \u00e9chapp\u00e9 tous les caract\u00e8res interpr\u00e9tables<\/strong> par votre navigateur auparavant.<\/p>\n

Il faut tout de m\u00eame savoir, qu\u2019initialement, si vous utilisez l\u2019interpolation Vue.js<\/strong>, le framework \u00e9chappe naturellement les caract\u00e8res donc vous n\u2019avez pas \u00e0 vous soucier de ce probl\u00e8me.<\/p>\n

Un autre point li\u00e9 \u00e0 la s\u00e9curit\u00e9 va \u00eatre tout ce qui se rapporte \u00e0 l\u2019authentification<\/strong>. Si vous utilisez des API pour obtenir des sources de donn\u00e9es externes pour votre application web<\/strong>, il est toujours pr\u00e9f\u00e9rable d\u2019avoir un syst\u00e8me d\u2019authentification<\/strong>. Dans ce cas vous allez utiliser des cl\u00e9s API<\/strong>, avec des cha\u00eenes de caract\u00e8res<\/strong>, des jetons<\/strong>, des tokens crypt\u00e9s<\/strong>, que le fournisseur d\u2019API vous fournit. L\u2019un des principes de base avec ces cl\u00e9s est de ne jamais les garder dans votre code versionn\u00e9<\/strong> sur votre gestionnaire de version. Github par exemple propose Git Secrets, qui permet de crypter les fichiers<\/strong> o\u00f9 vous stockez les cl\u00e9s pour que les personnes qui utiliseront votre code ensuite puissent acc\u00e9der aux cl\u00e9s qui leur permettront de d\u00e9crypter ces fichiers. Le mieux \u00e9tant de les avoir ailleurs, \u00e0 savoir, ni dans votre code, ni dans votre navigateur. Essayez \u00e9galement de ne pas stocker de secrets ou de cl\u00e9s dans le cache longue dur\u00e9e de votre navigateur<\/strong> car un pirate pourrait les subtiliser. L\u2019id\u00e9al serait que ces cl\u00e9s soient stock\u00e9es sur un serveur \u00e0 part, s\u00e9curis\u00e9.<\/p>\n

Vous appelez ensuite votre API. Elle passe par ce serveur, qui injecte la cl\u00e9 dont il a besoin pour appeler le fournisseur de donn\u00e9es, puis qui r\u00e9cup\u00e8re les donn\u00e9es et les renvoie au navigateur. Utiliser un serveur proxy<\/strong> est ce qu\u2019il y a de plus sur. Il existe \u00e9galement, toutes les Plateformes as a Service (PaaS)<\/strong>, comme Netlify<\/a>, Heroku<\/a> etc. qui utilisent par exemple des syst\u00e8mes de fonctions<\/strong>, comme Netlify Function, et qui permettent de produire un peu de code, sans n\u00e9cessairement bien s\u2019y conna\u00eetre en code cot\u00e9 serveur, et qui permettent de faire ce code de bypass avec le serveur au milieu, entre le navigateur et le fournisseur de donn\u00e9es.<\/p>\n

D\u2019autre part, pour tout ce qui est relatif \u00e0 la soumission de formulaires<\/strong>, si vous utilisez Vue.js avec un rendu c\u00f4t\u00e9 serveur via d\u2019autres frameworks backend, il peut \u00eatre int\u00e9ressant de mettre en place des jetons CSRF<\/strong>, afin d\u2019\u00e9viter les attaques d\u2019hame\u00e7onnage<\/strong> que vous pouvez recevoir lorsque vous cliquez sur un lien ou une image dans un email malveillant.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default” custom_padding=”20px||20px||false|false”][et_pb_row _builder_version=”4.9.0″ _module_preset=”default” custom_padding=”||||false|false”][et_pb_column type=”4_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.0″ _module_preset=”default” custom_margin=”0px||0px||false|false” custom_padding=”0px||0px||false|false”]<\/p>\n

En conclusion<\/h3>\n

[\/et_pb_text][et_pb_text quote_border_color=”#3BB6D5″ _builder_version=”4.9.7″ _module_preset=”default” text_font=”||||||||”]<\/p>\n

En esp\u00e9rant que ces quelques lignes en compagnie de notre expert vous auront permis d\u2019en apprendre plus sur Vue.js et vous auront convaincus de passer \u00e0 ce framework progressif pour vos projets d\u2019applications web !<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default” custom_padding=”20px||20px||false|false”][et_pb_row _builder_version=”4.9.0″ _module_preset=”default” custom_padding=”||||false|false”][et_pb_column type=”4_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_margin=”0px||0px||false|false” custom_padding=”0px||0px||false|false”]<\/p>\n

Vous souhaitez aller plus loin ?<\/h3>\n

[\/et_pb_text][et_pb_text quote_border_color=”#3BB6D5″ _builder_version=”4.9.7″ _module_preset=”default” text_font=”||||||||”]Alors d\u00e9couvrez la pr\u00e9sentation du livre \u00e9crit par Yoann GAUCHARD sur Vue.js ![\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.7″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_video src=”https:\/\/youtu.be\/8Fll6dbvbF0″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_video][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_row _builder_version=”4.9.0″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_testimonial author=”Yoann GAUCHARD” job_title=”Notre expert Vue.js” portrait_url=”https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/07\/YoannGauchard_portrait.jpg” _builder_version=”4.9.7″ _module_preset=”default” custom_margin=”||0px||false|false” custom_padding=”||||false|false”]Apr\u00e8s avoir d\u00e9but\u00e9 en SSII en tant que d\u00e9veloppeur et testeur, Yoann GAUCHARD s\u2019est ensuite tourn\u00e9 vers les technologies web et mobile. Aujourd\u2019hui d\u00e9veloppeur fullstack ind\u00e9pendant, passionn\u00e9 par les technologies web, il est sp\u00e9cialis\u00e9 dans la conception et la r\u00e9alisation de sites web avec Symfony ainsi que dans le d\u00e9veloppement d\u2019applications web mobiles et de Progressive Web Apps avec Vue.js. Son expertise et ses comp\u00e9tences profitent autant \u00e0 ses clients (start-up, PME\/TPE et grands groupes), qu\u2019aux stagiaires d\u2019une \u00e9cole d\u2019informatique \u00e0 qui il dispense des formations. Aujourd\u2019hui, il souhaite, avec l\u2019\u00e9criture de ce livre, partager ses connaissances au plus grand nombre.[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default” locked=”off”][et_pb_row _builder_version=”4.9.0″ _module_preset=”default” locked=”off”][et_pb_column type=”4_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.0″ text_font=”||||||||” text_line_height=”1.8em” header_font=”||||||||” header_2_font=”Overpass|300|||||||” header_2_font_size=”35px” header_2_line_height=”1.5em” custom_margin=”||0px||false|false” header_2_font_size_tablet=”30px” header_2_font_size_phone=”20px” header_2_font_size_last_edited=”on|phone” border_color_all=”#1a0a38″]<\/p>\n

Pour aller plus loin<\/span><\/h2>\n

[\/et_pb_text][et_pb_divider color=”#3BB6D5″ divider_position=”center” divider_weight=”3px” _builder_version=”4.9.0″ max_width=”90px” max_width_tablet=”13%” max_width_last_edited=”off|desktop” custom_margin=”5px||||false|false” custom_padding=”|||” locked=”off”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_4,1_4,1_4,1_4″ _builder_version=”4.9.0″ _module_preset=”default” background_color=”RGBA(0,0,0,0)” custom_margin=”||5px||false|false” custom_css_main_element_last_edited=”on|phone” custom_css_main_element_tablet=”display:flex;” custom_css_main_element_phone=”display:inherit;”][et_pb_column type=”1_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_image src=”https:\/\/www.editions-eni.fr\/livre\/vue-js-developpez-des-applications-web-modernes-en-javascript-avec-un-framework-progressif-9782409029424_XL.jpg” alt=”Scratch et Raspberry Pi Projets maker pour s’initier \u00e0 l’\u00e9lectronique et \u00e0 la robotique” title_text=”scratch-et-raspberry-pi-projets-maker-pour-s-initier-a-l-electronique-et-a-la-robotique-2e-edition-9782409027901_M” url=”https:\/\/www.editions-eni.fr\/livre\/vue-js-developpez-des-applications-web-modernes-en-javascript-avec-un-framework-progressif-9782409029424″ url_new_window=”on” _builder_version=”4.9.7″ _module_preset=”default” width_tablet=”85%” width_phone=”” width_last_edited=”on|tablet” custom_margin=”||10px||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” hover_enabled=”0″ box_shadow_style=”preset3″ transform_styles__hover_enabled=”on|hover” transform_scale__hover=”105%|105%” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” sticky_enabled=”0″][\/et_pb_image][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” text_font=”||||||||” text_text_color=”#3BB6D5″ background_color=”RGBA(0,0,0,0)” custom_margin=”||5px||false|false”]<\/p>\n

Le livre de Yoann Gauchard<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_padding_tablet=”|10px|||false|false” custom_padding_phone=”|0px|||false|false” custom_padding_last_edited=”on|phone”]Vue.js<\/strong>
\nD\u00e9veloppez des applications web modernes en JavaScript avec un framework progressif[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_image src=”https:\/\/media2.editions-eni.fr\/video\/vue-js-le-framework-javascript-pour-developper-le-front-end-de-vos-applications-web-vtvuejs_M.jpg” alt=”Flutter D\u00e9veloppez vos applications mobiles multiplateformes avec Dart” title_text=”flutter-developpez-vos-applications-mobiles-multiplateformes-avec-dart-9782409025273_M (1)” url=”https:\/\/www.editions-eni.fr\/video\/vue-js-le-framework-javascript-pour-developper-le-front-end-de-vos-applications-web-vtvuejs” url_new_window=”on” force_fullwidth=”on” _builder_version=”4.9.7″ _module_preset=”default” width_tablet=”85%” width_phone=”” width_last_edited=”on|tablet” custom_margin=”||10px||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” hover_enabled=”0″ transform_styles__hover_enabled=”on|hover” transform_scale__hover=”105%|105%” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” sticky_enabled=”0″][\/et_pb_image][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” text_font=”||||||||” text_text_color=”#3BB6D5″ background_color=”RGBA(0,0,0,0)” custom_margin=”||5px||false|false”]<\/p>\n

Vid\u00e9o<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_padding_tablet=”|10px|||false|false” custom_padding_phone=”|0px|||false|false” custom_padding_last_edited=”on|phone”]Vue.js<\/strong>
\nLe framework JavaScript pour d\u00e9velopper le Front End de vos applications web[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_image src=”https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/06\/presentiel-web.jpg” alt=”formation en live” title_text=”presentiel-web” url=”https:\/\/www.eni-service.fr\/index.php\/fomation\/vue-js-developper-des-applications-web\/” url_new_window=”on” _builder_version=”4.9.7″ _module_preset=”default” width_tablet=”85%” width_phone=”” width_last_edited=”on|tablet” custom_margin=”||10px||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” box_shadow_style=”preset3″ transform_styles__hover_enabled=”on|hover” transform_scale__hover=”105%|105%” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop”][\/et_pb_image][et_pb_text _builder_version=”4.9.0″ _module_preset=”default” text_font=”||||||||” text_text_color=”#3BB6D5″ background_color=”RGBA(0,0,0,0)” custom_margin=”||5px||false|false”]<\/p>\n

Formation<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_padding_tablet=”|10px|||false|false” custom_padding_phone=”|0px|||false|false” custom_padding_last_edited=”on|phone”]Vue.js<\/strong>
\nD\u00e9velopper des applications Web[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.9.0″ _module_preset=”default”][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default” locked=”off”][et_pb_row _builder_version=”4.9.0″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ text_font=”||||||||” text_line_height=”1.8em” header_font=”||||||||” header_2_font=”Overpass|300|||||||” header_2_font_size=”35px” header_2_line_height=”1.5em” custom_margin=”||0px||false|false” header_2_font_size_tablet=”30px” header_2_font_size_phone=”20px” header_2_font_size_last_edited=”on|phone” border_color_all=”#1a0a38″]<\/p>\n

Ces articles peuvent aussi vous int\u00e9resser<\/span><\/h2>\n

[\/et_pb_text][et_pb_divider color=”#3BB6D5″ divider_position=”center” divider_weight=”3px” _builder_version=”4.9.0″ max_width=”90px” max_width_tablet=”13%” max_width_last_edited=”off|desktop” custom_margin=”5px||||false|false” custom_padding=”|||” locked=”off”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.9.0″ _module_preset=”default” width_tablet=”60%” width_last_edited=”off|tablet” custom_margin_tablet=”|10px||10px|false|false” custom_margin_last_edited=”off|tablet” custom_css_main_element_last_edited=”off|tablet” custom_css_main_element_tablet=”display:flex;” custom_css_main_element_phone=”display:inherit;”][et_pb_column type=”1_3″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_slider use_bg_overlay=”on” bg_overlay_color=”rgba(26,10,56,0.6)” _builder_version=”4.9.7″ _dynamic_attributes=”link_option_url” _module_preset=”default” header_level=”h4″ header_font=”Overpass||||||||” header_font_size=”18px” width_last_edited=”off|tablet” height=”320px” height_last_edited=”off|desktop” custom_margin=”0px||40px||false|false” custom_margin_last_edited=”off|tablet” custom_padding=”180px|0px|0px|0px|false|false” custom_padding_tablet=”150px||||false|false” custom_padding_phone=”” custom_padding_last_edited=”on|desktop” link_option_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wb3N0Iiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjEyNjIifX0=@” border_radii=”on|20px|20px|20px|20px” box_shadow_style=”preset3″ custom_margin__hover_enabled=”on|hover” custom_margin__hover=”-10px||30px||false|false” custom_padding__hover_enabled=”on|desktop” custom_padding__hover=”||0px||false|false” height__hover_enabled=”on|desktop” height__hover=”330px”][et_pb_slide button_link=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wb3N0Iiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjMwODkifX0=@” _builder_version=”4.9.7″ _dynamic_attributes=”button_link” _module_preset=”default” background_image=”https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/06\/dossier_thematique_creation-site-web.jpg” background_enable_image=”on” custom_padding=”||||false|false” custom_padding__hover_enabled=”off|desktop” custom_padding__hover=”280px||||false|false” sticky_transition=”on”]<\/p>\n

D\u00e9veloppement de WebApp : 7 bonnes pratiques<\/h4>\n

[\/et_pb_slide][\/et_pb_slider][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_slider use_bg_overlay=”on” bg_overlay_color=”rgba(26,10,56,0.6)” _builder_version=”4.9.7″ _dynamic_attributes=”link_option_url” _module_preset=”default” header_level=”h4″ header_font=”Overpass||||||||” header_font_size=”18px” width_last_edited=”off|tablet” height=”320px” height_last_edited=”off|desktop” custom_margin=”0px||40px||false|false” custom_margin_last_edited=”off|tablet” custom_padding=”180px|0px|0px|0px|false|false” custom_padding_tablet=”150px||||false|false” custom_padding_phone=”” custom_padding_last_edited=”on|desktop” link_option_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wb3N0Iiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjEwMDAifX0=@” border_radii=”on|20px|20px|20px|20px” box_shadow_style=”preset3″ custom_margin__hover_enabled=”on|hover” custom_margin__hover=”-10px||30px||false|false” custom_padding__hover_enabled=”on|desktop” custom_padding__hover=”||0px||false|false” height__hover_enabled=”on|desktop” height__hover=”330px”][et_pb_slide button_link=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wb3N0Iiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI5NzEifX0=@” _builder_version=”4.9.7″ _dynamic_attributes=”button_link” _module_preset=”default” background_image=”https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/06\/bandeau_flask.jpg” background_enable_image=”on” custom_padding=”||||false|false” custom_padding__hover_enabled=”off|desktop” custom_padding__hover=”280px||||false|false” sticky_transition=”on”]<\/p>\n

Flask : d\u00e9velopper sa premi\u00e8re application web en Python<\/h4>\n

[\/et_pb_slide][\/et_pb_slider][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.0″ _module_preset=”default”][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Vous souhaitez d\u00e9velopper rapidement des applications web ? Vous avez d\u00e9j\u00e0 entendu parler de Vue.js sans l\u2019avoir encore utilis\u00e9 et vous avez quelques notions de HTML et de Javascript ? Alors d\u00e9couvrez cette technologie au travers de 4 questions pos\u00e9es pour vous \u00e0 notre expert Yoann GAUCHARD !Qu\u2019est-ce que Vue.js ?Yoann GAUCHARD : Vue.js est un framework […]<\/p>\n","protected":false},"author":3,"featured_media":3883,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[4,18],"tags":[],"genre":[],"class_list":["post-3882","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement","category-paroles-d-experts"],"acf":[],"yoast_head":"\nVue.js en 4 questions - Eni Blog<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez Vue.js au travers de 4 questions \u00e0 notre expert !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vue.js en 4 questions - Eni Blog\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez Vue.js au travers de 4 questions \u00e0 notre expert !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/\" \/>\n<meta property=\"og:site_name\" content=\"Eni Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-16T09:26:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-08T10:12:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/07\/bandeau_vuejs.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Erwan Caillarec\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Erwan Caillarec\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/\",\"url\":\"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/\",\"name\":\"Vue.js en 4 questions - Eni Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.editions-eni.fr\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/07\/bandeau_vuejs.jpg\",\"datePublished\":\"2021-07-16T09:26:06+00:00\",\"dateModified\":\"2021-09-08T10:12:18+00:00\",\"author\":{\"@id\":\"https:\/\/www.editions-eni.fr\/blog\/#\/schema\/person\/0dc710628e4fb046b1006320d8bf5927\"},\"description\":\"D\u00e9couvrez Vue.js au travers de 4 questions \u00e0 notre expert !\",\"breadcrumb\":{\"@id\":\"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/#primaryimage\",\"url\":\"https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/07\/bandeau_vuejs.jpg\",\"contentUrl\":\"https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/07\/bandeau_vuejs.jpg\",\"width\":1920,\"height\":680,\"caption\":\"bandeau_vuejs\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.editions-eni.fr\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vue.js en 4 questions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.editions-eni.fr\/blog\/#website\",\"url\":\"https:\/\/www.editions-eni.fr\/blog\/\",\"name\":\"Eni Blog\",\"description\":\"Blog des Editions ENI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.editions-eni.fr\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.editions-eni.fr\/blog\/#\/schema\/person\/0dc710628e4fb046b1006320d8bf5927\",\"name\":\"Erwan Caillarec\",\"url\":\"https:\/\/www.editions-eni.fr\/blog\/author\/ecaillarec\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vue.js en 4 questions - Eni Blog","description":"D\u00e9couvrez Vue.js au travers de 4 questions \u00e0 notre expert !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/","og_locale":"fr_FR","og_type":"article","og_title":"Vue.js en 4 questions - Eni Blog","og_description":"D\u00e9couvrez Vue.js au travers de 4 questions \u00e0 notre expert !","og_url":"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/","og_site_name":"Eni Blog","article_published_time":"2021-07-16T09:26:06+00:00","article_modified_time":"2021-09-08T10:12:18+00:00","og_image":[{"width":1920,"height":680,"url":"https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/07\/bandeau_vuejs.jpg","type":"image\/jpeg"}],"author":"Erwan Caillarec","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Erwan Caillarec"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/","url":"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/","name":"Vue.js en 4 questions - Eni Blog","isPartOf":{"@id":"https:\/\/www.editions-eni.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/#primaryimage"},"image":{"@id":"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/#primaryimage"},"thumbnailUrl":"https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/07\/bandeau_vuejs.jpg","datePublished":"2021-07-16T09:26:06+00:00","dateModified":"2021-09-08T10:12:18+00:00","author":{"@id":"https:\/\/www.editions-eni.fr\/blog\/#\/schema\/person\/0dc710628e4fb046b1006320d8bf5927"},"description":"D\u00e9couvrez Vue.js au travers de 4 questions \u00e0 notre expert !","breadcrumb":{"@id":"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/#primaryimage","url":"https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/07\/bandeau_vuejs.jpg","contentUrl":"https:\/\/www.editions-eni.fr\/blog\/wp-content\/uploads\/2021\/07\/bandeau_vuejs.jpg","width":1920,"height":680,"caption":"bandeau_vuejs"},{"@type":"BreadcrumbList","@id":"https:\/\/www.editions-eni.fr\/blog\/vue-js-en-4-questions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.editions-eni.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Vue.js en 4 questions"}]},{"@type":"WebSite","@id":"https:\/\/www.editions-eni.fr\/blog\/#website","url":"https:\/\/www.editions-eni.fr\/blog\/","name":"Eni Blog","description":"Blog des Editions ENI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.editions-eni.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.editions-eni.fr\/blog\/#\/schema\/person\/0dc710628e4fb046b1006320d8bf5927","name":"Erwan Caillarec","url":"https:\/\/www.editions-eni.fr\/blog\/author\/ecaillarec\/"}]}},"_links":{"self":[{"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/posts\/3882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/comments?post=3882"}],"version-history":[{"count":4,"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/posts\/3882\/revisions"}],"predecessor-version":[{"id":4038,"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/posts\/3882\/revisions\/4038"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/media\/3883"}],"wp:attachment":[{"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/media?parent=3882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/categories?post=3882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/tags?post=3882"},{"taxonomy":"genre","embeddable":true,"href":"https:\/\/www.editions-eni.fr\/blog\/wp-json\/wp\/v2\/genre?post=3882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}