Novedades de la última versión de Dreamweaver

Nota:

La versión 19.0.1 de Dreamweaver es compatible con Bootstrap 4.2.1 y corrige los problemas encontrados en las versiones anteriores de Dreamweaver. Esta actualización está recomendada para todos los usuarios. 

Para obtener más información, consulte Diseño de sitios web interactivos con Bootstrap. Para obtener más información sobre los errores corregidos en esta versión de Dreamweaver, consulte Problemas corregidos en Dreamweaver

logo-mnemonic

La versión de octubre de 2018 de Dreamweaver (versión 19.0) incluye nuevas funciones interesantes para los diseñadores y los desarrolladores web. Continúe leyendo para obtener una introducción rápida a estas funciones y vínculos a recursos que ofrecen más información.


Refactorización de JavaScript

Como desarrollador web, ya puede cambiar nombres de funciones y variables de forma inteligente, siendo consciente del ámbito de actuación al usar la refactorización de JavaScript. Puede convertir un bloque de expresión o función anónima en una expresión de flecha con un clic. Cree funciones Get/Set para el identificador seleccionado, en el contexto de una clase o un constructor. Ya puede extraer una expresión como una variable en el ámbito actual y seleccionar una parte del código y crear un bloque Try/Catch para él.

Puede refactorizar código en documentos HTML, PHP y JavaScript. Puede elegir Refactorizar en el menú que aparece al hacer clic derecho en el área de código de Dreamweaver. Algunas de las mejoras de productividad útiles de la herramienta Refactorizar son Cambiar nombre, Extraer a variable, Extraer a función, Envolver en Try Catch, Envolver con condición, Convertir en función flecha y Crear Getters/Setters.

Para obtener más información, consulte Cómo escribir y editar código en Dreamweaver.

Opciones de refactorización de Javascript
Opciones de refactorización de Javascript

Compatibilidad con ECMAScript 6

ECMAScript 6 es la sexta edición del estándar ECMA-262 y ofrece cambios importantes y mejoras en la especificación ECMAScript. ECMAScript es una especificación de lenguaje de scripts estandardizada por ECMA International. 

Dreamweaver ahora es compatible con la sintaxis ECMAScript 6. Los desarrolladores web ya pueden trabajar con las últimas actualizaciones de Javascript, aprovechando las funciones de ECMAScript 6. 

Dreamweaver también es compatible con la depuración de código ECMAScript, con ESLint como depurador predeterminado de JavaScript.

Para obtener más información, consulte Depuración de código mediante linting

Nueva integración con CEF

Como diseñador web o desarrollador web, cuando desee ampliar la web creando etiquetas HTML o propiedades css, necesita las últimas funciones de desarrollo web. Para ver la salida de las últimas funciones, los desarrolladores de Dreamweaver debían utilizar Vista previa en tiempo real en lugar de Vista en vivo. 

Dreamweaver ya está integrado con una nueva versión de Chromium Embedded Framework (CEF). Con el nuevo CFE, la Vista en vivo ahora representa páginas diseñadas con diseños de cuadrícula CSS. Además, con este cambio podrá apreciar un mejor diseño de cuadrícula CSS. 

Diseño de cuadrícula CSS con nueva integración de CEF
Diseño de cuadrícula CSS con nueva integración de CEF

Mejoras de seguridad

Dreamweaver ahora ofrece varias mejoras de seguridad que hacen que sea compatible con la mayor parte de los proveedores de alojamiento. 

OpenSSH y SSL abierto Dreamweaver ya está integrado con el nuevo OpenSSH (versión 7.6), que permite conexiones SFTP optimizadas sin interrupciones con varios servidores de alojamiento.  SSL abierto se ha actualizado de la versión 1.0.2 K a la 1.0.2o.

LibCURL: Dreamweaver ya está integrado con la nueva versión de Lib Curl (actualizado de la versión 7.38 a la 7.60), que proporciona conectividad segura a los usuarios.

Node.js se ha actualizado a la versión 6.14.0.

zlib se ha actualizado a la versión 1.2.11.

Pantalla Inicio

Al iniciar Dreamweaver, ahora se muestra una pantalla Inicio mejorada, que incluye opciones para:

  • Abrir varios tutoriales para aprender y entender conceptos, flujos de trabajo, sugerencias y trucos con rapidez
  • Abrir un documento existente o crear uno nuevo

El contenido de la pantalla Inicio se adapta en función de su nivel de familiaridad con Dreamweaver y de su plan de abono a Creative Cloud. 

Para obtener más información, consulte Espacio de trabajo de Dreamweaver.

Pantalla de inicio de Dreamweaver
Pantalla de inicio de Dreamweaver

Otros cambios

Buscar y reemplazar

La función anterior de Guardar y cargar las consultas en el cuadro de diálogo Buscar y reemplazar se ha vuelto a incorporar en esta versión. Para obtener más información, consulte Buscar y reemplazar texto, etiquetas y atributos.

Mejora de la vista previa en tiempo real

La vista previa en tiempo real ofrece ahora una opción para cambiar a obtener una vista previa de los documentos en el navegador. Para obtener más información, consulte Vista previa de páginas.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea