Visual Web developer 2008 Express Edition

O Visual Web Developer 2008 Express Edition é a versão grátis do ambiente de desenvolvimento integrado da Microsoft para o desenvolvimento de aplicações utilizando ASP.NET 3.5.

Baixar e instalar

Para utilizá-la:
1. Baixe a versão http://www.microsoft.com/express/download/;
2. Instale em sua máquina, desde que atenda os seguintes requisitos:

Arquitetura suportada

· x86
· x64
Sistemas Operacionais
· Microsoft Windows XP
· Microsoft Windows Server 2003
· Windows Vista
Hardware requerido
· Mínimo: 1.6 GHz CPU, 192 MB RAM, 1024x768 display, 5400 RPM hard disk space
· Recomendado: 2.2 GHz CPU ou maior, 384 MB ou mais, 1280x1024 display, 7200 RPM or higher
· Windows Vista: 2.4 GHz CPU, 768 MB RAM 1.3 GB de espaço disponível para instalção completa

Caso você tenha alguma dúvida, pode frequentar a página de FAQ:
http://www.microsoft.com/express/support/faq/

Geral sobre o ambiente

Ao abrir o Visual Web developer 2008 Express Edition será mostrado a Start Page(página inicial), conforme imagem 1.

Imagem 1 : Visual Web developer 2008 Express Edition Start Page

As opção aqui são:
Recent Projects
Neste estão listados todos os projetos abertos recentemente, é possível abri-lo ao clicar neste.

Getting Started
Aqui estão disponíveis links com informações e tutoriais para se iniciar no uso do Visual Web developer 2008 Express Edition.

MSDN: Visual Web developer Express EditionDisponível diversos links com as últimas novidades.

Vamos criar um novo web site para explorar os recursos da IDE. No menu File/New Web Site, nos será mostrado a tela da imagem 2.

Imagem 2 : Tela para criar um novo web site.

Aqui há diferentes tipos de aplicações que podemos criar, ASP.NET é a que vamos nos ater e utilizar por agora. Na seleção de Location, podemos escolher os diferentes tipos de localização: File System, Http e Ftp. Selecionamos File System e especificamos um caminho e nome de projeto na próxima caixa de texto. Na seleção Language, podemos escolher entre as linguagens Visual Basic e C#, selecionamos C#. Clicamos em OK.

Será aberto o projeto criado conforme imagem 3:

Image 3 : Projeto criado

Janela de edição

Neste projeto já é criado a página Default.aspx. Já podemos visualizar, na janela de edição, o código ASPX e HTML desta página. Conforme imagem 4, estamos visualizando o fonte desta página(Source), ainda podemos trocar para desenhar visualmente(Design) e a visualização dividida, onde é mostrado os dois anteriores(Split).

Imagem 4 : Tipo de visualizações ASPX.

Solution Explorer(Explorar solução)

Há também a janela solution explorer, imagem 5, que permite explorar nossa solução, onde é listado todos os arquivos que fazem parte de nossa solução, se clicarmos duas vezes em um arquivo visualizamos o arquivo no editor.
Imagem 5: Solution Explorer

Clicando com o botão direito no web site, temos várias opções, podemos montar o site, adicionar novos arquivos e existentes, e criar diretórios e muito mais, veja na imagem 6.

Imagem 6 : Clicando com o botão direito na solução

Properties(Janela de propriedade)

Esta janela mostra as propriedades disponíveis, de acordo com o elemento ativo. Neste caso, como havia clicado no web site, estou visualizando e podendo editar as propriedades pertinentes a este, conforme imagem 7. Como a propriedade Virtual path está selecionada, ainda podemos ver uma descrição da propriedade na parte inferior da janela.

Esta janela mostra diferentes propriedades de acordo com o elemento selecionado.

Imagem 7: Janela de propriedades

Existem propriedades que podem somente ser visualizadas, outras editadas alterando valores no próprio editor e outras que mostram uma janela de edição da propriedade. Para demonstrar, selecionamos o elemento DIV na nossa janela de edição, imagem 8, e posteriormente sua propriedade Style, imagem 9. Nos será mostrado um botão com texto “...”, que ao clicado será aberta a janela de edição da propriedade, imagem 10.


Imagem 8 - Selecionando o elemento DIV

Imagem 9 - Propriedade Style

Imagem 10 - Janela de edição da propriedade Style

Estas janelas nos auxiliam no preenchimento da propriedade do controle. Neste caso, temos acesso a várias propriedades de estilo do controle de forma visual

Janelas não visíveis

Caso uma janela não esteja visível, podemos abrí-la através do menu View ou Debug Windows. Veremos a janela Ferramentas clicando no menu View/Toolbox

Janela Ferramentas

Como o nome diz, a janela ferramentas mostra as ferramentas disponíveis, mas estas podem variar de acordo com o item selecionado na janela de edição. Neste caso, selecionamos o Default.aspx, desta forma veremos controles e componentes possíveis de utilizar nesta página.

Arrastaremos um label para a página e alteraremos as seguintes propriedades:
Text para “Conhecendo o Visual Web developer 2008 Express Edition”, edite seu estilo;
Expandiremos a propriedade Font e iremos definir as propriedades:
Bold para True;
Size para Large;
Agora para a propriedade ForeColor, selecionaremos na janela de edição da propriedade a cor azul;

Editando o código C#

Na janela Solution Explorer clicamos duas vezes no arquivo Default.aspx.cs, se este não estiver visível expanda o arquivo Default.aspx. Aberto o arquivo Default.aspx.cs podemos reparar que este é uma classe, que descende de System.Web.UI.Page e já está com o método Page_Load criado. Neste método, adicionaremos o código conforme imagem 11:

Imagem 11 - Editando o code behind

O ASP.NET usado desta forma, com dois arquivos, permite uma separação de código(Default.aspx.cs) e de desenho(Default.aspx). Assim podemos ter numa equipe designers e desenvolvedores trabalhando de forma conjunta e evitando que ao fazer atualizações pertinentes ao seu contexto, seja desenhando ou programando, atrapalhe o trabalho do outro.

Executando o código

Iremos então executar o código para ver o resultado. Para isto vá no menu Debug/Start Without Debug. Será aberto o ASP.NET Development Server, iremos falar dele mais tarde, e o navegador mostrando a página criada.

Será mostrado uma mensagem javascript e clicamos em OK.

O ASPX gera código HTML

Ainda no navegador, visualize o código fonte da página que acabamos de criar. Para isto, se você estiver utilizando o Internet Explorer, clique com o botão direito e vá em Exibir Código fonte. A imagem 12 mostra o código fonte:


Imagem 12: ASPX gera código HTML
Repare que tudo que criamos gerou um HTML! Não importa as diferentes propriedades que você defina, os diferentes controles, no final, tudo será gerado como HTML. Por isto é muito importante para que você, que deseja ser um bom desenvolvedor Web, domine o uso do HTML.

Referências:
http://msdn2.microsoft.com/en-us/beginner/bb964635.aspx
http://www.microsoft.com/express/vwd/

Caso queira ver algumas dicas sobre este ambiente de desenvolvimento:
http://weblogs.asp.net/scottgu/archive/2007/07/28/nice-vs-2008-code-editing-improvements.aspx
http://vincenthomedev.wordpress.com/2007/08/09/vs-2008-ide/

Evoluções do ASP.NET

O ASP.Net, atualmente na versão 3.5 vem evoluindo desde 2002, quando publicado sua primeira versão 1.0. Há ainda a versão ASP, sua predescessora, mas as mudanças foram tão grandes, que o comum poderia ser: a opção da Microsoft para desenvolvimento Web, cada uma em sua época.

ASP.Net 1.0 – 13/02/2002
Introdução a plataforma de desenvolvimento .Net e para aplicações Web o ASP.NET. Apesar de 1.0 é uma plataforma extremamente robusta e bem definida.
Suas inovações foram soluções para problemas já vividos como a divisão em dois arquivos por página, um definindo o layout da página e outro o código(code behind).
A compilação para linguagem intermediária(MSIL) e a utilização da framework para prover diversas classes e seus serviços para o desenvolvimento, que continuaram nas versões posteriores da framework.
Vários controles para facilitar o desenvolvimento, como os Validators, que permitem validar o conteúdo inserido pelos usuários.

ASP.Net 1.1 – 03/04/2003
Praticamente não houve grandes mudanças em relação à versão 1.0. Correção de alguns bugs e melhorias.

ASP.Net 2.0 – 22/01/2006
As definições da plataforma até agora foram bem acertadas, mas esta versão trouxe grandes mudanças para o desenvolvimento. O acesso a dados passou a ser feito através dos componentes DataSources. Existem DataSources especialistas para cada diversas fontes de dados, dentre eles:

• XML - XMLDataSource
• Base de dados - SqlDataSource
• Objetos - ObjectDataSource.
• Representa uma camada intermediária para recuperar e atualizar objetos. Este é flexível para permitir o acesso a diferentes arquiteturas e usar na parte ASP.Net os controles de forma transparente.

Houve a introdução ao que foi chamado Two-way data binding. Os dados eram lidos e poderiam ser salvos(http://msdn2.microsoft.com/en-us/magazine/cc163505.aspx).

O controle DataGrid foi substituído pelo GridView. Este para mostrar vários registros, por exemplo, várias linhas de uma consulta da base de dados.

O controle FormView foi introduzido, para possibilitar a visualização, edição e exclusão de registro. O Controle DetailView, similar ao FormView, mostra dados de forma tabular, ou seja, de forma menos flexível que o FormView.

Introdução ao Master Page, themas e skins, que permitem uma padronização e melhor organização do layout da aplicação.

.Net framework 3.0 – 21/11/2006
Esta não trouxe uma versão para o ASP.Net, mas trouxe novas tecnologias para a framework como:

Windows Presentation Foundation(WPF)
http://msdn2.microsoft.com/en-us/netframework/aa663326.aspx

Windows Workflow Foundation(WF)
http://msdn2.microsoft.com/en-us/netframework/aa663328.aspx

Windows Communication Fundation(WCF) - code-named Indigo http://msdn2.microsoft.com/en-us/netframework/aa663324.aspx

ASP.NET AJAX - 23/01/2007 - code-named Atlas
O Ajax(Asynchronous Javascript And XML) trouxe uma maior interatividade para as aplicações Web, diminuindo a quantidade de refreshs no cliente(navegador) através da utilização de Javascript, XML e XMLHttpRequest para buscar informações no servidor.

O Ajax não é uma tecnologia, mas um nome comercial para o conjunto de tecnologias. A principal delas, se é que podemos definir alguma como principal, é o XMLHttpRequest, originalmente desenvolvido pela Microsoft para o Outlookup Web Access 2000.

Um dos grandes responsáveis pela popularização do AJAX foi o Gmail(01/04/2004), hoje em dia praticamente todo web mail utiliza-se de AJAX.

O ASP.net AJAX é a biblioteca da Microsoft para utilização de AJAX com o ASP.NET 2.0 ou 3.5.
http://asp.net/ajax/

ASP.Net 3.5 – 19/11/2007
Esta versão adiciona novas funcionalidades ao ASP.NET 2.0, ou seja, as funcionalidades e controles do ASP.NET 2.0 foram todos mantidos.

Mas houve novidades, como os controles:
ListView
Permite mostrar dados utilizando templates(modelos), permitindo uma grande flexibilidade
http://www.asp.net/learn/3.5-videos/video-225.aspx

DataPage
Permite a paginação controles que são Data-Bound, como o ListView
http://www.asp.net/learn/3.5-videos/video-221.aspx

E a principal novidade, que é o Linq, uma linguagem para query em objetos, que podem estar na memória ou na base de dados. Isto só é possível graças ao mapeamento objeto relacional. Caso queira ver um vídeo disto:
http://www.asp.net/learn/videos/video-232.aspx

O Java disponibiliza funcionalidades equivalentes, como o TopLink e o Hibernate.

E depois:
Há também o Silverlight, para o desenvolvimento de aplicações RIA(Rich Internet Application). É um plugin de browser, assim como o Adobe Flash, atualmente está no desenvolvimento de sua versão 2.0.

Ufa! É isto, muita informação, mas somente para termos uma idéia de onde estamos.

Desenvolvendo aplicações WEB?

De HTML, CSS, Javascript e AJAX até tecnologias de servidor como o ASP.Net ou Java de tudo é possível achar na Internet.

Apesar das evoluções e revoluções, estas têm uma sequência lógica, de problemas e soluções, que mesmo para quem trabalha a muito com as tecnologias ou chegou agora, pode se perder ou não achar o embasamento necessário para adotar uma solução...

A idéia deste blog é divulgar algumas pesquisas de tecnologias WEB, simplificar e principalmente mostrar que as idéias boas são as simples e fáceis de entender e fazer-se entender.