Group Discussion: React, Vue and Others
Students will work in groups to create a Wiki comparing major client-side JavaScript frameworks: React, Vue and others. If you did not work before with Moodle Wikis, see this small video (3:36 min.) on the Wiki activity page.
Our goal here is to compare the three main client-side JavaScript frameworks, React, Vue, and two newcomers Svelte and Flutter. There will be four groups, one for each framework. They will create a wiki with the following content:
- Framework name
- Student List (with name and USP id)
- Main Framework Features (Explain how to start an app)
- Framework Advantages
- Framework Disadvantages
- Main Application Niches
- Future Perspectives
They will also make a 22 minutes presentation of their work to the class.
Each group has to choose:
- Coordinator: To coordinate the discussions and group activities. He also has to control the time to make sure the group will post its results on time.
- Editor: To write down the group's contents to the wiki.
- Two or Three Presenters: To present the work to the class
A group may divide the work among subgroups, but, in this case, it is recommended that you plan some time to join the work of each subgroup.
Tip: If you use Google Docs or Slides to create your work, you may just link it to the group's wiki page. But remember to make it readable by everyone and copy its text to the wiki (just as a backup).
Flutter2
(Restaurar esta versão)
Modificado: 21 maio 2025, 11:45 AM Usuário: Juan Marques Jordao → JM
Introduction
Framework Features
Framework AdvantagesO uso do Flutter permite o desenvolvimento de aplicativos para Android, iOS, Web, Windows, macOS e Linux utilizando um único código-fonte.
Isso reduz significativamente o tempo e o custo de manutenção, já que não é necessário manter múltiplos projetos separados. Além disso o Flutter utiliza o motor gráfico Skia, proporcionando interfaces rápidas e com excelente desempenho. A linguagem Dart é otimizada para performance e, junto à arquitetura baseada em widgets, elimina a necessidade de bridges entre o código e a plataforma nativa, garantindo uma experiência fluida e responsiva ao usuário.
Das suas vantagens mais competitivas de mercado o Flutter oferta o recurso Hot Reload que permite visualizar alterações no código em tempo real, acelerando significativamente o ciclo de desenvolvimento, combinado com os widgets pré-construídos, o Hot Reload torna o processo de prototipagem e entrega de funcionalidades muito mais ágil. Outrossim, conta com uma comunidade crescente e o apoio direto do Google, garantindo evolução constante. Possui um ecossistema rico em pacotes e plugins, que facilita a adição de novas funcionalidades e o aprimoramento contínuo dos aplicativos sendo uma boa escolha para uma alta escalabilidade de projetos sem demandar muitos esforços.
Framework Disadvantages
Main Application NichesFuture Perspectives
Contexto Empresarial
Mostrou ser uma ferramenta confiável, estável e poderosa para aplicações de grande porte, por conta disso grandes empresas do setor bancário, fintechs e empresas de outros setores aderiram à ele, dentre elas temos Nubank, BMW, Toyota entre outras. Além disso, permite desenvolver aplicativos em IOS, Android e Web, portanto a tendência é que mais empresas venham a aderir ao Flutter no futuro, principalmente em setores bancários e governamentais.
Atualizações
Lançamento Flutter 4 previsto para os próximos anos
Aprimoramento do suporte para Desktop: Esperado integração mais profunda com APIs específicas para cada sistema operacional, como suporte aprimorado para Wayland no Linux e suporte para o WinUI no Windows. Suporte para integração de sistemas nativos, através de componentes de UI como suportes para menus, system trays e janelas arrastáveis. Aprimoramento sistema de input de mouse e teclado, tornando-os mais responsivos e intuitivos
Melhora na performance WEB: Reduzir o tempo de carregamento inicial, aprimoramento do pipeline de renderização melhorando a performance em aplicações gráficas. Além disso o novo Media Query e Layout Builder permitem aos desenvolvedores criar UIs mais responsivas e adaptativas
Aprimoramento da ferramenta Flutter Devtools: Novas opções de debug que facilitem a detecção de gargalos como vazamentos de memória. Hot Reload e Hot Restart mais eficientes e rápidos. Melhor integração do DevTools com pipelines CI/CD e serviços de monitoramento cloud-based, o que facilita para os times analisarem performance do desenvolvimento
Integração com IA e Machine Learning: Integração com o ecossistema do Google machine learning. Crescimento do suporte para TensorFlow Lite e modelos de IA integrados, facilitando o uso de features como reconhecimento de imagem e análises preditivas. Plugins do Flutter para modelos pré treinados populares serão aprimorados, permitindo desenvolvedores implementarem aplicações avançadas de IA sem necessidade de conhecimento profundo de ML. o Google ML kit provê APIs prontas para tasks de machine learning.
Sistemas embarcados: A leveza do Flutter e a habilidade de compilar para código nativo o torna forte candidato para aplicações de UI para dispositivos de IOT. Suporte oficial para desenvolvimento de aplicativos para sistemas embarcados. Desenvolvedores podem criar UIs de alta performance para interfaces de hardware específicos
Referências:https://200oksolutions.com/blog/whats-new-for-flutter-in-2025-flutter-4-0/
Tópicos para os slides:
Mais empresas aderindo ao Flutter
Mais suporte para Desktop
Melhora na performance Web
Aprimoramento da Flutter Devtools
Integração com IA e ferramentas de Machine Learning
Uso de Flutter em sistemas embarcados