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.

1. 1
Desenvolvimento Web com Javascript

Tecnologias.

Conceitos.

Ideologia.

Caso de uso.

Desenvolvimento.

Bônus.

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
Tecnologias, First Base:

4. 4
Tecnologias, Second Base:

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
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
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
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
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
Ideologia, Arquitetura Rest:
WEB APP
WEB API WEB API WEB API
VARNISH CACHE
DATABASE
APACHE

11. 11
Desenvolvimento, onde hospedar pt1:

12. 12
Código, serviços:

13. 13
Ideologia:
DUVIDAS ?

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
Show me the code!

16. 16
Preparados?