¿Qué voy aprender?

  • La nomenclatura BEM

  • El sistema ITCSS

  • Metodología BEMIT (BEM CSS + ITCSS)

  • Código limpio y buenas prácticas


TOMAR ESTE CURSO

¿A quién está dirigido?

  • Desarrollador web con algo de experiencia en el Front End y con ganas de mejorar en su metodología para maquetar y enfocar mejor los proyectos

  • Si conoces BEM y te gusta, este curso es para ti, aquí verás un paso mas allá

Requisitos

  • CSS3, HTML5 - Intermedio

  • Preprocessador de CSS como por ejemplo SASS (SCSS) - Nivel básico

  • JS (jQuery) - Básico


TOMAR ESTE CURSO

Descripción del curso

¿Tratas con selectores de CSS de este tipo en tus proyectos?

#main .post div:first-child > a.button

Entonces, este curso es para ti.

Aún así, para demostrártelo, te voy a hacer una serie de preguntas y si no puedes contestarlas todas, definitivamente es para ti.


¿Sabrías decirme dónde está ese selector definido?

¿En qué archivo?

¿En qué carpeta?


Si no utilizas un preprocesador de CSS y lo tienes todo en el mismo archivo, aún podrías contestar rápido a esas preguntas. Eso sí, sin las ventajas que te ofrece el preprocesador.


Pero aún hay más:

¿Sabrías decirme a qué secciones de tu web afecta ese selector?

¿Quizás en un formulario de la página de contacto?

¿En un bloque de la página home?

¿Tal vez en ambos sitios?

¿Está siendo usado ese selector en tu JavaScript?


Lo más seguro es que no lo sepas.

Y podría seguir.


¿Has podido responder todas las preguntas? ¿No?

Entonces, no esperes más, este curso es para ti.


Con la metodología que verás aquí, tendrías respuesta a todas esas preguntas y muchas más.


¿Y si te dijera, que podrías, sólo viendo el código HTML en el inspector del navegador, saber la carpeta y el archivo donde está el estilo definido de cada clase?


Además podrías saber que relación tiene cada clase con las demás y cómo afecta cada clase de manera global en toda tu web. Pero sin documentación extensa, simplemente leyendo tu código, un año después, en menos de 5 segundos.


¿Qué te parece la idea?


Soy Ricardo y esta es la razón que me trae a contarte esto, te voy a hablar de nomenclatura, de metodología, de buenas prácticas.
Porque escribir CSS es fácil, pero cuidarlo y mantenerlo es otra historia.

Cuando haces un proyecto, a nivel front end, pasas mucho tiempo maquetando y manteniendo el código CSS. Es una tarea difícil cuando hay selectores anidados que influyen en varios sitios de la web y pueden romper estilos de otras secciones.

No sabes qué puedes editar o borrar.
Además, como no está bien estructurado el código, acabas añadiendo !important por todos lados, un caos vaya.


¿Quieres mejorar tu metodología de trabajo en el desarrollo web Front End?
¿Quieres optimizar el tiempo y ahorrarte problemas cuando un cliente te pida modificaciones no previstas?


Ya no tendrás que sufrir más con ese tipo de problemas. Este sistema es robusto, escalable, mantenible en el tiempo y con una serie de reglas fáciles de seguir.


Además, el curso está súper concentrado, no hay paja por eso sólo dura 3h. Esto quiere decir que puedes verlo ahora mismo y mañana ya puedes estar aplicándolo.


He hecho este curso porque me hubiese gustado encontrarlo a mi.

Con este método, la maquetación se hace muchísimo más cómoda.


¿Qué aprenderás en este curso?

Pues:


La nomenclatura BEM.

El sistema ITCSS.

Y la unión de ambos, la metodología BEMIT.


Si utilizas por ejemplo react o cualquier otra tecnología, también pueden servirte los conceptos vistos aquí.


Lo que quieres al final es poder escribir código que sea lo más transparente y auto documentado posible.

La transparencia significa que es clara y obvia en su intención y la auto documentación significa que no tenemos que perder tiempo para escribir y leer documentación extensa y complementaria.


De manera muy resumida:

Este sistema son pautas a seguir a la hora de nombrar las clases de HTML y cómo atacarlas desde tu CSS.

Además te da una organización de carpetas y archivos especial que te ofrece ciertas características en tu código.


Puedes implementarlo a lo que estés utilizando, todo o alguna parte solamente. Lo que tu prefieras.


Puede que sólo te interese la sección BEM, o quizás estás interesado en ITCSS para organizar mejor tu proyecto. O quizás te guste todo y lo implementes a lo que ya estás usando.


Pero estoy seguro que este curso te dará otro punto de enfoque, otra perspectiva.


Yo lo uso todos los días en todos los proyectos, de hecho llevo casi 2 años utilizándolo y aún a día de hoy cuando tengo que modificar un proyecto que hice con el sistema BEMIT y veo el código, me doy las gracias por haberlo aplicado.


Bueno, no digo más, nos vemos en el curso!

TOMAR ESTE CURSO

Reseñas

Valoraciones
68
4.80

Aprende a tu ritmo y a tu horario


En facturacionweb.site, aprendes Desarrollo en cualquier tema y en cualquier momento. Selecciona ahora entre miles de cursos impartidos por expertos sobre Desarrollo. También puedes aprender sobre Programación Diseño Negocios Informática y software Productividad Desarrollo personal Marketing Música Salud y fitness Fotografía Estilo de vida

En facturacionweb.site ponemos a disposición la videoteca de cursos más amplia del mundo. Escoge entre más de 130.000 cursos en formato de vídeo y 100% online con miles de horas de contenido nuevo cada mes

Los mejores profesores de todo el mundo instruyen a millones de estudiantes en la plataforma. Se proporciona las herramientas y las aptitudes para que la enseñanza que se da sea de calidad y aprendas sobre Desarrollo o sobre el tema que te apasiona de una manera rápida y ordenada.

facturacionweb.site es un lugar para fanáticos de Cursos online de Desarrollo que deseen expandir sus conocimientos y habilidades en cualquier área . Puedes escoger cursos online entre miles de Cursos online de Desarrollo. Queremos que sepas que facturacionweb.site nació para ayudarte para expandir tu carrera como profesional en el área de tu preferencia.

Si eres amante de Cursos online de Desarrollo, y quieres aprende sobre temas como BEM CSS + ITCSS = Metodología BEMIT - Diseño web avanzado, estás en el lugar indicado. facturacionweb.site se enfoca en actualizar el catalogo de cursos sobre Desarrollo, para personas entusiastas que desean adquirir nuevos conocimientos. facturacionweb.site quiere divulgar el amor por los cursos de Cursos online de Desarrollo y compartirlo con personas de todo el mundo para que puedan obtener nuevos conocimientos. Pensamos que el conocimiento abre un sinfín de oportunidades laborales en diferentes áreas de Desarrollo, así que selecciona el curso de tu preferencia y mejora tu vida con nuevos conocimientos.

Todos cursos sobre Cursos online de Desarrollo que son promocionados en el sitio web: facturacionweb.site son propiedad de la plataforma Udemy, este sitio web es una marca afiliada a Udemy, por lo tanto solo nos encargamos de promocionar los Cursos online de Desarrollo en este sitio web. ¡Ayúdanos compartiendo esta página con tus amigos!. Creamos este web sitio de tal manera que sea fácil de usar. facturacionweb.site aspira a servir a los lectores globales con contenido atractivo y ágil para capturar y aprender sobre lo último en tendencias de Desarrollo.