Desenvolvimento Web com
Professor
Erick Petrucelli
Tecnólogo em Processamento de Dados
MBA em Gestão de Tecnologia da Informação
Mestre em Engenharia de Produção
Docente na Fatec Taquaritinga
Coordenador de Sistemas para Internet
Mais de 15 anos de atuação com Web
Apostando em JS fullstack desde 2011
Dois mundos... Ou dois lados da mesma moeda?
Front-end
Back-end
Vamos entender como eles estão
mais próximos do que nunca...
Front-end Back-end
CSS
Estilização (aparência)
HTML
Marcação (estrutura)
JavaScript
Programação (comportamento)
As armas do
Front-end
Estático Dinâmico
Desenvolvedor Front-End
Front-end
Back-end
Lado do servidor:
• Foco em arquitetura
• Regras de negócio
• Comunicação com BD
• Diversas linguagens:
PHP, C#, Java, Ruby, Python, Perl,
Go, Haskell, Scala, Erlang, Visual
Basic, Delphi, C, C++, D, F#...
Lado do Cliente:
• Foco no visual e na interação
• Requisições assíncronas (AJAX)
• Uma linguagem: JavaScript
~
Front-end
Back-end
Lado do servidor:
• Foco em arquitetura
• E nas regras de negócio?
• Comunicação com BD
• Uma linguagem: JavaScript!
PHP, C#, Java, Ruby, Python, Perl,
Go, Haskell, Scala, Erlang, Visual
Basic, Delphi, C, C++, D, F#...
Lado do Cliente:
• Foco no visual e na interação
• E nas regras de negócio?
• Requisições AJAX ou Sockets
• Uma linguagem: JavaScript
´
6351
9171
7333
7922
6582
7370
6798
Florida California New York Washington Texas Massachusetts North Carolina
Média de Salário Mensal
Média (em Dólares Americanos) ganho por
desenvolvedores especializados em Node
Money que é good
nóis num have...
Fonte: payscale.com/research/US/Skill=Node.js/Salary#by_State, acesso em março de 2017.
Como ser um bom programador
Full Stack?
10% 30%
10%
50%
E quais sao as
Ferramentas?
~
No começo, full stack
JavaScript era sempre assim...
E quais sao as
Ferramentas?
~
E quais sao as
Ferramentas?
~
Front-end
Back-end
Database
ou
ou
ou
Muitas opções existem...
Em todas as camadas da aplicação!
E pra Mostrar que funciona...
Sala de bate-papo realtime em JavaScript com:
Demo: https://vue-feathers-chat.mybluemix.net/
Source: github.com/ErickPetru/vue-feathers-chat
• Não é uma moda passageira, JavaScript só vem
crescendo e a tendência é continuar
• Não se aplica apenas à Web, diversas
plataformas já adotam a linguagem
• Especificações evoluindo para melhorar ainda
mais coisas (ES2015, ES2016, ES2017...)
• Não só o desenvolvedor individual tem
vantagem em trabalhar o tempo todo com a
mesma linguagem, os benefícios para equipes
podem ser gigantescos!
O que esperar
Do futuro?
Desenvolvimento Web com Java Script Full Stack

Desenvolvimento Web com Java Script Full Stack

  • 1.
  • 2.
    Professor Erick Petrucelli Tecnólogo emProcessamento de Dados MBA em Gestão de Tecnologia da Informação Mestre em Engenharia de Produção Docente na Fatec Taquaritinga Coordenador de Sistemas para Internet Mais de 15 anos de atuação com Web Apostando em JS fullstack desde 2011
  • 3.
    Dois mundos... Oudois lados da mesma moeda? Front-end Back-end Vamos entender como eles estão mais próximos do que nunca...
  • 5.
  • 6.
    CSS Estilização (aparência) HTML Marcação (estrutura) JavaScript Programação(comportamento) As armas do Front-end Estático Dinâmico
  • 8.
  • 9.
    Front-end Back-end Lado do servidor: •Foco em arquitetura • Regras de negócio • Comunicação com BD • Diversas linguagens: PHP, C#, Java, Ruby, Python, Perl, Go, Haskell, Scala, Erlang, Visual Basic, Delphi, C, C++, D, F#... Lado do Cliente: • Foco no visual e na interação • Requisições assíncronas (AJAX) • Uma linguagem: JavaScript ~
  • 10.
    Front-end Back-end Lado do servidor: •Foco em arquitetura • E nas regras de negócio? • Comunicação com BD • Uma linguagem: JavaScript! PHP, C#, Java, Ruby, Python, Perl, Go, Haskell, Scala, Erlang, Visual Basic, Delphi, C, C++, D, F#... Lado do Cliente: • Foco no visual e na interação • E nas regras de negócio? • Requisições AJAX ou Sockets • Uma linguagem: JavaScript ´
  • 11.
    6351 9171 7333 7922 6582 7370 6798 Florida California NewYork Washington Texas Massachusetts North Carolina Média de Salário Mensal Média (em Dólares Americanos) ganho por desenvolvedores especializados em Node Money que é good nóis num have... Fonte: payscale.com/research/US/Skill=Node.js/Salary#by_State, acesso em março de 2017.
  • 12.
    Como ser umbom programador Full Stack? 10% 30% 10% 50%
  • 13.
    E quais saoas Ferramentas? ~ No começo, full stack JavaScript era sempre assim...
  • 14.
    E quais saoas Ferramentas? ~
  • 15.
    E quais saoas Ferramentas? ~
  • 16.
  • 17.
    E pra Mostrarque funciona... Sala de bate-papo realtime em JavaScript com: Demo: https://vue-feathers-chat.mybluemix.net/ Source: github.com/ErickPetru/vue-feathers-chat
  • 20.
    • Não éuma moda passageira, JavaScript só vem crescendo e a tendência é continuar • Não se aplica apenas à Web, diversas plataformas já adotam a linguagem • Especificações evoluindo para melhorar ainda mais coisas (ES2015, ES2016, ES2017...) • Não só o desenvolvedor individual tem vantagem em trabalhar o tempo todo com a mesma linguagem, os benefícios para equipes podem ser gigantescos! O que esperar Do futuro?