Dreamweaver CC 2017 avanzado: Automatizaciones y trabajo con PHP y CSS

Depuración de código en Dreamweaver CC 2017 mediante Linting

¡Prueba gratis durante 10 días

nuestros 1241 cursos !

Prueba gratis Mostrar modalidades de suscripción
También es bueno tener algún sistema de detección de errores, así que vamos a usar el que viene por defecto con Dreamweaver, Linting, que sirve precisamente para esta tarea. Veremos en este vídeo cómo trabaja y cómo podemos configurarlo.

Transcripción

Tener un buen sistema de depuración de errores también es fundamental cuando estamos programando y en Dreamweaver tenemos el Linting. Va a servir para que me diga aquí en la parte inferior con este pequeño ícono, que no hay errores, o los errores que hay. Vamos a ver en principio como funciona. Se trata de que yo cuando guarde se va a leer el código, se va a buscar que errores puede tener y me va a devolver información acerca de ellos, hay errores que son bastante simples y que es muy fácil detectarlos, acabo de quitar aquí esta pequeña etiqueta. Hay errores que a veces se añaden y que no es tan fácil detectar. Por ejemplo, supongamos que yo añado de nuevo, un atributo "Class", que por cierto, en principio no debería dejarme, porque yo cuando he utilizado un atributo, ya no me deja utilizar otro, pero no obstante, puedo forzarle a hacerlo. Bueno, pues en principio no me muestra ningún error, pero cuando lo guarde, cuando me vaya a Archivo, Guardar, inmediatamente me van a salir, por un lado las líneas con el error, esto ya lo habíamos visto, por otro lado, Linting se ocupa de ponerme en la parte inferior un botoncito con los errores encontrados, 7, y haciendo doble clic sobre ese pequeño ícono, además me va a devolver información exacta con la línea y la columna de donde se ha generado ese error. Y de hecho, al hacer doble clic se va a marcar el punto donde esta y así va a ser muy fácil detectarlo y eliminarlo y me puedo ir hasta el siguiente, en el que aquí veo que me esta diciendo que se esta esperando un carácter que no se ha encontrado. ¿Qué carácter? Es obvio, me pongo a buscar y veo que efectivamente, me esta poniendo el símbolo de mayor o menor, lo añado, y ahora cuando guarde, van a desaparecer todos estos errores. Esto va a funcionar también en CSS, y de hecho, en CSS también tengo un pequeño error, lo que pasa es que ese error en concreto, me dice que lo que tengo es una propiedad duplicada. Se puede ver que ya no es color ni rojo ni verde, es un color naranja, que en realidad no es que sea estrictamente un error, sino que es algo mejorable y lo que debería hacer es eliminar ese primer Padding, guardar el documento, y entonces ya aparecerá correctamente. En el caso de JavaScript es la misma idea, solo que en ese caso, el error es un poco relativo, porque no es estrictamente un error de sintáxis, en realidad es un error por no haber utilizado algo que no es recomendable. Todos estos errores puedo configurarlos dentro de Edición Preferencias, en el apartado Linting, aquí tengo las reglas para los CSS, para los HTML y para los JavaScript, seleccionando cualquiera de ellos, puedo pulsar en Editar y lo que hace es abrirme un documento en el que me viene para cada una de las opciones, los valores que tiene que tener, por ejemplo, el máximo número de errores que me tiene que mostrar o si tiene que detectar errores cuando no se estan utilizando por ejemplo el CamelCase, o sea, la utilización de mayúsculas y minúsculas para nombres de elementos compuestos, por ejemplo, pues eso, desde aquí entonces puedo editar que me muestre o no, todos estos errores. Estos errores son muchos, pero dentro de la ayuda de Adobe tenemos enlaces a la configuración de las distintas reglas de Linting para los distintos lenguajes y aquí tenemos en Github un listado con cada una de las propiedades, para que sirven y así es mucho más fácil modificarlo para que funcionen como yo quiero.

Dreamweaver CC 2017 avanzado: Automatizaciones y trabajo con PHP y CSS

Utiliza Dreamwaver CC 2017 para crear y automatizar contenidos dinámicos. Aprende cómo mejorar tu flujo de trabajo y usar el programa como un gran IDE de programación web.

2:33 horas (43 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.