Introducció Preparar-te per a preguntes específiques de CSS en entrevistes front end et donarà confiança i t'ajudarà a demostrar claredat tècnica i bones pràctiques. A continuació trobaràs 10 preguntes comunes amb respostes pràctiques i consells per destacar.
Pregunta 1 Quina és la diferència entre display none i visibility hidden i quan utilitzar cadascun? display none elimina l'element del flux del document i no ocupa espai. visibility hidden manté l'espai reservat però oculta el contingut. Utilitza display none per eliminar elements i visibility hidden quan necessitis conservar el layout.
Pregunta 2 Què és el model de caixa i com afecten padding i border a la mida d'un element? El model de caixa consisteix en content padding border margin. Amb box sizing border-box el padding i border s'inclouen en l'amplada total, cosa que facilita dissenys responsius.
Pregunta 3 Com centrar vertical i horitzontalment un element? Per centrar amb Flexbox utilitza display flex justify-content center align-items center. Per centrar amb Grid utilitza display grid place-items center. Són solucions modernes i robustes davant de hacks antics.
Pregunta 4 Què és specificity i com resoldre conflictes d'estils? L'especificitat es calcula per selectors inline id classe i etiqueta. Per evitar conflictes organitza estils amb convencions BEM evita selectors molt específics i utilitza variables CSS i fulls ben estructurats en projectes grans.
Pregunta 5 Quan utilitzar Flexbox i quan Grid? Flexbox és ideal per a layouts unidimensionals com files o columnes. Grid és millor per a layouts bidimensionals amb control sobre files i columnes. Sovint es combinen per a solucions completes.
Pregunta 6 Què són variables CSS i per què utilitzar-les? Les variables CSS custom properties permeten mantenir valors reutilitzables i fàcils d'actualitzar en temes i dissenys dinàmics. Són útils juntament amb variables en preprocessadors per a més flexibilitat.
Pregunta 7 Com abordar la compatibilitat entre navegadors? Revisa caniuse per a propietats noves utilitza prefixos si és necessari i proporciona fallbacks progressius. Implementa testing en navegadors clau i eines de build que automatitzin polyfills quan calgui.
Pregunta 8 Quines tècniques hi ha per millorar el rendiment de CSS? Minimitza i concatena fitxers CSS utilitza critical CSS per al contingut renderitzat inicialment aplica lazy loading a recursos no crítics i evita selectors costosos que afectin el repintat i reflow.
Pregunta 9 Com gestionar layouts responsius i mobile first? Dissenya mobile first utilitzant media queries min-width i unitats relatives com rem em i vw. Prioritza performance en dispositius mòbils i optimitza imatges i tipografies.
Pregunta 10 Què són les animacions CSS i quan preferir-les sobre JavaScript? Les animacions i transicions CSS són ideals per a canvis simples i es poden delegar a la GPU per a millor rendiment. Utilitza JavaScript quan necessitis lògica complexa o sincronització avançada.
Consejos de preparació Practica creant petits reptes de disseny revisa codi obert i exercicis en temps limitat prepara explicacions clares sobre decisions tècniques i trade offs i tingues exemples de projectes on vas aplicar bones pràctiques CSS.
Sobre Q2BSTUDIO Q2BSTUDIO és una empresa de desenvolupament de programari que ofereix aplicacions a mida i programari a mida amb enfocament en intel·ligència artificial ciberseguretat i serveis cloud aws i azure. Som especialistes en serveis intel·ligència de negoci ia per a empreses i agents IA a més de solucions amb power bi. Si busques socis que integrin disseny front end sòlid amb capacitats avançades d'intel·ligència artificial i seguretat podem ajudar-te a transformar idees en productes escalables.
Paraules clau aplicacions a mida programari a mida intel·ligència artificial ciberseguretat serveis cloud aws i azure serveis intel·ligència de negoci ia per a empreses agents IA power bi
