2. TypeScript - Učebnice a zprovoznění typescriptu ve VS code

Učebnice: bit.ly/hacknitypescript
Odkazy z videa:
nodejs.org/en/
www.typescriptlang.org/download
Příkazy z videa
node -v
(mělo by vyhodit číslo = verzi node)
tsc script.ts
(mělo by zkompilovat = převést script.ty na script.js - tedy typescript na javascript)
tsc -w index.ts
(bude kompilovat při jakékoliv změně souboru script.ts
Můžeš mě sledovat na Instagramu: / davidsetek
Určitě jste již slyšeli o Javascriptu. Tento jazyk je sice super a je důležité ho znát - alespoň základy. V současné době ale platí, že více a více jsou používané javascriptové frameworky. Tedy jazyky, které jsou od jiného jazyka odvozené. Možná jste už slyšeli o reactu nebo jiném jazyce. TypeScript je tzv. javascriptový superset. To znamená, že to, co napíšeme v typescriptu, přeložíme do běžného javascriptu (udělá to za nás VS code nebo jiný editor, který používáte). A Javascript je již spustitelný v prohlížeči. My ale již nebudeme psát obyčejný Javascript, ale pustíme se do psaní TypeScriptu a ten se bude na pozadí převádět do Javascriptu. TypeScript má v sobě mnoho výhod oproti Javascriptu. A tyto výhody postupně odhalíme.
TypeScript je další jazyk na cestě za kariérou profesionálního frontendového vývojáře (tedy vývojáře, který se stará o tu část, kterou vidí uživatel). Pojďte se mnou objevit tento zajímavý jazyk a posuňte se ve svých znalostech zase dál. V životopisu se bude TypeScript také hezky vyjímat.

[@sunarkru7761]

Wow, tak na tunhle sérii se těším.. o tomhle kanálu jsem se dozvěděl dnes. Moc děkuji za tu práci a volné kurzy!

[@hacknisvoubudoucnost]

Není vůbec zač. Ať se kurzy líbí

[@viktorhasenko7497]

Děkuji za hezkou práci!

[@hacknisvoubudoucnost]

Není vůbec zač

[@kamilteuer174]

Moc díky Davide, jen dotaz. Po instalaci jsem si všiml, že máš v projektu jenom tři soubory (script.js/ts a index.html), ale mě tam přibylo mnohem více: složka node_modules ve které toho je hodně a pak samostatné soubory: package-lock.json, package.json.

[@hacknisvoubudoucnost]

Ahoj, to je v pohodě. S nimi nemusíš nijak manipulovat. Nemělo by to ničemu vadit

[@melrok1]

Ak by to niekomu nefungovalo tak ak sa to nainštaluje ako "npm install typescript --save-dev" tak sa to spusťa cez "npx tsc script" ak sa to nainštaluje cez "-g" tzv globálne tak sa to spúišta cez "tsc script". Len ak by sa niekto zasekol (overene len na ubuntu nie win)

[@StudioSWATcraftCZ]

Díky za radu :D

[@jozkofodo5316]

Aj na win je to tak isto

[@lukasknap1679]

diky- dobry postreh

[@martinlukacik7003]

@@lukasknap1679 si frajer parada funguje to

[@romanklaska3483]

Ahoj David, mne to bohužiaľ hneď na začiatku nefunguje... Keď som chcel kompilovat súbor cez príkaz tsc script.ts tak mi hneď vyhodilo hlášku v zmysle, že tsc nie je rozpoznane ako interný alebo externý príkaz plus mi k tomu napísalo toto operable program or batch file

[@romanklaska3483]

Tak už som na to prišiel... Pozeral som stackoverflow... Bolo vlastne potrebné, aby som to nainstaloval globálne, nie len v rámci projektu... Teraz to už funguje

[@hacknisvoubudoucnost]

@@romanklaska3483 Super, to jsem rád

[@Vagabond1704]

👍

[@hanaranosova9089]

Moc děkuji za další super kurz. Prosím, bude na Vašem kanále i React? Už jsem se ho trochu učila v jiných videích,ale moc ráda bych jej měla i ve Vašem kurzu. Děkuji.

[@hacknisvoubudoucnost]

Ano, react bych určitě chtěl. Doufám, že se k němu brzy dostanu

[@petraberkova4876]

@@hacknisvoubudoucnost aj ja by som rada react, inak super kurzy prešla som uz všetky 3 js a predtým som mala online kurz aj s učiteľom na js ale viac som sa naučila s Vašich videií, perfektne vysvetľujete

[@hacknisvoubudoucnost]

@@petraberkova4876 To mě moc těší :-) React určitě bude

[@FirstNameLastName-kv2lx]

npm install typescript --save-dev
se choval nějak divně u mě, následující
tsc -v
neznal.
Naopak
npm install -g typescript
byl OK.
Na oknech teda.

[@josefvlazny9817]

Ahoj, chci se zeptat. Pokud mám složku ve které propojuji TS s JS na ploše vše mi funguje jak má ale když tu složku dám do složky tak i když tam dopíšu cestu tak mi to vyhodí ERROR a propojit to prostě nedokážu.

[@hacknisvoubudoucnost]

Ahoj, pokud pracuješ stále v jedné složce, tak by to mělo fungovat stejně. Myslíš, že celou složku se všemi soubory přetáhneš do jiné složky?

[@josefvlazny9817]

Mám na ploše složku ve které mám všechny projekty z Vašeho kanálu už od HTML a CSS (v HTML složce) potom jsem si zde udělal složku JS a teď TS (na ploše mám složku VisualStudio Code) a v té jsou 3 složky (HTML + CSS, JS, TS) a v těch mám jednotlivé projekty. A když ve složce TS založím nový projekt (ve vlastní složce pouze pro daný projekt) tak ho nedokáži propojit s JS souborem. Funguje mi to jen když tu složku daného projektu dám na plochu bez jakékoli jiné složky ve které by byla zabalena. Asi je to dost blbě pochopitelné tak doufám že to nějak pochopíte. :D

[@hacknisvoubudoucnost]

@@josefvlazny9817 Otevři si ve VS code jen složku s typescriptem, ale s tím konkrétním projektem (ne celo složku TS, kde budeš mít postupně více projektů). A pracuj jen v ní. Udělej si do této složky soubor script.js. Jestli jsem to pochopil, tak ty se snažíš nalinkovat script.js ze složku JS? Prostě to musíš mít vše v jedné složce a tu otevři ve VS code. Takže do index.html nalinkuješ čistě script.js běžným způsobem. Pochopil jsem to správně?

[@latrodectusmactans9287]

Proč používat CMD místo Powershellu? Má to snad nějaké výhody?

[@hacknisvoubudoucnost]

Je řada věcí, které fungují v obojím, ale někdy cmd už nestačí a je zapotřebí použít Powershell

[@latrodectusmactans9287]

@@hacknisvoubudoucnost No to jsem si taky myslel, ale ve videu je defaultně Powershell v tom VSC, které se následně vypíná a ukazuje, jak se zapne CMD

[@hacknisvoubudoucnost]

@@latrodectusmactans9287 Jak říkám, je na tobě, který z nich použiješ

[@The__Danny]

Jediná nevýhoda pro začátečníky je potřeba úpravy execution policies, v tomto ohledu je klasická command line prostě praktičtější ve všem dalším jedině Powershell

[@latrodectusmactans9287]

@@The__Danny Aha díky za info. Mě zaujalo, že si někdo dal práci, aby ten powershell vypl, aby následně zapl něco, co jsem pokládal za horší.

[@user-yr4pr2yl7l]

ahoj Davide,
zasekl jsem se uz na zacatku :( Node jsem instalovat nemusel, ale Typescript sem proste nejde - ani 'npm' ani 'sudo' ani '-g' varianta. a nic se nezmenilo ani po restartu :( tohleto VSC pise: 'sudo' is not recognized as an internal or external command, operable program or batch file. ( nebo s 'npm' na zacatku...)

[@hacknisvoubudoucnost]

Ahoj, jako první zkontroluj, že máš Node nainstalovaný.
Pak zkus:
npm install typescript --save-dev
nebo
npm install -g typescript
Sudo na windows nepotřebuješ. Takže to klidně vynech

[@user-yr4pr2yl7l]

Node nainstalovany je, vyhodilo mi to cislo a podival jsem se pro jistotu do aplikaci, tam to je taky. porad to pise, ze 'npm' is not recognized as an internal or external command, operable program or batch file. kdyz jsem zkusil tohle npm install -g typescript, vypadla ta stejna hlaska.
C:\Users\estra\Desktop\typescript>npm install -g typescript
'npm' is not recognized as an internal or external command,
operable program or batch file.

[@user-yr4pr2yl7l]

uz sem z toho silhal, tak sem Node preinstaloval a ejhle uz to jede 🤪🤪

[@hacknisvoubudoucnost]

@@user-yr4pr2yl7l Tak super 🙂