🧙 TYPESCRIPT - это магия мира фронтенда

Подписаться 10 тыс.

Просмотров 40 тыс.

50% 1

В данном ролике познакомимся с языком программирования 🧙 TYPESCRIPT. Рассмотрим базовые и продвинутые вещи, который добавляется данный язык в наш мир фронтенда.
github rep - github.com/debabin/typescript...
type challenges - github.com/type-challenges/ty...
docs - www.typescriptlang.org/
Таймкоды ⌛️
00:00 Вступление
00:16 Разница между статическим и динамически языком программирования
00:50 Что такое 🧙 TYPESCRIPT
01:27 Сравнения JS и TS
01:50 Базовые вещи 🧙 TYPESCRIPT
01:53 Как скачать 🧙 TYPESCRIPT
02:15 Базовые типы
02:59 Функции
03:11 Type & Interface
03:47 Union & Intersection
03:59 Type & Interface разница
04:20 Interface
04:30 Перегрузки
04:47 Классы
05:17 Утверждения (as)
05:40 Guards
06:06 Generic
07:14 Выводы
Социальные сети 🔥
youtube: / siberiacancode
telegram: t.me/siberiacancode
vk: siberiacancode
twitter: / db_babin

Опубликовано:

28 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 127

@omashune5546 Год назад

Fireship выучил русский? Неплохо 🤩

@pe3epwithyou2 Год назад

@Mind Rain факт

@astronaut017 Год назад

Точняк 🔥

@user-hu5us2fo8f Год назад

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

@siberiacancode Год назад

Спасибо

@serafimdev Год назад

у тебя очень хорошо получается👍 продолжай, будем ждать новых видео🙂

@dieu-merci Год назад

Супер видео, приятный монтаж и подача, надеюсь автор не забросит канал

@siberiacancode Год назад

Тоже надеюсь 😎

@alexidino Год назад

@@siberiacancode Хорошее видео, но ты тараторишь

@rashch676 Год назад

@@alexidino не тараторит, все норм

@user-ms1xi3lf3g Год назад

пушка контент, коротко, быстро и ясно !!! голос и дикция тоже очень приятная

@frontendinsimplewords Год назад

приятный монтаж который не даёт заскучать)

@alexandershuy8176 Год назад

Спасибо за ролик! Typescript, JavaScript, Frontend

@dancingstar1852 Год назад

Отличное видео!

@dopetag Год назад

Вау! Это было очень сжато, но теперь понятно, куда копать!

@StivenRusTV Год назад

Срочно нужно попасть в рек 😀

@siberiacancode Год назад

Спасибо

@user-mf1ny4ir7s Год назад

Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?

@mikeempire Год назад

Комент для продвижения! И спасибо за ролик)

@siberiacancode Год назад

Спасибо

@kendo_ow3637 Год назад

Хороший монтаж и приятный голос :) Накидываем актива для подвижения 🙃

@siberiacancode Год назад

Спасибо

@user-qp6yp4qk9i 8 месяцев назад

спасибо за контент

@siberiacancode 8 месяцев назад

Тебе спасибо за коммент

@NikCevich Год назад

Что то похожее на экстрим код, с юморком, подача кайф, инфа годная, спасибо за видос, продолжай!)

@siberiacancode Год назад

Спасибо

@liv1s Год назад

хорошее видео, сам недавно начал на ts писать

@user-dp9hu2te8u 9 месяцев назад

Реально полезное видео

@siberiacancode 9 месяцев назад

Спасибо

@user-iu5ij8ri6g Год назад

мой новый любимый блогер среди фронта!

@vladimirberezhnev8124 Год назад

Комментарий из более пяти слов для продвижения контента в рекомендации)

@siberiacancode Год назад

Спасибо

@YanOlimov Год назад

Братан давай ещё ещё делай видосы!!

@user-to5vc5qp9t Год назад

Ого, русский fireship

@siberiacancode Год назад

ЭТО перезалив Привет, это история как я больше не пользуюсь VEGAS PRO или же SONY VEGAS, если вкратце, то именно если рендерить видео в соньке, то появляются пиксели 😭 Я смог решить основную проблему мигания экрана и надеюсь ни кто не умер пока смотрел видео. Но остались проблемы с пикселями, связано это с тем, что я взял готовые видео из соньки и запихал его в DAVINCHI Прошу от вас навалить позитива на ролик 🔥 и походу следующий ролик будет не очень большой и интересный, потому что я буду искать для себя новую программу для монтажа и учиться ней работать. Вот такое кино, всем хорошего дня понедельника.

@zakr2 Год назад

Рекомендую попробовать videopad video editor она не большая и триальная.

@krivalex Год назад

продвигаем канал, надеюсь ты будешь как второй ulbi tv, также займешь место в сердечке фронтов и бэкендеров

@siberiacancode Год назад

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

@bukanaka Год назад

Топ топ топ, коротко и ясно, а кому нужны детали, то добро пожаловать в ДОКУМЕНТАЦИЮ)))

@siberiacancode Год назад

Или запись стрима по тайпскрипту. там я все обозрел

@y0na24 Год назад

Коммент для продвижения :)

@siberiacancode Год назад

Спасибо

@TheBrav3ry Год назад

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

@user-ek9vr7uw8p Год назад

Круто, осталось то всего лишь js выучить)

@chris.p-dev Год назад

*Я набираю воздух в грудь*: - МОДУУУЛИИИИИ З.Ы. Спасибо за краткий и быстрый обзор

@vinik_tfo Год назад

Привет, а не сложно ли совмещать тайпскриптовский вывод (когда интерпретирует код в js) и какой-нибудь линковщик (webpack, grunt)? Что идет сначала - курица или яйцо? То есть сначала код собирается в js а потом он линкуется в вебпаке или вебпак сам умеет линковать ts после чего можно перевести бандл в js? я бекендер ссаными тряпками не бейте. ts мне кстати понравился, познакомился с ним когда мне на angular проект потыкать дали.

@siberiacancode Год назад

Хороший вопрос, честно без понятие как там это все под капотом работает. Для 99 и 9 пользователей апи наверное все равно, что раньше. Но логичнее я бы сказала тс в жс, а потом уже вебпак

@plajboi3608 Год назад

колокольчик поставил

@siberiacancode Год назад

Спасибо

@cheefoxcheefox2372 Год назад

1:30 звучит как "был полиморфизм и не стало полиморфизма" 🤣🤣🤣

@mr.zxzxzxz3816 Год назад

лучший канал🔥

@siberiacancode Год назад

Спасибо, очень рад стараться

@A_A_A182 Год назад

Влюбился в TS открыв книгу Бориса Черного, ТС еще не выучил(я пока на реакте), но книга оч хорошо написана

@siberiacancode Год назад

Нужно будет обязательно глянуть

@haibova_irisha Год назад

привет. у тебя есть какие-то курсы или только ютуб ?

@siberiacancode Год назад

Только ютуб

@user.nickname Год назад

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

@siberiacancode Год назад

Есть еще стрим где я подробно каждый момент разбираю

@narutominer Год назад

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

@user-qv7ze1vj1p Год назад

прикльный бит , я б купил но денег нет))

@cameronclass Год назад

Ничего непонятно но очень интересно

@zard0y Год назад

Ребят, крайне активно пишу расширения для VSCode'а, есть какие-либо идеи как можно до максимума упростить жизнь на TS?

@zard0y Год назад

ксатати кто хочет зацените: typescript essential plugins . Хочется видеть TS идеальным для разработчика, но не знаю как донести все лучшие практики через IDE.

@redhook777 Год назад

Можешь замутить фишку как в react buddy для webstorm: Автоматическая генерация типизированного обработчика события элемента Например у нас есть После нажатия хоткея и ввода типа события у нас получается что-то такое: import {mouseEvent} from 'react' const Component = () => { const clickHandler = (event: mouseEvent) => { } } return

@user-sc5vu6ks8s Год назад

привет, хотел спросить, сколько ты уже в программировании?

@siberiacancode Год назад

Привет, думаю примерно 4 года

@krivalex Год назад

прикольно, typescript похож на python, так тоже теперь строгая типизация есть, тоже юзаю для аргументов, еще бы в питоне сделали стрелочные функции вместо лямбд, они неудобные

@whiteguards43 Год назад

А можно такое же видео, только по медленнее ?)))

@siberiacancode Год назад

Да есть стрим по тайпскритпу, запись на канале есть

@holypowerenjoyer6059 Год назад

Прикольно скомуниздил подачу у канала Fireship, хомяки не заметят. Главное не забудь добавить рубрику "in 100 seconds".

@siberiacancode Год назад

Если бы ты не просто написал этот коммент, а посмотрел телегу и комменты, я уже не раз писал, что вдохновлен его каналом и ничего плохого в этом не вижу

@DotaReport2 Год назад

как называется тема vscode'a ?

@siberiacancode Год назад

One dark

@romandeveloper7720 Год назад

4:39. Что за синтаксис такой?) Что он значит? "function greet(...[person[)". Именно - "(...[person])

@siberiacancode Год назад

По порядку 1. ...args, это все параметры в один массив 2. [person] это деструктуризация массива, грубо говоря вытаскиваем первый элемент из массива, с useState похожая история.

@romandeveloper7720 Год назад

@@siberiacancode спасибо, немного затупил просто. Надо было тоже по порядку разбираться) А почему так поступили, а не, например, сразу первый аргумент вытащили следующим образом: function greet(person) ?

@siberiacancode Год назад

@@romandeveloper7720 а честно и не помню. Возможно сделал так, потому что аргументов может быть хоть сколько и хотел показать такой кейс 😎

@romandeveloper7720 Год назад

@@siberiacancode, правильно понимаю, что такой кейс не зависит от количества аргументов( т.к. я привел очевидный пример, как достать первый аргумент )? То есть просто для того, чтобы показать, что ещё вот так можно баловаться с аргументами, операторами рест и деструктуризацией? А то боюсь запутаться, вдруг я что-то кардинально важное не вижу в отличиях этих двух вариантов, ну и заодно другим любознательным подписчикам будет ответ, если они задались этим вопросом)

@dimankan Год назад

Орнул с guards)) Ответ: никак))

@semenpetrov9456 Год назад

Apple ? А есть для винды ?

@siberiacancode Год назад

Ты про что именно ?

@Seriousbear Год назад

Кто-то считает его страшным? Перешёл в своё время на фронтенд с системки, до этого писал на сишке и на C#, для меня TS - это как гора с плеч)

@siberiacancode Год назад

Джуны без опыта статических языков 🧑‍🍳

@Seriousbear Год назад

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

@siberiacancode Год назад

@@Seriousbear не соглашусь, js python и много еще каких языков с динамической типизацией. Такой у нас путь и ничего такого в этом нет.

@Seriousbear Год назад

@@siberiacancode, но именно начинать с них, не имея опыта со статической типизацией - плохая практика. Ибо в таком случае ты вообще не вникаешь, как работает память, и в итоге пишешь неоптимизированную лажу и боишься TS)

@siberiacancode Год назад

@@Seriousbear ну не соглашусь, если тебе нужна работа и ты хочешь заниматься вебом, то ты учишь js. Плюс у нас с памятью не так уж и много проблем. Есть свои ньюансы, но код новичок на всех языках будет писать по началу сырой

@N5O1 Год назад

может я живу в каком-то другом мире. но мне кажется, что TS давно стал стандартом и без него не стартуют ни один проект, а старые типизируют. поэтому как-то дико слышать такие вещи, типа "не нужно его боятся", "вот смотрите, что еще есть в мире JS". если ты знаешь JS с тайпскрипт ты разберешься за 2 вечера. это просто мастхев знания

@redhook777 Год назад

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

@N5O1 Год назад

@@redhook777 что там страшного?

@redhook777 Год назад

@@N5O1 когда впервые это видишь, выглядит оч страшно. На деле не так сложно

@siberiacancode Год назад

Ну Джуны стартуют без него, да даже есть люди с опытом в код, которые не смотрели в его сторону. А зачем если на работе просто js. Но круто, что ты все понимаешь, респект 😎

@Zakratus Год назад

Вот именно "не стартуют ни один проект". Но веб заполнен не только новыми и современными проектах. Очень много проектов 5+ летней давности, которые, конечно нужно, но не всегда возможно, быстро и без проблем перенести на новые технологии. Например проекты еще на первых версиях Вью, или даже на 2 - сначала переход на Вью 3, а там уже и на ТС... Джуны на такие проекты приходят без ТС и уходят без ТС, т.к. сил и времени не у всех хватает на набивание шишек с ТСом на другом проекте (своем пэт-проджекте)

@dmitriystoyanov933 Год назад

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

@siberiacancode Год назад

Придёт с опытом решения таких задач

@ex-xg5hh Год назад

Сложные дженерики не так часто на практике попадаются, если хочешь научиться загугли typescript type challenges и порешай там задачки

@GeGeza Год назад

Какой-то шарп от мира js'а

@siberiacancode Год назад

Спасибо

@danil-goncharenko Год назад

Стоп чё? Я ж тебя на английском смотрю.

@8861gfrt Год назад

guard - произноситься "гард"

@siberiacancode Год назад

Да ты прав, просто приелось почему так говорить

@montecristo31 Год назад

Можно ли переходить сразу к typescript, не учя javascript. Просто к js вообще не тянет.

@siberiacancode Год назад

Ну почему нет, сам не знаю как будет, но я думаю валидный вариант

@rFliege Год назад

Как то все слишком поверхностно. 04:30 Перегрузки. Цитирую автора - "Это возможность создавать несколько одноименных функций с разными реализациями". В примере никакой перегрузки не вижу - одна реализация с проверкой по типам. В чем отличие от ванилы, кроме того, что при компиляции в местах вызова будет проверяться сигнатура функции? 05:17 Утверждения (as). Что даст getElementById() as HTMLCanvasElement, когда оно выстрелит (во время компиляции или в рантайме), что будет если на момент выполнения элемента с этим Id не будет на странице? Ровным счетом ничего не сказано.

@siberiacancode Год назад

1. Мы говорим про тайпскрипт и типизацию, понятное дело будет одна функция с guards. Ты можешь вызывать ее с разными параметрами и тс не будет жаловаться. 2. Про as целый блок в видео. В котором я говорил, когда нужно использовать и зачем.