Nach HTML und CSS nun JavaScript oder TypeScript?

Guten Tag zusammen,

ich habe mich nun mit HTML und CSS beschäftigt ein Portfolio erstellt und würde nun den nächsten Schritt wagen und mir JavaScript oder TypeScript anschauen und aneignen.

Würdet Ihr mir eher raten Javascript zu lernen, weil darauf TypeScript aufbaut oder sagt ihr keine Zeit verschwenden direkt TypeScript da später Beruflich TypeScript mehr Sinn macht kann man ja mit React auch nutzen und Angular sogar ausschließlich soweit ich weis.

Ach ja wäre nett wenn Erfahrene Entwickler im Frontendbereich auch sagen könnten was man sich noch alles beibringen sollte im Anschluss.
Aktuelles Ziel wäre es eben JavaScript oder Typescript zu lernen dann mit React anzufangen aber was sollte man alles drauf haben bevor man zu React geht.
z.B. höre ich immer wie wichtig REST-APIs sind gibt es da vllt eine Seite wo man es verständlich erlernen kann? Bin für jeden Tipp sehr dankebar.

Answer 1

[regex9]

Es wäre meiner Meinung nach aufgrund mehrerer Gründe besser, mit JavaScript anzufangen.

• JavaScript ist weiter verbreitet als TypeScript
• Es hilft später, bestimmte Verhaltensweisen besser zu verstehen (JS basiert bspw. auf einem prototypbasierten OOP-Modell, auf die nun eine Sprache wie TypeScript versucht, ein klassenbasiertes OOP-Modell draufzustülpen)

Bezüglich interessanter Themen für später:

• Web-APIs (s. bspw. Canvas, DOM, Fetch, File, Intersection Observer, Mutation Observer, Push, WebSockets, Web Storage)
• Die Features der Webentwicklungstools deines genutzten Browsers (Chrome/Firefox/Safari)
• JS Design Patterns
• Adaptive & Responsive Design (Vorgehensweisen, technische Mittel, ...)
• Node.js, NPM und Bundling Tools (wie Vite, webpack, o.ä.)
• Es wäre gut, sich in ein/e populäre/s JS-Bibliothek/Framework (z.B. Angular / NextJS / React / Svelte / Vue) schon einmal tiefer eingearbeitet zu haben
• Das Gleiche gilt für CSS-Frameworks/Toolkits (s. Bootstrap, Tailwind, UIkit, ...)
• CSS-Erweiterungen (wie LESS oder SCSS)
• CSS Namenskonventionen (siehe BEM, SMACSS)
• Storybooks
• Test-Frameworks (wie Cypress, Jest, Mocha, Playwright, ...)
• WCAG
• Auch wenn es nicht mehr direkt in den Bereich Frontend gehört: Einmal mit einem CMS zu arbeiten, wäre nicht schlecht

Auch wenn ich bzgl. Tools oben meist mehrere Optionen nenne, reicht es vollkommen aus, sich jeweils nur eines herauszugreifen, um das darumliegende Konzept kennenzulernen. Sich direkt in alles einarbeiten zu wollen (z.B. alle genannten Testframeworks), wäre übertrieben. Womit du bei einem Arbeitgeber letztendlich tatsächlich einmal konfrontiert wirst, ist nicht absehbar.

(...) z.B. höre ich immer wie wichtig REST-APIs sind (...)

REST gibt Regeln vor, wie eine Schnittstelle aussehen soll, über die ein Client mit einem Server kommuniziert. Webartikel, die diese Architektur genauer beschreiben, gibt es viele (Beispiel). Ein einfaches Einstiegstutorial mit Node.js findest du beispielsweise im Postman Blog (einen Postman-Account benötigst du m.E. nicht; die Anfragen an die API kannst du genauso gut mittels Fetch stellen).

Comments

[JrDev]

Sehr ausführliche und hilfreiche Antwort, vielen Dank.

Answer 2

[FlockeFindet]

Ich komme aktuell noch ganz gut um TypeScript rum.. Du kannst also auch direkt mit JavaScript arbeiten.

Comments

[JrDev]

Vielen dank

Answer 3

[Maddoc66]

Alles was mit TypeScript geht , geht mit Vanilla Javascript meist besser und vor allem Performanter.

Comments

[JrDev]

Dankeschön für die Antwort :) hab nur öfter gelesen das alle auf Typescript setzen, deswegen war meine Besorgnis das ich was lerne was in den nächsten 2 Jahren gar nicht mehr benötigt wird aber, wenn es so ist wie du es sagst bleib ich bei Javascript:)