Resumo dos recursos | Dreamweaver | Versão 19.0

Saiba mais sobre os novos recursos e aprimoramentos da versão de outubro de 2018 do Dreamweaver (versão 19.0)

Observação:

A versão 19.0.1 do Dreamweaver inclui suporte ao Bootstrap 4.2.1 e correções de problemas encontrados nas versões anteriores do Dreamweaver. Essa atualização é recomendada para todos os usuários. 

Para obter mais informações, consulte Criar sites responsivos usando o Bootstrap. Para obter informações sobre os erros corrigidos nesta versão do Dreamweaver, consulte Problemas corrigidos no Dreamweaver

A versão de outubro de 2018 do Dreamweaver (versão 19.0) apresenta novos recursos incríveis para designers e desenvolvedores da Web. Leia para obter uma introdução rápida sobre esses recursos e links para recursos que oferecem mais informações.

Refatoração de JavaScript

Agora, com a refatoração de JavaScript, desenvolvedores da Web podem renomear funções e variáveis de maneira inteligente e abrangente. Você pode converter blocos de expressão ou de função anônima para uma expressão arrow em um clique, criar funções Getter/Setter para o identificador selecionado em um contexto de classe/construção, extrair uma expressão como variável no escopo em que estiver trabalhando e selecionar uma parte do código para criar um bloco Try/Catch para ele.

Você pode refatorar código em documentos HTML, PHP e JavaScript. Basta clicar com o botão direito do mouse na área do código no Dreamweaver e selecionar a opção Refatorar no menu que é exibido. Alguns dos aprimoramentos de produtividade úteis da opção Refatorar incluem as opções Renomear, Extrair para Variável, Extrair para Função, Delimitar em Try/Catch, Delimitar na Condição, Converter em Arrow Function e Criar Getters/Setters.

Para obter mais informações, consulte Como escrever e editar código no Dreamweaver

Opções de refatoração de JavaScript
Opções de refatoração de JavaScript

Suporte a ECMAScript 6

A ECMAScript 6 é a sexta edição do padrão ECMA-262 e inclui alterações e melhorias importantes para a especificação ECMAScript. ECMAScript é uma especificação de linguagem de script padronizada pela ECMA International. 

Agora, o Dreamweaver oferece suporte à sintaxe ECMAScript 6. Isso permite que desenvolvedores da Web trabalhem com as atualizações mais recentes do JavaScript aproveitando os recursos do ECMAScript 6. 

O Dreamweaver também oferece suporte a linting de código ECMAScript e tem o ESLint definido como o linter padrão de JavaScript.

Para obter mais informações, consulte Linting de código

Nova integração do CEF

Designers e desenvolvedores da Web precisam dos recursos de desenvolvimento da Web mais recentes para criar tags HTML ou propriedades CSS e aprimorar a experiência Web. Para visualizar o resultado de novos recursos, os desenvolvedores do Dreamweaver precisavam usar a Visualização em tempo real em vez da Visualização dinâmica. 

Agora, o Dreamweaver está integrado a uma nova versão do CEF (Chromium Embedded Framework). Com o novo CEF, a Visualização dinâmica agora renderiza páginas criadas usando o CSS Grid Layout. Além disso, com essa alteração, você pode exibir layouts de grade CSS melhores. 

Layout de grade CSS com nova integração do CEF
Layout de grade CSS com nova integração do CEF

Aprimoramentos de segurança

O Dreamweaver agora oferece vários aprimoramentos de segurança, o que permite suporte à maioria dos provedores de hospedagem. 

OpenSSH e OpenSSL: o Dreamweaver agora está integrado ao novo OpenSSH (versão 7.6), o que permite conexões SFTP contínuas com vários servidores de hospedagem. O OpenSSL foi atualizado da versão 1.0.2 K para a versão 1.0.2o.

LibCURL: o Dreamweaver agora está integrado à nova versão do Lib Curl (atualizado da versão 7.38 para a versão 7.60), oferecendo conectividade segura para os usuários.

O Node.js foi atualizado para a versão 6.14.0.

A zlib foi atualizada para a versão 1.2.11.

Tela inicial

Agora, ao abrir o Dreamweaver, uma tela inicial aprimorada é exibida, incluindo opções para:

  • Abrir vários tutoriais para você aprender e entender conceitos, fluxos de trabalho, dicas e truques com rapidez
  • Criar um documento ou abrir um documento existente

O conteúdo exibido na tela inicial é definido de acordo com o seu nível de familiaridade com o Dreamweaver e o seu plano de associação à Creative Cloud. 

Para obter mais informações, consulte Área de trabalho do Dreamweaver.

Tela inicial do Dreamweaver
Tela inicial do Dreamweaver

Alterações diversas

Localizar e substituir

A antiga opção para salvar e carregar consultas na caixa de diálogo Localizar e substituir está de volta nesta versão. Para obter mais informações, consulte Localizar e substituir texto, tags e atributos

Aprimoramentos na Visualização em tempo real

Agora, a Visualização em tempo real oferece uma opção para visualizar documentos no navegador. Para obter mais informações, consulte Visualizar páginas.

Receba ajuda com mais rapidez e facilidade

Novo usuário?