113 - Flutter WEB VS HTML e CSS

Playlist: Curso Grátis de FLUTTER e DART Completo
https://www.youtube.com/playlist?list=PL5EmR7zuTn_aX0pG4oWTyKKQT25Hkq2XG

Flutter para web
Flutter for web é uma implementação do Flutter compatível com código que é renderizada usando tecnologias web baseadas em padrões: HTML, CSS e JavaScript. Com o Flutter for web, você pode compilar o código Flutter existente escrito em Dart em uma experiência do cliente que pode ser incorporada no navegador e implantada em qualquer servidor da web. Você pode usar todos os recursos do Flutter e não precisa de um plug-in de navegador.

 Aviso: Flutter para web está atualmente disponível como uma pré-visualização técnica. Ao experimentar o Flutter for web, você pode esperar travamentos e falta de recursos. Para mais informações, consulte o Flutter for web README.

Confira o repositório para obter instruções sobre como começar.

mostrando arquitetura Flutter para C ++ vs Flutter para web

Adicionar suporte da web envolve a implementação da camada de desenho principal do Flutter no topo das APIs padrão do navegador. Usando uma combinação de DOM, Canvas e CSS, podemos fornecer uma experiência de usuário portátil, de alta qualidade e eficiente para todos os navegadores modernos. Implementamos essa camada de desenho principal completamente no Dart e usamos o compilador JavaScript otimizado da Dart para compilar o núcleo e a estrutura Flutter junto com seu aplicativo em um arquivo de origem único e reduzido que pode ser implantado em qualquer servidor da Web.

Neste estágio inicial de desenvolvimento, imaginamos o Flutter para que a web seja valiosa em muitos cenários. Por exemplo:

Um aplicativo da Web progressivo conectado criado com o Flutter. O suporte da Web para o Flutter permite que aplicativos existentes baseados em dispositivos móveis sejam empacotados como um PWA para alcançar uma variedade mais ampla de dispositivos ou para fornecer uma experiência da Web complementar a um aplicativo existente.

Conteúdo interativo incorporado. O Flutter fornece um ambiente poderoso para a criação de componentes ricos e centrados em dados que podem ser facilmente hospedados em uma página da Web existente. Seja para visualização de dados, uma ferramenta on-line como um configurador de carro ou um gráfico incorporado, o Flutter pode fornecer uma abordagem de desenvolvimento produtivo para conteúdo da Web incorporado.

Incorporação de conteúdo dinâmico em um aplicativo móvel Flutter. Uma maneira estabelecida de fornecer atualizações dinâmicas de conteúdo em um aplicativo móvel existente é o uso de um controle de visualização da Web, que pode carregar e exibir informações dinamicamente. O suporte agora oferecido pela Flutter para um ambiente unificado para conteúdo web e móvel permite que você implante conteúdo online ou incorporado em um aplicativo sem reescrever.

Notas sobre a pré-visualização técnica
O Flutter para visualização técnica da Web é a sua oportunidade de experimentar o nosso trabalho. Antes de começar, aqui estão algumas notas:

Estamos desenvolvendo o Flutter for web em um fork do repositório Flutter. Isso permite iterações rápidas enquanto mantém o repositório principal do Flutter estável.

Já começamos a trabalhar para mesclar o código da web no repositório principal. Eventualmente, teremos um único SDK / Framework com um conjunto de widgets que funcione em todas as plataformas.

As APIs do widget Flutter são idênticas às APIs de widgets para dispositivos móveis, mas são temporariamente empacotadas separadamente.

Você pode reempacotar o código Flutter existente para trabalhar na visualização da Web, mas há algumas advertências enquanto ainda estamos na visualização. Confira as instruções para mais detalhes.

Vá para o repositório da web flutter para começar. Confira o Flutter para amostras da web. Obrigado por registrar qualquer problema que você encontrar. Você também pode conversar e fazer perguntas no nosso canal Gitter.

Тэги:

#flutter_web #flutter_web_tutorial #flutter #flutter_html #flutter_css #flutter_html_css #daves_tecnologia #flutter_tutorial #google_flutter

Скачать видео