Palestra institucional Interna | Meet and Greet

1. Meet and Greet

2. 01 02 03 04 05 06 07 08 09 10
11 12 13 14 15 16 17 18 19 20

3. 01 02 03 04 05 06 07 08 09 10
11 12 13 14 15 16 17 18 19 20

6. O que é client-side e server-side?
Diferenças entre linguagem client-side e
linguagem server-side.
Existem dois tipos de linguagens para
desenvolvermos para internet: as linguagens
client-side e as linguagens server-side.

7. O que é client-side e server-side?
As linguagens server-side são linguagens que o
SERVIDOR entende. Isso quer dizer que vai
escrever um código onde o servidor vai
processá-lo e então vai mandar para o seu
navegador a resposta.

8. O que é client-side e server-side?
As linguagens client-side são linguagens onde
apenas o seu NAVEGADOR vai entender. Quem
vai processar essa linguagem não é o servidor,
mas o seu browser.

9. O que é client-side e server-side?
Por exemplo: se criarmos um script em
linguagem back-end (PHP, Asp, Java, Ruby, etc)
que apenas calcula a soma de 2 + 2, será o
SERVIDOR (ou back, o server) que calculará este
resultado. Se fizermos esse cálculo em alguma
linguagem front-end, como o JavaScript, quem
calculará essa conta é o BROWSER do usuário.
Por isso o termo client ou front.

10. O que é client-side e server-side?

11. O que é client-side e server-side?
Exemplos de linguagens
Essas linguagens são linguagens client-side. É o que
vamos aprender durante todo esse conteúdo:
• HTML (xHTML, HTML4, HTML5...)
• CSS (CSS2.1, CSS3...)
• JavaScript

12. O que é client-side e server-side?
Essas são linguagens server-side, são as linguagens com
que os programadores back-end trabalham:
PHP
ASP
Java
Ruby
Python
ASP.NET

13. O que é client-side e server-side?
que é JavaScript?
Controlando o comportamento do HTML e o CSS
JavaScript não é Java
A primeira coisa que você precisa saber: JavaScript não
tem nada a ver com Java. Java é uma linguagem server-
side, como PHP, Ruby, Python e tantas outras. A única
coisa parecida entre eles é o nome. ;-)

14. O que é client-side e server-side?
O que é HTML?
Linguagem base dos websites
O nome HTML
O acrônico HTML significa em inglês: HyperText
Marckup Language. Para gente aqui fica: Linguagem de
Marcação de Hipertexto. Bonito, né?

15. O que é client-side e server-side?
O que é CSS?
O Cascading Style Sheets (CSS) é uma linguagem
utilizada para definir a apresentação (aparência) de
documentos que adotam para o seu desenvolvimento
linguagens de marcação (como XML, HTML e XHTML e
etc..). O CSS define como serão exibidos os elementos
contidos no código de um documento e sua maior
vantagem é efetuar a separação entre o formato e o
conteúdo de um documento.

18. Plataformas
• Desktop
• Web
• Mobile

19. Banco de Dados
Relacionais
• mySQL
• PostgreSQL
• Oracle
• SQL Server
• MariaDB
Não Relacionais
• MongoDB
• Cassandra
• Redis
• Neo4j
• CouchDB

20. SQL
Structured Query Language, ou Linguagem de
Consulta Estruturada ou SQL, é a linguagem de
pesquisa declarativa padrão para banco de
dados relacional (base de dados relacional).
Muitas das características originais do SQL foram
inspiradas na álgebra relacional.

23. Plataformas
• Android – Google / Open Handset Alliance
• iOS – Apple
• FirefoxOS – Mozilla
• BlackberryOS - Blackberry
• Etc….
http://pt.wikipedia.org/wiki/Desenvolvimento_de_software_mobile

25. https://bubbl.us/?h=207655/41e014/21d867ci85bxM&r=1084143387

26. PHP
• Lógica de Programação
• Orientação a Objetos

27. JAVA
• Lógica de Programação
• Orientação a Objetos

28. .NET / C#
• Lógica de Programação
• Orientação a Objetos

29. HTML5
• Lógica de Programação
• HTML
• CSS
• Javascript

30. Design Responsivo e Tableless
• HTML
• HTML 5
• CSS
• Javascript

31. Node.js
• Lógica de Programação
• Orientação a Objetos
• Javascript
• Javascript avançado

32. jQuery - Criando aplicações Web
ricas
• Lógica de Programação
• Javascript
• Html
• CSS

33. Android
• Lógica de Programação
• Orientação a Objetos
• Java Fundamentos

34. Windows Phone
• Lógica de Programação
• Orientação a Objetos
• C# 4.0 - Fundamentos da Linguagem

35. Apple iOS
• Lógica de Programação
• Orientação a Objetos

38. Termos
•GERAIS
• Debugar
• Deploy
• Upload
• FTP
• UX
• UI
• AI – Arquitetura da Informação
• SEO (és-i-ou) dúvida ?
• Analytics
• Trends
• Commit

39. Termos
•GERAIS
• API (Application Programming Interface)
• Aplicação
• Programa que faz uso de serviços de rede tais como transferência de
arquivos, login remoto e correio eletrônico.
• Bandwidth
• Largura de banda. Termo que designa a quantidade de informação
passível de ser transmitida por unidade de tempo, num determinado
meio de comunicação (fio, fibra ótica, etc).
• Biblioteca
• Conjunto de rotinas de programação desenvolvidos pelo fabricante de
um produto de desenvolvimento ou por terceiros.

40. Termos
•GERAIS
• Código Fonte
• Durante o desenvolvimento de um programa, ele é inicialmente escrito
em uma linguagem de programação (chamada neste caso de
linguagem de alto nível) e depois traduzido, com o auxílio de um
programa especial chamado compilador, para uma forma que pode ser
entendida pelo computador.
• Dados
• Qualquer tipo de informação (em um processador de texto, programa
de imagem, etc.) processada pelo computador.
• GUI (Interface Gráfica ao Usuário)
• Interface que une ícones e funções para realizar tarefas e facilitar a
vida do usuário.