Uso de selectores en JavaScript

Javascript selectors

El uso de «selectores» en JavaScript permite encontrar y seleccionar elementos del DOM bien sea para extraer información de cada nodo o para manipularlos de ser necesario.

Estos selectores funcionan de forma  muy similar a los selectores que se usan en CSS, como veremos a continuación:

Ver post

Acceder a las rutas de Laravel desde Javascript con tightenco/ziggy

Rutas desde Javascript con tightenco/ziggy en LaravelZiggy es un paquete para Laravel que permite acceder a las rutas de la aplicación desde Javascript. La ventaja que ofrece este paquete, es que no necesitas cambiar el código de Javascript cada vez que requieras cambiar el nombre de tus rutas, ya que estás se generarían de forma dinámica en Javascript tal como ocurre cuando usamos el helper route() de Laravel.

Ver post

Escribe HTML y CSS más rápido con Emmet

Emet - Herramienta para acelerar la escritura de HTML y CSS

Para los que trabajamos en la web de forma profesional, escribir código es a veces divertido, a veces complicado, y muchas veces es algo tedioso, sobre todo cuando tenemos que escribir cosas largas y repetitivas. Es por esto que siempre debemos tener los ojos abiertos a nuevos procesos o técnicas que nos puedan ayudar a escribir nuestro código de manera más eficiente.

Hoy quiero hablarles acerca de Emmet.io.

Ver post

Organizando el proyecto en Sass

Logo
09

Organizando nuestro proyecto

Buenas prácticas al trabajar con Sass Parte 1

En esta lección adicional del Curso de Sass comentamos un poco sobre cómo organizar proyectos de Sass y como manejar la estructura de archivos para proyectos más grandes. Unificando variables en un solo archivo, aprovechando los comentarios de Sass para documentar nuestras variables, mixins y funciones, y organizando los archivos de manera lógica.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Directivas adicionales en Sass

Logo
09

Directivas adicionales de Sass

Aprende a lidiar con errores en el código Parte 1

Durante las últimas semanas hemos aprendido sobre el funcionamiento de Sass y sobre todo cómo hacer uso de sus características para generar CSS, con este video llegamos al final del curso, y hablaremos de algunas cosas que nos ayudan a hacer nuestro código más sólido y seguro, como son las directivas @debug y @warn y además la directiva @error.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Sass Extends – Extendiendo selectores

Logo
07

Compartiendo selectores en Sass

Curso de Sass Parte 1

En esta lección siete hablamos sobre una característica quizás algo controversial de Sass: la directiva @extend, la cual nos permite compartir bloques de código con otros selectores. Menciono controversial porque algunos desarrolladores consideran su uso un poco engañoso, pero te aseguro que hay situaciones donde son muy útiles y aparte son una herramienta muy interesante del lenguaje.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Estructuras de Control en Sass

Logo
06

Condicionales y varios tipos de ciclos

Curso de Sass Parte 1

Hoy aprenderemos a trabajar con las Estructuras de Control en Sass, las cuales nos permiten generar código CSS de muchas formas. Los condicionales nos ayudan a crear CSS que dependa del resultado de una expresión, y los diferentes tipos de ciclos generan bloques de CSS repetidamente dependiendo de contadores, listas o a través del resultado de expresiones.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Mixins, bloques de código parametrizable en Sass

Logo
05

Mixins, bloques de código que aceptan argumentos

Curso de Sass Parte 1

En esta nueva lección del curso de Sass a Fondo aprenderemos cómo trabajar con mixins. La directiva mixin te permite definir snippets o bloques de código que puedes reusar en cualquier parte de un documento de Sass. Estos bloques de código pueden contener cualquier número de propiedades con sus valores, selectores, puede también contener estructuras de control, y además pueden aceptar argumentos que cambian su resultado dándote mucha flexibilidad para crear partes de código reusable.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.

Suscríbete a nuestro boletín

Recibe consejos útiles, promos y múltiples recursos directamente en tu correo.

Tu nombre y correo serán enviados directamente a MailChimp. No compartiremos tus datos con otras empresas.