Vidéo d'introduction à TypeScript [peut être comprise même sans apprendre JavaScript]

Introduction

Première expérience avec la dactylographie

qu'est-ce que javascript

qu'est-ce que la dactylographie

Avantages de TypeScript par rapport à JS

Outils de développement (vscode)

Outils de développement (Node.js)

Pourquoi installer une boîte à outils pour analyser TS ?

Installez la boîte à outils pour analyser TS

Le premier fichier TS

Simplifiez les étapes pour effectuer TS

Commentaire

instruction de sortie

Résumé de la première expérience dactylographiée

Une introduction aux variables et aux types de données

qu'est-ce qu'une variable

Utilisation de variables

Configurer le vscode

taper une annotation

Règles et spécifications de dénomination

Exercices avec des variables (échange des valeurs de deux variables)

Présentation des types de données

Type numérique

type de chaîne

Type booléen

types sous-finisés et nuls

Types de base – Résumé

Introduction aux opérateurs

opérateurs arithmétiques

Le signe plus implémente la concaténation de chaînes

Pensées déclenchées par le signe plus

opérateur d'assignation

Opérateurs d'incrémentation et de décrémentation

opérateur de comparaison

Opérateurs logiques

Introduction de la déclaration

Présentation des instructions conditionnelles

si déclaration

instruction sinon

if else pratique de l'instruction

Présentation de l'opérateur ternaire

Exercices avec l'opérateur ternaire

Présentation des instructions de boucle

Regardez la composition de la boucle for à partir de l'exemple d'écriture de devoirs

Utilisation de base de la boucle for

Le processus d'exécution de la boucle for

Débogage du point d'arrêt pour afficher le processus d'exécution de la boucle for

Configuration du débogage du point d'arrêt vscode (1 étape de configuration)

Configuration du débogage du point d'arrêt vscode (2 conseils de débogage)

Pour les exercices en boucle (1 tirage 1-5)

Exercices pour la boucle for (2 impriment le nième petit pain mangé)

Pour les exercices en boucle (3 Calculez la somme de 1-100)

casser le mot-clé

continuer le mot clé

Introduction aux tableaux

Présentation du tableau

Créer un tableau (syntaxe 1)

Créer un tableau (syntaxe 2)

Longueur et index du tableau

Acquisition et stockage de la valeur du tableau (acquisition de la valeur)

Acquisition et stockage de la valeur du tableau (valeur de stockage)

Ajouter des éléments au tableau

Itérer sur le tableau (la valeur par défaut de la calculatrice est 0)

Parcourez le tableau (la condition de jugement est la longueur du tableau moins 1)

Traverser le tableau (optimiser les conditions de jugement)

Exercices sur les tableaux (trouver la somme de tous les éléments d'un tableau)

Exercices sur les tableaux (trouver la valeur maximale dans un tableau)

Exercices sur les tableaux (trouver des éléments dans un tableau qui ne valent pas 0)

Introduction aux bases des fonctions

Aperçu des fonctions

Utilisation des fonctions

Exercices fonctionnels

Aperçu des paramètres de fonction

paramètres formels et paramètres réels

Description supplémentaire des paramètres

Exercices sur les paramètres de fonction (1)

Exercices sur les paramètres de fonction (2)

Présentation de la valeur de retour de la fonction

Utilisation de base des valeurs de retour de fonction

Exercice sur la valeur de retour de la fonction (transformation de la fonction getSum)

Exercice sur la valeur de retour de la fonction (zone triangulaire)

Pratique de la valeur de retour de la fonction (trouver la valeur maximale)

Description du retour

Résumé des bases des fonctions

Introduction avancée aux fonctions

Débogage de fonctions (opérations de base)

Débogage de fonction (processus d'exécution de fonction)

portée variable

Présentation de l'objet

Aperçu des objets

Créer un objet

Interface (type annotation de l'objet)

Tapez des annotations pour les méthodes objet

Utilisation de l'interface

Valeur de l'objet

Valeur de stockage d'objets

Résumé de l'utilisation de base des objets

Présentation des objets intégrés

Objet tableau (propriété length)

Objet tableau (push)

Objet tableau (forEach)

Objet tableau (explication de forEach)

exercices pour chaque

Objet tableau (certains)

Inférence de type de TS

Un aperçu des bases du développement Web

Utilisation basique du HTML (créer la première page html et l'utiliser)

Utilisation basique du HTML (balises communes)

Utilisation de base de CSS (attribut style)

Utilisation de base de CSS (balise de style)

Utilisation de base du CSS (fichier css)

Utilisez javascript dans votre navigateur

Utiliser le plug-in Live Server - actualiser automatiquement le navigateur

Exécutez TS dans le navigateur

Aperçu des manipulations DOM

Obtenir des éléments (querySelector)

Assertion de type TS

Obtenir des éléments (querySelectorAll)

Manipuler le contenu du texte (innerText)

Exercice (querySelectorAll et innerText)

Style d'opération (attribut de style)

Démonstration d'opération (attribut classList)

Événement d'opération (événement d'ajout addEventListener)

Événement d'opération (objet événement)

RemoveEventListener supprime les événements (1)

RemoveEventListener supprime les événements (2)

Deux notes sur les gestionnaires d'événements sous forme de déclarations de fonctions

Démonstration du jeu d'échecs et introduction au gameplay

Description du modèle de jeu

Clic de cellule (jouer aux échecs)

Clic sur cellule (optimisé)

Ajuster le vscode et la position de la fenêtre du navigateur

Changer de joueur(1)

Changer de joueur (2)

Utilisation de base des énumérations

Énumération numérique et énumération de chaînes

Modifier le lecteur actuel à l'aide d'une énumération

L'idée de juger la victoire

Analyser le tableau gagnant

Description de la liste des éléments de cellule

Encapsuler la fonction gagnante

Implémenter la fonction gagnante (1)

Implémenter la fonction gagnante (2)

Optimiser la fonction gagnante

Déterminer un match nul

Afficher les informations gagnantes

recommencer le jeu

Optimiser redémarrer le jeu