¿Cómo piensan y hacen lo que hacen los expertos en HTML y CSS?

Answer 1

Siempre he encontrado que una marca de un experto es lo eficiente que es su código de marcado y estilo.

Por ejemplo, en HTML, he visto que los principiantes no saben cómo convertir los componentes complejos en el número mínimo posible de piezas reducidas para generar la misma salida visual. Además, los expertos no solo son buenos para reducir partes, sino que también son muy buenos para pensar más allá del componente inmediato y para pensar cómo pueden configurar una especie de estilo estructural que luego pueden reutilizar en otras partes.

El mismo tipo de trato con CSS. Los novatos tienden a tener muchas reglas que se vuelven muy específicas, lo que lleva a una gran cantidad de redundancia, mientras que los expertos son buenos para pensar en reglas que son concisas y generalizables, pero que son más específicas según sea necesario.

Finalmente, he encontrado que los expertos valoran la importancia de una documentación muy clara de sus reglas y los patrones que están empleando. Es impresionante leer el código y el estilo de otras personas, lo cual requiere muy poco trabajo para que el no autor lo comprenda y lo adopte.

Answer 2

Lo que separa a los expertos en HTML / CSS de los no expertos es cómo utilizan la semántica en su HTML / CSS.

En el nivel HTML, utilizan elementos semánticos.

Su CSS también está orientado a objetos (OOCSS).

Algunos lo combinan todo con Arquitectura escalable y modular para CSS (SMACSS).

Answer 3

Bueno, primero no creo que debas dedicar mucho tiempo a preocuparte por lo que hacen los “expertos” porque puedes preguntar a 100 expertos y obtener 100 respuestas diferentes.

Lo que es más importante es desarrollar SU propio proceso. Respondí esto en detalle en mi podcast (¿Cómo escriben los expertos su HTML y CSS?) Pero hay un par de reglas o enfoques generales que creo que son útiles:

1. ¿Cuál es la cantidad mínima de código que puedo escribir?

Una diferencia notable entre los desarrolladores novatos y los experimentados es que a veces los novatos quieren “presumir” con su código. O, más exactamente, quieren probar que saben lo que están haciendo … y eso a menudo lleva a más código.

Mientras que, los desarrolladores experimentados generalmente no se preocupan por impresionar a alguien e intentan escribir el menor código posible para realizar la tarea.

Entonces, tome la mentalidad de “¿cuál es la menor cantidad de código que puedo escribir para hacer el trabajo?”

2. General a Específico

Especialmente en CSS, encontrará que los principiantes tienden a apuntar y diseñar elementos muy específicos en lugar de dejar que las reglas generales de escritura se “caigan en cascada” a otras más específicas.

Por lo tanto, su hoja de estilo termina siendo mucho más grande y llena de un montón de declaraciones específicas.

Considerando que, los desarrolladores experimentados comienzan de manera muy general y luego se desplazan a elementos más específicos y tratan de mantener esas declaraciones al mínimo.

Describo mi proceso para hacer esto en el podcast al que me he vinculado.

3. Organizado desde el inicio.

Finalmente, encuentro que los principiantes tienden a escribir código sucio y luego “dicen” que volverán y lo organizarán más tarde.

Por supuesto, eso rara vez sucede.

Los desarrolladores experimentados lo saben y tienden a organizar su código desde el principio. Hace que la organización realmente suceda y te obliga a escribir mejor código.

Espero que todo eso ayude a responder tu pregunta.

Answer 4

Intenta hacer esto aprendiendo. Cuando comience, simplemente hágalo a su manera, y luego desarrollará automáticamente un paradigma para trabajar eficientemente día a día.

Mi Blog >> TwistTheTech.com