Juste votre type : glisser vers la droite sur JavaScript et TypeScript

Table des matières:

• Présentation
• Croquis
  • Vérification de type
  • Fonctions
  • Travail d'équipe
• Leçons apprises
• Prochaines étapes
• Ressources

---

Introduction

Le développement Web peut parfois ressembler au Far West du monde du codage. Il y a tellement de frameworks et de bibliothèques avec lesquels travailler, et cela peut souvent sembler écrasant. Si vous ressentez cela, je suis là pour vous dire que vous n’êtes pas seul ; Lorsque j'ai commencé mon apprentissage, je ne savais pas quelle technologie je voulais ajouter à ma pile technologique. Je savais que j'aimais le développement front-end, mais je n'avais aucune idée du chemin à suivre pour perfectionner mes compétences dans ce domaine. C’est pourquoi j’ai décidé de faire la meilleure chose que vous puissiez faire lorsque vous n’êtes pas sûr de quelque chose : demander à quelqu’un de plus expérimenté. J'ai consulté mon mentor et il m'a informé que TypeScript est rapidement devenu un atout précieux dans les équipes de développement de nombreuses entreprises. J'ai fait quelques recherches supplémentaires et j'ai trouvé TypeScript très attrayant ; Je suis un spécialiste des détails et la granularité de TypeScript offrait une nouvelle façon amusante de coder.
Mon incertitude initiale m'a inspiré à écrire un petit croquis. Mon dilemme m'a rappelé ces émissions de rencontres que vous avez peut-être ou non regardées sans réfléchir tard dans la nuit, et j'ai décidé de les utiliser comme décor de mon sketch. Sans plus attendre, je vous apporte :

FLIRT COMPLET

[JEUX DE MUSIQUE D'INTRO FUNKY]

LUKE L. HÔTE :Bienvenue à nouveau dans « Full Stack Flirting » ! Luke L. Hôte ici avec un autre développeur qui cherche à trouver son véritable amour. Notre star mettra-t-elle son cœur à la production ? Ou vont-ils revenir au single ? Découvrons et rencontrons notre programmeur.

[PROGRAMMEUR ENTRE]

NICOLE :Salut Luke, ravi d'être ici.

HÔTE : Ravi de vous avoir ! Maintenant, quel est votre nom et qu'espérez-vous retirer de cette petite production ici ?

NICOLE : Je m'appelle Nicole et j'essaie de décider quelle langue je devrais ajouter à ma rotation permanente de la pile technologique. J'ai amené deux prétendants aujourd'hui ; JavaScript, mon ancienne flamme, et TypeScript, mon prétendant soudain.

HÔTE : Ça a l’air épicé ! Pourquoi ne rencontrons-nous pas nos deux langues maintenant ?

[LANGUES ENTRER]

JAVASCRIPT : Salut à tous. Je suis JavaScript.

TYPESCRIPT : Et je suis TypeScript.

HÔTE : Ravi de vous rencontrer tous les deux ! Très bien, Nicole, plongeons-nous directement. JavaScript, vous existez depuis un moment. Qu’est-ce qui fait de vous le meilleur choix pour la pile technologique de Nicole ?

JAVASCRIPT : Eh bien, Luke, je suis l'épine dorsale du Web depuis des décennies. Je suis fiable et flexible, et ma syntaxe est très facile à comprendre. De plus, j'ai une énorme communauté : le débordement de pile sera votre meilleur ami quand il s'agira de moi.

ANIMATEUR : Impressionnant, mais j’ai entendu dire que vous aviez un peu… de bagages ? Peut-être du type héritage ?

JAVASCRIPT : Hé maintenant, j'ai modernisé ! ES6 est là et cela m'a rendu meilleur que jamais.

HÔTE : Noté. Maintenant, TypeScript, qu'est-ce qui vous distingue en tant que prétendant ?

TYPESCRIPT :Eh bien, Luke, je prends toutes les bonnes choses de JavaScript et j'ajoute un peu de structure. Je suis comme JavaScript… mais en mieux. J'aide à prévenir les erreurs et à faciliter le débogage. Un développeur comme Nicole mérite quelque chose de plus sécurisé et fiable. Quelque chose comme moi.

HÔTE : Sécurisé et fiable : de la musique aux oreilles d'un programmeur. Mais certains disent que vous êtes un peu… exigeant en entretien ?

TYPESCRIPT : Pas du tout, Luke. Une fois que vous me connaissez, je suis très accessible. Si Nicole connaît JavaScript, la transition vers moi sera un jeu d'enfant.

ANIMATEUR : Nicole, vous avez toute une décision devant vous. JavaScript apporte nostalgie et simplicité, mais TypeScript offre ce filet de sécurité dont nous rêvons tous en amour et en code. Êtes-vous prêt à vous engager ou avez-vous besoin de quelques démonstrations supplémentaires de fonctionnalités ?

NICOLE : Je pense que je vais devoir faire quelques tests supplémentaires…

HÔTE : Très bien, entrons dans les vrais détails : la compatibilité du code ! JavaScript, TypeScript, vous avez retenu l'attention de Nicole, mais il est maintenant temps de montrer vos meilleures fonctionnalités. JavaScript, pourquoi ne démarres-tu pas ?

JAVASCRIPT : Avec plaisir ! Dans mon cas, j’aime garder les choses simples. Voici comment déclarer une variable :

let favoriteFood = "sushi"; 
console.log(favoriteFood); // sushi

Pas de types, pas de fioritures : juste du code pur et non filtré. Décontracté et facile.

HÔTE : Sans effort, mais certains diront peut-être un peu… trop décontracté. TypeScript, et vous ?

TYPESCRIPT : Luke, j'aime un peu de clarté dans mes relations. Regardez ça :

let favoriteFood: string = "sushi";  
console.log(favoriteFood); // sushi

Vous voyez ? Je m’assure qu’il n’y a aucune confusion sur le type de données avec lesquelles Nicole travaille. Une communication solide est la clé.

NICOLE : Hmm, j'aime la clarté… JavaScript, que se passe-t-il si j'essaie de faire ça ?

favoriteFood = 42;
console.log(favoriteFood); // 42... wait, what?

JAVASCRIPT : Écoutez, je suis flexible ! Qui a dit que favoriteFood ne pouvait pas être un nombre ? Je veux suivre le courant.

TYPESCRIPT : C'est là que j'interviens, Nicole. J'aurais détecté cette erreur avant même que vous ayez exécuté le code :

// Error: Type 'number' is not assignable to type 'string'.

Vous voyez ? Je te soutiens toujours.

HÔTE : Très bien, parlons des fonctions. JavaScript, comment les gérez-vous ?

JAVASCRIPT : J'aime garder les choses ouvertes. Disons que Nicole veut écrire une fonction pour additionner deux nombres :

let favoriteFood = "sushi"; 
console.log(favoriteFood); // sushi

Ce n'est pas grave si Nicole y glisse une ficelle, je vais le faire fonctionner !

TYPESCRIPT : Faire en sorte que ça marche ? Ce n’est pas exactement une fondation durable. Nicole, je crois qu'il faut définir les attentes dès le départ :

let favoriteFood: string = "sushi";  
console.log(favoriteFood); // sushi

Avec moi, il n'y a pas devinettes : vos entrées et sorties sont parfaitement claires.

NICOLE : Wow, vous avez tous les deux des approches vraiment différentes. JavaScript, tu es tellement adaptable… mais TypeScript, tu es comme un filet de sécurité dont je ne savais pas avoir besoin !

HÔTE : On dirait que notre développeur chéri a beaucoup de choses à considérer ! Passons à une dernière question : quelle est votre approche du… travail d’équipe ? Comment travailler dans une relation importante et complexe, comme une application full-stack ?

JAVASCRIPT : Un travail d'équipe ? Je m'épanouit dans le chaos de la collaboration. Je peux m'intégrer n'importe où, avec n'importe qui. Me voici en train d'utiliser une promesse pour gérer le travail asynchrone :

favoriteFood = 42;
console.log(favoriteFood); // 42... wait, what?

Je suis simple et adaptable.

TYPESCRIPT : Bien sûr, mais soyons honnêtes, JavaScript : vous pouvez être un peu bâclé dans les grandes équipes. J'apporte structure et responsabilité à la relation :

// Error: Type 'number' is not assignable to type 'string'.

Vous voyez ? Je m'assure que tout le monde sait exactement à quoi s'attendre ; pas de surprises, pas de drame inutile.

ANIMATEUR : Nicole, tu as les mains pleines avec ces deux-là. Voulez-vous l’esprit aventureux de JavaScript ou la structure fiable de TypeScript ? Je suppose que nous vous laisserons cette décision, jusqu'à la prochaine fois sur Full Stack Flirting !

[JEUX DE MUSIQUE FUNKY OUTRO]

---

Grâce à mon exploration, j'ai appris quelques leçons clés sur TypeScript qui, je pense, pourraient aider les autres à accélérer leur apprentissage :

• Commencez par les bases de JavaScript : comprendre JavaScript facilite d'abord la transition vers TypeScript.
• TypeScript ajoute à JavaScript, ne remplace pas : considérez TypeScript comme un autre outil dans votre boîte à outils de développement Web.
• Gardez l'évolutivité à l'esprit : lorsque vous travaillez sur de grands projets ou en équipe, la structure de TypeScript brille en évitant les petits problèmes. de devenir de gros problèmes.

Comme en témoigne la fin de ce croquis, je ne sais toujours pas si j'utiliserai TypeScript ou JavaScript comme langage de codage principal ; les deux offrent leurs avantages et leurs inconvénients. Je dirai que mes aventures dans TypeScript ont été intéressantes. Je continuerai mon apprentissage de TypeScript en construisant un projet à petite échelle afin de m'habituer à appliquer les fonctionnalités uniques. Lors de la création de ce projet, je tenterai d'implémenter des technologies que je connais déjà, comme Vite ou React. Je prévois également d'approfondir la documentation Next.js et d'apprendre à l'utiliser au mieux.

Si vous souhaitez vous lancer vous-même dans TypeScript, voici quelques ressources qui pourraient vous être utiles :

• Apprenez le guide TypeScript sur FreeCodeCamp
• TypeScript pour les débutants en programmant avec Mosh
• Documents Next.js
• Maîtriser Next.js par Lee Robinson

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!