Desenvolvimento Web Dia1

CRIANDO APLICAES WEB UTILIZANDO ASP.
NET
Apresentao
aspbrasil.com.br
aspbrasiltecnologia.com.br
twitter.com/aspbrasil
www.aspbrasiltecnologia.com.br
CRIANDO APLICAES WEB UTILIZANDO ASP.NET
Apresentao
Rafael Massami
Bacharel em Engenharia de Software
7 anos de experincia em desenvolvimento
twitter.com/rmassami
massami@aspbrasil.net
A Empresa
Histrico da ASPBRASIL
1999 - A comunidade ASP do Brasil
2004 - Estdio ASPBRASIL de Desenvolvimento WEB
Principais clientes:
Agncias de publicidade e de comunicao
Bancos
Operadoras e agncias de turismo
Outras empresas de T.I.
Principais Servios
Consultoria de Solues
Desenvolvimento WEB Sob Medida
A Empresa
Histrico da ASPBRASIL
2010 - ASPBRASIL Tecnologia
Treinamento e capacitao
Padres de desenvolvimento WEB
HTML e CSS
ASP.NET 3.5
SQL Server 2008
Lgica de Programao
E outros...
Programao
Incio s 18:30
15 min de Coffee-Break
Trmino s 22:30
50% Conceitos
50% Hands-on
Assuntos abordados
Dia 2
Dia 1 Arquitetura Bsica ASP.NET
Como funciona a Internet? Principais APIs
Linguagem HTML (HyperText Markup Language) UserControls
CSS (Cascading Style Sheets) MasterPages
Microsoft Visual Web Developer 2010 Express Session (Sesso de Usurio)
Web Controls
Dia 3
Banco de Dados SQL Server
Dia 5
Dia 4
Acesso a Dados
Programao Orientada a Objetos
Como funciona a internet?
DNS (Domain Name System)
www
request
www Internet
www Servidor WEB
dispositivos
response
Internet
Servidor WEB
dispositivos
Navegador WEB
Realiza a requisio de contedo no servidor WEB
Exibe o contedo requisitado
Realiza a leitura dos seguintes arquivos:

De forma nativa: HTML, XML, JPEG, PNG, etc.
Atravs de plugins: Flash, PDF, etc.
Interpretador de texto
Navegador WEB
Internet Explorer
50%
30% Firefox
5% Chrome
Fonte: http://gs.statcounter.com/#browser_version-BR-weekly-200827-200951-bar
Linguagem HTML
Hyper Text Markup Language

(Linguagem de descrio da estrutura das pginas WEB)
Surge da juno entre HyTime + SGML
HyTime - ISO 10744:1992

(Hypermedia / Time-based Document Structuring Language)
SGML ISO 8879

(Stardard Generalized Markup Language)
Linguagem HTML
tag tamanho
fonte
<font face="Arial" size="18">

<strong>
Hello Word!
negrito
</strong>
</font>
Hello World!
Cdigo fonte
Apresentao no browser
Linguagem HTML
Demonstrao
Referncias:
http://www.w3.org/standards/webdesign/htmlcss
XML / XHML
eXtensible Markup Language (XML)

- Facilita o compartilhamento de informaes
- Possibilidade de criao de tags sem limitao
- Muito utilizado em integrao de sistemas
eXtensible Hypertext Markup Language (XHTML)

- um HTML melhor formatado
- Acessvel a qualquer dispositivo
XML / XHML
<?xml version=1.0 encoding=UTF-8?>
<produto>
<codigo>2011</codigo>
<descricao>Camaro</descricao>
<marca>Chevrolet</marca>
<preco>185.000,00</preco>
</produto>
CSS
Cascading Style Sheets

(Folhas de estilo em cascata)
Responsvel pela apresentao da pgina WEB
Estilizao
- Cores
- Fontes
Layout (Diagramao)
- Posicionamento
- Estruturao
Separa a diagramao da formatao
CSS
fonte
<style>
body { tamanho
font-face: Arial;
font-size: 18px;
font-weight: bold;
}
</style> negrito
Hello World!
<body>Hello Word!</body>
Cdigo fonte
Apresentao no browser
CSS
<link rel=stylesheet
type=text/css
href=estilo.css />
Pgina 1!
<body>Pgina 1!</body>
estilo.css
body {
type=text/css
font-face: Arial;
href=estilo.css />
font-size: 18px; Pgina 2!
font-weight: bold;
}
type=text/css
href=estilo.css />
Pgina 3!
CSS
Demonstrao
Referncias:
http://www.w3.org/standards/webdesign/htmlcss
http://maujor.com
Programao WEB
Utilizado para tornar pginas dinmicas e mais flexveis
2 tipos existentes:
- Client-side
- Server-side
Client-side:
Javascript, ActionScript (Flash), etc.
Server-side:
ASP.NET, JSP, PHP, etc.
Programao WEB: Client-side
quem processa os scripts o navegador.
request
HTML
response
navegador servidor
Programao WEB: Client-side
Demonstrao
Referncias:
http://w3schools.com/js/default.asp
Programao WEB: Server-side
request
HTML
response
navegador servidor
quem processa os scripts o servidor.
IIS Internet Information Services
o Web Server / App Server da Microsoft
Responsvel por receber as solicitaes (request) dos clientes

e enviar as respostas (HTTP)
Verses mais utilizadas atualmente:

- IIS 6.0 (Windows Server 2003 e XP Professional)
- IIS 7.0 (Windows Server 2008 e Vista)
uma plataforma de desenvolvimento de aplicaes web

baseada no Framework .NET
Utiliza programao interpretada e orientada a objetos
Utiliza o servidor web IIS (Internet Information Service)
Linguagens:
- VB
- C#
Referncias:
http://www.aspbrasil.com.br
http://www.asp.net
Microsoft ASP.Net
request
IIS
HTML
response
navegador servidor
FTP (File Transfer Protocol)
Internet
Dispositivo Local Servidor WEB
Site A
Site B
Servidor WEB
(Compartilhado)
Site C
Site A
Servidor WEB
(Dedicado)
Site
Servidor WEB
(Cloud Computing)
uma sute de programas para desenvolvimento .NET
Contm o Visual Web Developer 2010 express, ferramenta para

desenvolvimento de aplicaes WEB
Ajuda na produtividade, pois conta com:

Modos de edio de HTML e design
IntelliSense, Code Snippet e validao de cdigo
Depurador para diagnsticos de erros
Ferramentas de publicao
Templates de projetos
Entre outras funes
Referncias:
http://www.microsoft.com/express/web/
Cdigo fonte
Propriedades
Toolbox Solution
Explorer
Design
Modos de
visualizao
Pginas ASPX
Exemplo.aspx.cs
Hello World!
using System; Exemplo.aspx
using System.Web;
using System.Web.UI; <%@ Page Language="C#"
using System.Web.UI.WebControls; AutoEventWireup="true"
CodeFile="Default.aspx.cs"
public partial class _Default : Inherits="_Default" %>
System.Web.UI.Page
{ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Transitional//EM
protected void Page_Load( "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
object sender, transitional.dtd">
EventArgs e)
{ <html
//Programe aqui. xmlns="http://www.w3.org/1999/xhtml">
} <head runat="server">
} <title></title>
</head>
Code-behind <body>
<form id="form1" runat="server">
Hello World!
</form>
</body> Pgina ASPX
</html>
Ciclo de vida das pginas ASP.NET (.aspx)
request
Clique HTML
aqui
response
postback
Clique
aqui
Programao WEB: Server-side
Demonstrao
Referncias:
http://msdn.microsoft.com/pt-br/library/w0x726c2(v=vs.90).aspx
Alguns Tipos de Variveis (C#)
String........Texto
Int.............Nmeros Inteiros
Decimal......Nmeros Decimais
DateTime....Data / Hora
Sintaxe - Exemplos (C#)
Case Sensitive
Necessita de ; ao final de uma instruo
Comentrio:
// inline
/*
inblock
vrias linhas
*/
Condio:
if (idade < 18)

{
//menor de idade;
}
Loop (lao):
for (int i = 0; i < 10; i++)

{
/* soma de um em um,
at chegar a 10 */
}
Operadores:
AND &&
OR ||
Igual (comparao) ==
Maior e igual >=
Menor e igual <=
Atribuio
int numero = 100;

string texto = teste;
Demonstrao
Referncias:
http://msdn.microsoft.com/pt-br/library/w0x726c2(v=vs.90).aspx
Projeto
Cadastro de clientes de uma loja
Cenrio
Uma loja nos contratou para criar um sistema online para

cadastro de seus clientes, busca de clientes e edio de dados dos
clientes.
Requisitos
O sistema deve inserir clientes com as seguintes informaes:

Nome
Data de nascimento
Formao acadmica
Sexo
E-mail
O sistema deve exibir todos os clientes da loja
O sistema pode editar todos os clientes da loja

Desenvolvimento Web Dia1

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Desenvolvimento Web Dia1

Transféré par

Droits d'auteur :

Formats disponibles

CRIANDO APLICAES WEB UTILIZANDO ASP.

Bacharel em Engenharia de Software

7 anos de experincia em desenvolvimento

1999 - A comunidade ASP do Brasil

2004 - Estdio ASPBRASIL de Desenvolvimento WEB

2010 - ASPBRASIL Tecnologia

Padres de desenvolvimento WEB

SQL Server 2008

Dia 1 Arquitetura Bsica ASP.NET

Como funciona a Internet? Principais APIs

Linguagem HTML (HyperText Markup Language) UserControls

CSS (Cascading Style Sheets) MasterPages

Microsoft Visual Web Developer 2010 Express Session (Sesso de Usurio)

Banco de Dados SQL Server

Como funciona a internet?

DNS (Domain Name System)

www Servidor WEB

Como funciona a internet?

Realiza a requisio de contedo no servidor WEB

Exibe o contedo requisitado

Realiza a leitura dos seguintes arquivos:

Hyper Text Markup Language

Surge da juno entre HyTime + SGML

HyTime - ISO 10744:1992

SGML ISO 8879

<font face="Arial" size="18">

eXtensible Markup Language (XML)

eXtensible Hypertext Markup Language (XHTML)

<?xml version=1.0 encoding=UTF-8?>

Cascading Style Sheets

Responsvel pela apresentao da pgina WEB

Separa a diagramao da formatao

Utilizado para tornar pginas dinmicas e mais flexveis

Programao WEB: Client-side

quem processa os scripts o navegador.

Programao WEB: Client-side

Programao WEB: Server-side

quem processa os scripts o servidor.

IIS Internet Information Services

o Web Server / App Server da Microsoft

Responsvel por receber as solicitaes (request) dos clientes

Verses mais utilizadas atualmente:

uma plataforma de desenvolvimento de aplicaes web

Utiliza programao interpretada e orientada a objetos

Utiliza o servidor web IIS (Internet Information Service)

Como funciona a internet?

FTP (File Transfer Protocol)

Dispositivo Local Servidor WEB

Como funciona a internet?

Como funciona a internet?

Como funciona a internet?

uma sute de programas para desenvolvimento .NET

Contm o Visual Web Developer 2010 express, ferramenta para

Ajuda na produtividade, pois conta com:

Ciclo de vida das pginas ASP.NET (.aspx)

Programao WEB: Server-side

Alguns Tipos de Variveis (C#)

Sintaxe - Exemplos (C#)

Necessita de ; ao final de uma instruo

Sintaxe - Exemplos (C#)

if (idade < 18)

for (int i = 0; i < 10; i++)

Sintaxe - Exemplos (C#)

int numero = 100;