Buenas prácticas de CSS: reflexión y advertencias

2/22

Lectura

¡Hola, Platzinauta! ¡Qué alegría que estés por iniciar el Curso Práctico de Frontend Developer! 🌈

En esta lectura quiero ayudarte a aclarar algunos conceptos sobre las próximas clases, tus posibles rutas de aprendizaje y el proyecto del curso. 💚

¿Qué es una buena práctica?

Antes de seguir, responde la siguiente pregunta (mentalmente o en la sección de comentarios): ¿qué significa seguir “buenas prácticas”?

Para mí las buenas prácticas son un conjunto de costumbres, acciones, decisiones y/o herramientas que agilizan, mejoran el rendimiento, legibilidad, mantenimiento y/o escalabilidad de nuestros proyectos en un CONTEXTO muy específico.

La palabra clave es contexto. Las buenas prácticas NO son absolutas. Así como funcionan en ciertas situaciones, dejan de tener sentido en otras circunstancias.

Es un error común hablar de buenas o malas prácticas sin entender correctamente su contexto. Yo mismo he caído en esa falacia. Por fortuna, mis líderes, profes, compañeras y amigos han tenido la paciencia y empatía de explicarme cómo analizar el contexto de cada situación antes de llegar a una conclusión.

El contexto de este curso

El Curso Práctico de Frontend Developer pertenece a dos escuelas en Platzi:

  • Escuela de JavaScript: la ruta de aprendizaje más corta para aprender desarrollo web desde cero hasta nivel muy avanzado con el Stack PERNN (PostgreSQL, Express.js, React.js, Next.js y Node.js).
  • Escuela de Desarrollo Web: la ruta de aprendizaje más larga y completa para dominar y profundizar en todas las herramientas o stacks de programación más importantes del desarrollo web.

💡 Escuela de JavaScript vs. Escuela de Desarrollo Web: ¿Cuál elegir? ¿Cuál es mejor?

Junto al Curso de Frontend Developer, este curso es la introducción al gran mundo de la maquetación con HTML y CSS que estudiaremos en la Escuela de JavaScript. Luego de este curso seguirán las bases de JavaScript, frontend con React.js y backend con Node.js.

En cambio, en la Escuela de Desarrollo Web tenemos muchísimos más cursos para practicar HTML y CSS, crear aún más proyectos para tu portafolio profesional y profundizar en herramientas complejas como responsive design, CSS Grid, flexbox y animaciones con CSS.

Etiqueta style vs. archivos .css

Mi nombre es JuanDC, Course Director de este curso y la Escuela de JavaScript 2.0. También soy el responsable de que en este curso escribamos el HTML y CSS de cada página en el mismo archivo usando la etiqueta style.

En las próximas clases puede surgirte la duda de por qué decidimos no separar los estilos en sus propios archivos .css si supuestamente es una “mala práctica”. Pero recuerda que las buenas o malas prácticas NO son absolutas, siempre dependen de un contexto. 😅

Teniendo eso en cuenta: ¿por qué crees que es una mala práctica escribir el CSS en etiquetas style en vez de archivos .css?

Durante la etapa de planeación discutimos mucho junto a Teffcode, Oscar Barajas y Nico Molina para encontrar la mejor manera de conectar todos sus cursos en la Escuela de JavaScript y construir el mismo proyecto progresivamente.

Más adelante en tu ruta de aprendizaje vas a tomar el Curso Práctico de React.js. Uno de sus objetivos es enseñarte cómo convertir páginas en HTML y CSS a componentes en React. Vas a darte cuenta que allí descargamos el proyecto de este Curso Práctico de Frontend Developer para separarlo entre vistas, componentes y contenedores.

La razón de mantener el HTML y CSS de cada sección de nuestra tienda en un solo archivo .html es para facilitar nuestro trabajo de separar y unir todo ese código cuando tomemos el curso de React.

No es un error. ¡Y tampoco una mala práctica!

Conclusiones

Si tu proyecto con HTML y CSS es la versión final de la aplicación que desplegarás a producción (la que publicarás en internet y será usada por usuarios reales), entonces definitivamente es muy buena práctica separar tus estilos en archivos .css.

En cambio, si tu maquetación con HTML y CSS es apenas el principio de tu desarrollo frontend y más adelante convertirás estos elementos en componentes con alguna herramienta como Web Components, React.js, Angular, Svelte o Vue.js, entonces NO es una mala práctica separar cada elemento en su respectivo archivo ni mantener su HTML y CSS en el mismo lugar.

Espero que esta explicación te haya ayudado un poco a entender el flujo de desarrollo y decisiones que tomamos de este curso. Recuerda siempre tener muy claro el contexto de cada situación antes de determinar si es una buena o mala práctica.

Cuéntame sobre cualquier duda que tengas sobre buenas prácticas en la maquetación web. ¡Mucha suerte completando este curso!

Aportes 91

Preguntas 5

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

JuanGod poniendo en raya a los impacientes

Gracias por esta reflexión, de ahora en más recordaré que siempre hay que tener muy claro el contexto de cada situación antes de hablar sobre buenas o malas prácticas.

Aprovechó para recomendar la metodología BEM usada para nombrar nuestros clases de CSS:
https://platzi.com/blog/bem/

Me hubiera encantado tener esta reflexión y advertencia al principio del curso, como para poder anticipar que el curso queda “incompleto” y a la espera de un curso posterior.

impecable el curso y la docente, felicitaciones por lo logrado!

Gracias, al principio me chocaba eso, porque en otros cursos me decían sobre las buenas prácticas, igual no le di importancia cada docente enseña a su manera y de la mejor forma que el docente crea, yo como estudiante tengo la responsabilidad de comparar y acatar todas o algunas cosas que instruya el docente, sin atacarlo por hacer algo que no estamos acostumbrados a ver, vi que muchos compañeros escribían siempre con resentimiento, pues creo que nos falta más inteligencia emocional para que no nos alterarnos por cualquier tema que no estemos de acuerdo.

Muy interesante este punto de buenas prácticas, a medida que avanzaba el curso siempre leía comentarios indicando que escribir el CSS dentro del HTML es una mala práctica y algunas delaraciones en CSS.

Supongo que se impacientan tanto por ver las cosas bien hechas en un primer momento sin pensar en el futuro, mantuve en mente que si el curso está hecho de esta forma es porque más adelante tendrá un sentido que ahora no podemos ver.

Al final de todo siempre tiene su razón, dudo mucho que nos den información errada y/o nos enseñen de manera errada.

La cuestión es que yo creyendo que no eran las mejores prácticas, y sin saber de esta reflexión, adjunté todo en una sola hoja de estilos y la iba modificando de acuerdo a la necesidad, pienso que deberían poner este aviso al inicio para que la gente sepa a lo que va y decida como agregar sus estilos.

Vi los videos bastante rapido, sin embargo, me tome todo el tiempo para leer estas conclusiones, y estoy totalmente de acuerdo. Ya tengo bastante experiencia en Front pero me llamo la atención ver el curso en platzi, Nunca esta de más. Bendiciones y mil gracias.

Gracias, necesitaba leer esto.
y no porque haya juzgado su metodología, todo lo contrario la respete.
Sino porque a mi también me han juzgado bastante y sin contexto.
El leer este tipo de cosas me hace creer que hay más personas con empatía.

Que bueno que se dio este choque sobre buenas o malas prácticas, y todo empezando por algo tan simple como separar los archivos HTML y CSS, cosa que en la escuela siempre me dijeron que vivían separados. Gracias por la reflexión, aun me queda mucho que aprender sobre contextos en los que se trabajan las tecnologías y el porqué se hace ciertas cosas.

Aprendí mucho en el curso, luego de leer esto, se me han aclarado muchas dudas que tenia mientras trataba de seguirle el paso a Teff.

Muchas gracias por responder a la inquietud que varios teniamos, no me parece mal haberlo pensado, porq muestra que hemos puesto atención a las clases, jaja. Y precisamente nos ayudo a que nos enseñaras que las buenas o malas prácticas NO son absolutas, siempre dependen de un contexto , valiosa leción no veo la hora de ver como me va a quedar despues del curso de React.

😃 Hola a todos! Me gusto mucho esta reflexión! Empecé desde cero en esta escuela. No se mucho de programación, pero me encanta como en las clases nos han enseñado paso a paso como hacer cada cosa! En los últimos vídeos si me perdí un poco pero devolviéndome y poniendo mucha atención logre sacar todo adelante y al final del curso siento que aprendí muchísimo. Leyendo los comentariso de algunas personas de la comunidad, si llegue a pensar que de pronto no estaba aprendiéndolo a hacer la interfaz gráfica con las mejores practicas pero siempre tuve en mente que esa era la manera correcta para poder aprender y en el futuro ir implementando todas las metodologías que hay para que el código se vea organizado, ya que este es un curso básico y los primeros de la ruta. Se que este curso es solo el comienzo y lo que venga adelante también depende de mi propia habilidad para seguir apasionada por aprender y buscar muchas maneras de hacer las cosas! Felicito a los profes porque siento que nos dieron un proyecto genial desde el inicio! Y espero todos hayamos aprendido y que nunca dejemos de hacer algunas cosas porque no entendemos un concepto. Si no esta en los vídeos créanme que hay mucho contenido en la web que habla sobre estos conceptos, preguntenle a la comunidad que hay companieros geniales que nos ayudan a ver cual puede ser el problema,y asi encontraremos lo que estamos buscando! Gracias a todos!

Creo que el escribir el estilo dentro del html con la etiqueta style es una mala practica xq eso hace el codigo mas extenso y complicado de leer. Ya que si entro en el archivo css estoy buscando los estilos, pero si entro en el html quiero ver como esta estructurado, pero si entro en un archivo que tiene los 2 codigos debo cambiar el enfoque mental cada vez que paso de una seccion a otro. personalmente prefiero tenerlos en archivos separados.

Las buenas practicas es cuando escribimos código semántico, legible y entendible para nosotros y para las personas que lo vean, además de esto al aplicar buenas practicas el navegador interpreta mejor nuestro código

Para mi las buenas practicas, son reglas que aunque no afectan la parte funcional de un proyecto si ayudan a la comunicación de un equipo y a tener un código más entendible y manteniente en el tiempo.

las buenas prácticas son lineamientos técnicos estandarizados que te ayudan a trabajar y que otros también puedan continuar trabajando en ese código sin conflictos

Me sirvió mucho poder comprender esto, siento el pecho inflado porque ya tengo un argumento válido para dialogar con colegas al respecto, muchas gracias

La decisión de manejar un estilo por pagina y dentro del mismo archivo html es decisión particular de este curso, porque es un curso y porque es cómodo y es lo más rápido para hacer los videos y porque el profesor que retoma el proyecto en el curso siguiente así lo considera y le parece más cómodo y más rápido trabajar así.
.
Y eso es parecido a lo que pasa en el mundo real, muchos proyectos son caóticos por eso mismo porque se toman decisiones locales, basadas en condiciones particulares, porque alguien más necesita o le parece cómodo, fácil y rápido hacerlo así. Y esto al final genera muchísima deuda técnica, que muchas veces se queda asi.
.

Considero que corresponde a cada persona ser estricta con su aprendizaje, con lo que se consideran buenas prácticas, con su método de trabajar con su orden y limpieza al hacer las cosas. Obviamente con la flexibilidad de seguir las reglas de juego cuando estas en un proyecto que te dicen hay que trabajar asi.

.

Entonces dependiendo del nivel de OCD (Obsessive-compulsive) de cada persona, esta aplicara todo el arsenal de reglas conocidas: Separar archivos, generar un archivo base con reglas comunes, usar metodología BEM, como dijo el profesor Diego De Granda usar el Mise en place (para tener tus gráficos preparados para trabajar), usar variables, NO USAR IMPORTANTs, etc. Aunque esto parezca demasiado Overkill para el curso, siendo un proyecto muy pequeño, es saludable, es aconsejable, es aprender a trabajar con altos estándares.

.
Para citar al profesor Juan David Castro en la conclusión de su explicación en la segunda clase si tu proyecto es entregable, si ya paso todas las fases y es producto final definitivamente las buenas prácticas son necesarias, creedme por favor, equipo desarrollo lo agradecerá, diseñador del futuro que venga a modificar algo lo agradecerá, el mismo navegador te agradecerá porque tu código es eficiente y carga rápido.
.

Para mi buenas practicas, en donde sea, no solo en programación es no solo hacer las cosas segun la documentacion y el entrenamiento, sino tambien hacerlo de una manera amigable para una facil transición de una tarea de un profesional a otro. Que cuando un colega vea tu trabajo diga “ya se que estabas haciendo aqui y ya se como debo seguir” sin que se le explique mucho. Que no seas “unico” en lo que haces, xq “unico” no siempre es mejor.

Antes de continuar la lectura respondo: considero que buenas prácticas significa adoptar acciones, medidas, reglas, prácticas, etc., con el fin de tener código limpio, fácil de leer y comprender, que sea reutilizable, predecible, mantenible. Es usar las etiquetas para lo que están diseñadas y/o pensadas ya que esto ayuda en el tema de accesibilidad. 😃

De modo general seguir buenas practicas es: hacer las cosas de manera correcta, como lo dicta un estándar, un trabajo que sea ordenado, como el ejemplo que nos decías que se puede usar DIV para todo sin embargo, la buena practica es usar Footer, body etc

Seguir buenas prácticas es codear para mi yo del futuro!
por lo general no iniciamos con un código desde ceros y la mayor parte del tiempo nos la pasamos leyendo código ajeno.
Entonces las buenas prácticas se refiere a crear un código que sea entendible, siguiendo los lineamiento y normas globales para que cualquier persona que vea mi código lo comprenda y lo trabaje sin problema.

Las buenas practicas son estándares de la industria que ayudan a tener un código limpio y mantenible, legible por cualquier persona que desee trabajar en el o similar.

Siento que es uno de los aportes muy importante para los estudiantes que apenas estamos empezando este mundo, muchas veces me he sentido frustrado, porque no sé por dónde empezar, ni en la Universidad te lo dicen. Es bueno que se tomen su tiempo de poder transmitirle las experiencias que han tenido en su carrera profesional para que sea como un empujoncito de animo que pueda tener el estudiante, muchas gracias por ese importante aporte que me han brindando, no solo a mi; también a muchos de los compañeros que han tenido sus dudas. ¡Gracias profesores!

Seguir buenas practicas es realizar el proyecto asignado con una metodología profesional y estandarizada para lograr generar eficacia en tu proyecto, teniendo como ganancia tener:
código reutilizable
mantenible
escalable

Pienso que seguir buenas prácticas se refiere a realizar el código de manera clara para el explorador, documentar la líneas de código para que futuros programadores que deseen revisar tu codigo entiendan y evitar la inconsistencia en algunos aspectos.

Es muy válida la reflexión, pero debieron hacerla desde la primera clase para evitar tanta confusión y sobre todo, esa especie de contradicción entre las “buenas prácticas” vistas en el curso definitivo de CSS con Diego De Granda.
De esa manera nosotros, quienes recién empezamos, no habríamos tenido tantas dificultades en aplicar lo visto en el curso.

gracias a estefy me encanto el curso !!!

Una gran explicación para las confusiones que teníamos, creo que efectivamente no hay nada absoluto, todo tiene su contexto, gran curso, muy ansioso por terminarlo!

Buenas practicas se refiere a conjuntos de costumbres o maneras de llevar a cabo projectos, de manera que mantengamos una uniformidad y legibilidad

Sí, totalmente de acuerdo. De hecho, no creo que existan buenas y malas prácticas. Me he encontrado en equipos de desarrollo donde supuestamente algo es malo y no lo usan y en otros es lo que tienen como estándar.

Me encanta la reflexión del contexto. Éxitos a todos

  • Para mi Seguir buenas practicas es tener tener una costumbre y forma de trabajar con una exelente calidad y orden.

al principio pense que era una mala practica, pero es cierto esto es mas facil para los que incian de cero y lo bueno es que si quieres profundizar existe la escula de desarrollo web (que parece una enciclopedia) pero es bueno saber que este es el camino mas corto para despues desarrollarse en esa escuela.

Pienso que lo más importante esenfocarse en aprender y no en criticar, en mi caso, lei varios comentarios pero solo tomé lo que me ayudaba a mejorar.
Yo tomé este curso, teniendo otros de CSS en el pasado de otras instituciones con la actitud de aprender, porque siempre se aprende algo y nunca hay que dar por sentado un conocimiento base, como este de CSS y HTML que siempre va a sorprendernos.

Buen curso a todos y nos vemos en el siguiente paso de nuestra ruta para seguir aprendiendo.

Excelente aclaración, muchas gracias

Excelente curso! Mi opinion es que este curso es esencial para el manejo de las etiquetas. Tampoco hay que creerse que en un solo curso ya vas a tener una pagina web funcionando y en produccion. No nos engañemos. Por algo este curso esta en los inicios de la escuela de Javascript. Agradecido con la profesora!

Hummm… Seguir buenas practicas, creó que es un concepto global para muchos pero en lo personal seguir buenas practicas es querer conseguir y tener al final del codigo una buena estructuración de este y lectura y comprensión del mismo!

Para mí, una buena practica son buenos métodos para escribir código. Que sea legible para el humano y practico.

leer esta aclaración merece elogiar el profesionalismo y pasión que entregan para cada detalle de la escuela no solo de JS sino de todos y cada uno de los cursos por los cuales he caminado. Muchas gracias y sigo al siguiente.

A mi me quedo claro desde el principio que el curso se hizo de esta manera a propósito. Teff lo dice al comienzo del curso.

Gracias por la aclaración

Para mi seguir “buenas prácticas” es hacer las cosas conforme a estándares o metodologías que te indican como se debe trabajar correctamente para tener un orden en base a una especificidad o algo que alguien mas ha propuesto como lo correcto o lo bien visto dentro del ambito.

Muchas gracias por la nota Juan! Estoy completamente de acuerdo contigo. Estoy muy emocionado de retomar Js y pronto empezar ya a entender mejor React ya que lo he usado de forma muuuuy básica y sin terminando de comprender del todo.
Exito a todos y todas 🚀

Esta aclaracion me parece muy chevere sobre las buenas practicas. aunque css no es mi fuerte me sorprendió que este todo separado pues si hubiesemos hecho un solo archivo desde el inicio evitabamos copiar y duplicar estilos lo que facilita el escribir codigo pero como no se nada de react ahora veo las ventajas a futuro

Excelente reflexión, ahora queda más claro el contexto del curso

Las buenas practicas son tener en cuenta que hay herramientas que optimizan los procesos o toma de desiciones para obtener mejores resultados.

Estoy muy contento que hayan puesto esta aclaración para personas con conocimiento para conocer ciertas buenas practicas pero sin la suficiente experiencia para entender que las buenas practicas no son absolutas, no son palabra del señor, sino una seria de reglas, con un proposito y por lo tanto tienen un contexto.
Yo me tomé la molestia de escrbir esto en algun video para que no se llevaran un mal sabor los estudiantes o la misma profesora, que en lo personal me agrada bastante como enseña.
Pienso deberian poner esto al principio, de todo. Pero bueno, un gusto cerrar este bonito curso con una buena reflexion.

Muchas gracias @JuanDC por la explicación, dado que muchas personas lamentablemente se cuestionaban sobre la metodología de este curso.
.

Fácil es hablar o siempre fijarnos únicamente en lo malo, pero siempre debemos de ser pacientes y tratar de buscar explicaciones, antes de aferrarnos a un problema y decir que está mal.
.
Excelente aclaración y a continuar con esta renovada saga de cursos!

Aun no conozco react y digamos que si comprendí que creábamos componente por componente. Pero ahora que entiendo que mas adelante todo se va a unir y que resulta mas fácil si dejamos el CSS en el HTML, me queda algo mas claro y eso si con muchas ganas de llegar hasta allá. Muy chévere el curso y a seguir aprendiendo.

Me gusto mucho que se realice estas menciones, buenas aclaraciones dadas y también explicar como analizar el contexto en cada situación.

Más allá de aprender a programar, con su ejemplo nos enseñan como se debe trabajar en equipo para desarrollo. Excelente team, gracias por ponerle tanto cariño a esta ruta 💚

¡Excelente explicación, ya que muchos de nosotros adopta estas prácticas como una verdad absoluta, pero que bueno que se tomen el tiempo para explicar el contexto y hacia donde nos lleva este camino!
.
Gracias a todo el equipo de Platzi.

qué bueno! poniendo en su lugar a la gente JAJAJA

Gracias Juan

Seguir buenas practicas lo considero como aplicar las recomendaciones importantes que nos dan los profs sobre el código cuando estamos en un proyecto

Seguir buenas practicas, es realizar las cosas de la manera correcta.

Gracias por la aclaración 😄

Si pensé desde el principio en porque estábamos manejando en un mimo archivo html y Css, pero creí que era por que estábamos empezando esta escuela…
gracias por ponernos en contexto

que buen momento para la explicación, la verdad venia un poco confundido del curso de frontend developer, y mas teniendo en cuenta que primero tome el curso definitivo de html y css con diego.

  • Sería muy bueno que pongan esto en el curso anterior.
    No vi nada y a nadie destacable mencionando esto
    Es muy buena aclaración

Buenas practicas es seguir como los lineamientos para poder tener un código o en cualquier ámbito algo fácil de leer.

Para mi buenas prácticas es buscar la manera más eficiente para ejecutar algún proceso o hacer alguna tarea.
Respecto a la aclaración me parece acertada en estos momentos dado que mi ruta es la escuela de Javascript; sin embargo creo que esta aclaración debieron hacerla al principio del curso de Frontend ya que todos no vamos por la misma ruta de aprendizaje. Saludos

Las buenas prácticas las asocio con disciplina, orden y limpieza, es la mejor manera de trabajar siguiendo estandares, reglas y convenciones para que el trabajo sea escalable y universal.

Buenas practicas son buenas practicas xd. Creo que son lineamientos para un correcto y facil funcionamiento de algo. No es obligatorio pero si recomendable.

Ahora mismo estoy viendo este curso desde la escuela de desarrollo con react, tocaría actualizar este texto…

Excelente argumentación, creo no nos habíamos detenido a contextualizar las buenas prácticas.

Seguir buenas prácticas significa que los procesos sean los mismos para todo el proyecto, esto con la finalidad de hacer legible en todo momento, no solo el código, sino también la estructura de todo el proyecto.

LEAN POR FAVOR!!! Durante el curso hay una gran cantidad de comentarios diciendo… “Por que no en dos archivos. Es mala practica” LEAN EL PORQUE…

Seguir buenas practicas: Habitos que resultan ser adecuados y propios para un desarrollo de cualqueir actividad de una manera eficiente y eficaz.

  • wooooo esto esta genial, pensé que siempre era mala practica

Gracias por el artículo. Si bien no tenía idea que para algunos pudo ser catalogado de mala práctica, es bueno saber que en muchos contextos se trabaja por separado. Muchos éxitos.

las buenas prácticas son el conjunto de cosas que siempre realizamos para tener el mejor control sobre nuestras cosas y así el mejor resultado. Por ejemplo, para tner una casa limpia hay que tener la buena práctica de siempre tirar la basura en su lugar, tender la cama poco tiempo después de levantarse, tener una buena rutina de trabajo etc.

Me hubiera encantado saber que había una escuela corta y una larga. Claro que sin saber esto voy por la larga que no esta mal pero a fines profesionales creo que lo mejor es permitirte insertar en la industria laboral y desde ahí, con mas tiempo, seguir especializándote.

Ustedes que piensan?

Las buenas prácticas (para mí), simil a lo visto en el curso de Frontend Developer sobre el HTML semántico, es todo una serie de acciones sobre la forma en que estructuramos el código para darle un sentido claro para uso y optimización futura tanto de manera personal como para terceros que hagan uso o edición del código, acercándose a una universalidad de este y una comprensión global para los desarrolladores y/o programadores

que buen intro, sobretodo para los puristas del codigo como diria Freddy Vega jiji. por mi no hay problema, estoy aprndiendo tanto de las clases como de los comentarios y ya esta.

Buenas prácticas significa seguir un patrón que por lo general entienda la mayoría que se dedique a realizar ese trabajo. Que lo que escribamos se entienda y sea funcional para todos.

Pasen contexto, plis

Spoilers: se van a pasar todo el curso, diciendo que el css debe ser hecho en archivo.css y no en el style del html. Parece que no leyeron esta aclaración,

En este momento es en el que me siento algo culpable de haber hecho el css en un documento aparte, a ver si no me pasa factura después. Muy buen curso btw.

Y pensar que alguien se enojo hace unos capitulos de esto que menciona Juan XD

Muchos nos imaginabamos que eso tenia una razon de ser, ahora agradezco haber seguido el curso de Teff al pie de la letra.

Moraleja, siempre esperen a terminar todo el curso antes de quejarse

El Curso Práctico de Frontend Developer pertenece a TRES escuelas en Platzi:

falto agregar la escuela de “Frontend con React”

También me preguntaba por qué no usar archivos css externos pero realmente me da igual, ya que lo importante es saber aplicar los conceptos en cualquier situación que se nos presente. Me gustó que hicieran esta definición de buenas prácticas dependiente del contexto, muy acertado.

Yo diría que las buenas practicas se refiere a seguir ciertos parametros o hacer ciertas acciones que si bien no son obligatorias para que el codigo funciones bien, son recomenbables para que sea mas entendible y se pueda reutilizar o amplicar mas facilmente.

nooo y yo que lo separe todo jsjssj bueno me acercaré más al mundo profesional

Al principio del curso pensaba en por qué no separaban los estilos en sus archivos respectivos, pero después pensé en el contexto y solo me deje llevar para dedicarme a aprender. Tal vez sea un curso introductorio, pero he aprendido mucho.

Durante todo el curso me cuestioné eso, pero sabía que en algún punto nos iban a aclarar por qué teníamos el CSS en la misma hoja que la maquetación HTML ¡Gracias por los tips!

La advertencia:

Gracias por el curso!

No veo el por qué del ahorro ya que haciendo los cursos en orden secuencial todavía no pudimos hacer un sitio web o por lo menos una página medianamente compleja con un estilo profesional con los conocimientos adquiridos hasta el momento.
Cuando se aprenda React se podría hacer otro sitio y listo.
Esto de dejar el trabajo a medias me parece una desprolijidad y una obligación para hacer el curso de React.

Gracias por la aclaración de por qué se utilizó la etiqueta <style> y no un archivo CSS separado. Aunque hubiese sido mejor tener esta explicación al inicio. Yo me pasé todo el curso armando todos los estilos en un CSS separado.

El curso me parece bastante bueno, pude conocer varios trucos y cosas que no sabía, me hubiese gustado que en el nombramiento de las clases se siguiera alguna metodología tipo BEM (no se si se usó alguna otra metodología) y de esta manera poder practicar un poco mas.