TypeScript с 0 до Профи. Полный курс + Практика [2023]

• TypeScript улучшает код, делая его чище и аккуратнее.  

• Строгая типизация предотвращает ошибки, связанные с неправильным использованием типов данных.  

• Знание TypeScript становится ключевым фактором при найме на работу.  

• В 80% случаев не требуется углубляться в сложные аспекты типизации.  

• Начинать работу с TypeScript просто: добавляйте типы и функции по мере необходимости.  

• Компилируйте код в JavaScript перед запуском в браузере.  

• Сокращает объем файлов и зависимостей при развертывании.  

• Ускоряет загрузку и повышает производительность.  

• Современные библиотеки предоставляют встроенную типизацию, упрощая работу разработчиков.  

• Используйте инструменты для автоматизации настройки проекта.  

• Файлы TypeScript должны иметь расширение .tsx.  

• Структура проекта включает файлы конфигурации и декларационные файлы.  

• Декларационные файлы .d.ts определяют типы и интерфейсы.  

• Используются для работы с библиотеками и импорта типов.  

• Пример: добавление свойств к объекту Window.  

• Сильная и слабая типизация: сильная запрещает неявные преобразования, слабая позволяет.  

• Явная и неявная типизация: явная требует указания типа при объявлении, неявная определяет тип автоматически.  

• TypeScript поддерживает оба типа типизации.  

• Динамическая типизация проверяет типы во время выполнения.  

• Статическая типизация проверяет типы во время компиляции.  

• TypeScript использует структурную типизацию, определяя совместимость типов по структуре, а не по именам.  

• TypeScript использует концепцию утиной типизации.  

• Каждая переменная или значение имеет тип данных.  

• Основные типы данных: number, string, boolean, symbol, null, undefined, bigint, void, any.  

• Аннотации типов помогают явно указывать тип переменной.  

• Перечисления используются для группировки именованных констант.  

• Перечисления могут быть числовыми, строковыми и представлять статусы, уровни или направления.  

• Перечисления улучшают читаемость кода и обеспечивают безопасность типов.  

• Перечисления могут быть строковыми, что полезно для работы с внешними системами.  

• Пример использования перечислений для моделирования статусов обработки заявки.  

• Интерфейсы обеспечивают статическую типизацию и контракт между частями кода.  

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

• Пример типизации компонента для работы с сущностью "новость".  

• Типизация компонентов помогает избежать ошибок и улучшает читаемость кода.  

• Пример создания интерфейса для сущности "новость" и типизации компонента.  

• Указание типов для полей сущности и массива новостей.  

• Алиасы типов позволяют давать существующим типам более понятные имена.  

• Пример: тип "категория" можно заменить на "категорияТайп".  

• Алиасы упрощают чтение и понимание кода.  

• Составные типы могут включать несколько типов данных.  

• Пример: тип "ньюс" может быть строкой или числом.  

• Алиасы помогают конкретизировать типы данных.  

• Объединение типов позволяет объявлять переменные, содержащие значения разных типов.  

• Пример: переменная может быть либо строкой, либо числом.  

• Объединение интерфейсов или типов может привести к ошибкам, если поля отсутствуют в обоих типах.  

• Пересечение типов объединяет несколько типов или интерфейсов в один.  

• Пример: тип "айтемТайп" включает все поля из объединенных типов.  

• Пересечение типов предотвращает ошибки, если все поля присутствуют в обоих типах.  

• Тип-запросы позволяют извлекать типы уже объявленных переменных.  

• Пример: создание типа на основе объекта "новости".  

• Тип-запросы помогают уменьшить дублирование кода и обеспечивают гибкость.  

• Литеральные типы определяют типы, принимающие конкретные значения.  

• Пример: категории новостей могут быть только строками из определенного списка.  

• Литеральные типы обеспечивают точность и безопасность кода.  

• Объекты в TypeScript могут быть аннотированы интерфейсами или типами.  

• Пример: типизация объекта "обшинс" для предотвращения ошибок.  

• Типизация помогает уточнить структуру объекта и избежать ошибок.  

• Массивы в TypeScript могут быть типизированы с использованием интерфейсов или типов.  

• Пример: типизация массива "ньюс" для предотвращения ошибок.  

• Типизация массивов помогает использовать методы массива и предотвращает ошибки.  

• Кортежи в TypeScript могут быть типизированы для указания типов элементов.  

• Пример: типизация кортежа "ньюс" для предотвращения ошибок.  

• Типизация кортежей позволяет точно указывать типы элементов.  

• Функции в TypeScript могут  

• Функции без возврата можно типизировать как void.  

• TypeScript понимает, что функция ничего не возвращает.  

• Если бы функция возвращала значение, TypeScript бы это заметил.  

• Указываем типы параметров: key - string, value - string, number, boolean.  

• Возвращаем void, чтобы TypeScript не выдавал ошибки.  

• Обсуждаем интерфейсы и их расширение.  

• Интерфейсы можно расширять для создания новых интерфейсов.  

• Это делает код более гибким и масштабируемым.  

• Пример с сущностью баннер, которая расширяется от интерфейса news.  

• TypeScript ругается, если в объекте отсутствуют обязательные поля.  

• Интерфейсы могут использоваться для описания структуры классов.  

• Пример реализации интерфейса Animal классом Bert.  

• Можно имплементировать несколько интерфейсов через запятую.  

• Индексные типы позволяют описывать динамические объекты.  

• Пример интерфейса с индексным типом, где ключи и значения могут быть любыми.  

• Индексные типы позволяют добавлять и удалять ключи динамически.  

• TypeScript не выдает ошибку при доступе к несуществующему ключу.  

• Это может быть как преимуществом, так и недостатком в зависимости от сценария использования.  

• Модификаторы доступа определяют, где и как свойства и методы класса могут быть доступны.  

• Публичные свойства и методы доступны из любого места в коде.  

• Приватные свойства и методы доступны только внутри класса.  

• Защищенные свойства и методы доступны внутри класса и в его наследниках.  

• Редонли используется для создания неизменяемых свойств.  

• Операторы необязательного доступа null и undefined.  

• Оператор необязательного доступа optional позволяет указывать, что свойство может быть null или undefined.  

• Обобщения позволяют создавать универсальные компоненты, сохраняя строгую типизацию.  

• Дженерики используются для создания многозадачных и многотипных классов, интерфейсов и функций.  

• Обобщения применяются в библиотеках и фреймворках для обеспечения гибкости и типовой безопасности.  

• Обобщения позволяют динамически определять типы параметров и возвращаемых значений.  

• В React состояние типизировано с помощью дженериков.  

• Обобщения помогают избежать ошибок при передаче параметров и использовании функций.  

• Типизация функций и интерфейсов помогает избежать ошибок и обеспечивает безопасность типов.  

• Пример типизации функции, возвращающей промес, для точного ожидания типа ответа от сервера.  

• Промисы могут иметь дженерики, что позволяет передавать ожидаемые типы.  

• Типизация параметров функции для предотвращения ошибок.  

• Использование опциональных параметров для упрощения кода.  

• Интерфейсы могут быть похожи, но с опциональными свойствами.  

• Использование дженериков для ожидания определенных типов ответов от сервера.  

• Аксиус добавляет свои типы и поля к ответам, что позволяет избежать дублирования кода.  

• Дженерики могут быть ограничены, чтобы соответствовать определенным типам.  

• Пример с интерфейсом пользователя, где дженерик может быть подтипом другого интерфейса.  

• Использование значений по умолчанию для параметров типа.  

• Условные типы позволяют изменять типы в зависимости от условий.  

• Пример с типом ай-персон, который может быть подтипом ай-юзер.  

• Объединения типов могут быть простыми, составными или дискриминантными.  

• Дискриминантные объединения позволяют объединять типы на основе общего свойства.  

• Пример с типами ай-ньюс и ай-артик, где дискриминантное свойство тайп помогает различать типы.  

• Проверка типа объекта для корректного использования полей.  

• Объединение типов с использованием оператора объединения.  

• Использование дискриминантного свойства для различения типов.  

• Применение дискриминанта в конструкциях switch case или if для обработки типов.  

• Используется для работы с различными форматами данных.  

• Ключевое свойство используется для различения типов.  

• Пример ошибки при использовании объединения.  

• Позволяет явно указать ожидаемый тип переменной.  

• Полезно, когда компилятор не может автоматически определить тип.  

• Пример использования утверждения типов для строки.  

• Помогают сузить типы в определенных областях кода.  

• Используются в условных выражениях для проверки типов.  

• Пример проверки типа даты и массива.  

• Оператор кев позволяет создать новый тип на основе ключей интерфейса.  

• Мэп-тайпс создает новый тип на основе старого, преобразуя его свойства.  

• Пример использования мэп-тайпс для создания типа с модификатором редонли.  

• Позволяет извлечь подтип, ассоциированный с определенным свойством.  

• Полезно для использования типов свойств, уже определенных в интерфейсе.  

• Пример использования лукап-тайпс для получения типа вложенного объекта.  

• Облегчают работу разработчиков, модифицируя существующие типы.  

• Пример утилитарного типа редонли, который делает все поля редонли.  

• Пример утилитарного типа паршал, который делает все поля опциональными.  

• Делает все поля обязательными.  

• Используется для создания типов с обязательными полями.  

• Пример: создание типа с полями "автор" и "категория" из интерфейса "Ньюс".  

• Создает новый тип объекта с ключами и значениями определенного типа.  

• Не гомоморфный тип, создает новый тип с заданными ключами и значениями.  

• Пример: создание типа с полями "автор" и "категория" типа "стринг".  

• Утилитарные типы делятся на категории в зависимости от использования.  

• Первая группа используется для трансформации и манипуляции с объектными типами.  

• Вторая группа используется для работы с объединениями типов, функциональными типами и типами экземпляров классов.  

• Убирает конкретный тип из литерального объединения.  

• Пример: создание типа без поля "автор" из интерфейса "Ньюс".  

• Извлекает поля из объединения типов.  

• Пример: создание типа с полями "автор", "дискрипшн" и "айди".  

• Преобразует тип поля в определенный тип.  

• Пример: преобразование поля "тайтл" в тип "стринг" или "намба".  

• Извлекает тип экземпляра класса из типа конструктора класса.  

• Пример: получение типа возвращаемого значения функции.  

• Удаляет поля из типа или структуры.  

• Пример: создание типа "ньюс ваут автор" без поля "автор".  

• Делают массивы и объекты только для чтения.  

• Пример: создание массива только для чтения, где элементы не могут быть изменены.  

• Подведение итогов по TypeScript.  

• Анонс следующего видео с практикой типизации приложения.  

• Призыв к подписке на телеграм и ютуб каналы для получения обновлений.