SlideShare uma empresa Scribd logo
1 de 28
Baixar para ler offline
Front end, Back end,
Full Stack.
Onde vivem?
O que comem?
Hoje na UniGranrio
Front end, Back end,
Full Stack.
Onde vivem?
O que comem?
Hoje na UniGranrio
Anna Cruz
- Analista de desenvolvimento no SERPRO (FullStack)
- Ex-analista de infra/devops
- Pseudo mestre em redes de computadores
- Participante das comunidades de Ruby, Django, etc
- Hiperativa
- Curiosa
- Nerd
- Tentando dominar o mundo diariamente
Dayany Espíndola
- Desenvolvedora
- Quase engenheira de computação
- Apaixonada por web
- Fã de MPB
- Tentando dominar o mundo diariamente
Agora vamos ao que interessa….
Back end
- Foco na arquitetura do sistema
- Regras de negócio
- "Conversas" com o banco de dados
- Lado do servidor
- Diversas linguagens de programação: Ruby, Python, PHP, Java...
Back end
- Foco na arquitetura do sistema
- Regras de negócio
- "Conversas" com o banco de dados
- Lado do servidor
- Diversas linguagens de programação: Ruby, Python, PHP, Java...
Ou seja...
Back end
- Foco na arquitetura do sistema
- Regras de negócio
- "Conversas" com o banco de dados
- Lado do servidor
- Diversas linguagens de programação: Ruby, Python, PHP, Java...
Não é porque ninguém vê
que não é importante!!!
As "engrenagens" de um site complexo ou de uma aplicação mobile
só funcionam se tem um backend bem "azeitado".
O que precisa pra ser um bom
backender?
- Gostar de tecnologia
- Aprender bastante lógica de programação
- Saber usar o google =p
Uma pequena observação: DevOps
Development and Operations
- Interdependência entre o desenvolvimento e as operações (infraestrutura)
- Automatização das tarefas de configuração dos servidores
- Padronização dos ambientes
Front end
@ sujeit@ que transforma os desenhos em páginas
SÓ ISSO!?
MOLEZINHA!
Ferramentas do frontend
Front end
- Semântica
- Mecanismos de busca
- Acessibilidade
- Performance
Front end
É quem dá vida às aplicações
O que precisa pra ser um bom front?
- Gostar de tecnologia
- Aprender bastante lógica de programação
- Saber usar o google =p
E Full Stack? É de comer?
- FullStack é como é chamado o dev que manja dos paranauês tanto de
backend quanto de frontend.
FullStack
- Pessoa dinâmica que possui múltiplas atividades
- Geralmente começa a trabalhar como um dos "lados da moeda" e depois
aprende o outro
O que precisa pra ser um bom fullstack?
- Gostar de tecnologia
- Aprender bastante lógica de programação
- Saber usar o google =p
Contatos
Anna Cruz
@yuizinha
/annacruz
Dayany Espíndola
@dayanyrec
/dayanyrec
InsideOut Project
insideoutproject.xyz

Mais conteúdo relacionado

Destaque

WPI – Pós Design de Interação IEC PUC Minas aula05
WPI – Pós Design de Interação IEC PUC Minas aula05WPI – Pós Design de Interação IEC PUC Minas aula05
WPI – Pós Design de Interação IEC PUC Minas aula05Leandro Alves
 
User Interface (UI) x User Experience (UX)
User Interface (UI) x User Experience (UX)User Interface (UI) x User Experience (UX)
User Interface (UI) x User Experience (UX)Gustavo Gobbi
 
Backbone.js + Rails - Front-end e back-end conectados
Backbone.js + Rails - Front-end e back-end conectadosBackbone.js + Rails - Front-end e back-end conectados
Backbone.js + Rails - Front-end e back-end conectadosHenrique Gogó
 
WPI – Pós Design de Interação IEC PUC Minas aula06
WPI – Pós Design de Interação IEC PUC Minas aula06WPI – Pós Design de Interação IEC PUC Minas aula06
WPI – Pós Design de Interação IEC PUC Minas aula06Leandro Alves
 
WPI – Pós Design de Interação IEC PUC Minas aula04
WPI – Pós Design de Interação IEC PUC Minas aula04WPI – Pós Design de Interação IEC PUC Minas aula04
WPI – Pós Design de Interação IEC PUC Minas aula04Leandro Alves
 
Desenvolvimento de Games com Phaser
Desenvolvimento de Games com PhaserDesenvolvimento de Games com Phaser
Desenvolvimento de Games com Phaserleandroide
 
Interface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-endInterface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-endTalita Pagani
 
Processo de design digital
Processo de design digitalProcesso de design digital
Processo de design digitalMário Barros
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digitalMarconi Pacheco
 
UI e UX no Material Design
UI e UX no Material DesignUI e UX no Material Design
UI e UX no Material DesignGustavo Gobbi
 
Agile UX: Projetando a User Experience no Mundo Ágil
Agile UX: Projetando a User Experience no Mundo ÁgilAgile UX: Projetando a User Experience no Mundo Ágil
Agile UX: Projetando a User Experience no Mundo ÁgilDiogo Riker
 
Hack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopHack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopAna Paula Batista
 
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebIntrodução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebAnderson Luís Furlan
 

Destaque (20)

WPI – Pós Design de Interação IEC PUC Minas aula05
WPI – Pós Design de Interação IEC PUC Minas aula05WPI – Pós Design de Interação IEC PUC Minas aula05
WPI – Pós Design de Interação IEC PUC Minas aula05
 
Hack2B Startups - UX?
Hack2B Startups - UX?Hack2B Startups - UX?
Hack2B Startups - UX?
 
Programação web e o front-end
Programação web e o front-endProgramação web e o front-end
Programação web e o front-end
 
User Interface (UI) x User Experience (UX)
User Interface (UI) x User Experience (UX)User Interface (UI) x User Experience (UX)
User Interface (UI) x User Experience (UX)
 
WPI Aula 05
WPI Aula 05WPI Aula 05
WPI Aula 05
 
Backbone.js + Rails - Front-end e back-end conectados
Backbone.js + Rails - Front-end e back-end conectadosBackbone.js + Rails - Front-end e back-end conectados
Backbone.js + Rails - Front-end e back-end conectados
 
WPI – Pós Design de Interação IEC PUC Minas aula06
WPI – Pós Design de Interação IEC PUC Minas aula06WPI – Pós Design de Interação IEC PUC Minas aula06
WPI – Pós Design de Interação IEC PUC Minas aula06
 
WPI Aula 01
WPI Aula 01WPI Aula 01
WPI Aula 01
 
WPI – Pós Design de Interação IEC PUC Minas aula04
WPI – Pós Design de Interação IEC PUC Minas aula04WPI – Pós Design de Interação IEC PUC Minas aula04
WPI – Pós Design de Interação IEC PUC Minas aula04
 
Desenvolvimento de Games com Phaser
Desenvolvimento de Games com PhaserDesenvolvimento de Games com Phaser
Desenvolvimento de Games com Phaser
 
WPI Aula 04
WPI Aula 04WPI Aula 04
WPI Aula 04
 
Design Responsivo
Design ResponsivoDesign Responsivo
Design Responsivo
 
Interface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-endInterface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-end
 
Processo de design digital
Processo de design digitalProcesso de design digital
Processo de design digital
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
UI e UX no Material Design
UI e UX no Material DesignUI e UX no Material Design
UI e UX no Material Design
 
Agile UX: Projetando a User Experience no Mundo Ágil
Agile UX: Projetando a User Experience no Mundo ÁgilAgile UX: Projetando a User Experience no Mundo Ágil
Agile UX: Projetando a User Experience no Mundo Ágil
 
Hack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopHack2B - Design Sprint Workshop
Hack2B - Design Sprint Workshop
 
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebIntrodução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento Web
 
Aula 4 - HTML
Aula 4 - HTMLAula 4 - HTML
Aula 4 - HTML
 

Semelhante a Back end, Front end e Full Stack

Desenvolvimento web com python e web2py
Desenvolvimento web com python e web2pyDesenvolvimento web com python e web2py
Desenvolvimento web com python e web2pyRelsi Maron
 
O que move a web atualmente?
O que move a web atualmente?O que move a web atualmente?
O que move a web atualmente?Fabio Janiszevski
 
[LatinoWare 2012] Mini Curso PHP 5.4 + MongoDB
[LatinoWare 2012] Mini Curso PHP 5.4 + MongoDB[LatinoWare 2012] Mini Curso PHP 5.4 + MongoDB
[LatinoWare 2012] Mini Curso PHP 5.4 + MongoDBVinicius de Sá
 
Sua aplicação não é filha de um framework
Sua aplicação não é filha de um frameworkSua aplicação não é filha de um framework
Sua aplicação não é filha de um frameworkDaniel Lima
 
ArduinoDay 2015 - OpenDevice
ArduinoDay 2015 -  OpenDeviceArduinoDay 2015 -  OpenDevice
ArduinoDay 2015 - OpenDeviceRicardo Rufino
 
O que podemos fazer com Python?
O que podemos fazer com Python?O que podemos fazer com Python?
O que podemos fazer com Python?Izabela Guerreiro
 
PHP para aplicações Web de grande porte
PHP para aplicações Web  de grande portePHP para aplicações Web  de grande porte
PHP para aplicações Web de grande porteFelipe Ribeiro
 
Desenvolvimento Web com Software Livre
Desenvolvimento Web com Software LivreDesenvolvimento Web com Software Livre
Desenvolvimento Web com Software LivreGivanaldo Rocha
 
Oficina de PHP - Software Freedom Day Luziânia 2013
Oficina de PHP - Software Freedom Day Luziânia 2013Oficina de PHP - Software Freedom Day Luziânia 2013
Oficina de PHP - Software Freedom Day Luziânia 2013George Mendonça
 
Desenvolvimento Web com Java Script Full Stack
Desenvolvimento Web com Java Script Full StackDesenvolvimento Web com Java Script Full Stack
Desenvolvimento Web com Java Script Full StackErick Petrucelli
 
OmbrosDeGigantes-TDC2014
OmbrosDeGigantes-TDC2014OmbrosDeGigantes-TDC2014
OmbrosDeGigantes-TDC2014Marcio Marchini
 
SaaS - RubyMastersConf.com.br
SaaS - RubyMastersConf.com.brSaaS - RubyMastersConf.com.br
SaaS - RubyMastersConf.com.brJuan Maiz
 
O ecossistema e o estado atual do php - o presente, o passado e o futuro da ...
O ecossistema e o estado atual do php  - o presente, o passado e o futuro da ...O ecossistema e o estado atual do php  - o presente, o passado e o futuro da ...
O ecossistema e o estado atual do php - o presente, o passado e o futuro da ...Rodrigo Wanderley de Melo Cardoso
 
Palestra IFG - Desenvolvimento Front-end
Palestra IFG - Desenvolvimento Front-endPalestra IFG - Desenvolvimento Front-end
Palestra IFG - Desenvolvimento Front-endRodrigo Caneppele
 

Semelhante a Back end, Front end e Full Stack (20)

Desenvolvimento web com python e web2py
Desenvolvimento web com python e web2pyDesenvolvimento web com python e web2py
Desenvolvimento web com python e web2py
 
O que move a web atualmente?
O que move a web atualmente?O que move a web atualmente?
O que move a web atualmente?
 
[LatinoWare 2012] Mini Curso PHP 5.4 + MongoDB
[LatinoWare 2012] Mini Curso PHP 5.4 + MongoDB[LatinoWare 2012] Mini Curso PHP 5.4 + MongoDB
[LatinoWare 2012] Mini Curso PHP 5.4 + MongoDB
 
Linguagem Python
Linguagem PythonLinguagem Python
Linguagem Python
 
Sua aplicação não é filha de um framework
Sua aplicação não é filha de um frameworkSua aplicação não é filha de um framework
Sua aplicação não é filha de um framework
 
ArduinoDay 2015 - OpenDevice
ArduinoDay 2015 -  OpenDeviceArduinoDay 2015 -  OpenDevice
ArduinoDay 2015 - OpenDevice
 
O que podemos fazer com Python?
O que podemos fazer com Python?O que podemos fazer com Python?
O que podemos fazer com Python?
 
PHP para aplicações Web de grande porte
PHP para aplicações Web  de grande portePHP para aplicações Web  de grande porte
PHP para aplicações Web de grande porte
 
Onde posso ir como “dev”
Onde posso ir como “dev”Onde posso ir como “dev”
Onde posso ir como “dev”
 
Desenvolvimento Web com Software Livre
Desenvolvimento Web com Software LivreDesenvolvimento Web com Software Livre
Desenvolvimento Web com Software Livre
 
Oficina de PHP - Software Freedom Day Luziânia 2013
Oficina de PHP - Software Freedom Day Luziânia 2013Oficina de PHP - Software Freedom Day Luziânia 2013
Oficina de PHP - Software Freedom Day Luziânia 2013
 
Desenvolvimento Mobile Web usando PHP
Desenvolvimento Mobile Web usando PHPDesenvolvimento Mobile Web usando PHP
Desenvolvimento Mobile Web usando PHP
 
Bigadata casese opotunidades
Bigadata casese opotunidadesBigadata casese opotunidades
Bigadata casese opotunidades
 
Desenvolvimento Web com Java Script Full Stack
Desenvolvimento Web com Java Script Full StackDesenvolvimento Web com Java Script Full Stack
Desenvolvimento Web com Java Script Full Stack
 
PHP: Além do sitezinho
PHP: Além do sitezinhoPHP: Além do sitezinho
PHP: Além do sitezinho
 
OmbrosDeGigantes-TDC2014
OmbrosDeGigantes-TDC2014OmbrosDeGigantes-TDC2014
OmbrosDeGigantes-TDC2014
 
SaaS - RubyMastersConf.com.br
SaaS - RubyMastersConf.com.brSaaS - RubyMastersConf.com.br
SaaS - RubyMastersConf.com.br
 
Novas Fronteiras
Novas FronteirasNovas Fronteiras
Novas Fronteiras
 
O ecossistema e o estado atual do php - o presente, o passado e o futuro da ...
O ecossistema e o estado atual do php  - o presente, o passado e o futuro da ...O ecossistema e o estado atual do php  - o presente, o passado e o futuro da ...
O ecossistema e o estado atual do php - o presente, o passado e o futuro da ...
 
Palestra IFG - Desenvolvimento Front-end
Palestra IFG - Desenvolvimento Front-endPalestra IFG - Desenvolvimento Front-end
Palestra IFG - Desenvolvimento Front-end
 

Back end, Front end e Full Stack

  • 1. Front end, Back end, Full Stack. Onde vivem? O que comem? Hoje na UniGranrio
  • 2. Front end, Back end, Full Stack. Onde vivem? O que comem? Hoje na UniGranrio
  • 3. Anna Cruz - Analista de desenvolvimento no SERPRO (FullStack) - Ex-analista de infra/devops - Pseudo mestre em redes de computadores - Participante das comunidades de Ruby, Django, etc - Hiperativa - Curiosa - Nerd - Tentando dominar o mundo diariamente
  • 4. Dayany Espíndola - Desenvolvedora - Quase engenheira de computação - Apaixonada por web - Fã de MPB - Tentando dominar o mundo diariamente
  • 5.
  • 6. Agora vamos ao que interessa….
  • 7.
  • 8.
  • 9. Back end - Foco na arquitetura do sistema - Regras de negócio - "Conversas" com o banco de dados - Lado do servidor - Diversas linguagens de programação: Ruby, Python, PHP, Java...
  • 10. Back end - Foco na arquitetura do sistema - Regras de negócio - "Conversas" com o banco de dados - Lado do servidor - Diversas linguagens de programação: Ruby, Python, PHP, Java... Ou seja...
  • 11. Back end - Foco na arquitetura do sistema - Regras de negócio - "Conversas" com o banco de dados - Lado do servidor - Diversas linguagens de programação: Ruby, Python, PHP, Java...
  • 12.
  • 13. Não é porque ninguém vê que não é importante!!! As "engrenagens" de um site complexo ou de uma aplicação mobile só funcionam se tem um backend bem "azeitado".
  • 14. O que precisa pra ser um bom backender? - Gostar de tecnologia - Aprender bastante lógica de programação - Saber usar o google =p
  • 15. Uma pequena observação: DevOps Development and Operations - Interdependência entre o desenvolvimento e as operações (infraestrutura) - Automatização das tarefas de configuração dos servidores - Padronização dos ambientes
  • 16. Front end @ sujeit@ que transforma os desenhos em páginas
  • 18.
  • 19.
  • 21. Front end - Semântica - Mecanismos de busca - Acessibilidade - Performance
  • 22. Front end É quem dá vida às aplicações
  • 23. O que precisa pra ser um bom front? - Gostar de tecnologia - Aprender bastante lógica de programação - Saber usar o google =p
  • 24. E Full Stack? É de comer? - FullStack é como é chamado o dev que manja dos paranauês tanto de backend quanto de frontend.
  • 25. FullStack - Pessoa dinâmica que possui múltiplas atividades - Geralmente começa a trabalhar como um dos "lados da moeda" e depois aprende o outro
  • 26. O que precisa pra ser um bom fullstack? - Gostar de tecnologia - Aprender bastante lógica de programação - Saber usar o google =p
  • 27.