- 19
- 118 718
L'instant Code
France
Приєднався 22 кві 2021
Apprenez le développement web gratuitement.
Les bases de Typescript
Typescript est un outil apprécié des entreprises (parfois un peu moins des développeurs). Dans ce tutoriel nous verrons les bases de ce langage pour écrire vos premières lignes de Javascript fortement typé.
✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) :
www.buymeacoffee.com/linstantcode
👓 Références :
La doc officiel : www.typescriptlang.org/docs/handbook/intro.html
Les objets globaux en JS : developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects
Les interface de l'API web : developer.mozilla.org/fr/docs/Web/API
Les décorateurs par Fireship (en anglais) : ua-cam.com/video/O6A-u_FoEX8/v-deo.html
🎯 Chapitres :
00:00 Introduction
01:40 Installation
06:35 Configuration
08:24 Variable
11:10 Union types
11:54 Literal types
13:25 Type assertion
15:05 Tableau
16:34 Tupels
18:06 Objet
20:13 Any vs unknown
21:30 Interface
25:44 Type aliases
27:34 Generics
29:33 Function
32:41 Classe
34:27 La doc
37:36 Conclusion
Crédit photo : Lachlan Gowen
✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) :
www.buymeacoffee.com/linstantcode
👓 Références :
La doc officiel : www.typescriptlang.org/docs/handbook/intro.html
Les objets globaux en JS : developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects
Les interface de l'API web : developer.mozilla.org/fr/docs/Web/API
Les décorateurs par Fireship (en anglais) : ua-cam.com/video/O6A-u_FoEX8/v-deo.html
🎯 Chapitres :
00:00 Introduction
01:40 Installation
06:35 Configuration
08:24 Variable
11:10 Union types
11:54 Literal types
13:25 Type assertion
15:05 Tableau
16:34 Tupels
18:06 Objet
20:13 Any vs unknown
21:30 Interface
25:44 Type aliases
27:34 Generics
29:33 Function
32:41 Classe
34:27 La doc
37:36 Conclusion
Crédit photo : Lachlan Gowen
Переглядів: 6 578
Відео
Comprendre la propriété "position" en CSS.
Переглядів 4,8 тис.3 роки тому
Le positionnement en CSS c'est tout un art. Dans ce tutoriel nous verrons les différentes options qui s'offrent à nous, à travers plusieurs exemples, mais aussi les pièges à éviter pour ne pas voir nos éléments se promener n'importe où sur notre page. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode 👓 Référence : La doc MDN : develop...
Les JWT et les bases de l'authentification avec Express
Переглядів 6 тис.3 роки тому
Dans ce tutoriel, nous verrons pourquoi les Json Web Tokens existent, de quoi ils sont faits, comment les créer et les décoder. En passant, on en apprendra plus sur les questions d'authentification. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode 👓 Références : La doc : jwt.io/ Générer clé RSA (et comment le faire vous même): crypto...
Express, les bases pour démarrer
Переглядів 12 тис.3 роки тому
Express est l'un des framework les plus populaires pour construire le back-end de votre application. Grace à sa syntaxe simple et élégante, vous pourrez créer votre API en quelques minutes. Dans ce tutoriel on verra l'installation d'Express, comment recevoir des requêtes Http et comment y répondre. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com...
Tutoriel Flexbox
Переглядів 1,3 тис.3 роки тому
Apprendre Flexbox vous permettra de réaliser des mises en page complexes et des design responsive. Dans ce tutoriel nous couvrirons les principales options et les pièges à éviter. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstant... 👓 Référence : Le projet GitHub : github.com/Antoine-Flo/tuto-flexbox La doc MDN : developer.mozilla.org/fr/...
Tutoriel Docker, l'essentiel pour débuter
Переглядів 21 тис.3 роки тому
C'est quoi Docker ? dans cette vidéo on verra ce que sont les containers, comment les créer et comment s'en servir. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstant... 👓 Référence : Projet GitHub : github.com/Antoine-Flo/tuto-docker La doc : docs.docker.com/reference/ 🎯 Chapitres : 00:00 C'est quoi Docker ? 03:35 Installation 04:04 Docke...
Tutoriel Node.Js
Переглядів 2,7 тис.3 роки тому
Dans ce tutoriel nous verrons l'essentiel de Node.Js. Comment démarrer un projet NodeJs, utiliser NPM, créer un serveur et bien d'autre choses. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode 👓 Références : Doc : nodejs.org/dist/latest-v14.x/docs/api/ Technique de multi-threading : www.jesuisundev.com/comprendre-les-worker-threads-d...
Comprendre les Web Components
Переглядів 2,3 тис.3 роки тому
C'est quoi les Web Components ? dans ce tutoriel on verra pas à pas l'idée derrière les composants web mais aussi comment les créer grâce à JavaScript. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode 👓 Référence : La doc MDN : developer.mozilla.org/fr/docs/Web/Web_Components Critique des Web Components : putaindecode.io/articles/le-...
Nouveautés JavaScript 2021
Переглядів 5103 роки тому
Nouvelles méthodes, nouveaux opérateurs 🎉 découvrez ce qu'ECMAScript 2021 nous apporte d’intéressant dans sa besace. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode 👓 Références : Can I Use : caniuse.com/?search=Private class fields Le futur objet Temporal : github.com/tc39/proposal-temporal 🎯 Chapitres : 00:00 Séparateur numérique ...
Les promesses en JavaScript, comprendre la programmation asynchrone.
Переглядів 5 тис.3 роки тому
Comprendre l’intérêt et l'utilisation des promesses en JavaScript n'est pas évident, dans ce tutoriel on ira pas à pas depuis l'enfer des callbacks jusqu'à la création de nos propres promesses. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode 👓 Ressources Mdn : developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Using_promises Axios :...
Tutoriel Tailwind CSS
Переглядів 7 тис.3 роки тому
Comment utiliser Tailwind CSS ? Dans cette introduction nous verrons comment installer, configurer et utiliser le Framework CSS du moment. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode 👓 Liens : GitHub du projet : github.com/Antoine-Flo/tuto-tailwind Les variable d'environnement : jeremiechazelle.dev/gerer-les-variables-denvironne...
Tutoriel JSON (avec JavaScript)
Переглядів 25 тис.3 роки тому
C'est quoi le JSON ? dans ce tutoriel on verra comment écrire du JSON et comment le manipuler grâce à JavaScript. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode 👓 En savoir plus : Le référence MDN : developer.mozilla.org/fr/docs/Learn/JavaScript/Objects/JSON 🎵 Le son en background : ua-cam.com/video/HYUPG6CEwJ0/v-deo.html 🎯 Chapitr...
Le currying en Javascript
Переглядів 7173 роки тому
La curryfication (ou currying) est une technique de programmation fonctionnelle à connaître. Elle vous permettra de vous essayer à la composition de fonction. Dans ce tutoriel on verra trois exemples de difficulté croissante jusqu'à créer une fonction "pipe" qui devrait vous plaire. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode Ch...
C'est quoi le DOM
Переглядів 4,2 тис.3 роки тому
Qu'est ce que le DOM ? un tutoriel qui vous expliquera ce que c'est mais aussi comment s'en servir. Comment modifier, créer et rendre réactif votre Html. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode Chapitres : 00:00 Introduction 00:17 Explication 01:17 Voir le DOM 02:59 Interagir avec le DOM 05:28 Créer un élément 06:45 Modifier...
Centrer en CSS (Horizontalement / Verticalement)
Переглядів 4,6 тис.3 роки тому
Comment centrer en CSS, l'éternel question. 4 solutions en 4 minutes, pour centrer image ou div dans n'importe quel contexte. ✨ Faire un don, le prix d'un café (le carburant officiel de la chaîne 🐱🏍) : www.buymeacoffee.com/linstantcode 🕶 Pour aller plus loin : Centrer en CSS (en anglais) css-tricks.com/centering-css-complete-guide/ Chapitres : 00:00 Intro 00:51 Centrer horizontalement 02:36 Ce...
Améliorez votre CSS grâce au préprocesseur Sass [mixin, extend, partial, @use, @forward]
Переглядів 3,1 тис.3 роки тому
Améliorez votre CSS grâce au préprocesseur Sass [mixin, extend, partial, @use, @forward]
Apprendre le CSS rapidement [Grid - Flexbox - Animation - Responsive Design]
Переглядів 8 тис.3 роки тому
Apprendre le CSS rapidement [Grid - Flexbox - Animation - Responsive Design]
Apprendre le HTML (Comment créer un site web)
Переглядів 3623 роки тому
Apprendre le HTML (Comment créer un site web)
C'est propre, limpide et très digeste. Merci
"Mot de passe 1234, y a pas mieux" J'ai tellement rit 🤣tout en apprenant, merci pour cette video super claire.
Un grand merci! vidéo très bien expliquée, c'est simple et concis!
Merci infiniment pour ta pédagogie et ton travail... Je suis en reconversion et j'ai payé pour une formation... En moins de 40mn, tu as résumé deux de mes cours... Et c'est beaucoup plus clair que la bouillie que je dois avaler... Réellement, merci!!!!
Merci
Merci infiniment 🙏🙏🙏
Bravo!! calme, clair, concis.. c'est un excellent tuto👍👍👍
je vois pas le fichier rdmd
Il y a un truc qui m'échappe. Je comprends parfaitement la mécanique, mais je ne vois pas l’intérêt en pratique. Déjà le shadow DOM, on est obligé d'écrire le CSS en ligne, mélangé avec le HTML, pas très ergonomique. Ensuite le HTML, on est obligé soit de faire des templates dans la page principal (on finit par avoir un bazar dans lequel on ne s'y retrouve plus), soit dans le JavaScript (mais là, on a plus la coloration syntaxique, parce qu'on fait des chaînes de caractères ou des createElement à n'en plus finir). Ensuite, si on veut modifier l'élément, ce ne sont pas les mêmes méthodes/attributs selon qu'il ait déjà ou pas été inséré dans le DOM. Ça fait quelques jours que j'étudie le sujet et vraiment je ne comprends pas. J'aimerais pouvoir concevoir un composant avec un fichier HTML qui contient le template, un fichier CSS qui contient le style et un fichier JS qui contient la mécanique du composant.
Très bon tuto merci 🙏🙏🙏🙏
Un tuto sur l'essentiel angular 17
Excellente video 👍
Je te remercie beaucoup pour cette vidéo !
merci
Merci 🙏🏻 enfin une vidéo claire l, sourcée et bien expliquée 👍🏻🔥🔥🔥
Merci beaucoup
Très bonne chaine, des tutos clairs et concis
Excellent !
Bonjour, Franchement !!, Bravo. J'aime bien vos vidéos. Pourquoi ? - La voix est clair et il il n'y a pas de bruit de fond. - Très compréhension. Du coup pour résumer Les Aventages du custom élément c'est 1) d'avoir des balises custom 2) contenir et gérer les templates ça évite de créé une autre class pour, sauf peux être, pour modulariser d'avantage. Le template, comme sont nom l'indique c'est d'avoir un model, replicable. Et le shadow c'est transformer des éléments en fragments indépendant et réutilisable partout dans le projet. C'est bien ça ? Et aussi quelle micro vous utilisez dans vos vidéos ?
Très bonnes explications, ça m'a beaucoup servi, merci !
Très bon tuto d'initiation à Node, des explications très claires et didactiques !
Superbe vidéo ! Même les concepts de Middleware et du Router sont très bien expliqués. Mais aussi je compte bien installer le plugin Thunder sur mon VS Code. Merci pour cette astuce également.
Super introduction. Merci
J'ai ENFIN réussi à centrer mon élément et j'ai aussi ENFIN compris pourquoi je n'y arrivais pas, merci !!! :;D
jai regarder plusieur tuto pour revoir mes bases et me preparer pour une interview et c'est celui la le meilleur, t'as resumer les grands cours de 8 heures en 35 minutes
merci
Merci pour cette vidéo qui m'a permis d'enfin clarifier tous ces concepts, bravo !
C'est très claire, tu expliques très bien je te remercie parce qu'avant cette vidéo j'avais toujours eu du mal à comprendre ce concept mais maintenant j'y vois plus claire merci beaucoup
Je n'arrive pas a comprendre l'intérêt de docker par rapport a une machine virtuelle classique
Merci pour cette apprentissage. Très bonne pédagogie
En 15 minutes j'ai retenu une bonne partie de l'efficacité de SASS , Merci . Une suite pour les autres possibilité avec SASS ?
Merci pour la vidéo vraiment utile pour moi
Merci beaucoup.
nc vid
Bonjour et merci pour le tuto qui n'est pas obsolète à ce jour ! Je ne comprends pas pourquoi les @import que je fais en CSS fonctionnent sans postcss-import. La documentation de Tailwind CSS dit qu'il faut l'utiliser pour faire des @import, mais visiblement j'en ai pas besoin car ça marche sans. Est-il possible d'avoir une explication à se propos ? Merci bien.
incroyable tuto, obliger de commenter alors que je ne le fais jamais, les explications sont clair et précise. +1 pour le schéma expliquant les port qui ma été très utile. J'ai tout compris en 30mn merci beaucoup.
Merci pour cette vidéo de qualité, très claire et concise !
Bravo ! J'essayais de comprendre a quoi servait Json et ai découvert une vidéo très pédagogique, mais c'est mon niveau tech qui est limite pour tout bien intégrer. N'étant pas codeur, ma seule ambition est de pouvoir me débrouiller sur des besoins simples et-ou savoir comment me faire aider si besoin. Intéressé si quelqu'un connait une source d'info sur les rudiments du codage ; comprendre les principales commandes, le rôle de l'éditeur de code/texte ( j'en vois un nombre très important)..
Tres clair ! merci beaucoup
Bjr merci bcp pour ce tuto. par contre j 'ai un souci mon tailwind.css ne compile pas dans mon fichier main.css donc j'ai une erreur. Quelqu un peut m aider?
Très bon tuto merci !!
Vraiment excellent, aussi bien sur la forme que sur le fond, Merci !
Très bien expliqué merci à toi !
Je comprend pas le faite de copier package.json puis ensuite de copier tout le répertoire, autant juste copier tout le répertoire direct non ?
Bonjour, C'est brillant, comme toutes les vidéos de ta chaine que je découvre. Mais pour me laisser convaincre à 11.51minutes tu évoques un peu avant d'ajouter ta template au shadowRoot la possibilité d'ajouter un AUTRE élément HTML pour contenir ta template. Est-ce que tu pourrais développer ?
Merci pour ce tutoriel tres clair j'ai enfin compris la différence entre une image et un container je suis débutant et j'ai un petit problème avec les process en tache de fond j'ai un container qui tourne en permanence avec sudo docker run -restart=always et je ne peux pas reprendre la main pour lancer autre chose si je rajoute -it pour le mettre en interactive la commande ne fonctionne pas pouvez-vous m'éclairer encore merci
Purée... Enfin une explication claire et pédagogique !
Je sais que ça demande bcp de taf, mais une suite je ne dirais pas non! J'aime bcp comment tu expliques avc simplicité! Continue :D
Excellente vidéo ! Très clair et bien expliqué. A quand une suite ? :)
Énorme travail, soutien total, je m'abonne direct !