El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Novedades Dreamweaver CC 2017

Ayudas de código dentro de Dreamweaver CC 2017 (nov. 2016)

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Una ayuda imprescindible a la programación es que el programa tenga un sistema predictivo de generación del código que se va escribiendo. Gracias a este sistema de ayuda iremos recibiendo información del código que vamos añadiendo, además de irse incorporando sin necesidad de escribirlo completamente.

Transcripción

Tanto si eres un programador experimentado como si estás aprendiendo, las ayudas al código son fundamentales. Para un programador experimentado porque el hecho de utilizar la SCL, el proceso de añadir código, y evita cometer errores. Y cuando estás aprendiendo sirve para descubrir exactamente que es lo que puedes hacer. Dreamweaver en esta versión ha incorporado todo sistema de ayudas a la programación que vamos a ver que es verdaderamente potente, es tan bueno como pueder ser el de cualquier otro editor de código que haya en el mercado. Dependiendo del lenguaje de programación en el que yo esté me va a dar unas ayudas u otras y según voy escribiendo, el me va mostrando un menú contextual en el que me ofrece las distintas opciones disponibles. Por ejemplo, en este caso que he escrito div pues me muestra solamente esta opción div y me dice además en qué consiste ese elemento. Si yo, por ejemplo, cierro la etiqueta el automaticamente se ocupa de añadir también el final de cierre de esa etiqueta y lo ha hecho el sólo, sin decirle nada. Si por ejemplo, sigo escribiendo vemos que ya de entrada, según añado un espacio, el se ocupa de ponerme un listado de todos los atributos disponibles para esa etiqueta en concreto, con lo cual, en realidad, con ir escribiendo solamente la primera letra para añadir una clase a este div, por ejemplo, pues ya me muestra este div, lo seleccionaría y encima demás me da todas las clases que hay disponibles en este momento o también, por supuesto, puedo añadir la mía. Por ejemplo, nueva, que sería para crear esa nueva clase. Esto que he aplicado aquí, que he aplicado sobre este elemento, lo puedo aplicar sobre cualquier otro lenguaje de programación: tanto JavaScript, como, por ejemplo, CSS. Así, por ejemplo, aquí me puedo crear esa clase nueva y ahora sobre ella puedo seguir también editando, por ejemplo, si yo quiero añadirle un color de fondo o si quiero trabajar sobre ese fondo, bueno pues según empiezo a escribir ya me da las distintas opciones disponibles y también vemos que no solamente me da ese background sino que además me dice los distintos posibles parámetros que yo puedo ir añadiendo a esa propiedad en concreto. Supongamos que yo realmente sólo quiero seleccionar ese background. Bueno, pues lo selecciono y en el momento en el que lo he seleccionado, de nuevo me sigue ofreciendo nuevas opciones. Por ejemplo, me muestra como primera opción Selector de color. Eso me va a servir para sacar el selector de color y poder marcar el color que quiero utilizar. Supongamos que quiero que sea de un color rojo fuerte. Bueno, pues lo selecciono, pulso intro y aquí vemos que me aparece ese selector. Para hacer que aparezcan estas ayudas al código puedo seguir añadiendo un espacio y entonces me sigue añadiendo nuevas opciones. Por ejemplo, si quiero añadir una imagen me puedo bajar hasta url, vemos que aparece marcado ese background-image, y pulsando sobre el me permite elegir entre los distintos archivos que tengo a mano o pulsar en Examinar para buscar dentro de la carpeta Imágenes la imagen que yo quiero utilizar. Como se puede ver, esto es rapidísimo, no hace falta tener grandes conocimientos de código y como digo, además minimiza la posibilidad de generar errores. Estas ayudas al código se pueden aplicar en todo tipo de lenguajes de programación. Por ejemplo, pues lo puedo utilizar también con JavaScript, así que si yo empiezo a escribir dentro de JavaScript cualquier cosa vemos que ya me va dando de nuevo todas las opciones de nuevo con toda la información. En la parte superior derecha tengo un pequeño botón que me permite también ir a la web developer de Mozilla donde tengo una descripción, en este caso de la clase Console, de los métodos, las propiedades o los eventos si los tuviese, que en este caso no los tiene. Como vemos, pulsando Ctrl+barra espaciadora que por cierto también es el atajo de teclado propio de los programas, de programación más utilizados, bueno pues vuelvo a tener de nuevo acceso a ese console y siguiendo con ello vemos que además me añade todos los métodos accesibles a esa clase, o sea, no se queda solamente en las primeras funciones, sino que además me va pasando toda la información relacionada según voy escribiendo. Es más, voy a marcarlo sin más de esta manera. Si yo ahora crease, por ejemplo, una función, vamos a crear, por ejemplo, una función trace. Pues veremos que si yo empiezo a escribir ese trace automaticamente el también entiende todas las funciones que sean definido dentro de todos los archivos de JavaScript enlazados dentro de este archivo sobre el que he trabajado. Esto que hace con JavaScript también lo va a hacer, por ejemplo, con PHP, va a utilizar todos los métodos o todas las clases disponibles que estén dentro del servidor que tenga definido para ese desarollo que esté haciendo en PHP. Como podemos ver, tenemos muchísima información y muchísma ayuda gracias a todas estas ayudas al código.

Novedades Dreamweaver CC 2017

Aplica las últimas novedades de Dreamweaver CC 2017 en el desarrollo y creación de tus páginas web, con nuevas opciones de soporte de código y mejoras en el diseño.

1:28 horas (37 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:2/11/2016
Actualizado el:24/07/2017

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.