Selección
¿Cuál es la parte funcional del lenguaje que realmente necesitas para lograr esos objetivos? Busque preguntas específicas sobre el desbordamiento de pila para encontrar fragmentos de código que hagan piezas de lo que necesita lograr: tablas personalizadas, botones de estilo, jerarquía de tipos y unidades, cuadros flotantes.

Secuencia
Aprendí HTML (como muchos otros) presionando ‘Ver código fuente’ y viendo cómo alguien lo hizo. Aprendí pequeños trucos sobre cómo centrar verticalmente el texto o crear columnas artificiales para resolver un problema específico que tenía. Luego me equivoqué y fracasé y eso me hizo sentir curiosidad sobre por qué ciertas cosas funcionaron. Tim habla sobre pasar los primeros cinco, y arrojar el código de otras personas en un navegador y modificarlo le da resultados instantáneos que lo llevarán más allá de esa línea.

Estacas
Esto es lo mismo en todos los ámbitos. Pon algo en la línea y castígate por fallar. No me gusta esto directamente como una idea, pero me encantan los desafíos, así que convencería a alguien de que podría construir un sitio para ellos que claramente no podría, y luego simplemente hacerlo. Tienes que encontrar el equilibrio correcto aquí, y no cavarte en un hoyo. Pero un ejemplo simple es si aún no sabe cómo hacer componentes de entrada personalizados (cuadros de texto, menús desplegables, etc.). solo promételo de todos modos y aprende cómo. Además, únete a stickK y comprométeme tu dinero.

Nota al margen personal : escribo HTML y CSS casi completamente por separado y hay una simplicidad en esto. HTML es solo un lenguaje de marcado. Lo que significa tomar una parte del contenido y envolverlo en CONTENT para que sepa que está separado de otra parte del contenido. Eso es. HTML deconstruido. Comience con DIV (división) para todo, y luego agregue más etiquetas a la mezcla para especializar ciertos elementos. (ancla) para un enlace;

para un párrafo,

para encabezados, etc. Recogerá más cuando llegue a casos específicos.

CSS, por otro lado, es solo estilo. ¿La pieza va a la izquierda o a la derecha, de qué tamaño, de qué color? Por lo tanto, identifica todas las divisiones que realizó en el HTML y aplica todos sus atributos estilísticos. Asegúrese de tener sus detalles de diseño a mano y decididos, no tome decisiones visuales mientras codifica o se atará en nudos y se distraerá.

Una vez que pueda hacer eso con confianza y vea la conexión, es solo cuestión de tener una referencia de cuál es la palabra exacta que debe usar y se está riendo.

Aquí está el video para Tim explicando todo su sistema :

Desarrollo webHojas de estilo en cascadaHTMLPregunta de encuesta