how the app is organized, Architecture, official design rules, Design Systems, User Interface / User Experience, UI/UX, small, reusable Lego pieces, Reusable Components, advanced tools, JavaScript Frameworks, memory of the website, State Management, making it fast, Performance Optimization, making it usable for everyone, Accessibility (A11y), looks good on phone and laptop, Responsive/Adaptive Design, tools that prepare code for production, Build Tools, automatic upload to servers, Deployment Pipelines, Breaking the UI into small, independent pieces (components)., Component-Based Architecture, What users SEE., UI (User Interface), How users FEEL when using your system., UX (User Experience), It means controlling where the user should look first., Visual Hierarchy, is the official rulebook of how the app should look., Design Systems, layout adjusts automatically, Responsive, layout changes based on device, Adaptive, means writing clean, scalable, and organized CSS., CSS engineering, BEM, Block Element Modifier, SMACSS, Scalable and Modular Architecture for CSS, OOCSS, Object-Oriented CSS, Uses small helper classes instead of long custom CSS., Utility-First CSS, JavaScript (JS) makes the page interactive., JAVASCRIPT DEVELOPMENT, Application Programming Interface, API, Avoid slow UI., Rendering Performance, Tools that help build, optimize, and deploy apps., DevOps, npm, Node Package Manager, pmpm, “performant npm”, Yarn, alternative package manager, converts new JS → old JS, Transpiler, checks code errors, ESLint, Used to track code changes., Version Control, CI, Continuous Integration, CD, Continuous Deployment.
0%
WEB DEV 2
Teilen
Teilen
Teilen
von
Crystalyn079
Inhalt bearbeiten
Drucken
Einbetten
Mehr
Zuweisungen
Bestenliste
Mehr anzeigen
Weniger anzeigen
Diese Bestenliste ist derzeit privat. Klicke auf
Teilen
um sie öffentlich zu machen.
Diese Bestenliste wurde vom Eigentümer der Ressource deaktiviert.
Diese Bestenliste ist deaktiviert, da sich Ihre Einstellungen von denen des Eigentümer der Ressource unterscheiden.
Einstellungen zurücksetzen
Flash-Karten
ist eine Vorlage mit offenem Ende. Es generiert keine Punkte für eine Bestenliste.
Anmelden erforderlich
Visueller Stil
Schriftarten
Abonnement erforderlich
Einstellungen
Vorlage ändern
Alle anzeigen
Weitere Formate werden angezeigt, wenn du die Aktivität spielst.
)
Offene Ergebnisse
Link kopieren
QR-Code
Löschen
Soll die automatisch gespeicherte Aktivität
wiederhergestellt werden?