Carregado porRodrigo Branas
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio/ASSESC
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.
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio/ASSESC
- 1. Rodrigo Branas –@rodrigobranas - http://www.agilecode.com.br Desenvolvimento de aplicações web com AngularJS
- 2.
- 3. JavaScript e AngularJS CleanCode com TDD e Refactoring Academia Programador Academia Java Academia WEB Academia Enterprise Academia Arquiteto Linux Asterisk OpenSIPS Oficiais Furukawa www.voffice.com.br treinamento@voffice.com.br
- 4. “Transformar equipes dedesenvolvimento de software” http://www.agilecode.com.br
- 5. Rodrigo Branas rodrigo.branas@agilecode.com.br http://www.agilecode.com.br • • • • Desenvolvendo Softwarena Gennera Criando treinamentos na Agile Code Escrevendo na Java Magazine e PacktPub Palestrando sobre desenvolvimento de software em eventos, universidades e empresas
- 6. Formação Acadêmica Ciências daComputação – UFSC Gerenciamento de Projetos - FGV Certificações SCJA, SCJP, SCJD, SCWCD, SCBCD, PMP, MCP e CSM Experiência Há mais de 12 anos desenvolvendo software na plataforma Java com as empresas: EDS, HP, NET, Citibank, GM, Dígitro, Softplan, OnCast, Senai, VALE, RBS, Unimed, Globalcode, V.Office, Suntech, WPlex e Gennera.
- 7. • • • • • • • • • Há mais de5 anos liderando pessoas. Mais de 2000 horas em sala de aula. Mais de 100 apresentações em eventos. 6 artigos escritos para revistas. 1 livro. Mais de 500 profissionais treinados. Criação de 22 palestras. Criação de 10 treinamentos. Criação de mais de 3.000 slides.
- 8. Insatisfação com afalta de produtividade!
- 9. O que levauma tecnologia a ser improdutiva?
- 10.
- 11.
- 12.
- 13. Mistura de conceitos Ondedevo programar cada parte da aplicação?
- 14. Como surgiu aweb?
- 15.
- 17. Em 1990, noslaboratórios do CERN e utilizando um computador NeXTcube, Berners-Lee construiu o primeiro servidor, o primeiro navegador e as primeiras páginas que descreviam seu próprio projeto, chamado WorldWideWeb. (CERN)
- 18. Em 1990, noslaboratórios do CERN e utilizando um computador NeXTcube, Berners-Lee construiu o primeiro servidor, o primeiro navegador e as primeiras páginas que descreviam seu próprio projeto, chamado WorldWideWeb. (CERN)
- 19. Em 1990, noslaboratórios do CERN e utilizando um computador NeXTcube, Berners-Lee construiu o primeiro servidor, o primeiro navegador e as primeiras páginas que descreviam seu próprio projeto, chamado WorldWideWeb. (CERN)
- 20. Em 1990, noslaboratórios do CERN e utilizando um computador NeXTcube, Berners-Lee construiu o primeiro servidor, o primeiro navegador e as primeiras páginas que descreviam seu próprio projeto, chamado WorldWideWeb. (CERN)
- 21. Primeiro website dahistória!
- 22. No princípio eratudo estático
- 23. Como fazer paratorná-la mais dinâmica?
- 24. Vamos gerar ocódigo HTML no lado servidor
- 25.
- 26. Bem vindos aWeb 1.0
- 27. Geração de conteúdoHTML no servidor e pouca interação
- 28. Como fazer paratorná-la mais interativa?
- 29. JavaScript Entrando na erada alta interatividade
- 30. Bem vindos aWeb 2.0
- 31. Quando pensamos emJavaScript, qual é a primeira coisa que surge?
- 33. O Ministério daSaúde adverte: O uso excessivo de JavaScript pode levar o projeto ao caos!
- 34. Parece que vaiser necessário começar a organizar o negócio...
- 36.
- 37. Criado por MiskoHavery e Adams Abrons em 2009
- 38. Atualmente, o AngularJSé mantido pela equipe do Google
- 39. Totalmente escrito emJavaScript
- 40. Isso quer dizerque toda a aplicação roda browser do cliente?
- 41. Vai funcionar emtodos os browsers?
- 42. Como fica aperformance?
- 43. E a segurançado código?
- 44. O AngularJS temcomo objetivo estender a linguagem HTML
- 45. • Água • Coca-Cola •Cerveja
- 46.
- 47.
- 48. 1. <ul> 2. <li ng-repeat="itemin items"> 3. </li> 4. </ul>
- 49. 1. <ul> 2. <li ng-repeat="itemin items"> 3. {{item.description}} 4. </li> 5. </ul>
- 50. Qual é avantagem em estender a linguagem HTML?
- 51. Tornar a programaçãomais declarativa, escrevendo muito menos código
- 52.
- 53. O que éarquitetura? Qual é a diferença entre arquitetura e design?
- 54. Surgimento do padrãoMVC Model-View-Controller
- 55. Trygve Reenskaug Criou opadrão em 1978 na Xerox (PARC)
- 57. MVC, MVP, MVVMe MVW
- 58.
- 60. View É o queo cliente vê
- 61. Controller Responsável pelo quea View consome
- 62. Scope Faz a mediaçãoentre a View e o Controller
- 63.
- 64.
- 65. 1. 2. 3. 4. 5. 6. 7. 8. <!doctype html> <html ng-app> <head> <title>HelloWorld</title> </head> <body> </body> </html>
- 66. 1. 2. 3. 4. 5. 6. 7. 8. 9. <!doctype html> <html ng-app> <head> <title>HelloWorld</title> <script src='angular.js'></script> </head> <body> </body> </html>
- 67. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. <!doctype html> <html ng-app> <head> <title>HelloWorld</title> <script src='angular.js'></script> <script> function HelloWorldCtrl($scope) { $scope.message = 'Hello World!'; } </script> </head> <body> </body> </html>
- 68. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. <!doctype html> <html ng-app> <head> <title>HelloWorld</title> <script src='angular.js'></script> <script> function HelloWorldCtrl($scope) { $scope.message = 'Hello World!'; } </script> </head> <body ng-controller="HelloWorldCtrl"> </body> </html>
- 69. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. <!doctype html> <html ng-app> <head> <title>HelloWorld</title> <script src='angular.js'></script> <script> function HelloWorldCtrl($scope) { $scope.message = 'Hello World!'; } </script> </head> <body ng-controller="HelloWorldCtrl"> {{message}} </body> </html>
- 71. AngularJS Hands-On Por dentrodas principais características do framework!
- 72. Quais são osconcorrentes do AngularJS?
- 74.
- 75. Quem está usandoAngularJS?
- 80.
- 81. Treinamento de Desenvolvimento webcom JavaScript e AngularJS Aprenda a construir aplicações web interativas e fáceis de utilizar, com uma arquitetura modular, robusta e flexível e uma produtividade que vai superar as suas expectativas! treinamento@voffice.com.br Turmas 08/03 (sábados) em Indaial 24/03 (seg. e qua.) em Florianópolis 05/04 (sábados) em Florianópolis 15/04 (ter. e qui.) em Florianópolis Vagas Encerradas Vagas Encerradas Inscrições Abertas Inscrições Abertas
- 82. Treinamento de CleanCode Desenvolva suas habilidades na arte da programação e aprenda a construir aplicações de alta qualidade por meio de Técnicas de Refactoring, Orientação a Objetos, Test-Driven Development e Automação do Ambiente de Desenvolvimento! treinamento@voffice.com.br Turmas 16/04 (seg. e qua.) em Florianópolis Inscrições Abertas
- 86.