1

Этап 1

найти подходящий курс

2

Этап 2

1. Getting started

3

Этап 3

2. TS Basics & Basic Types

4

Этап 4

3. The TS Compiler

5

Этап 5

4. Next-generation JS&TS

6

Этап 6

5. Classes & Interfaces

7

Этап 7

6. Advanced Types

8

Этап 8

7. Generics

9

Этап 9

8. Decorators

10

Этап 10

9. Practice time. Drag & Drop project

11

Этап 11

10. Modules & Namespaces

12

Этап 12

11. Using webpack with TS

13

Этап 13

12. 3rd party libraries & TS

14

Этап 14

13. Time to practice. Select & Share app

15

Этап 15

14. React.js & TS

16

Этап 16

15. Node.js + Express & TS

17

Этап 17

16. Course Roundup

1

Этап 1

найти подходящий курс

2

Этап 2

1. Getting started

3

Этап 3

2. TS Basics & Basic Types

4

Этап 4

3. The TS Compiler

5

Этап 5

4. Next-generation JS&TS

6

Этап 6

5. Classes & Interfaces

7

Этап 7

6. Advanced Types

8

Этап 8

7. Generics

9

Этап 9

8. Decorators

10

Этап 10

9. Practice time. Drag & Drop project

11

Этап 11

10. Modules & Namespaces

12

Этап 12

11. Using webpack with TS

13

Этап 13

12. 3rd party libraries & TS

14

Этап 14

13. Time to practice. Select & Share app

15

Этап 15

14. React.js & TS

16

Этап 16

15. Node.js + Express & TS

17

Этап 17

16. Course Roundup

14 декабря 2020 31 мая 2021
Цель завершена 10 января 2021
Общая

Пройти курс по Typescript

попробовать ts, чтобы на своем опыте понять стоит оно того или нет

  1. найти подходящий курс

  2. 1. Getting started

  3. 2. TS Basics & Basic Types

  4. 3. The TS Compiler

  5. 4. Next-generation JS&TS

  6. 5. Classes & Interfaces

  7. 6. Advanced Types

  8. 7. Generics

  9. 8. Decorators

  10. 9. Practice time. Drag & Drop project

  11. 10. Modules & Namespaces

  12. 11. Using webpack with TS

  13. 12. 3rd party libraries & TS

  14. 13. Time to practice. Select & Share app

  15. 14. React.js & TS

  16. 15. Node.js + Express & TS

  17. 16. Course Roundup

  • 672
  • 14 декабря 2020, 10:25

Цель состоит в группе

Тренинги

  • 3155

    участников
  • 5687

    целей

Вывод

28день
pixel10 янв. 2021, 19:05

Курс пройден! (проходил этот - https://www.udemy.com/course/understanding-typescript/)

В целом довольно неплохой курс, особенно для начинающих и для тех кто ранее с TS не работал

Для тех кто уже работал, конечно, уже не очень подойдет, глубинных каких-то тем тут не рассматривается, в частности мало что рассказано про declaration файлы (d.ts)

Но в любом случае, пройдя этот курс, я чувствую в себе уверенность что я могу использовать ts и на фронте и на беке, и тот же nestjs гораздо проще понимать теперь

Дневник цели

28день

Запись к этапу «15. Node.js + Express & TS»

pixel10 янв. 2021, 18:55

посмотрел nodejs+express&ts

было показано как использовать ts в nodejs, как использовать es6 импорты и простенькое crud апи на express

28день

Запись к этапу «14. React.js & TS»

pixel10 янв. 2021, 16:43

посмотрел react+ts

кратенько было рассказано, но в целом понятно

у нас на работе реакт и мы не используем ts, и в целом нам ок, но конечно дефолтные proptypes реакта проигрывает тем же описаниям пропсов ts, т.к реактовское в рантайме только работает, а это конечно очень неудобно. с этой точки зрения конечно и добавлять ts не выглядит очень запарно, но надо бы почитать еще инфы о том какие подводные камни есть. в курсе в этом про минусы не упоминают)

27день

Запись к этапу «13. Time to practice. Select & Share app»

pixel9 янв. 2021, 17:02

посмотрел второй практический проект "Select & Share place app"

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

была продемонстрирована работа с двумя внешними библиотеками (axios и google maps)

не очень интересный проект для меня)

27день

Запись к этапу «12. 3rd party libraries & TS»

pixel9 янв. 2021, 16:45

посмотрел 3rd party libraries & ts

было рассказано про существование @types/* пакетов, про пакет class-transformer и class-validator

27день

Запись к этапу «11. Using webpack with TS»

pixel9 янв. 2021, 16:28

посмотрел webpack with ts

ничего особенного, просто настройка вебпака под работу с ts

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

27день

Запись к этапу «10. Modules & Namespaces»

pixel9 янв. 2021, 10:57

посмотрел modules and namespaces

с modules всё довольно понятно (т.к я в основном на реакте пишу на работе), единственное что тут была продемонстрирована работа es2015 modules без вебпака и прочих, т.е сам браузер резолвит модули, из неприятного - нужно в ts файлах писать импорты js файлов, которые будут собраны потом, что довольно таки корявенько выглядит и может порождать путаницу, но в целом работает и приятнее чем с namespace

про namespace было рассказано не лучшим образом, сначала он выделил часть файликом в один namespace и попытался вызвать его в другом файле, получил ошибку и решил в итоге всё в один неймспейс засунуть, вместо того что использовать имя экспортируемого объекта через неймспейс.. может он конечно не совсем удачно объяснил свою мотивацию, но и не показал альтернатив

глобально с namespace конечно выходит так что компиляция может пройти без ошибок, при этом в runtime можно всё равно получить ошибку. это конечно печаль тоска, наверняка кто-нить уже придумал правило для ts lint или чтото подобного что бы такого избегать, но в любом случае нужно это иметь в виду

в C# когда работал с namespace там конечно это как-то более естественно что ли выглядит, тут в ts как-то немного корявенько, но может у меня такое впечатление сложилось, надо будет поискать какие-то более адекватные примеры

pixel09.01.2021

https://medium.com/jspoint/typescript-namespaces-f43cd002c08c тут в целом неплохая статья про namespaces и более подробно чем в курсе было показано

но вывод в конце тот же - уже есть стандарт для модулей в js (es2015 modules), его лучше и использовать

Oleg09.01.2021

pixel, я думаю самое интересное, как namespaces скомпилиться из ts в es2015

pixel09.01.2021

Oleg, хз, напрямую ж оно наверно так не могет? при обычной комплияции там на выходе просто объект с полями которые были объявлены в неймспейсе

27день

Запись к этапу «9. Practice time. Drag & Drop project»

pixel9 янв. 2021, 07:12

досмотрел drag&drop project

вторая половина была поприятнее, тут уже чуть-чуть было отрефакторено то что было ранее написано

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

в целом всё понятно, дальше там еще будет немного рефакторинга и разбиение на отдельные модули (щас всё в один файл засунуто)

26день

Запись к этапу «9. Practice time. Drag & Drop project»

pixel8 янв. 2021, 20:42

начал смотреть практический проект - drag & drop project

посмотрел примерно половинку

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

зато сразу понимаешь как здорово когда есть react/vue и тд.. а то на ванилле писать конечно то еще удовольствие. с другой стороны если он конечно к концу этой практический части всё отрефакторит и станет похоже на чтото приличное то может и ничего, но я почти половину посмотрел и пока выглядит код так себе..

ну хотя бы он не записал десять видео о том как он писал css к этой штуке а просто заранее файлик подготовил. за это определенно плюс)

26день

Запись к этапу «8. Decorators»

pixel8 янв. 2021, 07:08

посмотрел decorators

теперь более понятно что с ними можно делать, в целом и раньше видел как их использует тот же class-validator и nestjs но свои писать не приходилось

Вы тоже можете
опубликовать свою
цель здесь

Мы поможем вам ее достичь!

309 000

единомышленников

инструменты

для увлекательного достижения

Присоединиться
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?
Павел
sevbes
Farfique
Farfique
Farfique
Farfique
Farfique
Farfique
Farfique
Ия_
Farfique
Farfique
Farfique