¿Qué son exactamente LESS y Sass en CSS y necesito saberlos para convertirme en un desarrollador front-end?

NO. No necesita conocerlos para convertirse en un desarrollador front-end, siempre que conozca CSS.

SASS y LESS son más o menos lo mismo, es decir: ambos son preprocesadores de CSS que básicamente amplían la capacidad de CSS. Como desarrollador, puedo decir con confianza que te hace la vida escribiendo hojas de estilo y definiendo las reglas MUCHO más fácil. Así es cómo:

Reglas de estilo escritas en CSS :

.header-frets-right {
flotar derecho;
ancho: 70%;
}

.header-frets-right> form {
ancho: 282 px;
altura: 28px;
relleno: 8px 0;
flotar derecho;
}

.header-frets-right> form> input [type = “text”] {
flotador izquierdo;
ancho: 260px;
de color negro;
tamaño de fuente: 14px;
font-family: “Open Sans”;
borde: sólido 1px #ccc;
radio de borde: 2px;
relleno: 4px 10px 4px 10px;
fondo: # f2f2f2;
bloqueo de pantalla;
}

.header-frets-right> form> img {
flotar derecho;
altura: 16px;
posición: relativa;
arriba: -22px;
cursor: puntero;
}

Las mismas reglas de estilo escritas usando SASS :

.header-frets-right {
flotar derecho;
ancho: 70%;

formar{
ancho: 282 px;
altura: 28px;
relleno: 8px 0;
flotar derecho;

input [type = “text”] {
flotador izquierdo;
ancho: 260px;
de color negro;
tamaño de fuente: 14px;
font-family: “Open Sans”;
borde: sólido 1px #ccc;
radio de borde: 2px;
relleno: 4px 10px 4px 10px;
fondo: # f2f2f2;
bloqueo de pantalla;
}

img {
flotar derecho;
altura: 16px;
posición: relativa;
arriba: -22px;
cursor: puntero;
}
}
}

Perdón por el ejemplo de código realmente extraño, pero bueno, a quién le importa. Si tiene alguna experiencia con CSS, puede decir a primera vista que el diseño de SASS es realmente simple, limpio y organizado. Además de eso, SASS también le permite implementar variables de datos en CSS e importar otros archivos CSS también. En conjunto, se crea un ambiente de trabajo realmente cómodo. Obviamente no hay necesidad de usar SASS, y no es un requisito para convertirse en un desarrollador front-end. Pero con todos los beneficios que ofrece, ¿quién no querría utilizar un preprocesador como SASS o LESS? Teniendo en cuenta el hecho de que me tomó solo 30 minutos familiarizarme con los conceptos, es un trato realmente dulce.

Nota: Supongo que ya lo sabe y se siente cómodo con CSS. Si no lo está, le sugiero que haga eso primero en lugar de saltar directamente a un preprocesador para CSS.

LESS y Sass … ambos son preprocesadores CSS. Ambos le ahorrarán tiempo y harán que su código sea más fácil de mantener.

LESS es una biblioteca de JavaScript y, por lo tanto, se procesa del lado del cliente.
Sass, por otro lado, se ejecuta en Ruby y se procesa del lado del servidor. Es posible que muchos desarrolladores no elijan MENOS debido al tiempo adicional necesario para que el motor de JavaScript procese el código y envíe el CSS modificado al navegador.

El preprocesador de CSS que elija, Less o Sass, se determina por preferencia personal.

Dependiendo de los matices más importantes para su proyecto, elija el preprocesador que le parezca mejor. Mi elección personal es Sass, simplemente por la brújula y el símbolo @ en MENOS siempre me molesta. Pero, le recomiendo que pruebe ambos y decida por usted mismo.

Aprender el preprocesador de CSS sería una ventaja adicional en su mercado.

Debe poder descubrir estas cosas por su cuenta para convertirse en un desarrollador front-end. Luego debe hacer un juicio sobre si son buenas tecnologías; esto generalmente se logra leyendo la documentación y creando un proyecto de muestra.

¿Necesita aprender MENOS y / o SASS para convertirse en un desarrollador front-end? Si, absolutamente. Pero como desarrollador, espero que expliques por qué.

Bueno, Sass o Less son preprocesadores para tu Sass. Me gustaría pensar que el preprocesador es un CSS con Superpower.

Entré en un CSS Conf hace una semana y Lourdes (oradora) nos dijo:

Sass te ayuda a escribir CSS más rápido, no mejor.

Estoy totalmente de acuerdo con ella, Sass (o Less) tiene muchas características, pero sigue siendo solo CSS.

¡Hoy en día sí! Necesita aprender un preprocesador (recomiendo Sass, porque tiene una gran comunidad). Muchas empresas están utilizando un preprocesador en lugar de solo CSS, por lo que es bueno que aprendas para tu carrera.