Introduction
07 minutes13 secondsFirst experience with typescript
01 minutes35 secondswhat is javascript
04 minutes41 secondswhat is typescript
03 minutes56 secondsAdvantages of typescript compared to js
05 minutes43 secondsDevelopment tools (vscode)
03 minutes10 secondsDevelopment tools (Node.js)
03 minutes00 secondsWhy install a toolkit for parsing TS?
02 minutes33 secondsInstall the toolkit for parsing TS
03 minutes28 secondsThe first TS file
07 minutes58 secondsSimplify the steps to perform TS
06 minutes05 secondsComment
07 minutes01 secondsoutput statement
02 minutes06 secondsTypescript first experience summary
03 minutes19 secondsAn introduction to variables and data types
01 minutes24 secondswhat is a variable
02 minutes32 secondsUse of variables
08 minutes39 secondsConfigure vscode
04 minutes09 secondstype annotation
03 minutes38 secondsNaming rules and specifications
07 minutes59 secondsExercises with variables (exchanging the values of two variables)
05 minutes17 secondsData type overview
03 minutes53 secondsNumeric type
04 minutes31 secondsstring type
05 minutes14 secondsBoolean type
03 minutes32 secondsunderfined and null types
06 minutes30 secondsBasic Types - Summary
04 minutes26 secondsIntroduction to operators
00 minutes46 secondsarithmetic operators
04 minutes27 secondsPlus sign implements string concatenation
05 minutes12 secondsThoughts caused by the plus sign
09 minutes26 secondsassignment operator
08 minutes47 secondsIncrement and decrement operators
14 minutes24 secondscomparison operator
11 minutes11 secondsLogical Operators
14 minutes24 secondsStatement introduction
01 minutes30 secondsConditional statements overview
07 minutes01 secondsif statement
08 minutes41 secondselse statement
07 minutes55 secondsif else statement practice
07 minutes40 secondsOverview of the ternary operator
09 minutes40 secondsExercises with the ternary operator
06 minutes55 secondsOverview of loop statements
04 minutes12 secondsLook at the composition of the for loop from the example of writing homework
13 minutes31 secondsBasic use of for loop
12 minutes10 secondsThe execution process of for loop
10 minutes54 secondsBreakpoint debugging to view the for loop execution process
12 minutes49 secondsvscode breakpoint debugging configuration (1 configuration step)
10 minutes59 secondsvscode breakpoint debugging configuration (2 debugging tips)
09 minutes55 secondsFor loop exercises (1 print 1-5)
04 minutes07 secondsExercises in for loop (2 print the nth bun being eaten)
10 minutes52 secondsFor loop exercises (3 Calculate the sum of 1-100)
11 minutes47 secondsbreak keyword
09 minutes33 secondscontinue keyword
07 minutes28 secondsIntroduction to arrays
01 minutes04 secondsArray overview
04 minutes55 secondsCreate an array (Syntax 1)
09 minutes48 secondsCreate an array (syntax 2)
04 minutes28 secondsArray length and index
10 minutes23 secondsArray value acquisition and storage (value acquisition)
06 minutes09 secondsArray value acquisition and storage (storage value)
07 minutes25 secondsAdd elements to array
10 minutes04 secondsIterate over the array (calculator default value is 0)
06 minutes55 secondsTraverse the array (the judgment condition is the length of the array minus 1)
07 minutes23 secondsTraverse the array (optimizing judgment conditions)
03 minutes40 secondsArray exercises (finding the sum of all elements in an array)
08 minutes24 secondsArray exercises (finding the maximum value in an array)
13 minutes40 secondsArray exercises (find elements in an array that are not 0)
10 minutes13 secondsIntroduction to function basics
00 minutes57 secondsFunction overview
09 minutes33 secondsFunction usage
06 minutes43 secondsFunction exercises
04 minutes08 secondsFunction parameters overview
06 minutes55 secondsformal parameters and actual parameters
07 minutes13 secondsAdditional description of parameters
10 minutes40 secondsFunction parameter exercises (1)
03 minutes19 secondsFunction parameter exercises (2)
05 minutes10 secondsFunction return value overview
06 minutes43 secondsBasic usage of function return values
11 minutes33 secondsFunction return value exercise (transformation of getSum function)
02 minutes53 secondsFunction return value exercise (triangle area)
04 minutes53 secondsFunction return value practice (finding the maximum value)
04 minutes59 secondsDescription of return
09 minutes37 secondsSummary of function basics
02 minutes14 secondsAdvanced introduction to functions
00 minutes51 secondsFunction debugging (basic operations)
10 minutes09 secondsFunction debugging (function execution process)
08 minutes03 secondsvariable scope
08 minutes23 secondsObject introduction
01 minutes11 secondsObject overview
08 minutes21 secondsCreate object
12 minutes10 secondsInterface (type annotation of object)
13 minutes37 secondsType annotations for object methods
14 minutes15 secondsUse of interface
10 minutes05 secondsObject value
12 minutes05 secondsObject storage value
04 minutes20 secondsSummary of basic usage of objects
02 minutes42 secondsBuilt-in objects overview
11 minutes35 secondsArray object (length property)
03 minutes57 secondsArray object (push)
10 minutes58 secondsArray object (forEach)
11 minutes25 secondsArray object (explanation of forEach)
13 minutes53 secondsforEach exercises
06 minutes34 secondsArray object (some)
11 minutes02 secondsType inference of TS
10 minutes39 secondsAn overview of web development basics
05 minutes22 secondsBasic use of HTML (create the first html page and use it)
06 minutes33 secondsBasic use of HTML (common tags)
11 minutes31 secondsBasic usage of CSS (style attribute)
05 minutes18 secondsBasic usage of CSS (style tag)
07 minutes55 secondsBasic use of CSS (css file)
04 minutes51 secondsUse javascript in your browser
08 minutes41 secondsUse Live Server plug-in - automatically refresh the browser
10 minutes24 secondsRun TS in browser
12 minutes20 secondsDOM manipulation overview
09 minutes37 secondsGet elements (querySelector)
11 minutes50 secondsTS type assertion
11 minutes02 secondsGet elements (querySelectorAll)
04 minutes06 secondsManipulate text content (innerText)
07 minutes50 secondsExercise (querySelectorAll and innerText)
11 minutes51 secondsOperation style (style attribute)
09 minutes41 secondsOperation demonstration (classList attribute)
10 minutes25 secondsOperation event (addEventListener add event)
10 minutes49 secondsOperation event (event object)
07 minutes28 secondsremoveEventListener removes events (1)
10 minutes03 secondsremoveEventListener removes events (2)
07 minutes08 secondsTwo notes on event handlers in the form of function declarations
07 minutes38 secondsChess game demonstration and gameplay introduction
05 minutes17 secondsGame template description
11 minutes38 secondsCell click (playing chess)
13 minutes40 secondsCell click (optimized)
06 minutes19 secondsAdjust vscode and browser window position
03 minutes01 secondsSwitch players (1)
12 minutes03 secondsSwitch players (2)
07 minutes54 secondsBasic usage of enumerations
15 minutes19 secondsNumeric enumeration and string enumeration
10 minutes48 secondsModify the current player using an enum
07 minutes27 secondsThe idea of judging victory
08 minutes36 secondsAnalyze winning array
08 minutes38 secondsCell element list description
06 minutes50 secondsEncapsulating the winning function
14 minutes41 secondsImplement the winning function (1)
11 minutes50 secondsImplement the winning function (2)
09 minutes53 secondsOptimize the winning function
11 minutes58 secondsDetermine a draw
09 minutes35 secondsShow winning information
08 minutes07 secondsrestart game
16 minutes03 secondsOptimize restart the game
09 minutes51 secondsTypeScript is a new language launched by Microsoft. It is based on JavaScript and is a superset of JavaScript. JavaScript is ultimately compiled by tools. TypeScript is compatible with JavaScript and can load JavaScript code and run it.