Kurs TypeScript

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

7 ocen

Wprowadzenie

Kurs, który masz przed sobą to dopełnienie Kursu Podstawowego TypeScript, który znajdziesz na eduweb.pl. W tym, skondensowanym materiale Adam Gospodarczyk na praktycznych przykładach wprowadzi Cię w trudniejsze i bardziej zaawansowane mechanizmy TypeScript, który stał się jedną z obowiązkowych pozycji w resume każdego web developera. W kursie dowiesz się między innymi, jak pracować ze złożonymi typami, ich definicjami, konfiguracją czy type guards. To jeden z najważniejszych kursów do przerobienia dla każdego, kto zajmuje się front-endem i web developmentem. Miłego odbioru!

  1. Jak typować "this" w TypeScript?
  2. Typy generyczne i ograniczenia generyczne
  3. Przeciążenia funkcji i Type Queries (Utility Types)
  4. Typowanie obiektów i Mapped Types
  5. Wszystko o typie enum oraz Type Guards
  6. Wszystko o pliku tsconfig.json
  7. Strategie migracji istniejących projektów
  8. Dobre praktyki pracy z TypeScript

Po co nam statyczne typowanie?

Zacznijmy od tego, że JavaScript jest dynamicznie typowany. Oznacza to, że typy zmiennych mogą się zmieniać w czasie wykonywania programu, a my nie mamy nad nimi kontroli. A po co nam ta kontrola? Między innymi po to, aby przypadkowo nie dodać typu number do string lub przekazać do funkcji nieprawidłowe danych. Ogromną zaletą jest to, że o tego typu błędach dowiadujemy się już na etapie pisania kodu a nie dopiero w trakcie jego wykonywania... na produkcji.

Co z istniejącymi projektami JavaScript?

TypeScript umożliwia stosunkowo prostą migrację istniejących projektów JavaScript. W kursie na przykładzie zostały omówione trzy strategie, dzięki którym jesteśmy w stanie dodać statyczne typowanie do istniejącego kodu. W procesie migracji najważniejsze jest to, że przepisywanie kodu jesteśmy w stanie uzależnić również od poziomu naszej wiedzy na temat TypeScriptu i stopniowo dodawać kolejne elementy.

Dodatkowa składnia = więcej pracy?

Na pierwszy rzut oka można uznać, że TypeScript tylko dodaje nam pracy, wymuszając dodatkową konfigurację oraz opisywanie typów. Mało tego zwiększa barierę wejścia w projekt dla mniej doświadczonych programistów. Trudno temu zaprzeczyć ALE - korzyści płynące ze statycznego typowania które wpływają na zmniejszenie liczby błędów oraz wykrywanie ich nawet na poziomie pisania kodu, oszczędzają czas który normalnie poświęcilibyśmy na późniejsze debugowanie aplikacji. Poza tym zwiększenie stabilności aplikacji daje szerokie korzyści biznesowe, które wielokrotnie wynagradzają nam czas wymagany na pisanie dodatkowej składni.

Dlaczego TypeScript?

JavaScript jest językiem dynamicznie typowanym. W trakcie wykonywania programu, zmienne mogą zmieniać swój typ a my nie zawsze mamy nad tym świadomą kontrolę. Tylko ... po co nam ta kontrola? Główną zaletą statycznego typowania jest to aby uniknąć sytuacji w których przypadkowo przypisujemy tekst do zmiennej która powinna zawierać liczbę lub sytuacji w której przekazujemy do funkcji nieprawidłowe dane. Taki rodzaj pomyłek generuje błędy odniesienia (eng. ReferenceError), które zatrzymują działanie skryptu i są momentami bardzo uciążliwe do wykrycia. Dzięki statycznemu typowaniu, jesteśmy w stanie wykrywać je na etapie pisania kodu.

Czy warto uczyć się TypeScript’u?

TypeScript na przestrzeni ostatnich lat zyskuje ogromną popularność w społeczności programistów JavaScript i coraz częściej jest nieodłącznym elementem ofert o pracę. W przypadku firm nastawionych na rozwój rozbudowanych aplikacji JavaScript już teraz jest w zasadzie standardem. Biorąc pod uwagę fakt, że najnowsze frameworki (np. Nest.js) wykorzystują TypeScript domyślnie, nauka tej technologii ma ogromny sens w kontekście rozwoju jako programista. I ostatnim argumentem za tym aby wziąć TypeScript na poważnie jest to, że stoi za nim firma Microsoft a on sam rozwijany jest już niemal 10 lat.

Dla kogo jest ten kurs?

Ten kurs został stworzony z myślą o programistach, którzy podstawy TypeScriptu mają już za sobą i chcą poznać jego zaawansowane techniki. Aby w pełni wykorzystać wiedzę z tego kursu, niezbędna jest również zaawansowana znajomość JavaScriptu a w szczególności jego elementów prowadzonych w wersji ES6+. Zdecydowanie polecamy przerobienie kursu Podstawowego TypeScript, który znajdziesz na eduweb, przed korzystaniem z tego materiału.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
28 minut

Czy warto uczyć się TypeScript’u?

Kiedy i od czego zacząć

TypeScript na przestrzeni ostatnich lat coraz mocniej zaznacza swoją obecność w świecie web developerów. Mimo tego nadal wielu programistów odsuwa w czasie naukę tego języka, a niektórzy nawet... rezygnują z jego wykorzystania. Z czego to wynika? O jakich zaletach oraz wadach TypeScript’u trzeba wiedzieć? W tym webinarze Adam Gospodarczyk pomoże podjąć Wam decyzję o tym czy - i kiedy - warto sięgnąć po ten nadzbiór języka JavaScript.

Adam Gospodarczyk

34 minuty

Wszystko o Typach

JavaScript i TypeScript

TypeScript dzięki wprowadzeniu statycznego typowania na zawsze zmienił oblicze JavaScriptu. W tym Warsztacie Adam Gospodarczyk z Overment przedstawi główne różnice pomiędzy TypeScript a JavaScript, a także szereg zalet statycznego typowania.

Adam Gospodarczyk

1 godzina 54 minuty

Kurs TypeScript

od Podstaw

TypeScript dzięki wprowadzeniu statycznego typowania na zawsze zmienił oblicze JavaScriptu. W tym Kursie poznasz jego działanie, które wykorzystasz w swojej codziennej pracy. Co ważne, TypeScript oferuje również dostęp do funkcji, które jeszcze nie są częścią standardu ECMAScript. Przez istnienie tzw. nadzbioru języka JavaScript - kod pisany w JavaScript jest w 100% kompatybilny z TypeScriptem. W efekcie możesz zacząć używać go już teraz i stopniowo wdrażać w swoich projektach.

Adam Gospodarczyk

Autor: Adam Gospodarczyk

Nazywam się Adam Gospodarczyk, jestem designerem i full-stack developerem. Przez całą swoją karierę zawodową pracuję w świecie startupów z branży edukacji, szkoleń pracowników oraz rekrutacji. Jestem współzałożycielem trzech produktów, które rozwijałem w roli CTO od samego początku. Przez ten czas miałem zdobyłem szerokie doświadczenie znacznie wykraczające poza zakres samej technologii. W maju 2017 roku założyłem kanał na YouTube „overment” (https://overment.com) w ramach side-project’u po godzinach. Dziś jest to jeden z największych w Polsce tego typu projektów dla programistów za który otrzymałem nagrodę „JavaScript Hero of Community” podczas konferencji JS Poland 2019. Łącząc moje startup’owe doświadczenie z pasją do technologii, pomogę Ci nauczyć się programowania patrząc szerzej na perspektywę całego biznesu - jest to doceniana przez pracodawców umiejętność, którą wiele osób całkowicie pomija. Przy tym wszystkim pokażę Ci jak ważna jest regularna nauka i pozostawanie na bieżąco.

Recenzje Kurs TypeScript

5

7 dodanych ocen

2020-08-06

Co tu dużo mówić. Po samym wstępie można wywnioskować że to będzie kolejny za!#%^*ty kurs Adama ;) polecam

Dawid Owczarz

2020-08-12

Kurs, krótki ale bardzo bardzo wartościowy. Osobiście podoba mi się taka forma gdzie później mogę łatwo wrócić do danego zagadnienia i w szybko odświeżyć swoje informacje na ten temat. Kurs jak najbardziej merytorycznie petarda! Czekam za niecierpliwością na następnym kurs z bardziej praktycznym podejście - np aplikacja w node, react, vue napisana w TS :)

Michał Maciejewski

2020-08-13

Jak dla Mnie petarda, jak zawsze co robi Adam. Pozdro!

Maciej Sobol

2020-08-24

Polecam w ramach kontynuacji kursu podstawowego

Krzysztof Zięcina

2020-08-28

Kurs ciekawy, 7/10. z minusów: - słabo że nic nie mówi o praktycznym wykorzystaniu tylko sucha teoria. - cały kurs w edytorze, nic z terminalem czy przeglądarką.

Michał Kręcisz

2020-09-03

Super kontynuacja kursu podstawowego, śmiało polecam!

Dawid Piwko

2020-10-21

Poziom pro !

Michał Buczek

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Adam Gospodarczyk

Czas: 2 godziny 35 minut

Wersja: 3.9+

Aktualizacja: 2020-08-06

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wprowadzenie

  • Wprowadzenie

  • Słowem wstępu

Zaawansowane typy

  • Powtórka z this

  • Typowanie this

  • Typy generyczne

  • Ograniczenia generyczne

  • Function overload

  • Type queries

  • Mapped types

  • Wszystko o obiektach

  • Wszystko o typie enum

Type guards

  • Czym jest Type Guard?

  • Instanceof

  • Custom Guards

Definicje typów

  • Definicje typów

  • Pliki .d.ts

tsconfig.json

  • Struktura tsconfig.json

  • Uwzględnianie i wykluczanie plików

  • Ustawienia kompilacji

  • Source mapy

  • CLI

Podsumowanie

  • Migracja do TypeScript

  • Dobre praktyki

  • Podsumowanie