{"id":458,"date":"2024-01-14T18:37:51","date_gmt":"2024-01-14T17:37:51","guid":{"rendered":"https:\/\/az-portfolio.ovh\/?page_id=458"},"modified":"2024-03-06T11:47:36","modified_gmt":"2024-03-06T10:47:36","slug":"react","status":"publish","type":"page","link":"https:\/\/az-portfolio.ovh\/?page_id=458","title":{"rendered":"Typescript"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Accueil<\/a> -> Comp\u00e9tences<\/a> -> Typescript<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t

Typescript
\u2b50\u2b50\u2b50<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Introduction<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

TypeScript est un langage de programmation open source bas\u00e9 sur JavaScript. Il a \u00e9t\u00e9 d\u00e9velopp\u00e9 et est maintenu par Microsoft. TypeScript est con\u00e7u pour \u00eatre un superensemble de JavaScript, ce qui signifie qu’il inclut toutes les fonctionnalit\u00e9s de JavaScript tout en ajoutant des fonctionnalit\u00e9s suppl\u00e9mentaires pour am\u00e9liorer la qualit\u00e9 du code, la maintenabilit\u00e9 et la productivit\u00e9.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Pour aller plus loin<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Le langage TypeScript est principalement connu pour sa prise en charge de la v\u00e9rification de type statique, qui permet aux d\u00e9veloppeurs de d\u00e9tecter les erreurs de type avant l’ex\u00e9cution du code. Cela am\u00e9liore la qualit\u00e9 et la fiabilit\u00e9 du code, r\u00e9duit le temps de d\u00e9bogage et facilite la collaboration entre les membres de l’\u00e9quipe.<\/span><\/p>

TypeScript permet \u00e9galement l’utilisation des derni\u00e8res fonctionnalit\u00e9s JavaScript, m\u00eame si elles ne sont pas encore prises en charge par tous les navigateurs. Il offre \u00e9galement des fonctionnalit\u00e9s de programmation orient\u00e9e objet telles que les classes, les interfaces et les modules, ce qui facilite la structuration et l’organisation du code.<\/span><\/p>

Enfin, TypeScript est facilement int\u00e9grable avec des frameworks et des biblioth\u00e8ques populaires tels que Angular, React et Node.js, ce qui en fait un choix populaire pour les applications Web complexes.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Contexte d'utilisation<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Dans le cadre de mes projets ant\u00e9rieurs, j’ai pu explorer les possibilit\u00e9s offertes par TypeScript dans deux contextes distincts.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

L’application MetricsWeb<\/strong><\/a>, con\u00e7ue pour l’analyse et le traitement de donn\u00e9es dans le domaine dentaire chez Invisart, a b\u00e9n\u00e9fici\u00e9 de l’int\u00e9gration strat\u00e9gique de TypeScript. Cette d\u00e9cision s’est av\u00e9r\u00e9e essentielle, car la v\u00e9rification de type statique de TypeScript a permis de d\u00e9tecter et de corriger les erreurs plus pr\u00e9cocement dans le processus de d\u00e9veloppement. Cette approche a notablement am\u00e9lior\u00e9 la qualit\u00e9 et la fiabilit\u00e9 du code, assurant ainsi une performance optimale de l’application.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Dans le cadre du projet InvisartUI<\/a><\/strong>, d\u00e9di\u00e9 \u00e0 simplifier les prises d’empreintes dentaires avec le porte-empreinte optique 3D de l’entreprise, TypeScript a jou\u00e9 un r\u00f4le crucial. En utilisant TypeScript en combinaison avec React, j’ai pu cr\u00e9er une interface utilisateur conviviale et intuitive, offrant une exp\u00e9rience utilisateur fluide et efficace. De plus, la pr\u00e9sence de visualisation 3D dans InvisartUI, gr\u00e2ce \u00e0 l’utilisation du module THREE.js, a b\u00e9n\u00e9fici\u00e9 des avantages de TypeScript pour garantir la coh\u00e9rence et la fiabilit\u00e9 du code, m\u00eame dans des contextes aussi complexes. Cette approche a permis de d\u00e9velopper des composants r\u00e9actifs et robustes.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Retour d'exp\u00e9rience<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Lors de mes premi\u00e8res interactions avec TypeScript pendant mes \u00e9tudes, j’ai pu en saisir les bases, mais sans vraiment \u00e9valuer son efficacit\u00e9. Cependant, au cours de mon stage et de mon alternance, o\u00f9 j’ai travaill\u00e9 quotidiennement avec TypeScript pendant plus de deux ans et demi, j’ai vraiment d\u00e9couvert son potentiel.<\/p>

Plus je l’utilise, plus j’appr\u00e9cie ses avantages. La v\u00e9rification de type statique m’a permis de d\u00e9tecter et de corriger les erreurs plus rapidement, am\u00e9liorant ainsi la qualit\u00e9 et la fiabilit\u00e9 de mon code. Les fonctionnalit\u00e9s avanc\u00e9es de TypeScript, comme les interfaces et les modules, m’ont offert une meilleure organisation dans la structuration de mes projets.<\/p>

En somme, mon exp\u00e9rience avec TypeScript a \u00e9t\u00e9 tr\u00e8s positive. Sa syntaxe claire et ses outils robustes m’ont aid\u00e9 \u00e0 d\u00e9velopper des applications plus solides. Je suis convaincu de sa valeur ajout\u00e9e dans le d\u00e9veloppement moderne et j’ai h\u00e2te de continuer \u00e0 l’explorer dans mes futurs projets.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

R\u00e9alisations li\u00e9es<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Accueil -> Comp\u00e9tences -> Typescript Typescript\u2b50\u2b50\u2b50 Introduction TypeScript est un langage de programmation open source bas\u00e9 sur JavaScript. Il a \u00e9t\u00e9 d\u00e9velopp\u00e9 et est maintenu par Microsoft. TypeScript est con\u00e7u pour \u00eatre un superensemble de JavaScript, ce qui signifie qu’il inclut toutes les fonctionnalit\u00e9s de JavaScript tout en ajoutant des fonctionnalit\u00e9s suppl\u00e9mentaires pour am\u00e9liorer la […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-458","page","type-page","status-publish","hentry"],"yoast_head":"\nTypescript - Alexandre Zamo<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typescript - Alexandre Zamo\" \/>\n<meta property=\"og:description\" content=\"Accueil -> Comp\u00e9tences -> Typescript Typescript\u2b50\u2b50\u2b50 Introduction TypeScript est un langage de programmation open source bas\u00e9 sur JavaScript. Il a \u00e9t\u00e9 d\u00e9velopp\u00e9 et est maintenu par Microsoft. TypeScript est con\u00e7u pour \u00eatre un superensemble de JavaScript, ce qui signifie qu’il inclut toutes les fonctionnalit\u00e9s de JavaScript tout en ajoutant des fonctionnalit\u00e9s suppl\u00e9mentaires pour am\u00e9liorer la […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/az-portfolio.ovh\/?page_id=458\" \/>\n<meta property=\"og:site_name\" content=\"Alexandre Zamo\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-06T10:47:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/az-portfolio.ovh\/wp-content\/uploads\/2024\/02\/d27fb7bd-8270-4a45-a5a3-812f691a4b0a-768x768.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/az-portfolio.ovh\/?page_id=458\",\"url\":\"https:\/\/az-portfolio.ovh\/?page_id=458\",\"name\":\"Typescript - Alexandre Zamo\",\"isPartOf\":{\"@id\":\"https:\/\/az-portfolio.ovh\/#website\"},\"datePublished\":\"2024-01-14T17:37:51+00:00\",\"dateModified\":\"2024-03-06T10:47:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/az-portfolio.ovh\/?page_id=458#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/az-portfolio.ovh\/?page_id=458\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/az-portfolio.ovh\/?page_id=458#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/az-portfolio.ovh\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Typescript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/az-portfolio.ovh\/#website\",\"url\":\"https:\/\/az-portfolio.ovh\/\",\"name\":\"Alexandre Zamo\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/az-portfolio.ovh\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Typescript - Alexandre Zamo","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fr_FR","og_type":"article","og_title":"Typescript - Alexandre Zamo","og_description":"Accueil -> Comp\u00e9tences -> Typescript Typescript\u2b50\u2b50\u2b50 Introduction TypeScript est un langage de programmation open source bas\u00e9 sur JavaScript. Il a \u00e9t\u00e9 d\u00e9velopp\u00e9 et est maintenu par Microsoft. TypeScript est con\u00e7u pour \u00eatre un superensemble de JavaScript, ce qui signifie qu’il inclut toutes les fonctionnalit\u00e9s de JavaScript tout en ajoutant des fonctionnalit\u00e9s suppl\u00e9mentaires pour am\u00e9liorer la […]","og_url":"https:\/\/az-portfolio.ovh\/?page_id=458","og_site_name":"Alexandre Zamo","article_modified_time":"2024-03-06T10:47:36+00:00","og_image":[{"url":"https:\/\/az-portfolio.ovh\/wp-content\/uploads\/2024\/02\/d27fb7bd-8270-4a45-a5a3-812f691a4b0a-768x768.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/az-portfolio.ovh\/?page_id=458","url":"https:\/\/az-portfolio.ovh\/?page_id=458","name":"Typescript - Alexandre Zamo","isPartOf":{"@id":"https:\/\/az-portfolio.ovh\/#website"},"datePublished":"2024-01-14T17:37:51+00:00","dateModified":"2024-03-06T10:47:36+00:00","breadcrumb":{"@id":"https:\/\/az-portfolio.ovh\/?page_id=458#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/az-portfolio.ovh\/?page_id=458"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/az-portfolio.ovh\/?page_id=458#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/az-portfolio.ovh\/"},{"@type":"ListItem","position":2,"name":"Typescript"}]},{"@type":"WebSite","@id":"https:\/\/az-portfolio.ovh\/#website","url":"https:\/\/az-portfolio.ovh\/","name":"Alexandre Zamo","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/az-portfolio.ovh\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/az-portfolio.ovh\/index.php?rest_route=\/wp\/v2\/pages\/458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/az-portfolio.ovh\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/az-portfolio.ovh\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/az-portfolio.ovh\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/az-portfolio.ovh\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=458"}],"version-history":[{"count":45,"href":"https:\/\/az-portfolio.ovh\/index.php?rest_route=\/wp\/v2\/pages\/458\/revisions"}],"predecessor-version":[{"id":1472,"href":"https:\/\/az-portfolio.ovh\/index.php?rest_route=\/wp\/v2\/pages\/458\/revisions\/1472"}],"wp:attachment":[{"href":"https:\/\/az-portfolio.ovh\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}