Programação do Lado
do Cliente
Front-End
Introdução
• Elementos Visíveis de e
Interativo de aplicação web;
• Tecnologias: HTML, CSS,
JavaScript.
• Interfaces ricas e responsivas.
Tecnologia de Front End e
sua Importância
• Front End vs Back End;
• Lado Cliente ;
• Linguagem de Marcação
Exemplo:
Principais
Frameworks
•React: Componentes
reutilizáveis, Virtual DOM.
•Angular: Framework
completo, usa TypeScript.
•Vue.js: Simplicidade e
flexibilidade, progressivo.
Aplicações do Front
End Além do
Desenvolvimento
Web
•Aplicações Móveis:
React Native, Flutter.
•Dispositivos IoT:
Termostatos inteligentes,
automação residencial.
Importância da
Acessibilidade
Garantir que todos os
usuários, incluindo aqueles
com deficiências, possam
acessar as aplicações é uma
responsabilidade crescente
no desenvolvimento de front-
end.
Futuro das
Tecnologias de
Front End
•PWAs: Funcionalidade offline,
notificações push.
•WebAssembly: Código em C,
C++ ou Rust no navegador.
•IA e Machine Learning:
Interfaces personalizadas e
adaptativas.
Conclusão
• Essência para o Usuário;
• Evolução continua e
adaptação às novas
demandas;
Referencias
• KUTTIG, Alexander Benedikt. Professional React Native: Expert techniques and solutions for
building high-quality, cross-platform, production-ready apps. 1st ed. Birmingham: Packt Publishing,
2019.
• ANGEL, Miguel Álvarez. O que é CSS. 1ª ed. São Paulo: Editora Contexto, 2011.
• KRAMMER, Cristian. Sketch Handbook. 1ª ed. Freiburg: Smashing Media AG, 2016.
• DUCKETT, Jon. HTML & CSS: Design and Build Websites. 1ª ed. Indianapolis: Wiley, 2011.
• SILVA, Maurício Samy. Fundamentos de HTML5 e CSS3. 1ª ed. São Paulo: Novatec, 2013.

Programação do lado do Cliente - Front End.pptx

  • 1.
    Programação do Lado doCliente Front-End
  • 2.
    Introdução • Elementos Visíveisde e Interativo de aplicação web; • Tecnologias: HTML, CSS, JavaScript. • Interfaces ricas e responsivas.
  • 3.
    Tecnologia de FrontEnd e sua Importância • Front End vs Back End; • Lado Cliente ; • Linguagem de Marcação
  • 4.
  • 5.
    Principais Frameworks •React: Componentes reutilizáveis, VirtualDOM. •Angular: Framework completo, usa TypeScript. •Vue.js: Simplicidade e flexibilidade, progressivo.
  • 6.
    Aplicações do Front EndAlém do Desenvolvimento Web •Aplicações Móveis: React Native, Flutter. •Dispositivos IoT: Termostatos inteligentes, automação residencial.
  • 7.
    Importância da Acessibilidade Garantir quetodos os usuários, incluindo aqueles com deficiências, possam acessar as aplicações é uma responsabilidade crescente no desenvolvimento de front- end.
  • 8.
    Futuro das Tecnologias de FrontEnd •PWAs: Funcionalidade offline, notificações push. •WebAssembly: Código em C, C++ ou Rust no navegador. •IA e Machine Learning: Interfaces personalizadas e adaptativas.
  • 9.
    Conclusão • Essência parao Usuário; • Evolução continua e adaptação às novas demandas;
  • 10.
    Referencias • KUTTIG, AlexanderBenedikt. Professional React Native: Expert techniques and solutions for building high-quality, cross-platform, production-ready apps. 1st ed. Birmingham: Packt Publishing, 2019. • ANGEL, Miguel Álvarez. O que é CSS. 1ª ed. São Paulo: Editora Contexto, 2011. • KRAMMER, Cristian. Sketch Handbook. 1ª ed. Freiburg: Smashing Media AG, 2016. • DUCKETT, Jon. HTML & CSS: Design and Build Websites. 1ª ed. Indianapolis: Wiley, 2011. • SILVA, Maurício Samy. Fundamentos de HTML5 e CSS3. 1ª ed. São Paulo: Novatec, 2013.