SlideShare uma empresa Scribd logo
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?

Mais conteúdo relacionado

PDF
Instalando Drupal, Começando do Começo
PPTX
Módulo: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript
PDF
Páginas dinâmicas
PDF
Implementação html e css
PPTX
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
PPTX
Introdução ao desenvolvimento de páginas web estáticas
PPTX
O novo ASP.NET - GDG-SP - Outubro/2016
PPT
ASP.NET 5 MVC Gerenciando dependencias com Nuget, NPM, Gulp e Bower
Instalando Drupal, Começando do Começo
Módulo: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript
Páginas dinâmicas
Implementação html e css
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
Introdução ao desenvolvimento de páginas web estáticas
O novo ASP.NET - GDG-SP - Outubro/2016
ASP.NET 5 MVC Gerenciando dependencias com Nuget, NPM, Gulp e Bower

Mais procurados (20)

PPT
Desenvolvimento web ágil com Python e web2py #qconsp #qcon
PDF
Bootstrap 4
PPTX
O novo ASP.NET - Junho/2016
PPTX
O novo ASP.NET - PUC Developers Day - 2016
PPTX
O novo ASP.NET - dotnetConf.Local 2016 - Santos-SP
PPTX
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET
PDF
Programação para Redes de Computadores: Multithread e Multicast
PDF
Interop Day 2011 - Construindo aplicações web com WebMatrix
PPTX
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET - OneDay
PDF
Apresentação sobre Drupal
PPTX
ASP.NET Core e Linux - ASP.NET Core Day - Maio/2017
PPTX
ASP.NET Core e Linux: Explorando novas fronteiras - OneDay - Junho/2017
PPTX
Extreme 360º 2017 | Arquitetura Extrema: Rumo aos 10.000 usuários
PPTX
Microsserviço, Escalabilidade e Resiliência - #comofas?
ODP
Websocket
PPTX
T@rget trust desenvolvendo aplicações com flex
PPT
Palestra Netbeans 6 Campus Party
PDF
Desenvolvimento web com python e web2py
KEY
Code Igniter & Zend Framework Uma UniãO De Sucesso
PPTX
Escalando o backend com NGINX e Redis
Desenvolvimento web ágil com Python e web2py #qconsp #qcon
Bootstrap 4
O novo ASP.NET - Junho/2016
O novo ASP.NET - PUC Developers Day - 2016
O novo ASP.NET - dotnetConf.Local 2016 - Santos-SP
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET
Programação para Redes de Computadores: Multithread e Multicast
Interop Day 2011 - Construindo aplicações web com WebMatrix
O novo ASP.NET: o futuro do desenvolvimento Web na plataforma .NET - OneDay
Apresentação sobre Drupal
ASP.NET Core e Linux - ASP.NET Core Day - Maio/2017
ASP.NET Core e Linux: Explorando novas fronteiras - OneDay - Junho/2017
Extreme 360º 2017 | Arquitetura Extrema: Rumo aos 10.000 usuários
Microsserviço, Escalabilidade e Resiliência - #comofas?
Websocket
T@rget trust desenvolvendo aplicações com flex
Palestra Netbeans 6 Campus Party
Desenvolvimento web com python e web2py
Code Igniter & Zend Framework Uma UniãO De Sucesso
Escalando o backend com NGINX e Redis
Anúncio

Semelhante a desenvolvimento-web-javascript (20)

PPTX
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
PDF
Desenvolvimento web produtivo
PPTX
Desenvolvimento web - conceitos, tecnologia e tendências.
PPTX
Workshop - Ionic + firebase
PDF
Front end architecture
PDF
Desenvolvimento Client-Side 2016 (BrazilJS)
PDF
O que move a web atualmente?
PPTX
Introdução ao desenvolvimento front end usando bootstrap e angular js
PPTX
5505 otimizando frontends
PDF
Java web fj21-- apostila da caelum
PDF
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
PDF
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
PPTX
Write once, run "everywhere"
PPTX
Aplicações Web, Frameworks, REST e SPA
PDF
Ebook AngularJS | Guia Introdutório
PPT
Apresentação sobre MVVMC
ODP
Aula09 - Java Script
PDF
Qualidade e performance de sistemas 2.0
PDF
TDC 2015 Florianopolis
PDF
P01 - Como ser um desenvolvedor melhor
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Desenvolvimento web produtivo
Desenvolvimento web - conceitos, tecnologia e tendências.
Workshop - Ionic + firebase
Front end architecture
Desenvolvimento Client-Side 2016 (BrazilJS)
O que move a web atualmente?
Introdução ao desenvolvimento front end usando bootstrap e angular js
5505 otimizando frontends
Java web fj21-- apostila da caelum
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
Write once, run "everywhere"
Aplicações Web, Frameworks, REST e SPA
Ebook AngularJS | Guia Introdutório
Apresentação sobre MVVMC
Aula09 - Java Script
Qualidade e performance de sistemas 2.0
TDC 2015 Florianopolis
P01 - Como ser um desenvolvedor melhor
Anúncio

Último (20)

PDF
Processos na gestão de transportes, TM100 Col18
PDF
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
PPTX
Curso de Java 16 - (JEE (Utilizando o Padrão MVC)).pptx
PDF
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
PPTX
Émile Durkheim slide elaborado muito bom
PDF
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
PPTX
Aula sobre banco de dados com firebase db
PPTX
Aula16ManipulaçãoDadosssssssssssssssssssssssssssss
PPTX
Aula 18 - Manipulacao De Arquivos python
PDF
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
PPTX
Curso de Java 15 - (Uso de Servlets (Entendendo a Estrutura)).pptx
PDF
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PPTX
Curso de Java 9 - (Threads) Multitarefas.pptx
PPTX
Curso de Java 13 - (JavaEE (JSP e Servlets)).pptx
PPTX
Curso de Java 17 - (JEE (Sessões e Cookies)).pptx
PPTX
BANCO DE DADOS - AULAS INICIAIS-sgbd.pptx
PPTX
Curso de Java 12 - (JDBC, Transation, Commit e Rollback).pptx
PDF
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
PDF
Apple Pippin Uma breve introdução. - David Glotz
Processos na gestão de transportes, TM100 Col18
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
Curso de Java 16 - (JEE (Utilizando o Padrão MVC)).pptx
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
Émile Durkheim slide elaborado muito bom
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
Aula sobre banco de dados com firebase db
Aula16ManipulaçãoDadosssssssssssssssssssssssssssss
Aula 18 - Manipulacao De Arquivos python
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
Curso de Java 15 - (Uso de Servlets (Entendendo a Estrutura)).pptx
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Curso de Java 9 - (Threads) Multitarefas.pptx
Curso de Java 13 - (JavaEE (JSP e Servlets)).pptx
Curso de Java 17 - (JEE (Sessões e Cookies)).pptx
BANCO DE DADOS - AULAS INICIAIS-sgbd.pptx
Curso de Java 12 - (JDBC, Transation, Commit e Rollback).pptx
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
Apple Pippin Uma breve introdução. - David Glotz

desenvolvimento-web-javascript

  • 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
  • 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
  • 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!