Atualizando projetos para v10

Como atualizar projetos para Angular v10.

Atualizando projetos para v9

Como atualizar projetos para Angular v9.

Angular + Node + Azure + VS Code

O JavaScript está presente no browser, no servidor, no banco de dados e até na plataforma mobile. JavaScript já deixou de ser uma linguagem e se tornou um ecossistema. Nessa palestra vamos aprender como podemos usar frameworks modernos como Angular para desenvolver um projeto MEAN (com Angular), e fazer deploy do projeto na nuvem, usando banco de dados serverless (Cosmos DB). E no final, vamos usar Docker para criar uma imagem da nossa aplicação, debugar a imagem e preparar a imagem para produção para deploy no Azure numa máquina Linux. Tudo isso sem sair do nosso editor favorito, o VSCode! Palestra com "live coding".

Atualizando projetos para v8

Como atualizar projetos para Angular v8.

Atualizando projetos Angular v6 para v7

O Angular v6 foi lançado em maio 2018 e agora podemos nos concentrar em atualizar nossos projetos para a nova versão. Nestes slides estão documentados os passos para atualizar projetos da v5 para a v6. Algumas dicas e principais diferenças entre os projetos criados com v5 e v6 também estão incluídas. Slides usados para webinar gravado no Youtube

10 Angular Tips: Modules, VSCode and best practices

Are you working on Angular projects and still have some questions about the structure of your project? How to organize the modules and components of an application to facilitate data flow and project maintenance? How to make the whole team follow the same standards and improve productivity? Is there any easier way to work with prototyping even by integrating the front end with the server? How do I decrease the impact of migrations from one version to another? In this talk I share some of the experiences and decisions about code-sharing improvements and components I've learned by developing angular projects that are in production.

Novidades Angular v6.1

Novidades Angular v6.1

Atualizando projetos para Angular v6

O Angular v6 foi lançado em maio 2018 e agora podemos nos concentrar em atualizar nossos projetos para a nova versão. Nestes slides estão documentados os passos para atualizar projetos da v5 para a v6. Algumas dicas e principais diferenças entre os projetos criados com v5 e v6 também estão incluídas. Slides usados para webinar gravado no Youtube

Open Source Bootcamp Online: Cordova

CRUD Angular com Node + Docker + Deploy Nuvem

Nessa série de vídeos, vamos aprender como desenvolver um CRUD completo no Angular com mestre-detalhe, página de login com JWT, usando o NodeJS com MongoDB (MEAN) no back-end. Depois de ter nossa aplicação pronta, vamos aprender como utilizar o docker para criar uma imagem para deploy. Iremos aprender como debugar a imagem do Docker também para ter certeza do que vamos enviar para o servidor funciona. E no final, iremos fazer o deploy da aplicação num servidor cloud!

NgRx: Angular State Management

In this talk, you will learn how to manage state in an Angular application using the ngrx suite (Redux for Angular powered by RxJS) including store, effects, entities, schematics. You will learn when to use ngrx and the pros and cons of adopting this tool in your project.

Angular State Management using ngRx

In this talk, you will learn how to manage state in an Angular application using the ngrx suite (Redux for Angular powered by RxJS) including store, effects, entities, schematics. You will learn when to use ngrx and the pros and cons of adopting this tool in your project.

Angular: Organização dos Módulos, VSCode e boas práticas

Você está trabalhando em projetos Angular e ainda tem algumas perguntas sobre a estrutura do seu projeto? Como organizar os módulos e componentes de uma aplicação para facilitar o fluxo de dados e a manutenção do projeto? Como fazer com que todo o time siga o mesmos padrões e melhore a produtividade? Existe alguma maneira mais fácil de se trabalhar com prototipação mesmo integrando o front-end com o servidor? Como fazer para diminuir o impacto das migrações de uma versão para outra? Nessa talk compartilho algumas das experiências e decisões sobre melhorias de compartilhamento de código e componentes que aprendi desenvolvendo projetos angular que estão em produção.

Progressive Web Apps e a evolução da Web

Vamos desbravar o mundo das PWAs (Progressive Web Apps) e entender o que podemos fazer hoje na web! Há 5 anos, não podíamos tirar foto com a câmera usando o browser, e nem enviar notificações push. Hoje já podemos usar APIs com essas funcionalidades graças à evolução da web! Vamos entender o que são as PWAs e como podemos trazer a experiência de aplicações mobile para web, além de entender o que precisamos fazer para transformar aplicações web existentes em aplicações progressivas (ou como criar uma do zero). Como exemplo, usaremos o bom e velho JavaScript (ES2015+) com dicas de ferramentas para facilitar o nosso trabalho!

Reatividade FullStack com Angular e Spring WebFlux

Arquitetura reativa do front ao back-end com Angular e Spring WebFlux. Nessa talk mostro a novidade mais legal do Spring 5: Spring WebFlux, um módulo novo baseado no projeto Reactor e RxJava, que oferece um design orientado a streams não bloqueadores. Vamos aprender como usar o fluxo 100% assíncrono com WebFlux e Spring Reactive MongoDB. E para termos uma stack completamente reativa, vamos aprender como consumir esses dados reativos no Angular, também usando RxJS e ngRx (Redux) como arquitetura. E um exemplo especial de como tratar contrapressão no Angular com RxJS. Além disso, alguns exemplos reais de como podemos usar WebFlux e programação funcional reativa nos nossos projetos!

JavaScript Moderno na Nuvem

O JavaScript está presente no browser, no servidor, no banco de dados e até na plataforma mobile. JavaScript já deixou de ser uma linguagem e se tornou um ecossistema. Nessa palestra vamos aprender como podemos usar frameworks modernos como Angular para desenvolver um projeto MEAN (com Angular v5+), como usar TypeScript no lado do Node.js e fazer deploy do projeto na nuvem, usando banco de dados serverless (Cosmos DB) ou até mesmo uma aplicação frontend com código serverless (Azure Functions). E no final, vamos usar Docker para criar uma imagem da nossa aplicação, debugar a imagem e preparar a imagem para produção para deploy no Azure numa máquina Linux. Tudo isso sem sair do nosso editor favorito, o VSCode! Palestra com "live coding".