desenvolvimento-web-javascript

347 views

Published on

Desenvolvimento Web com Javascript.
Apresentação feita para a #ViradaGeek
Código anexo do github: https://github.com/FelipeBarrosCruz/viradageek

PodCast de explicação: Breve.

Published in: Technology
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
347
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

desenvolvimento-web-javascript

  1. 1. 1 Desenvolvimento Web com Javascript  Tecnologias.  Conceitos.  Ideologia.  Caso de uso.  Desenvolvimento.  Bônus.
  2. 2. 2 Quem é Felipe Barros?  Desenvolvedor Web 5 anos anos de experiência.  Especialista em PHP.  Idealista em Javascript.  Amante de novas tecnologias.  Metaleiro (vendo panelas nas horas livre). https://www.facebook.com/felipe.barros.cruzz https://twitter.com/felipe_barros_c https://github.com/FelipeBarrosCruz/ https://www.linkedin.com/pub/felipe-barros-cruz/97/903/a47
  3. 3. 3 Tecnologias, First Base:
  4. 4. 4 Tecnologias, Second Base:
  5. 5. 5 Conceitos, servindo o conteúdo: - Servidor Web HTTP. - Fácil instalação. - Fácil manutenção. - Fácil integração. - Proxy HTTP reverso. - Web Cache. - Armazenamento em disco ou memória RAM. - Escala junto com suas aplicações Back End.
  6. 6. 6 Conceitos, Bower: - Gerenciador de componentes. - Isola a responsabilidade de instalação de dependencias. - Necessita do NPM(Node Package Manager) para instalação. - Necessita do git(Sistema de versionamento) para instalação. Ps. Grunt. - bower init // Inicia um projeto. - bower install <package> --save //Instala o pacote e salva. - bower search <package> //Pesquisa no seu diretório o pacote correspondente. Uso: <script type=“text/javascript“ src=“bower_components/jquery/jquery.min.js“></script> Inclusão no HTML:
  7. 7. 7 Conceitos, AngularJS: - Two-Way Data Biding. - SPA (Single Page Application). - Arquitetura MVW (Model, View, Whatever). - Separação de relacionamentos coesa. - DI(Dependency Injection). - Directives (Shadown DOM). - RestFul, MVVM de modo fácil. - Programação declarativa. - Curva de aprendizado fácil. - Curso grátis no CodeSchool. - Grande e ativa comunidade.
  8. 8. 8 Conceitos, SailsJS: - Baseado em NodeJS e Express. Arquitetura interna MVC Conexão com várias base de dados Scaffold de módulos Rest Suporte e uso fácil de Web Sockets Flexível para implementação de modulos Front end agnóstico, disponibilidade de várias tecnologias.
  9. 9. 9 Conceitos, MongoDB: - Banco de dados orientado a documentos. - Modelo noSQL (Ps. Não relacional). - Suporte a GeoProcessamento. - Armazena em formato JSON->BJSON. - Escalabilidade Horizontal e de alto nível. - Open Source. - Modular.
  10. 10. 10 Ideologia, Arquitetura Rest: WEB APP WEB API WEB API WEB API VARNISH CACHE DATABASE APACHE
  11. 11. 11 Desenvolvimento, onde hospedar pt1:
  12. 12. 12 Código, serviços:
  13. 13. 13 Ideologia: DUVIDAS ?
  14. 14. 14 Referências:  Melhor curso de MEAN : MEAN (By Suissa)  Curso gratuíto de AngularJS: NG-Masters (By: Toni Lâmpada)  Site oficial do AngularJS: https://www.angularjs.org/  Site oficial do Node: http://nodejs.org/  Site oficial do Express: http://expressjs.com/  Site oficial do SailsJS: http://sailsjs.org/  Site oficial do Varnish Cache: https://www.varnish-cache.org/  Site oficial do Bower: https://www.bower.io/  Site oficial do Apache: http://www.apache.org/
  15. 15. 15 Show me the code!
  16. 16. 16 Preparados?

×