Webentwicklung: die Fragen klären, die euch im Projekt aufhalten
Asynchroner Code, der anders läuft als gedacht, ein Build, der von Monat zu Monat wächst, ein Layout, das auf dem Handy kippt: Webprojekte bleiben selten an der Sprache hängen, sondern daran, wie Browser, Werkzeuge und Team zusammenspielen. Dazu die Frage, welches Framework euch auch nach dem nächsten Update noch trägt.
KI-generiertDieses Bild wurde mit KI erzeugt · Yves Hoppe / KI / cmt
Was steht bei euch an?
Vier Ausgangslagen, wie sie in Webprojekten vorkommen. Such dir die heraus, die deiner am nächsten kommt.
„Die Oberfläche fühlt sich träge an und ich weiß nicht, woran es liegt"
Der Browser arbeitet Aufgaben, Microtasks und das Zeichnen nacheinander ab, und eine einzige lange Funktion legt dabei alles andere still.
Warum die Oberfläche einfriert„Wir müssen uns auf ein Framework festlegen und diskutieren seit Wochen"
Die Entscheidung hängt weniger an der Technik als an Teamgröße, Laufzeit des Projekts und dem, was im Haus schon jemand kann.
React, Vue, Angular und Svelte einordnen„Niemand traut sich mehr, im gewachsenen Code etwas umzubauen"
TypeScript lässt sich Datei für Datei einziehen, ohne dass die Anwendung dazwischen stehen bleibt, und der Editor weiß danach, was ein Umbau mitreißt.
Schrittweise auf TypeScript umstellen„Ich schreibe seit Jahren JavaScript, richtig gelernt habe ich es nie"
In einem Kurs gehst du die Grundlagen der Reihe nach durch und probierst sie an eigenem Code aus, statt die Lücken mit Suchergebnissen zu stopfen.
Kurse zur Webentwicklung im ÜberblickDrei Seiten zum Reinlesen
Wie der Browser Aufgaben abarbeitet, wann TypeScript sich lohnt und woran ein Layout auf kleinen Bildschirmen kippt.
Funktionen verstehen async und await in JavaScript verstehen und richtig einsetzen
await pausiert deine Funktion und nicht den Browser: Alles nach dem await wird als Microtask eingereiht, und dieselbe Regel erklärt die meisten Fehler in asynchronem Code.
Ansehen
Was wovon unterscheiden React, Angular, Vue und Svelte im Vergleich
Nicht die Syntax entscheidet, sondern wer bei euch anfangen kann, wie oft ihr aktualisieren wollt und wie viele Entscheidungen ihr selbst treffen möchtet.
Ansehen
Typische Probleme Core Web Vitals verbessern: erst messen, dann schrauben
Ein Laborlauf misst ein Gerät unter festgelegten Bedingungen, bewertet wird aber, was echte Besucher über 28 Tage erleben, und das erklärt die meisten Widersprüche.
AnsehenAlle Themen zur Webentwicklung im Überblick
Typische Probleme
- Wenn JavaScript die Oberfläche blockiert: Ursachen und Auswege
- this ist undefined: wie der Kontext in JavaScript entsteht
- Das JavaScript-Bundle ist zu groß: woher die Kilobytes kommen
- any in TypeScript vermeiden und durch unknown ersetzen
- TypeScript-Fehlermeldungen verstehen: die Kette von unten lesen
- React rendert zu oft: Ursachen messen statt vermuten
- useEffect läuft zu oft: die Abhängigkeitsliste richtig lesen
- Core Web Vitals verbessern: erst messen, dann schrauben
- Das Layout bricht auf dem Handy: die fünf üblichen Ursachen
Was wovon unterscheiden
- ES Modules oder CommonJS: was in deinem Projekt gilt
- interface oder type in TypeScript: drei Stellen, die zählen
- React, Angular, Vue und Svelte im Vergleich
- Next.js oder reine React-App: was euer Projekt verlangt
- Composition API oder Options API in Vue 3 im Vergleich
- Cypress oder Playwright: woran die Wahl wirklich hängt
- WordPress und TYPO3: was ein Systemwechsel wirklich verlangt
Funktionen verstehen
- async und await in JavaScript verstehen und richtig einsetzen
- Generics in TypeScript: wie ein Typparameter Information trägt
- Partial, Pick und Omit: Typen in TypeScript ableiten
- tsconfig.json verstehen: die Schalter, die im Alltag wirken
- React-State verwalten: wann useState reicht und wann Redux
- Props in React mit TypeScript typisieren, ohne abzutippen
Abläufe im Alltag
- JavaScript-Fehler im Browser debuggen, statt weiter zu raten
- JavaScript-Code testen: womit du im Bestand anfängst
- jQuery durch modernes JavaScript ersetzen: was der Browser kann
- Ein JavaScript-Projekt auf TypeScript umstellen, Modul für Modul
- API-Antworten in TypeScript typisieren und zur Laufzeit prüfen
Wo stehst du gerade?
Bevor du dich durch das Programm liest, lohnt sich eine ehrliche Einschätzung. Die Tests dauern ein paar Minuten, kosten nichts und erklären dir jede Antwort.
Passende Kurse im Katalog
Wenn nicht eine einzelne Frage offen ist, sondern die Grundlage darunter fehlt, führen diese Kurslisten weiter.
Sehr guter Kurs, den ich nur wärmstens weiterempfehlen kann. Sehr breite Themenaufstellung, die alles abdeckt.
Die Schulung entsprach Meinen Vorstelllungen. Dozent war gut organisiert und strukturiert. Redegeschwindigkeit und Ausdruck war super.
Klare Struktur der Themenblöcke, flexible Gestaltung je nach Kenntnisstand und ein roter Faden, dem man gut folgen kann.
Häufige Fragen zur Webentwicklung
Lohnt sich TypeScript, wenn unser Projekt in JavaScript läuft?
Welches Framework sollen wir lernen?
Muss unsere Website barrierefrei sein?
Reichen HTML und CSS heute noch, oder muss es gleich ein Framework sein?
Veraltet nicht alles, was ich heute lerne?
Weiter in andere Bereiche
Deine Ansprechpartner
Du bist dir nicht sicher, welcher Kurs oder welches Level zu dir passt? Wir beraten dich persönlich und kostenlos.
Yves Hoppe
Weiterbildung & Beratung
Ordnet mit dir ein, welcher Kurs zu deinem Vorwissen passt.
Norbert Jansen
Beratung & Inhouse
Plant Inhouse-Trainings, die an euren eigenen Abläufen ansetzen.
Vom Nachlesen zum eigenen Code
Die Stellen, an denen ein Webprojekt hakt, klären sich am schnellsten am eigenen Code mit jemandem daneben. Bei cmt gibt es Kurse zu JavaScript, TypeScript, React, Angular, Vue, HTML und CSS, im offenen Kurs, Live-Online oder inhouse an eurem eigenen Projekt.