Курс по основам TypeScript
Язык TypeScript используется для написания веб-приложений. Он обратно совместим с JavaScript, но с упором на строгую типизацию.
В небольшом курсе на YouTube рассмотрены основные «фишки» и синтаксис TypeScript: https://tprg.ru/rmPT
#веб #typescript
Язык TypeScript используется для написания веб-приложений. Он обратно совместим с JavaScript, но с упором на строгую типизацию.
В небольшом курсе на YouTube рассмотрены основные «фишки» и синтаксис TypeScript: https://tprg.ru/rmPT
#веб #typescript
YouTube
TypeScript #1 Базовые типы (Basic Types. Part I)
#YauhenK #webDev #TypeScript
Всех приветствую в курсе «TypeScript».
В данном видеокурсе мы с вами рассмотрим возможности языка строгой типизации - TypeScript. Разберём его основные фишки и ключевые отличия от JavaScript. Изучим такие понятия, как перечисления…
Всех приветствую в курсе «TypeScript».
В данном видеокурсе мы с вами рассмотрим возможности языка строгой типизации - TypeScript. Разберём его основные фишки и ключевые отличия от JavaScript. Изучим такие понятия, как перечисления…
Почему стоит изучить язык программирования TypeScript?
Ведущий разработчик из компании Usetech поделился 9 причинами, по которым вас может заинтересовать TypeScript:
https://tprg.ru/T6OV
#typescript
Ведущий разработчик из компании Usetech поделился 9 причинами, по которым вас может заинтересовать TypeScript:
https://tprg.ru/T6OV
#typescript
Настройка проекта TypeScript с помощью ESLint, Prettier и VS Code
Очень важно создать подходящую среду разработки, чтобы иметь возможность использовать все функциональные возможности TypeScript. Для этого вы можете использовать следующие инструменты:
— Visual Studio Code: редактор исходного кода для для Windows, Linux и macOS.
— ESLint: утилита для проверки и анализа качества кода.
— Prettier: инструмент для форматирования кода, который позволяет следовать единым правилам оформления кода.
— Yarn: альтернативный npm-клиент, который был создан совместно в Facebook, Google, Exponent и Tilde. В отличие от npm, Yarn работает быстрее.
В статье рассматривается, как создать чистую и простую среду разработки на основе вышеуказанных элементов:
https://nuancesprog.ru/p/16055/
#typescript
Очень важно создать подходящую среду разработки, чтобы иметь возможность использовать все функциональные возможности TypeScript. Для этого вы можете использовать следующие инструменты:
— Visual Studio Code: редактор исходного кода для для Windows, Linux и macOS.
— ESLint: утилита для проверки и анализа качества кода.
— Prettier: инструмент для форматирования кода, который позволяет следовать единым правилам оформления кода.
— Yarn: альтернативный npm-клиент, который был создан совместно в Facebook, Google, Exponent и Tilde. В отличие от npm, Yarn работает быстрее.
В статье рассматривается, как создать чистую и простую среду разработки на основе вышеуказанных элементов:
https://nuancesprog.ru/p/16055/
#typescript
Рекомендации по улучшению кода на TypeScript
Начиная с 2012 года, TypeScript активно развивается и чаще используется в веб-разработке. Он обратно совместим с JavaScript, но с упором на строгую типизацию. Однако неправильное использование TypeScript может привести к неожиданным багам.
В этой статье собраны рекомендации по использованию переменных, константных перечислений и написанию кода:
https://nuancesprog.ru/p/16229/
#typescript #веб
Начиная с 2012 года, TypeScript активно развивается и чаще используется в веб-разработке. Он обратно совместим с JavaScript, но с упором на строгую типизацию. Однако неправильное использование TypeScript может привести к неожиданным багам.
В этой статье собраны рекомендации по использованию переменных, константных перечислений и написанию кода:
https://nuancesprog.ru/p/16229/
#typescript #веб
Создаём библиотеку компонентов с помощью React и TypeScript
Подробное руководство, как создать собственную библиотеку, состоящую из одного простого компонента — кнопки с помощью Vite, React и TypeScript. В статье используется Storybook — это библиотека UI, которая позволяет документировать и собирать компоненты на JS.
Также автор объясняет, как подготовить уже готовую библиотеку для публикации в реестре npm:
https://habr.com/ru/company/timeweb/blog/691338/
#typescript #react
Подробное руководство, как создать собственную библиотеку, состоящую из одного простого компонента — кнопки с помощью Vite, React и TypeScript. В статье используется Storybook — это библиотека UI, которая позволяет документировать и собирать компоненты на JS.
Также автор объясняет, как подготовить уже готовую библиотеку для публикации в реестре npm:
https://habr.com/ru/company/timeweb/blog/691338/
#typescript #react
Что нового в TypeScript 4.9?
В новой версии появились любопытные нововведения и исправления: новый оператор satisfies, умный in, изменена стратегия по умолчанию для отслеживания изменений. Также, прямое сравнение с NaN теперь запрещено.
Екатерина Семенова, фронтенд-разработчик в Surf, рассказала подробно о всех изменениях, а также показала на примерах, к каким ошибкам и исключениям приведёт неправильно использование новых фич:
https://habr.com/ru/company/surfstudio/blog/695900/
#typescript
В новой версии появились любопытные нововведения и исправления: новый оператор satisfies, умный in, изменена стратегия по умолчанию для отслеживания изменений. Также, прямое сравнение с NaN теперь запрещено.
Екатерина Семенова, фронтенд-разработчик в Surf, рассказала подробно о всех изменениях, а также показала на примерах, к каким ошибкам и исключениям приведёт неправильно использование новых фич:
https://habr.com/ru/company/surfstudio/blog/695900/
#typescript
11 советов, которые помогут развить свои навыки TypeScript
Автор статьи объясняет ряд относительно продвинутых тем на языке Typescript. На практике вы, вероятно, обнаружите, что применять их напрямую довольно сложно.
Однако, узнав весь потенциал TypeScript, вам будет легче понять, как устроены и работают библиотеки для Typescript, например, Prisma и tRPC. И возможно, эти знания помогут вам даже реализовать собственную библиотеку или более сложный проект:
https://dev.to/zenstack/11-tips-that-help-you-become-a-better-typescript-programmer-4ca1
#typescript
Автор статьи объясняет ряд относительно продвинутых тем на языке Typescript. На практике вы, вероятно, обнаружите, что применять их напрямую довольно сложно.
Однако, узнав весь потенциал TypeScript, вам будет легче понять, как устроены и работают библиотеки для Typescript, например, Prisma и tRPC. И возможно, эти знания помогут вам даже реализовать собственную библиотеку или более сложный проект:
https://dev.to/zenstack/11-tips-that-help-you-become-a-better-typescript-programmer-4ca1
#typescript
Ускоренный курс по TypeScript с React
Шпаргалка, которая поможет быстро изучить основы по React с использованием Typescript. Автор объяснил основные нюансы по useState, пользовательским хукам, состоянию и props с помощью небольших сниппетов кода. В конце статьи вы найдете тренажёр для практики:
https://profy.dev/article/react-typescript
#typescript
Шпаргалка, которая поможет быстро изучить основы по React с использованием Typescript. Автор объяснил основные нюансы по useState, пользовательским хукам, состоянию и props с помощью небольших сниппетов кода. В конце статьи вы найдете тренажёр для практики:
https://profy.dev/article/react-typescript
#typescript
Решение задачи про определение типа в Typescript
В этой статье вы сможете увидеть решение интересной задачи, связанной с типизацией в Typescript, которая была представлена на Yandex Cup 2023.
Без условий задача звучит так: «написать программу, которая позволит получать и анализировать информацию об уровне серотонина в крови при прослушивании конкретных треков у разных фокус‑групп».
Автор довольно подробно объясняет свое решение этой задачи, что может помочь начинающим программистам.
#задача #typescript
В этой статье вы сможете увидеть решение интересной задачи, связанной с типизацией в Typescript, которая была представлена на Yandex Cup 2023.
Без условий задача звучит так: «написать программу, которая позволит получать и анализировать информацию об уровне серотонина в крови при прослушивании конкретных треков у разных фокус‑групп».
Автор довольно подробно объясняет свое решение этой задачи, что может помочь начинающим программистам.
#задача #typescript
Пользовательские директивы во Vue
Во Vue директивы представляют собой специальные html-атрибуты, позволяющие манипулировать DOM-элементами. Все директивы обычно начинаются с буквы v, а затем через дефис идет название директивы.
Помимо встроенных директив (таких как
#js #vue #веб #фронтенд
Во Vue директивы представляют собой специальные html-атрибуты, позволяющие манипулировать DOM-элементами. Все директивы обычно начинаются с буквы v, а затем через дефис идет название директивы.
Помимо встроенных директив (таких как
v-model и v-show), Vue также позволяет регистрировать ваши собственные пользовательские директивы. Подробнее о том, как можно создать свои директивы, вы сможете узнать в этом подробном уроке.#js #vue #веб #фронтенд
YouTube
Vue. Пользовательские директивы (custom directives)
#javascript #typescript #vuejs
code: https://github.com/easydevgit/vue-custom-directives/blob/master/src/directives/tooltip.ts
code: https://github.com/easydevgit/vue-custom-directives/blob/master/src/directives/tooltip.ts
Бесплатный курс по TypeScript для начинающих
В современной разработке TypeScript не просто занял прочное место, но и во многих местах заменил собой JavaScript. Знание TypeScript стало необходимым знанием любого разработчика, который работает либо с Node.js, либо с браузером. Этот язык используется для создания интерактивных веб-страниц, мобильных приложений, в серверной разработке.
Ловите бесплатный курс по TS, который с самых азов познакомит вас с программированием, общими концепциями и особенностями языка. А в комплекте вы получите возможность попрактиковаться прямо в браузере.
@prog_point #web #typescript
В современной разработке TypeScript не просто занял прочное место, но и во многих местах заменил собой JavaScript. Знание TypeScript стало необходимым знанием любого разработчика, который работает либо с Node.js, либо с браузером. Этот язык используется для создания интерактивных веб-страниц, мобильных приложений, в серверной разработке.
Ловите бесплатный курс по TS, который с самых азов познакомит вас с программированием, общими концепциями и особенностями языка. А в комплекте вы получите возможность попрактиковаться прямо в браузере.
@prog_point #web #typescript
Code-Basics
Курс TypeScript: бесплатное обучение для разработчиков
Прокачайте свои знания в бесплатном курсе по Typescript | Интерактивные упражнения прямо в браузере | Бесплатный курс TypeScript от CodeBasics
Шаблонные литералы в TypeScript
Внедрение шаблонных литералов в ES6 решило несколько давних проблем, связанных с манипулированием строками в JavaScript:
— громоздкая конкатенация строк;
— отсутствие встроенной поддержки многострочных строк;
— и ограниченные возможности интерполяции строк.
Литералы поддерживаются и в TypeScipt. Давайте посмотрим, как они решают проблемы выше, и изучим новые возможности для обработки строк:
https://dev.to/mattlewandowski93/template-literals-in-typescript-i36
#typescript #es6
Внедрение шаблонных литералов в ES6 решило несколько давних проблем, связанных с манипулированием строками в JavaScript:
— громоздкая конкатенация строк;
— отсутствие встроенной поддержки многострочных строк;
— и ограниченные возможности интерполяции строк.
Литералы поддерживаются и в TypeScipt. Давайте посмотрим, как они решают проблемы выше, и изучим новые возможности для обработки строк:
https://dev.to/mattlewandowski93/template-literals-in-typescript-i36
#typescript #es6
Media is too big
VIEW IN TELEGRAM
Полное руководство по Геттерам и Сеттерам в TypeScript
В арсенале многих веб-разработчиков помимо JavaScript присутствует ещё и TypeScript. Во многом он похож на своего старшего брата, но при этом статически типизирован, что влечёт множество нюансов. Один из низ — наличие геттеров и сеттеров для доступа к private и protected свойствам классов и объектов.
В этом видео вы изучите синтаксис методов get, set, а также особенности применения.
#видео #typescript
В арсенале многих веб-разработчиков помимо JavaScript присутствует ещё и TypeScript. Во многом он похож на своего старшего брата, но при этом статически типизирован, что влечёт множество нюансов. Один из низ — наличие геттеров и сеттеров для доступа к private и protected свойствам классов и объектов.
В этом видео вы изучите синтаксис методов get, set, а также особенности применения.
#видео #typescript