Meet and Greet
01 02 03 04 05 06 07 08 09 10
11 12 13 14 15 16 17 18 19 20
01 02 03 04 05 06 07 08 09 10
11 12 13 14 15 16 17 18 19 20
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.
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.
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.
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.
O que é client-side e server-side?
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
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
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. ;-)
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é?
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.
Plataformas
• Desktop
• Web
• Mobile
Banco de Dados
Relacionais
• mySQL
• PostgreSQL
• Oracle
• SQL Server
• MariaDB
Não Relacionais
• MongoDB
• Cassandra
• Redis
• Neo4j
• CouchDB
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.
Plataformas
• Android – Google / Open Handset Alliance
• iOS – Apple
• FirefoxOS – Mozilla
• BlackberryOS - Blackberry
• Etc….
http://pt.wikipedia.org/wiki/Desenvolvimento_de_software_mobile
https://bubbl.us/?h=207655/41e014/21d867ci85bxM&r=1084143387
PHP
• Lógica de Programação
• Orientação a Objetos
JAVA
• Lógica de Programação
• Orientação a Objetos
.NET / C#
• Lógica de Programação
• Orientação a Objetos
HTML5
• Lógica de Programação
• HTML
• CSS
• Javascript
Design Responsivo e Tableless
• HTML
• HTML 5
• CSS
• Javascript
Node.js
• Lógica de Programação
• Orientação a Objetos
• Javascript
• Javascript avançado
jQuery - Criando aplicações Web
ricas
• Lógica de Programação
• Javascript
• Html
• CSS
Android
• Lógica de Programação
• Orientação a Objetos
• Java Fundamentos
Windows Phone
• Lógica de Programação
• Orientação a Objetos
• C# 4.0 - Fundamentos da Linguagem
Apple iOS
• Lógica de Programação
• Orientação a Objetos
Termos
•GERAIS
• Debugar
• Deploy
• Upload
• FTP
• UX
• UI
• AI – Arquitetura da Informação
• SEO (és-i-ou) dúvida ?
• Analytics
• Trends
• Commit
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.
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.

Palestra institucional Interna | Meet and Greet

  • 1.
  • 2.
    01 02 0304 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20
  • 3.
    01 02 0304 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.
  • 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.
  • 26.
    PHP • Lógica deProgramação • Orientação a Objetos
  • 27.
    JAVA • Lógica deProgramação • Orientação a Objetos
  • 28.
    .NET / C# •Lógica de Programação • Orientação a Objetos
  • 29.
    HTML5 • Lógica deProgramação • HTML • CSS • Javascript
  • 30.
    Design Responsivo eTableless • HTML • HTML 5 • CSS • Javascript
  • 31.
    Node.js • Lógica deProgramação • Orientação a Objetos • Javascript • Javascript avançado
  • 32.
    jQuery - Criandoaplicações Web ricas • Lógica de Programação • Javascript • Html • CSS
  • 33.
    Android • Lógica deProgramação • Orientação a Objetos • Java Fundamentos
  • 34.
    Windows Phone • Lógicade Programação • Orientação a Objetos • C# 4.0 - Fundamentos da Linguagem
  • 35.
    Apple iOS • Lógicade 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 (ApplicationProgramming 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.