Учебное пособие по TypeScript: знание основ TypeScript

TypeScript - это строго типизированный надмножество который компилируется в простой JavaScript. Вы можете использовать этот язык для разработки JavaScript в масштабе приложения. Кроме того, его можно запустить в любом браузере, на любом хосте и в любой операционной системе. В этом руководстве по TypeScript мы углубимся в TypeScript и поймем основы в следующей последовательности:

• Введение в TypeScript
• Типы TypeScript
• Переменные
• Операторы
• Петли
• Функции
• Струны
• Массивы
• Интерфейсы
• Классы
• Объекты
• Пример использования TypeScript

Введение в TypeScript

TypeScript - это типизированный надмножество JavaScript, которое компилируется в простой JavaScript. TypeScript является чисто объектно-ориентированным с классами, интерфейсами и статически типизированными языками программирования, такими как C # или . Для компиляции и создания файла JavaScript требуется компилятор. По сути, TypeScript - это версия JavaScript для ES6 с некоторыми дополнительными функциями.

Код TypeScript записывается в файл с расширение .ts а затем скомпилирован в JavaScript с помощью компилятора. Вы можете написать файл в любом редакторе кода, и компилятор должен быть установлен на вашей платформе. После установки команда tsc .ts компилирует код TypeScript в простой файл JavaScript.

Синтаксис:

var message: string = 'Добро пожаловать в Эдуреку!' console.log (сообщение)

При компиляции он генерирует следующий код JavaScript:

// Сгенерировано с помощью машинописного текста 1.8.10 var message = 'Добро пожаловать в Edureka!' console.log (сообщение)

Особенности TypeScript

• Кросс-платформенный: Компилятор TypeScript может быть установлен в любой операционной системе, например Windows, MacOS и Linux.

  
  
  

• Объектно-ориентированный язык : TypeScript предоставляет такие функции, как Классы , Интерфейсы и модули. Таким образом, он может писать объектно-ориентированный код для разработки как на стороне клиента, так и на стороне сервера.

• Статическая проверка типов : TypeScript использует статическую типизацию и помогает проверять типы во время компиляции. Таким образом, вы можете найти ошибки при написании кода без запуска скрипта.

• Необязательный статический ввод : TypeScript также допускает необязательную статическую типизацию, если вы используете динамическую типизацию JavaScript.

• Манипуляции с DOM : Вы можете использовать TypeScript для управления DOM для добавления или удаления элементов.

• ES 6 Особенности : TypeScript включает большинство функций запланированного ECMAScript 2015 (ES 6, 7), таких как класс, интерфейс, функции стрелок и т. Д.

Преимущества использования TypeScript

• TypeScript - это быстро, просто, легко учиться и работает в любом браузере или движке JavaScript.

• это аналогичный к JavaScript и использует тот же синтаксис и семантику.

• Это помогает разработчикам серверной части писать интерфейс код быстрее .

• Код TypeScript можно вызвать из существующий код JavaScript . Кроме того, он без проблем работает с существующими фреймворками и библиотеками JavaScript.

• Файл определения с расширением .d.ts обеспечивает поддержку существующих библиотек JavaScript, таких как JQuery, D3.js и т. д. Итак, код TypeScript может добавлять Библиотеки JavaScript использование определений типов, чтобы воспользоваться преимуществами проверки типов, автозаполнения кода и документации в существующих библиотеках JavaScript с динамической типизацией.

• Он включает функции от ES6 и ES7 которые могут работать в движках JavaScript уровня ES5, таких как Node.js .

Теперь, когда вы поняли, что такое TypeScript, давайте продолжим изучение этого учебника по TypeScript и рассмотрим различные типы.

Типы TypeScript

Система типов представляет различные типы значений, поддерживаемые языком. Он проверяет период действия поставляемых ценности прежде, чем они будут сохранены или обработаны программой.

Его можно разделить на два типа:

• Встроенный : Это включает число, строку, логическое значение, пустоту, ноль и неопределенное значение.
• Определяемые пользователем : Он включает перечисления (перечисления), классы, интерфейсы, массивы и кортежи.

Теперь давайте перейдем к этому руководству по TypeScript и узнаем больше о переменных.

Учебник по TypeScript: переменные

Переменная - это именованное пространство в памяти, которое используется для хранения значений.

Синтаксис типа для объявления переменной в TypeScript включает двоеточие (:) после имени переменной, за которым следует ее тип. Подобно JavaScript, мы используем ключевое слово var объявить переменную.

Когда мы объявляем переменную, есть четыре варианта:

var [идентификатор]: [тип-аннотация] = значение

var [идентификатор]: [аннотация типа]

var [идентификатор] = значение

var [определить]

Пример:

var name: string = 'Daisy' var empid: number = 1001 console.log ('имя' + имя) console.log ('идентификатор сотрудника' + empid)

При компиляции он сгенерирует следующий код JavaScript:

// Сгенерировано машинописным текстом 1.8.10 var name = 'Daisy' var empid = 1001 console.log ('name' + name) console.log ('employee id:' + empid)

Вывод:

имя: Дейзи
идентификатор сотрудника: 1001

Теперь перейдем к следующей теме нашего учебника по TypeScript.

Операторы

Оператор используется для определения функций, которые будут выполняться с данными. Данные, с которыми работают операторы, называются операндами. Существуют разные виды операторы в TypeScript, например:

• Арифметические операторы
• Логические операторы
• Операторы отношения
• Побитовые операторы
• Операторы присваивания

Арифметические операторы

Пример:

var num1: number = 10 var num2: number = 2 var res: number = 0 res = num1 + num2 console.log ('Sum:' + res) res = num1 - num2 console.log ('Difference:' + res) res = num1 * num2 console.log ('Продукт:' + res)

Вывод:

Сумма: 12
Разница: 8
Товаров: 20

Логические операторы

Пример:

var avg: number = 20 var percent: number = 90 console.log ('Значение среднего:' + avg + ', значение процента:' + процент) var res: boolean = ((avg> 50) && (процент> 80 )) console.log ('(среднее> 50) && (процент> 80):', res)

Вывод:

Среднее значение: 20, процентное значение: 90
(среднее> 50) && (процент> 80): ложь

Операторы отношения

Пример:

var num1: number = 10 var num2: number = 7 console.log ('Значение num1:' + num1) console.log ('Значение num2:' + num2) var res = num1> num2 console.log ('num1 больше чем num2: '+ res) res = num1
 Вывод: 
Значение числа1: 10 
 Значение числа 2: 7 
 num1 больше, чем num2: true 
 число1 меньше числа2: ложь
 Побитовые операторы 
 Операторы 
 Описание 
 Побитовое И (&) 
выполняет логическую операцию И над каждым битом своих целочисленных аргументов.
 Побитовое ИЛИ (|) 
Он выполняет логическую операцию ИЛИ над каждым битом своих целочисленных аргументов.
 Побитовое исключающее ИЛИ (^) 
Он выполняет логическую операцию исключающего ИЛИ для каждого бита своих целочисленных аргументов.
 Побитовое НЕ (~) 
Это унарный оператор, который работает путем обращения всех битов в операнде.
 Левый 'шифт (<<) 
Он перемещает все биты в своем первом операнде влево на количество мест, указанное во втором операнде.
 Правый Shift (>>) 
Значение левого операнда перемещается вправо на количество битов, заданное правым операндом.
 Сдвиг вправо с нулем (>>>) 
Он похож на оператор >>, за исключением того, что сдвинутые слева биты всегда равны нулю.
 Пример: 
var a: number = 2 // Битовое представление 10 var b: number = 3 // Битовое представление 11 var result result = (a & b) console.log ('(a & b) =>', result) result = ( a | b) console.log ('(a | b) =>', результат)
 Вывод: 
(а и б) => 2 
 (а | б) => 3
 Операторы присваивания 
 Операторы 
 Описание 
 Простое присвоение (=) 
Назначает значения от правого операнда к левому операнду
 Сложение и присвоение (+ =) 
Он добавляет правый операнд к левому операнду и присваивает результат левому операнду.
 Вычитание и присвоение (- =) 
Он вычитает правый операнд из левого операнда и присваивает результат левому операнду.
 Умножение и присвоение (* =) 
Он умножает правый операнд на левый операнд и присваивает результат левому операнду.
 Разделить и присвоить (/ =) 
Он делит левый операнд на правый и присваивает результат левому операнду.
 Пример: 
var a: number = 12 var b: number = 10 a = b console.log ('a = b:' + a) a + = b console.log ('a + = b:' + a) a - = b console .log ('a- = b:' + a)
 Вывод: 
а = б: 10 
 а + = Ь: 20 
 а - = б: 10
Это были разные операторы. Теперь давайте продолжим наше руководство по TypeScript и узнаем о циклах.
 Петли 
Могут возникнуть ситуации, когда блок кода нужно выполнить несколько раз. А петля оператор позволяет нам выполнять оператор или группу операторов несколько раз.
Циклы TypeScript можно классифицировать как:
 Для петли 
В для цикла представляет собой реализацию определенного цикла.
 Синтаксис: 
for (первое выражение второе выражение третье выражение) {// операторы, которые будут выполняться повторно}
Здесь первое выражение выполняется до начала цикла. Второе выражение - это условие выполнения цикла. И третье выражение выполняется после выполнения каждого блока кода.
 Пример: 
для (пусть i = 0 i<2 i++) { console.log ('Execute block statement' + i) }
 Вывод: 
Выполнить оператор блока 0 
Выполнить оператор блока 1
 Пока цикл 
Цикл while выполняет инструкции каждый раз, когда указанное условие оценивается как истинное.
 Синтаксис: 
while (выражение условия) {// блок кода, который нужно выполнить}
 Пример: 
пусть я: число = 1, а (я<3) { console.log( 'Block statement execution no.' + i ) i++ }
 Вывод: 
Выполнение блока оператора №1 
Выполнение блока оператора no2
 Do..While Loop 
Цикл do & hellip While похож на цикл while, за исключением того, что он не оценивает условие при первом выполнении цикла.
 Синтаксис: 
do {// блок кода для выполнения} while (выражение условия)
 Пример: 
  
let i: number = 1 do {console.log ('Блокировать номер выполнения оператора' + i) i ++} while (i<3)
 Вывод: 
Выполнение блока оператора №1 
Выполнение блока оператора no2
Помимо этого, в TypeScript есть операторы break и continue, которые используются в цикле.
 Заявление о перерыве 
Оператор break используется для вывода управления из конструкции. Использование оператора break в цикле помогает программе выйти из цикла.
 Пример: 
var i: number = 1 while (i<=10) { if (i % 5 == 0) { console.log ('The first multiple of 5 between 1 and 10 is : '+i) break //exit the loop if the first multiple is found } i++ } //outputs 5 and exits the loop
 Вывод: 
Первое кратное 5 от 1 до 10: 5
 Продолжить заявление 
Оператор continue пропускает последующие операторы в текущей итерации и возвращает управление в начало цикла.
 Пример: 
var num: number = 0 var count: number = 0 для (num = 0num<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)
 Вывод: 
Количество нечетных значений от 0 до 10: 5
Это были разные циклы в TypeScript. Теперь давайте перейдем к нашему учебнику по TypeScript и разберемся с функциями.
 Функции 
В JavaScript функции являются одной из самых важных частей, поскольку это функциональный язык программирования. Функции обеспечивают возможность обслуживания и повторного использования программы, а также организацию ее в читаемые блоки. Хотя TypeScript предоставляет концепцию классов и модулей, функции по-прежнему являются неотъемлемой частью языка.
 Именованные функции 
Именованная функция используется для объявления и вызова функции по заданному имени.
 Пример: 
функция display () {console.log ('Функция TypeScript')} display ()
 Вывод: 
Функция TypeScript
 Анонимная функция 
Анонимная функция - это функция, которая определяется как выражение. Это выражение хранится в переменной. Эти функции вызываются с использованием имени переменной, в которой хранится функция.
 Пример: 
let приветствие = функция () {console.log ('Функция TypeScript')} приветствие ()
 Вывод: 
Функция TypeScript
 Функция стрелки 
Обозначения жирных стрелок используются для анонимных функций, то есть для функциональных выражений. В других языках они также называются лямбда-функциями.
 Синтаксис: 
(param1, param2, ..., paramN) => выражение
Использование толстой стрелки (=>) избавляет от необходимости использовать ключевое слово «функция». Параметры передаются в угловые скобки, а выражение функции заключено в фигурные скобки {}.
 Пример: 
let sum = (x: number, y: number): number => {return x + y} sum (10, 30) // возвращает 40
 Перегрузка функций 
TypeScript предоставляет концепцию перегрузки функций. Таким образом, у вас может быть несколько функций с одним и тем же именем, но с разными типами параметров и типом возвращаемого значения.
 Пример: 
function add (a: string, b: string): string function add (a: number, b: number): number return a + b} add ('Hello', 'Edureka') // возвращает 'Hello Edureka' add ( 10, 10) // возвращает 20
В приведенном выше примере у нас есть та же функция add () с двумя объявлениями функций и одной реализацией функции. Первая сигнатура имеет два параметра типа string, а вторая сигнатура имеет два параметра типа number.
Это разные типы функций. Теперь давайте продолжим наше руководство по TypeScript и разберемся со строками в TypeScript.
 Учебное пособие по TypeScript: строки 
В  - еще один примитивный тип данных, который используется для хранения текстовых данных. Строковые значения заключаются в одинарные или двойные кавычки.
 Синтаксис: 
var var_name = новая строка (строка)
В объекте String доступны различные свойства методов, например:
 Строитель - Возвращает ссылку на функцию String, создавшую объект.
 Длина - Возвращает длину строки
 Прототип - Это свойство позволяет вам добавлять свойства и методы к объекту
 Пример: 
let name = new String ('Добро пожаловать в Edureka!') console.log ('Сообщение:' + имя) console.log ('Длина:' + name.length)
 Вывод: 
Сообщение: Добро пожаловать в Эдурека! 
 Длина: 19
 Строковые методы 
Список методов в String Object включает:
 Метод 
 Описание 
 charAt () 
Возвращает символ по указанному индексу
 charCodeAt () 
Он возвращает число, указывающее значение Unicode символа по данному индексу.
 concat () 
Объединяет текст двух строк и возвращает новую строку
 индекс() 
Возвращает индекс в вызывающем объекте String первого вхождения указанного значения
 lastIndexOf () 
Он возвращает индекс в вызывающем объекте String последнего вхождения указанного значения.
 матч() 
Используется для сопоставления регулярного выражения со строкой
 localeCompare () 
Возвращает число, указывающее, идет ли ссылочная строка до или после или совпадает с данной строкой в ​​порядке сортировки.
 поиск() 
Это выполняет поиск совпадения между регулярным выражением и указанной строкой.
 заменить () 
Используется для поиска совпадения между регулярным выражением и строкой и для замены совпадающей подстроки новой подстрокой
 кусочек() 
Он извлекает часть строки и возвращает новую строку
 Трещина() 
Разбивает объект String на массив строк, разделяя строку на подстроки
 substr () 
Возвращает символы в строке, начиная с указанного места и заканчивая указанным количеством символов.
 подстрока () 
Он возвращает символы в строке между двумя индексами в строку
 toLocaleLowerCase () 
Символы в строке преобразуются в нижний регистр с учетом текущего языкового стандарта.
 toLocaleUpperCase () 
Символы в строке преобразуются в верхний регистр с учетом текущего языкового стандарта.
 toLowerCase () 
Он возвращает значение вызывающей строки, преобразованное в нижний регистр
 toUpperCase () 
Он возвращает значение вызывающей строки, преобразованное в верхний регистр
 нанизывать() 
Возвращает строку, представляющую указанный объект
 ценность() 
Возвращает примитивное значение указанного объекта.
 Пример: 
let str: string = 'Welcome to Edureka' str.charAt (0) // возвращает 'w' str.charAt (2) // возвращает 'l' 'Добро пожаловать в Edureka'. charAt (2) возвращает 'l' let str1 : string = 'welcome' let str2: string = 'Edureka' str1.concat (str2) // возвращает 'welcomeEdureka' str1.concat ('', str2) // возвращает 'welcome Edureka' str1.concat ('' to ' ') // возвращает' добро пожаловать '
Теперь, когда вы знаете о строках, давайте продолжим изучение этого руководства по TypeScript и разберемся с массивами.
 Массивы в TypeScript 
An массив - это особый тип данных, в котором последовательно хранятся несколько значений разных типов данных с использованием специального синтаксиса. Элементы массива идентифицируются уникальным целым числом, называемым нижним индексом или индексом элемента.
 Синтаксис: 
var array_name [: datatype] // объявление имя_массива = [val1, val2, valn ..] // инициализация
 Пример: 
let names: Array names = ['John', 'Daisy', 'Rachel'] let ids: Array ids = [101, 700, 321]
 Методы массива 
Вот список различных методов Array, которые можно использовать для разных целей:
 Метод 
 Описание 
 фильтр() 
Создает новый массив со всеми элементами этого массива, для которого предоставленная функция фильтрации возвращает истину.
 каждые () 
Возвращает истину, если каждый элемент в этом массиве удовлетворяет предоставленной функции тестирования.
 concat () 
Возвращает новый массив, состоящий из этого массива, соединенного с другими массивами
 индекс() 
Возвращает первый или наименьший индекс элемента в массиве, равный указанному значению.
 для каждого() 
Вызывает функцию для каждого элемента в массиве
 присоединиться() 
Объединяет все элементы массива в строку
 lastIndexOf () 
Возвращает последний или наибольший индекс элемента в массиве, равный указанному значению.
 карта() 
Создает новый массив с результатами вызова предоставленной функции для каждого элемента в этом массиве
 От себя() 
Добавляет один или несколько элементов в конец массива и возвращает новую длину массива
 поп () 
Удаляет последний элемент из массива и возвращает этот элемент
 уменьшить () 
простая программа сортировки слиянием на c ++
Применить функцию одновременно к двум значениям массива слева направо, чтобы уменьшить его до одного значения
 reduceRight () 
Применить функцию одновременно к двум значениям массива справа налево, чтобы уменьшить его до одного значения
 обеспечить регресс() 
Меняет порядок элементов массива на обратный
 сдвиг() 
Удаляет первый элемент из массива и возвращает этот элемент
 кусочек() 
Извлекает часть массива и возвращает новый массив
 немного() 
Он возвращает истину, если хотя бы один элемент в этом массиве удовлетворяет предоставленной функции тестирования.
 Сортировать() 
Сортирует элементы массива
 нанизывать() 
Возвращает строку, представляющую массив и его элементы.
 сращивание () 
Он добавляет и / или удаляет элементы из массива
 unshift () 
Добавляет один или несколько элементов в начало массива и возвращает новую длину массива
 Пример: 
var name: Array = ['John', 'Daisy', 'Tara'] name.sort () console.log (name) // вывод: ['Daisy', 'John', 'Tara'] console.log ( name.pop ()) // вывод: Тара name.push ('Rachel') console.log (name) // вывод: ['John', 'Daisy', 'Rachel']
Теперь давайте перейдем к этому руководству по TypeScript и узнаем об интерфейсах.
 Интерфейсы TypeScript 
Интерфейс - это структура, которая определяет контракт в вашем приложении. Он определяет синтаксис классов, которым нужно следовать. Он содержит только объявление членов, и ответственность за определение членов лежит на производном классе.
 Пример: 
interface Employee {empID: number empName: string getSalary: (number) => number // стрелочная функция getManagerName (number): string}
В приведенном выше примере Наемный рабочий интерфейс включает два свойства empID и empName . Он также включает объявление метода getSalaray используя стрелочная функция который включает один числовой параметр и числовой возвращаемый тип. В getManagerName объявлен с использованием обычной функции.
 Машинопись  Классы 
TypeScript представил классы, чтобы они могли пользоваться преимуществами объектно-ориентированных методов, таких как инкапсуляция и абстракция. Класс в TypeScript компилируется компилятором TypeScript в простые функции JavaScript для работы на разных платформах и в браузерах.
Класс включает в себя следующее:
 Строитель 
 Свойства 
 Методы 
 Пример: 
class Employee {empID: number empName: string constructor (ID: number, name: string) {this.empName = name this.empID = ID} getSalary (): number {return 40000}}
 Наследование 
TypeScript поддерживает Наследование поскольку это способность программы создавать новые классы из существующего класса. Класс, который расширяется для создания новых классов, называется родительским классом или суперклассом. Вновь созданные классы называются дочерними или подклассами.
Класс наследуется от другого класса с помощью ключевого слова extends. Дочерние классы наследуют все свойства и методы, кроме закрытых членов и конструкторов, от родительского класса. Но TypeScript не поддерживает множественное наследование.
 Синтаксис: 
class child_class_name расширяет parent_class_name
 Пример: 
class Person {name: string constructor (name: string) {this.name = name}} class Employee extends Person {empID: number constructor (empID: number, name: string) {super (name) this.empID = empid} displayName (): void {console.log ('Name =' + this.name + ', Employee ID =' + this.empID)}} let emp = new Employee (701, 'Jason') emp.displayName () // Имя = Джейсон, ID сотрудника = 701
Теперь, когда вы знаете о классах, давайте перейдем к этому руководству по TypeScript и узнаем об объектах.
 Объекты в TypeScript 
Объект - это экземпляр, который содержит другой набор пар ключ-значение. Значения могут быть скалярными значениями или функциями или даже массивом других объектов.
 Синтаксис: 
var object_name = {key1: «value1», // скалярное значение key2: «value», key3: function () {// functions}, key4: [«content1», «content2»]
Объект может содержать скалярные значения, функции и структуры, такие как массивы и кортежи.
 Пример: 
var person = {firstname: 'Danny', lastname: 'Green'} // доступ к значениям объекта console.log (person.firstname) console.log (person.lastname)
При компиляции он сгенерирует тот же код в JavaScript.
 Вывод: 
Дэнни 
 Зеленый
Это были разные важные элементы TypeScript. Теперь давайте перейдем к этому руководству по TypeScript и рассмотрим пример, чтобы понять вариант использования.
 Учебное пособие по TypeScript: пример использования 
Здесь мы узнаем, как преобразовать существующий  в TypeScript.
Когда мы компилируем файл TypeScript, он создает соответствующий файл JavaScript с тем же именем. Здесь нам нужно убедиться, что наш исходный файл JavaScript, который действует как ввод, не может находиться в том же каталоге, чтобы TypeScript не переопределял их.
Процесс перехода с JavaScript на TypeScript включает следующие шаги:
 1. Добавьте файл tsconfig.json в проект. 
Вам необходимо добавить в проект файл tsconfig.json. TypeScript использует файл tsconfig.json для управления параметрами компиляции проекта, такими как файлы, которые вы хотите включить или исключить.
{'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}
 2. Интегрируйте с инструментом сборки 
Большинство проектов JavaScript имеют встроенный инструмент сборки, такой как gulp или webpack. Интегрировать проекты с webpack можно следующими способами:
Выполните следующую команду на терминале:
$ npm установить awesome-typescript-loader source-map-loader
В интеграции с веб-пакетами вы используете awesome-typescript-loader в сочетании с source-map-loader для упрощения отладки исходного кода.
Во-вторых, объедините свойство конфигурации модуля в нашем файле webpack.config.js, чтобы включить загрузчики.
 3. Переместите все файлы .js в файлы .ts. 
На этом шаге вы должны переименовать файл .js в файл .ts. Точно так же, если файл использует JSX, вам нужно будет переименовать его в .tsx. Теперь, если мы откроем этот файл в редакторе, поддерживающем TypeScript, некоторые коды могут начать выдавать ошибки компиляции. Таким образом, преобразование файлов по одному упрощает обработку ошибок компиляции. Если TypeScript обнаружит какие-либо ошибки компиляции во время преобразования, он все равно сможет перевести код.
 4. Проверьте наличие ошибок. 
После перемещения js-файла в ts-файл, TypeScript немедленно начнет проверку типа нашего кода. Таким образом, вы можете получить диагностические ошибки в коде JavaScript.
 5. Используйте сторонние библиотеки JavaScript. 
В проектах JavaScript используются сторонние библиотеки, например  или Лодаш. Чтобы скомпилировать файлы, TypeScript необходимо знать типы всех объектов в этих библиотеках. Файлы определения TypeScript Type для библиотек JavaScript уже доступны на сайте DefinentyTyped. Таким образом, нет необходимости устанавливать этот тип снаружи. Вам необходимо установить только те типы, которые используются в нашем проекте.
Для jQuery вы можете установить определение:
$ npm install @ типы / jquery
После этого внесите изменения в проект JavaScript, запустите инструмент сборки. Теперь у вас должен быть проект TypeScript, скомпилированный в простой JavaScript, который можно запускать в браузере.
На этом мы подошли к концу этого учебника по TypeScript. Надеюсь, вы поняли все важные элементы TypeScript.
 Проверьте     пользователя Edureka.  Курс по сертификации веб-разработки поможет вам узнать, как создавать впечатляющие веб-сайты с помощью HTML5, CSS3, Twitter Bootstrap 3, jQuery и API Google и развертывать их в Amazon Simple Storage Service (S3). 
 Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев «Учебника по TypeScript», и мы свяжемся с вами.