Curso sobre AngularJS, tratando deste ambiente e ferramentas modernas de desenvolvimento até o desenvolvimento de uma aplicação usando AngularJS. Curso em duas partes.
No final foram desenvolvidas duas aplicações que podem ser vistas nos links:
https://github.com/alvarowolfx/shopping-list
https://github.com/alvarowolfx/ng-pokedex
Este documento discute o desenvolvimento de aplicações web modernas com AngularJS. Ele aborda tópicos como criação de Single Page Applications, uso de componentes de terceiros, rotas com UI-Router e consumo de APIs REST. O documento também fornece instruções para construir uma aplicação Pokedex que lista, busca e exibe detalhes de Pokémons.
1. O documento discute abraçar o framework AngularJS para implementar arquitetura MVC no lado do cliente.
2. É explicado que frameworks como o Angular resolvem problemas como manipulação de dados e lógica nas views.
3. O framework AngularJS é então apresentado, com ênfase em sua abordagem declarativa usando diretivas e two-way data binding.
O documento apresenta o CouchDB, um banco de dados NoSQL orientado a documentos que pode ser usado no navegador, dispositivos móveis e servidores. O PouchDB permite usar um CouchDB no JavaScript do navegador ou em aplicativos móveis híbridos. Isso permite criar seu próprio "iCloud" com sincronização entre dispositivos e armazenamento flexível de dados para aplicativos offline.
AngularJS é um framework JavaScript para desenvolvimento de aplicações web single-page. Ele facilita a criação de SPAs através de características como data binding de duas vias, injeção de dependências e diretivas que estendem HTML. AngularJS também suporta controllers, filters e versões para diferentes navegadores, embora a versão mais antiga suporte apenas o Internet Explorer 9 ou superior.
AngularJS é um framework JavaScript para desenvolvimento de aplicações web que estrutura a aplicação em camadas bem definidas como View, Controller e Scope. Ele fornece recursos como componentes reusáveis, integração com back-end e facilitação de testes automatizados.
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Rodrigo Branas
Rodrigo Branas oferece treinamentos em desenvolvimento web com AngularJS e Clean Code. Ele tem experiência em ensinar técnicas como TDD, refactoring e orientação a objetos. O documento lista os cursos disponíveis e fornece contatos para se inscrever.
O documento fornece uma visão geral da biblioteca JavaScript React criada pelo Facebook para construção de interfaces de usuário. Apresenta as características principais do React como alto desempenho, componentes e Virtual DOM, e discute instalação, funcionamento com estados, propriedades e ciclo de vida de componentes. Finaliza com links e referências sobre o uso do React.
Material Design simples e rapido com AngularJSHenrique Limas
Muito se fala hoje de aplicações nativas usando o Material Design do Google. Mas como desenvolver de modo simples, ágil e multi-plataforma na web?
Demo no Github: https://github.com/HenriqueLimas/tdc-2015-palestra-angular-material
Este documento discute o desenvolvimento de aplicações web modernas com AngularJS. Ele aborda tópicos como criação de Single Page Applications, uso de componentes de terceiros, rotas com UI-Router e consumo de APIs REST. O documento também fornece instruções para construir uma aplicação Pokedex que lista, busca e exibe detalhes de Pokémons.
1. O documento discute abraçar o framework AngularJS para implementar arquitetura MVC no lado do cliente.
2. É explicado que frameworks como o Angular resolvem problemas como manipulação de dados e lógica nas views.
3. O framework AngularJS é então apresentado, com ênfase em sua abordagem declarativa usando diretivas e two-way data binding.
O documento apresenta o CouchDB, um banco de dados NoSQL orientado a documentos que pode ser usado no navegador, dispositivos móveis e servidores. O PouchDB permite usar um CouchDB no JavaScript do navegador ou em aplicativos móveis híbridos. Isso permite criar seu próprio "iCloud" com sincronização entre dispositivos e armazenamento flexível de dados para aplicativos offline.
AngularJS é um framework JavaScript para desenvolvimento de aplicações web single-page. Ele facilita a criação de SPAs através de características como data binding de duas vias, injeção de dependências e diretivas que estendem HTML. AngularJS também suporta controllers, filters e versões para diferentes navegadores, embora a versão mais antiga suporte apenas o Internet Explorer 9 ou superior.
AngularJS é um framework JavaScript para desenvolvimento de aplicações web que estrutura a aplicação em camadas bem definidas como View, Controller e Scope. Ele fornece recursos como componentes reusáveis, integração com back-end e facilitação de testes automatizados.
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Rodrigo Branas
Rodrigo Branas oferece treinamentos em desenvolvimento web com AngularJS e Clean Code. Ele tem experiência em ensinar técnicas como TDD, refactoring e orientação a objetos. O documento lista os cursos disponíveis e fornece contatos para se inscrever.
O documento fornece uma visão geral da biblioteca JavaScript React criada pelo Facebook para construção de interfaces de usuário. Apresenta as características principais do React como alto desempenho, componentes e Virtual DOM, e discute instalação, funcionamento com estados, propriedades e ciclo de vida de componentes. Finaliza com links e referências sobre o uso do React.
Material Design simples e rapido com AngularJSHenrique Limas
Muito se fala hoje de aplicações nativas usando o Material Design do Google. Mas como desenvolver de modo simples, ágil e multi-plataforma na web?
Demo no Github: https://github.com/HenriqueLimas/tdc-2015-palestra-angular-material
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!José Barbosa
Vuejs, Angularjs e Reactjs são os três principais três frameworks front-end do momento. Veja algumas semelhanças e diferenças entre cada um.
Palestra no meetup de vue.js
O documento apresenta os principais conceitos do framework AngularJS, incluindo diretivas, serviços, filtros, roteamento e ciclo de vida das aplicações. Demonstra como o AngularJS estende o HTML para permitir data binding de duas vias e componentes, e discute alguns mitos, prós e contras do framework. Por fim, apresenta uma breve prévia do Angular 2.0 e uma demonstração prática.
O documento descreve a evolução do framework AngularJS, desde sua criação em 2009 até as mudanças trazidas pela versão 2.0. Apresenta os principais recursos de cada versão e explica como alguns conceitos foram modificados ou removidos para aproveitar melhorias na linguagem JavaScript.
O documento apresenta o framework Vue.js, descrevendo-o como um framework progressivo que oferece renderização declarativa e reativa, sistema de componentes aninhados e comunicação entre eles, além de suporte a client-side routing e gerenciamento de estado centralizado. O documento também destaca a experiência de desenvolvimento facilitada por Vue, como single file components e build system.
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAWilson Mendes
O documento apresenta um framework chamado AngularJS, descrevendo seus conceitos e vantagens, como programação declarativa, data binding e injeção de dependência. Também compara o AngularJS com outros frameworks como jQuery, Backbone e Ember, mostrando que o AngularJS permite desenvolver aplicações web de forma mais concisa e produtiva.
Desenvolvimento Front end (AngularJS e Bootstrap)Julian Cesar
O documento apresenta uma agenda de um curso de formação front-end com AngularJS e Bootstrap. O curso abordará introdução ao JavaScript, AngularJS, diretivas, controllers, serviços, views, requisições AJAX, armazenamento local e Bootstrap. Não será abordado ferramentas como IDEs, Bower, Grunt, Node ou outras bibliotecas auxiliares.
Angularjs é um framework javascript construido e mantido pelo grupo de engenheiros do Google, ele usa o HTML como uma "template engine" aliado a conceitos de Orientação a Objetos, testes, dentre outros, no intuito de fornecer uma solução completa para o cliente-side de sua aplicação. Além disso tem total compatibilidade com as bibliotecas javascript mais utilizadas, como jQuery. é um novo conceito para desenvolvimento de web apps client-site.
Entenda as novidades que estão por vir com o AngularJS 2.0, as novas definições, facilidades, novos desafios e entenda o motivo do AngularJS ser um framework excelente para todos os momentos.
O documento apresenta uma introdução ao framework Vue.js, descrevendo o que é Vue.js, como iniciar uma instância, as principais diretivas como v-model, v-if e v-for, a estrutura de uma instância Vue incluindo os objetos data, computed e methods. Também discute porque usar Vue.js, destacando sua simplicidade, desempenho e rápida adoção.
Sua aplicação AngularJS está lenta? Como otimizar a performance? Combinar outras tecnologias como workaround são paliativos, pois não resolvem o problema. Nessa palestra, entenda conceitos do núcleo do AngularJS e várias técnicas para aumentar o desempenho de suas aplicações web.
Vamos explorar conceitos fundamentais como o ciclo de vida do $rootScope e como funciona o dirty checking, assim como $compile, $watch e $emit. Veremos também boas práticas ao utilizar diretivas, filters, services e outros componentes do framework. Outro ponto abordado é a utilização de paradigmas e patterns assíncronos para melhorar o desempenho de suas aplicações.
Por fim, veremos boas práticas, como melhorar os nossos testes unitários e end-to-end, discutiremos conceitos de lazy web e conheceremo ferramentas que podem nos ajudar nesta tarefa.
O documento resume o que é React, suas principais vantagens como ser fácil de aprender, reaproveitamento de código e comunidade ativa. Explica que React é rápido devido ao Virtual DOM e que utiliza componentes como base para construção de interfaces.
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
Interface de Usuário também é coisa de Programador, o objetivo deste treinamento é vivenciar um ambiente de desenvolvimento empregando estas tecnologias, abordando conceitos de testes unitários, integrados, padrões e boas práticas de desenvolvimento
Desenvolvimento de Aplicações Web AngularJS no Contexto da IoTRodrigo Fortes
AngularJS é um framework JavaScript para aplicações web que facilita a separação de responsabilidades, two-way data binding e testabilidade. O documento discute diretivas, filtros, validação de formulários e integração com web services para construir aplicações frontend dinâmicas.
Java script em 2016 - Como sobreviver a essa sopa de letrinhas com vue.jsVinicius Reis
O documento discute a complexidade do ecossistema JavaScript e como Vue.js pode ajudar a simplificar o desenvolvimento front-end. Ele explica conceitos como EcmaScript, Node, pacotes, task runners, transpilers, bundlers e testes. Em seguida, apresenta o framework Vue.js como uma forma progressiva de construir interfaces com componentes de único arquivo que oferecem renderização do lado do servidor e do cliente.
1. O documento apresenta Rodrigo Branas, palestrante e instrutor de Domain-Driven Design.
2. Ele tem formação em Ciências da Computação e Gerenciamento de Projetos e trabalhou com grandes empresas.
3. Domain-Driven Design é abordado, focando na importância de entender profundamente o domínio do negócio através da linguagem ubíqua e do modelo de domínio.
Este documento descreve como construir uma aplicação usando Node.js, Socket.io e AngularJS para permitir que usuários enviem e recebam mensagens em grupos em tempo real. Explica como configurar os arquivos e código para criar grupos de mensagens, se conectar a eles e transmitir mensagens entre clientes e servidor.
O documento discute técnicas para melhorar o desempenho de front-end de sites, destacando a importância de otimizar o front-end, onde a maior parte do tempo de resposta é gasto, e como pequenas melhorias podem gerar grandes economias e aumento de receita. Algumas dicas incluem comprimir arquivos, usar sprites de imagem, habilitar caches e gzip no servidor.
Este documento presenta un curso sobre AngularJS. Incluye información sobre el instructor Carlos Azaustre, el temario del curso, la agenda, conceptos clave de AngularJS como MVC, data binding, directivas, y ejemplos de implementación de formularios, rutas, servicios, estructura de archivos y entorno de desarrollo. También se describe una aplicación de ejemplo para mostrar un listado de empleados.
CouchDB é um banco de dados orientado a documentos escrito em Erlang. Ele armazena dados flexíveis em formato JSON e fornece recursos como views, replicação, segurança e validação através de JavaScript. CouchDB é usado por aplicativos do Facebook e BBC devido à sua escalabilidade e desempenho.
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!José Barbosa
Vuejs, Angularjs e Reactjs são os três principais três frameworks front-end do momento. Veja algumas semelhanças e diferenças entre cada um.
Palestra no meetup de vue.js
O documento apresenta os principais conceitos do framework AngularJS, incluindo diretivas, serviços, filtros, roteamento e ciclo de vida das aplicações. Demonstra como o AngularJS estende o HTML para permitir data binding de duas vias e componentes, e discute alguns mitos, prós e contras do framework. Por fim, apresenta uma breve prévia do Angular 2.0 e uma demonstração prática.
O documento descreve a evolução do framework AngularJS, desde sua criação em 2009 até as mudanças trazidas pela versão 2.0. Apresenta os principais recursos de cada versão e explica como alguns conceitos foram modificados ou removidos para aproveitar melhorias na linguagem JavaScript.
O documento apresenta o framework Vue.js, descrevendo-o como um framework progressivo que oferece renderização declarativa e reativa, sistema de componentes aninhados e comunicação entre eles, além de suporte a client-side routing e gerenciamento de estado centralizado. O documento também destaca a experiência de desenvolvimento facilitada por Vue, como single file components e build system.
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAWilson Mendes
O documento apresenta um framework chamado AngularJS, descrevendo seus conceitos e vantagens, como programação declarativa, data binding e injeção de dependência. Também compara o AngularJS com outros frameworks como jQuery, Backbone e Ember, mostrando que o AngularJS permite desenvolver aplicações web de forma mais concisa e produtiva.
Desenvolvimento Front end (AngularJS e Bootstrap)Julian Cesar
O documento apresenta uma agenda de um curso de formação front-end com AngularJS e Bootstrap. O curso abordará introdução ao JavaScript, AngularJS, diretivas, controllers, serviços, views, requisições AJAX, armazenamento local e Bootstrap. Não será abordado ferramentas como IDEs, Bower, Grunt, Node ou outras bibliotecas auxiliares.
Angularjs é um framework javascript construido e mantido pelo grupo de engenheiros do Google, ele usa o HTML como uma "template engine" aliado a conceitos de Orientação a Objetos, testes, dentre outros, no intuito de fornecer uma solução completa para o cliente-side de sua aplicação. Além disso tem total compatibilidade com as bibliotecas javascript mais utilizadas, como jQuery. é um novo conceito para desenvolvimento de web apps client-site.
Entenda as novidades que estão por vir com o AngularJS 2.0, as novas definições, facilidades, novos desafios e entenda o motivo do AngularJS ser um framework excelente para todos os momentos.
O documento apresenta uma introdução ao framework Vue.js, descrevendo o que é Vue.js, como iniciar uma instância, as principais diretivas como v-model, v-if e v-for, a estrutura de uma instância Vue incluindo os objetos data, computed e methods. Também discute porque usar Vue.js, destacando sua simplicidade, desempenho e rápida adoção.
Sua aplicação AngularJS está lenta? Como otimizar a performance? Combinar outras tecnologias como workaround são paliativos, pois não resolvem o problema. Nessa palestra, entenda conceitos do núcleo do AngularJS e várias técnicas para aumentar o desempenho de suas aplicações web.
Vamos explorar conceitos fundamentais como o ciclo de vida do $rootScope e como funciona o dirty checking, assim como $compile, $watch e $emit. Veremos também boas práticas ao utilizar diretivas, filters, services e outros componentes do framework. Outro ponto abordado é a utilização de paradigmas e patterns assíncronos para melhorar o desempenho de suas aplicações.
Por fim, veremos boas práticas, como melhorar os nossos testes unitários e end-to-end, discutiremos conceitos de lazy web e conheceremo ferramentas que podem nos ajudar nesta tarefa.
O documento resume o que é React, suas principais vantagens como ser fácil de aprender, reaproveitamento de código e comunidade ativa. Explica que React é rápido devido ao Virtual DOM e que utiliza componentes como base para construção de interfaces.
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
Interface de Usuário também é coisa de Programador, o objetivo deste treinamento é vivenciar um ambiente de desenvolvimento empregando estas tecnologias, abordando conceitos de testes unitários, integrados, padrões e boas práticas de desenvolvimento
Desenvolvimento de Aplicações Web AngularJS no Contexto da IoTRodrigo Fortes
AngularJS é um framework JavaScript para aplicações web que facilita a separação de responsabilidades, two-way data binding e testabilidade. O documento discute diretivas, filtros, validação de formulários e integração com web services para construir aplicações frontend dinâmicas.
Java script em 2016 - Como sobreviver a essa sopa de letrinhas com vue.jsVinicius Reis
O documento discute a complexidade do ecossistema JavaScript e como Vue.js pode ajudar a simplificar o desenvolvimento front-end. Ele explica conceitos como EcmaScript, Node, pacotes, task runners, transpilers, bundlers e testes. Em seguida, apresenta o framework Vue.js como uma forma progressiva de construir interfaces com componentes de único arquivo que oferecem renderização do lado do servidor e do cliente.
1. O documento apresenta Rodrigo Branas, palestrante e instrutor de Domain-Driven Design.
2. Ele tem formação em Ciências da Computação e Gerenciamento de Projetos e trabalhou com grandes empresas.
3. Domain-Driven Design é abordado, focando na importância de entender profundamente o domínio do negócio através da linguagem ubíqua e do modelo de domínio.
Este documento descreve como construir uma aplicação usando Node.js, Socket.io e AngularJS para permitir que usuários enviem e recebam mensagens em grupos em tempo real. Explica como configurar os arquivos e código para criar grupos de mensagens, se conectar a eles e transmitir mensagens entre clientes e servidor.
O documento discute técnicas para melhorar o desempenho de front-end de sites, destacando a importância de otimizar o front-end, onde a maior parte do tempo de resposta é gasto, e como pequenas melhorias podem gerar grandes economias e aumento de receita. Algumas dicas incluem comprimir arquivos, usar sprites de imagem, habilitar caches e gzip no servidor.
Este documento presenta un curso sobre AngularJS. Incluye información sobre el instructor Carlos Azaustre, el temario del curso, la agenda, conceptos clave de AngularJS como MVC, data binding, directivas, y ejemplos de implementación de formularios, rutas, servicios, estructura de archivos y entorno de desarrollo. También se describe una aplicación de ejemplo para mostrar un listado de empleados.
CouchDB é um banco de dados orientado a documentos escrito em Erlang. Ele armazena dados flexíveis em formato JSON e fornece recursos como views, replicação, segurança e validação através de JavaScript. CouchDB é usado por aplicativos do Facebook e BBC devido à sua escalabilidade e desempenho.
O documento discute o conceito de Big Data, incluindo sua definição, aplicações e tipos de análises. Explica que Big Data envolve grandes quantidades de dados distribuídos que crescem rapidamente e requerem escalabilidade. Apresenta exemplos de usos de Big Data Analytics em crédito, marketing, eleições e esportes.
O documento apresenta o banco de dados não relacional CouchDb. Resume o que é CouchDb, como funciona armazenando documentos de forma autocontida sem esquema pré-definido e manipulando os dados através de requisições HTTP em formato JSON de forma independente da linguagem. Apresenta um exemplo HelloWorld com PHP que armazena e lê tweets com uma hashtag do CouchDb.
Este documento fornece um resumo sobre o CouchDB, um banco de dados orientado a documentos. Ele discute a história do CouchDB, seus problemas com bancos de dados relacionais tradicionais, como foi construído para o futuro, seu modelo de documentos, API HTTP REST, visões para extrair dados, e replicação de dados.
Este documento apresenta o Apache CouchDB, um banco de dados não-relacional (NoSQL) que armazena dados em formato de documentos JSON. Ele descreve as principais características do CouchDB, incluindo armazenamento flexível em documentos, consultas em JavaScript, replicação e API RESTful. Além disso, explica as diferenças entre bancos de dados relacionais e documentais e fornece um exemplo simples de uso do MapReduce no CouchDB.
Seminário feito para a disciplina de Sistemas Distribuídos da Universidade Federal de São Paulo, ministrada pelo Prof. Dr. Arlindo Flávio da Conceição.
Apresentação de Alex Martins e Laercio de Souza. Estudantes de Sistemas para Internet. Agradecimento as pessoas que apoiaram no desenvolvimento da apresentação. Faltou algumas referências. Mas para ficar a disposição para vocês.
JHipster - Produtividade e Maturidade em suas mãosThiago Soares
O documento apresenta uma palestra sobre produtividade e maturidade usando a ferramenta JHipster. Apresenta os objetivos de gerar uma aplicação completa com JHipster em 1 hora para atender aos requisitos de um cliente. Explica o que é JHipster, Spring Boot e como eles automatizam a criação de código, permitindo focar na lógica de negócio. Demonstra o uso de JHipster para gerar CRUDs, deploy na nuvem e personalizar o código.
O documento apresenta uma introdução ao desenvolvimento web com .NET Core, descrevendo sua história, arquitetura, ferramentas e como transformar um projeto console em um site web usando o framework MVC.
Moacir Casemiro apresenta suas credenciais e experiência em arquitetura e gestão de software, incluindo certificações como MCP, MCAD, MCTS e MCPD. Ele fornece seus contatos e detalhes sobre palestras e treinamentos sobre padrões de projeto, MVC e ASP.NET MVC.
O documento discute aplicações Cloud Native e como desenvolver aplicações escaláveis em ambientes dinâmicos de nuvem. Algumas características importantes discutidas incluem empacotamento de aplicações usando containers, uso de recursos em nuvem e monitoramento observável. O documento também fornece um exemplo demostrativo de uma aplicação ponta a ponta construída usando essas técnicas.
Acelerando a entrega de software com as ferramentas de desenvolvimento da AWSAmazon Web Services LATAM
A era dos ciclos anuais e semestrais de entrega de software está ficando para trás. Empresas líderes em seu segmento de mercado entregam software de alta qualidade em ciclos de poucos dias, em alguns casos, de poucas horas. Nesta sessão, iremos apresentar como você pode iniciar sua jornada para DevOps compartilhando boas práticas e ferramentas utilizadas pelos times de ‘duas pizzas’ da Amazon. Vamos mostrar como você pode acelerar sua produtividade implementando fluxos de integração e entrega contínua. E iremos introduzir os serviços que a AWS desenvolveu inspirados nas ferramentas e práticas internas da Amazon: AWS CodeCommit, AWS CodeBuild, AWS CodePipeline e AWS CodeDeploy.
https://aws.amazon.com/pt/products/developer-tools/
O documento discute como implementar um processo de entrega contínua automatizado usando ferramentas como Elastic Beanstalk, CodeDeploy e AWS CodePipeline para implantar aplicações na nuvem de forma escalável e sem downtime.
Quebrando barreiras entre desenvolvimento e operação de software com DevOpsJosé Alexandre Macedo
Apresentado para o Pop-ES e NPD da Ufes. Conheça o significado de DevOps e como ele pode apoiar entregas mais rápidas de software por meio da mudança de cultura, automatização entre outras...
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...Daniel Makiyama
Slides de curso de Férias ministrado na FEI em 07/2014. 20 horas de pura introdução ao mundo do entity framework code first e Asp.Net MVC 5 com o Visual Studio Express 2013
Plataforma Android: Produtividade Além do SDKRyan Padilha
O documento discute frameworks e padrões de projeto para desenvolvimento de aplicativos Android. Apresenta ferramentas como DroidDraw para design de interface, RoboGuice para injeção de dependência, AndOrm para mapeamento objeto-relacional e padrões como MVC e Singleton. Também aborda integração de dados via web services SOAP.
O documento resume o encontro #5 do grupo GDG ABC. Apresenta as tendências tecnológicas de 2015 em infraestrutura, web e mobile, incluindo Docker, Kubernetes, AngularJS, Polymer, Android Everywhere e Android Auto. O grupo discute como participar e compartilhar experiências.
O documento apresenta uma introdução ao framework JavaScript Backbone.js, discutindo seu propósito de separar as responsabilidades entre modelo, vista e roteador, e como ele pode ser usado para estruturar projetos com maior responsividade. Também aborda tópicos como estruturação de projetos com Backbone, uso de views, modelos, coleções e roteadores, além de testabilidade do framework.
O documento resume as principais características do framework Easy Framework: 1) É um framework MVC para PHP que facilita a construção de aplicações robustas e seguras; 2) Utiliza padrões como ORM e permite fácil integração com bancos de dados; 3) Fornece recursos como cache, segurança, internacionalização e suporte a aplicações RESTful.
O documento discute ferramentas para desenvolvimento web como Yeoman, AngularJS, CouchDB e Cloudant. Ele também fornece resumos sobre cada ferramenta e discute como elas podem ser usadas para criar e hospedar aplicações.
O documento apresenta as principais mudanças e novos recursos introduzidos pelo HTML5, resumindo:
1) Novos elementos semânticos como header, footer, nav e article para melhor estruturação da página;
2) Novos tipos de inputs para formulários como date, time, email e número;
3) Suporte incorporado a áudio, vídeo, gráficos vetoriais (SVG) e expressões matemáticas (MathML).
Palestra apresentada no 9º Connecting Knowledge realizado pelo Things Hacker Team. Palestra sobre como desenvolver para Internet das Coisas utilizando JavaScript.
O documento apresenta Alexandre Tarifa e seu currículo, incluindo sua experiência com ASP.NET MVC. O documento também fornece uma breve introdução ao ASP.NET MVC, explicando sua arquitetura Model-View-Controller e características como roteamento, modelos, controladores e views.
O documento apresenta Alexandre Tarifa e seu currículo, incluindo sua experiência com ASP.NET MVC. O documento também fornece uma breve introdução ao ASP.NET MVC, discutindo sua arquitetura MVC, rotas, modelos, controladores, views e helpers HTML.
Bruno Andrade apresenta Ruby on Rails, uma framework para desenvolvimento web. Ele descreve sua experiência com Rails em seu trabalho na empresa Dito Internet, incluindo casos de sucesso com milhões de usuários. Ele também resume os principais conceitos e benefícios de Rails, como MVC, ActiveRecord, migrações e scaffolds.
O documento apresenta um tutorial sobre como criar uma aplicação web simples utilizando o framework Ruby on Rails, abordando tópicos como criação de projeto, banco de dados, layout e componentes front-end.
O documento descreve como o palestrante melhorou a performance de consultas no BigQuery em 50x ao migrar para a BigQuery Storage Read API e usar o formato de dados Apache Arrow. A apresentação também discute os protocolos gRPC e HTTP/2 e como eles melhoram a performance em comparação com a BigQuery REST API original.
Developing IoT with Zephyr is a journey from hardware all the way to application. It involves multiple teams and expertise, from hardware to cloud and application development. This talk will cover the options for getting a Zephyr app connected (WiFi, Ethernet, Cellular), selecting the right data encoding (JSON/CBOR), securing the data transfer (DTLS/TLS), and choosing a protocol (HTTP/MQTT/COAP). But that’s not the end of the story, the cloud needs to manage devices allowed to connect, consume the data being received, open up options for using that data, and be aware of the continued state of the hardware. And once you have the data you need to build a user-facing application on top of it. Understanding this lifecycle will help us as developers to make good choices on what Zephyr provides, helping ensure successful IoT projects.
O documento fornece uma visão geral de várias áreas relacionadas à carreira de desenvolvimento de software, incluindo frontend, backend, DevOps, soft skills e considerações sociais. Ele discute os principais tópicos em cada área, como estruturas de dados, versionamento, arquitetura de projetos, cloud computing e inclusão. O documento enfatiza a importância contínua de aprendizado e compartilhamento de conhecimento.
The document discusses prototyping for hackathons. It recommends focusing prototyping efforts on validating ideas by building minimum functional prototypes that can be tested with users. Various tools are presented for rapid prototyping of web, mobile, IoT, and data analytics solutions. Prototyping is positioned as a way to get early feedback, test hypotheses, and reduce time to iterate on solutions before committing to more complex development.
Developing APIs over a RESTful interface with JSON payloads is kind of the de-facto standard nowadays, but it still lacks an easy way to build it with a well-defined interface and document it to be used by others. What if we can leverage gRPC's fast, type-safe, and modern way of building APIs and still be able to provide an interface over REST/JSON ? Check this talk to find out how.
A junção das áreas de Machine Learning em ambiente embarcado/IoT tem crescido bastante, sendo atualmente chamada de TinyML. Já temos modelos robustos e pequenos o suficientes para rodar até mesmo em micro controladores com 16kb de memória. Nessa palestra vou mostrar as diferentes formas de se trazer modelos de Machine Learning para ambiente embarcado usando o ecossistema do Tensorflow.
O documento discute os requisitos principais para projetos de Internet das Coisas (IoT). Ele explica que hardware apropriado, comunicação confiável e análise de dados são essenciais. O documento também discute opções para microcontroladores, placas de computação única, protocolos de comunicação e armazenamento/processamento de dados na nuvem.
1. O documento apresenta um fluxo de CI/CD utilizando ferramentas do Google Cloud como Cloud Build, Cloud Run e Cloud Storage.
2. É demonstrado como configurar triggers no Cloud Build para disparar builds em diferentes ambientes e como publicar containers no Cloud Run.
3. Também é mostrado um caso de uso em IoT para fazer over-the-air updates de dispositivos de forma automatizada utilizando essas mesmas ferramentas.
Rodando uma API Com Django Rest Framework no Google CloudAlvaro Viebrantz
O documento descreve como construir e implantar uma API Django REST Framework no Google Cloud para monitoramento de tanques em uma fazenda, incluindo criação de projeto, banco de dados Cloud SQL, sensor IoT com MicroPython, recepção de dados na API e visualização no Data Studio.
Edge computing na prática com IoT, Machine Learning e Google CloudAlvaro Viebrantz
1) O documento discute edge computing na prática usando câmeras IoT, TensorFlow e Google Cloud. 2) É mostrado como construir um cenário usando câmeras ESP32 e Raspberry Pi para processar imagens localmente e enviar dados para a nuvem. 3) Os modelos pré-treinados do TensorFlow.js são usados para detecção e classificação de objetos nas imagens na borda antes de enviar para armazenamento em nuvem.
Edge computing in practice using IoT, Tensorflow and Google CloudAlvaro Viebrantz
This document discusses building an edge computing project using IoT cameras, TensorFlow, and Google Cloud. The project uses inexpensive WiFi cameras to capture images locally and process them on a Raspberry Pi gateway using TensorFlow object detection models. The processed data is then sent to Google Cloud for storage and remote access. Custom models can also be trained to classify objects like cats in the images. The project demonstrates how to leverage both local and cloud resources for scalable and flexible edge computing applications.
Iniciando com LoRa, The Things Network e Google CloudAlvaro Viebrantz
Uma introdução ao protocolo de rede LoRa e como ter uma arquitetura em nuvem escalável de processamento de dados com dispositivos usando esse protocolo.
Edge computing na prática com IoT, Machine Learning e Google CloudAlvaro Viebrantz
Conceitos de edge computing sendo mostrado em um experimento envolvendo ESP32 com cameras, um Raspberry pi rodando inferências localmente com Tensorflow e agindo como um gateway no Cloud Iot Core e uma camada serverless na nuvem que armazena os dados processados das imagens.
Palestra falando sobre todos os componentes necessários para construir interfaces de conversa e voz, misturando isso com projetos de hardware e internet das coisas.
Golang é uma linguagem fantástica para se desenvolver aplicações e um fator a ser explorado é o seu uso em dispositivos IoT. A linguagem já conta com diversas ferramentas de cross-compile, alguns pacotes experimentais de comunicação baixo nível e diversos projetos relacionados a hardware.
1) O documento discute soluções de Internet das Coisas usando Arduino e Google Cloud.
2) É apresentado o hardware Arduino e ESP8266/ESP32 para conectar "coisas" e o Google Cloud para armazenar e processar dados na nuvem.
3) É mostrado um exemplo prático de detector de cheiros usando ESP32, sensores e Google Cloud.
1. O documento discute soluções de Internet das Coisas usando Google Cloud, incluindo hardware conectado, armazenamento e processamento de dados na nuvem.
2. É apresentado um exemplo prático de construir uma estação meteorológica usando um microcontrolador ESP8266 e sensor DHT11 para coletar dados de temperatura e umidade.
3. As opções de armazenamento e processamento de dados na nuvem incluem Cloud Datastore, Cloud Dataflow e Compute Engine, enquanto Firebase e Firestore permitem visualização e sincronização em
Criando soluções de IoT usando Javascript de Ponta a Ponta: do Hardware até a...Alvaro Viebrantz
Javascript se tornou uma linguagem universal. Você consegue criar aplicações Web, Desktop, Backend e agora até mesmo em microcontroladores. Aqui você verá como criar uma solução completa de IoT, desde a coleta de dados dos dispositivos, usando Javascript na ponta e construindo um pipeline de processamento desses dados na nuvem também apenas usando Javascript. Tudo isso em sua grande maioria usando serviços gerenciados e arquitetura serverless, sem ter que se queimar configurando servidores.
5. Evolução da Web
“Não é mais bom o suficiente construir aplicações web
baseando-se em carregar uma pagina web completa e
fazer com que ela se comporte dinamicamente.
Para construir aplicações web hoje rápidas,
responsivas e modernas você precisa repensar a forma
de desenvolver.”
The seven frameworks - Throne of JS
http://blog.stevensanderson.com/2012/08/01/rich-javascript-applications-the-seven-frameworks-throne-of-js-2012/
7. O que eles têm em comum ?
• Pensados para desenvolver aplicações web (grandes ?)
• Client side frameworks
Site Web app
8. Server Side
Client Side Frameworks
• Necessidade de se organizar melhor aplicações web.
• Como estruturar o seu projeto no lado do cliente ?
• MVC, MVCC, MVVM, MV* ?!?!?
View
Model
Controller
11. Organização
• Sem padronização fica fácil produzir código
macarrônico
• jQuery por exemplo não força um padrão
• Separação de responsabilidades
• DRY
https://en.wikipedia.org/wiki/Don't_repeat_yourself
13. Produtividade
• Abstração de tarefas comuns
• Tempo constante de desenvolvimento
• Sem um framework client side, quanto mais a
aplicação cresce, mais difícil é de se manter
• Curva de aprendizado inicial é grande geralmente
16. Node.js
• Javascript server side
• Aplicações inteiras com javascript
• Aplicações isomórficas - http://isomorphic.net
• Foi adotado para o desenvolvimento de várias ferramentas de
terminal
• NPM - Node package manager
https://nodejs.org
25. Task Runners
• Executam atividades de forma automatizada
• Minificação
• Compilação
• Concatenação de arquivos
• Resolução de dependências
• Deploy
26. Os mais famosos Task Runners
http://gulpjs.com http://gruntjs.com
27. Generators
• Facilita a criação de estrutura inicial do projeto
• Aproveita padrões estabelecidos pela comunidade
• Vários generators disponíveis
• Crie seu próprio generator !!!
• Ajuda a evitar tarefas repetitivas
http://yeoman.io/generators/
28. Arrumando o ambiente
• Instalação Node.js
• https://nodejs.org
• Instalação do Bower
• npm install -g bower
• Projeto de exemplo usando Twitter Bootstrap
30. O que é afinal ?
• Framework Client Side Full Stack
angularjs.org
31. Filosofia
• “É uma boa idéia separar lógica de manipulação de
DOM da lógica da aplicação.”
• “Separar quando possível o lado cliente do lado
servidor, assim o desenvolvimento desses lados
podem ser feitos em paralelo e re-usados.”
• “É de muita ajuda se o framework guia o
desenvolvedor em todo processo de construir uma
aplicação.”
32. Features
• Baseado em módulos e componentes
• Expressões
• Inversão de Controle e Injeção de Dependência
• Possibilita extensão do HTML
• Data binding
• Muitas funcionalidades “build-in”
33. Módulos e componentes
• Em AngularJS, temos o seguinte
• Uma aplicação é um módulo
• Um módulo é um conjunto de componentes
• Um módulo pode depender de outros módulos
34. Primeira aplicação
• Criar index.html
• Importar o AngularJS
• Criar um modulo ‘curso’
• Inicializar a aplicação com a diretiva ng-app
• ng é um nome curto para Angular
35. Expressões
• Pequenos trechos em javascript envolvidos em
{{ expressão }}
• Exemplos
• 1 + 2
• user.name
• items[index]
• Internamente o framework utiliza o serviço $parse
36. Controller
• Controla uma parte da pagina, conectando a view com o
model da sua aplicação.
• Temos a diretiva ng-controller para referenciar um
controller em uma parte da aplicação
• View e Controller são ligados pelo $scope
• Toda informação deve ser colocada no $scope para ser
utilizada na view
• Podemos dizer que o $scope é uma dependência dos
controller
37. Primeiro controller
• Criar o modulo curso.controllers
• Criar o controller MainController
• MainController recebe $scope como parâmetro
• MainController passa uma mensagem para a view
• O modulo curso depende do modulo
curso.controllers
38. Injeção de dependências
• IoC - Inversion of Control
• DI - Dependency Injection
• SoC - Separation of Concerns
IoC
DI
SoC
Objetos não vão atrás de suas dependências
Responsável por gerenciar as dependências
Conceito de separação de responsabilidades
40. Na prática
Quando vou consertar algo,
geralmente preciso de algo para cortar
madeira(dependência).
Mas dá muito trabalho
arranjar tudo isso, queria focar apenas no
meu trabalho.
SoC
41. Na prática
Que tal se alguem me arranjasse
uma serra ?
Eu sei apenas usar serras,
alguém pode montar uma pra mim e
me entregar !!!
IoC
44. Injeção de dependência em AngularJS
• Todo components do angular pode receber suas
dependências de 3 formas.
• Via nome dos argumentos
• Passando um array com as dependências na
declaração do componente
• Via atributos $inject
45. Nossa primeira aplicação
• Vamos criar uma lista de compras
• Cada item da lista vai ter uma descrição e uma
quantidade
• Os items poderão ser marcados como comprados
ou ainda não comprados
• Poderemos filtrar os itens comprados não
comprados
• Poderemos ver quantos itens ainda falta comprar
46. Diretiva ng-model
• Cria um bind entre um componente de entrada na view
para o controller
• Pode ser usado em input, select e textarea
• Tem suporte para validações
• required, min/max length, number
• Trabalha em conjunto com a diretiva ng-messages
• Pode ser requerido em outros componentes
customizados para aproveitar o comportamento
47. Diretiva ng-click
• Cria um bind entre uma função no controller e um
evento de click na view
• Em nossa aplicação fazer com que um item seja
criado ao clicar no botão Adicionar
48. Diretiva ng-repeat
• Itera em uma coleção de items e repete o html filho para cada
iteração
• Sintaxe da expressão repeat
• variável in expression
• (chave, valor) in expression
• Pode ser aplicado um filtro antes da iteração (veremos
mais tarde detalhes sobre filtros)
• Gera as variáveis $index, $first, $last, $middle, $even e
$odd para serem utilizadas na view
49. Diretiva ng-class
• Aplica uma classe css em um componente da view de
acordo com alguma variável no controller
• Sintaxe
• Variável diretamente
• Map syntax
50. Diretiva ng-if, ng-show e ng-hide
• Diretivas para esconder ou mostrar componentes da
view
• Diferença entre eles
• ng-show e ng-hide fazem a mesma coisa, é
apenas uma questão de semântica
• ng-if remove o componente da arvore DOM,
enquanto que ng-show/ng-hide apenas esconde
o componente da DOM
51. Filtros
• Filtros podem ser aplicados em qualquer expressão
• Sintaxe: expressão | nomeFiltro: parâmetros
• Também pode ser injetado: $filter(‘nomeDoFiltro’)(parametros)
Nome
currency {{ valor | currency: “R$” }}
date {{ data | date: ‘dd/mm/yyyy’ }}
filter it in items | filter:busca
json {{ items | json }}
limitTo it in items | limitTo:5
lowercase, uppercase {{ it.descricao | uppercase }}
number {{ it.qtde | number:casas }}
orderBy it in items | orderBy: ‘qtde’
53. Validações
• Todo formulário em conjunto com a diretiva ng-model possibilita a
validação da entrada dos dados
• Sintaxe: formulario.atributo.<estado> ou formulario.<estado>
• Várias validações built-in : required, number, min, max, minlength,
maxlength, pattern
• Pode ser extendida
https://docs.angularjs.org/guide/forms
https://docs.angularjs.org/api/ng/directive/input
Estado Significado
$error Contém erros
$pristine Os dados são novos
$touched e $dirty Já foi alterada a informação
$valid Os dados são válidos
$invalid Os dados são inválidos
54. Services
• Nós já aprendemos a utilizar os controllers, porém eles estão com
muitas responsabilidades
• Quando estamos desenvolvendo alguma aplicação web, podemos ter
várias camadas:
• Conversa com o servidor
• Acessar uma api Restful qualquer
• Armazenar dados na sessão ou armazenamento local.
• Já vimos até um serviço de Log ( $log service )
• Um Service pode ser qualquer coisa que possa ser reaproveitado pela
sua aplicação
55. Onde ficam os Services
App
View
Directive
Controller
Service
Service
56. Services em AngularJS
• Basicamente eles tem duas grandes características:
• Lazy Instantiation: Só são iniciados quando forem
requisitados a primeira vez
• Singletons: Todo componente dependente de um
Service tem uma única referencia a instância criada
pela fabrica de serviços
57. Services em AngularJS
• Nós temos 3 tipos de Services
• Service: Cria uma instância de uma função, ou seja, new
Funcao()
• Sintaxe : modulo.service(‘nomeService’, function)
• Factory: É retornado o valor da invocação da função passada
• Sintaxe: modulo.factory(‘nomeFactory’, function)
• Provider: Cria uma instância da função passada, porém é
invocada uma função $get deste objeto para instanciar o serviço
• Sintaxe: modulo.provider(‘nomeProvider’, function)