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
Ibahagi
Ibahagi
Ibahagi
ni
Crystalyn079
I-edit ang Nilalaman
I-print
Naka-embed
Higit pa
Mga Assignment
Leaderboard
Magpakita pa
Huwag gaanong magpakita
Ang leaderboard na ito ay kasalukuyang pribado. I-click ang
ibahagi
upang gawin itong pampubliko.
Ang leaderboard na ito ay hindi pinagana ng may-ari ng aktibidad.
Hindi pinagana ang leaderboard na ito dahil ang iyong mga pagpipilian ay naiiba sa may-ari ng aktibidad..
Ibalik ang Opsyon
Flash cards
ay isang bukas na template. Hindi ito bumubuo ng mga marka para sa isang leaderboard.
Kailangan maglog-in
Estilo ng visual
Mga Font
Kailangan ang subscription
Mga pagpipilian
Magpalit ng template
Ipakita lahat
Mas marami pang format ang lilitaw habang nilalaro ang aktibidad.
)
Buksan ang mga resulta
Kopyahin ang link
QR code
Tanggalin
Ibalik ng awtomatikong pag-save:
?