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
(Diese Version wiederherstellen)
Geändert: 21. Mai 2025, 11:38 Nutzer/in: Luiz Fellipe Catuzzi Araujo Hotoshi → LF
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.
● Alto desempenho: Utiliza o mecanismo gráfico Skia, garantindo interfaces rápidas e
com ótima performance. O Flutter utiliza a linguagem de programação Dart, otimizada
para performance, resultando em aplicativos velozes e responsivos. A arquitetura do
Flutter, baseada em widgets, elimina a necessidade de uma bridge entre o código e a
plataforma nativa, garantindo uma experiência fluida para os usuários.
● Componentes personalizáveis: Oferece widgets prontos e flexíveis, adaptáveis ao
estilo das plataformas (Material Design e Cupertino). Facilidade para criar UIs modernas
e animadas.
● Hot Reload: Permite ver mudanças no código em tempo real, acelerando o
desenvolvimento. A combinação do Hot Reload e da biblioteca de widgets
pré-projetados agiliza o processo de criação, desde o conceito até o lançamento.
● Comunidade ativa e suporte do Google: Constante evolução e ampla base de
pacotes de terceiros. O Flutter está em constante evolução, com um ecossistema
crescente de pacotes e plugins que estendem suas funcionalidades. Isso significa que
você terá acesso a ferramentas cada vez mais poderosas para melhorar a experiência
do usuário e a funcionalidade do seu aplicativo.
● Uso crescente no meio empresarial: Nubank, Alibaba, BMW, Google Pay
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