desenvolvimento-web-javascript
Upcoming SlideShare
Loading in...5
×
 

desenvolvimento-web-javascript

on

  • 108 views

Desenvolvimento Web com Javascript. ...

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.

Statistics

Views

Total Views
108
Views on SlideShare
108
Embed Views
0

Actions

Likes
1
Downloads
1
Comments
1

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

desenvolvimento-web-javascript desenvolvimento-web-javascript Presentation Transcript

  • 1 Desenvolvimento Web com Javascript  Tecnologias.  Conceitos.  Ideologia.  Caso de uso.  Desenvolvimento.  Bônus.
  • 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 Tecnologias, First Base:
  • 4 Tecnologias, Second Base:
  • 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 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 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 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 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 Ideologia, Arquitetura Rest: WEB APP WEB API WEB API WEB API VARNISH CACHE DATABASE APACHE
  • 11 Desenvolvimento, onde hospedar pt1:
  • 12 Código, serviços:
  • 13 Ideologia: DUVIDAS ?
  • 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 Show me the code!
  • 16 Preparados?