O objetivo do WebMatrix é simplificar a vida de todos que precisam criar e gerenciar sites, desde o desenvolvedor até o gestor. O software foi criado para ser uma IDE simples e eficiente para criar e customizar sites que também seguisse as melhores práticas de desenvolvimento. Se você ainda não possui o WebMatrix, faça download agora mesmo clicando no link http://bit.ly/MS_WebMatrix.

Mesmo sendo gratuito, o WebMatrix é uma ferramenta completa, que agrega ambiente de desenvolvimento, de publicação, um componente para trabalhar com banco de dados e também que faça validação de todo o trabalho de SEO, recomendando melhorias nas áreas necessárias.

O WebMatrix ainda permite desenvolver em Asp.Net e PHP e é integrado com os principais projetos de código livre, como o WordPress. Outra enorme vantagem é podermos criar nossas aplicações utilizando a nova view engine da Microsoft – Razor.  

Usar o WebMatrix é muito fácil, e vamos te mostrar aqui em quatro passos os “pulos do gato” para que você possa tirar o melhor proveito da ferramenta. Em cada tópico, há alguns links para você se aprofundar.

1. Primeira aplicação

Para começar a sua primeira aplicação, é preciso entender a fundo o que é o WebMatrix: um conjunto de ferramentas robustas que proporciona uma rica experiência no desenvolvimento de aplicações web de pequeno e de médio porte.

Quando você instala o WebMatrix você terá várias ferramentas acopladas a ele, como o IIS Developer Express (um pequeno servidor para rodar as aplicações web), o ASP.NET (framework para “rodar” as páginas asp.net) e uma versão compacta do SQL Server, o SQL Server CE para hospedar seus bancos de dados, dentre outros. 

Ao abrir o WebMatrix para começar seu trabalho, você verá uma tela inicial com três opções:

1. Em “Open Site”, você vai encontrar mais três opções: “My Sites” para seus projetos criados com o WebMatrix, ao escolher um dos projetos, você será levado ao workspace do WebMatrix; “Open Folder” para abrir um site que está salvo em uma pasta do seu computador; E a novidade “Open Remote Site” Que permite você alterar arquivos de sites já publicados, mesmo sem ter sido criado com o WebMatrix .
2. A opção “App Gallery” permite que você crie um site com base em uma estrutura já existente, como por exemplo, um Blog Engine .NET, DotNetNuke, WordPress, Joomla!,  dentre outros. A galeria de opções é extensa e dividida por categorias, o que facilita a escolha da estrutura mais adequada.
3. “Templates” é uma das novidades do WebMatrix. Ao clicar nessa opção, você pode criar um site em branco, um starter site (com alguns arquivos básicos de um site), um modelo de catálogo online, um Directory Link (uma espécie de catálogo de links divididos por categorias) e, finalmente, um site do tipo Photo Gallery. 

Viu como é simples? Quer aprender a criar uma primeira aplicação web com o WebMatrix? Dê uma olhada neste artigo.

2. WordPress

Você já sabe que o WebMatrix simplifica o desenvolvimento de sites. Imagine, então, como é criar um site no WordPress, um dos CMS mas populares e simples que existem!?

O WebMatrix permite que criemos aplicações como blogs, fóruns, e-commerce e outros, e todos eles estão disponíveis na App Gallery. Ao clicar, a janela Site from Web Gallery será aberta. Nela você pode facilmente encontrar o WordPress ao lado do DotNetNuke.

O WordPress é escrito em PHP e executado em MySQL. Mas isso não quer dizer que as coisas serão complicadas. MySQL é o nome de um SGBD (Sistema Gerenciador de Banco de Dados) utilizado pelo WordPress para salvar informações, como os seus posts, por exemplo. Mas você não precisa entender como funciona um banco de dados para utilizá-lo, o WebMatrix vai fazer isso para você. Basta seguir os passos para a instalação de tudo, em um processo bem simples.

Quando você terminar seu projeto, poderá testa-lo diretamente do WebMatrix. Você pode escolher o seu navegador favorito ou clicar em “Open in all browsers” e voilá! Seu site será testado no Chrome, Firefox, Internet Explorer e em outros navegadores disponíveis.

Muito simples, não é? O WebMatrix ainda te dá todo o suporte para publicar o seu site WordPress em um serviço de hospedagem  e também a customizar todo o template.

Veja essa série de três artigos para maiores detalhes de como utilizar o WordPress com o WebMatrix é excelente:

• Fazendo a web de forma mais simples (aqui você verá os primeiros passos para criar um site WordPress no WebMatrix) 
• Fazendo a web de forma mais simples – Parte 02 (essa parte trabalha a questão de hospedagem e banco de dados do seu site) 
•  Fazendo a web de forma mais simples – Parte 03 (veja como customizar o seu template de forma rápida e fácil)

Mas, se a sua necessidade for de um CMS mais robusto como o Joomla! Não tem problema, também temos um artigo para você.

3. Helpers

Se ganho de produtividade é uma das maiores vantagens do WebMatrix, os Helpers são a melhor tradução para isso!  Helpers são blocos de códigos que podem ser utilizados na sua aplicação WebMatrix como atalhos simplificados para integração com ferramentas como redes sociais, por exemplo.  A galeria de Helpers é aberta e você já encontrará facilmente a integração com Facebook, Twitter, Foursquare, PayPal, dentre outros.

Por exemplo, se você quer colocar no seu site um box com os updates do seu Twitter, basta adicionar ao código um Helper do Twitter. É uma simples linha de código que cria um módulo do Twitter no site. Não é necessário buscar a API, nem saber como criar um cliente para Twitter. O Helper é o produto final que você precisa, seu trabalho é apenas copiar a linha de código. Veja só:

Para começar, faça o download do Helper do Twitter e extraia o conteúdo no root do seu site WebMatrix. Para testar o helper em outra página, adicione a linha abaixo para exibir o widget de busca.

@Twitter.Search("webmatrix") 

Para exibir a timeline pública do Twitter em seu site, após instalar o pacote, adicione a seguinte linha de código ao AppStart.cshtml do seu site (se este arquivo ainda não existir, crie no root do seu site):

Complete a linha de código abaixo com a sua key_consumer.

@{     Twitter.Initialize("{consumer-key}", "{consumer-secret}"); }

E ainda, em qualquer outra página do WebMatrix, adicione o código abaixo para exibir a timeline:

@{     var timeline = Twitter.GetPublicTimeline();     
var grid = new WebGrid(timeline, columnNames : new []{"Text"}); } ... 
@grid.GetHtml()

Quer ver mais? Usar o Helper do Facebook é ainda mais fácil!

Depois de baixar o helper do Facebook, selecione “Online” no dropdown e pesquise o nome “Facebook”. Ao instalar o Helper, ele já cairá automaticamente na sua pasta “Packages”.

Pronto! Agora basta chamar o método que você quer! Como exemplo, vamos adicionar um botão de “Like”. 

@{
Layout = “~/ _SiteLayout.cshtml”;
Page.Title = “Teste Helper!”;
}
Página de teste do Helper Facebook
@Facebook.LikeButton(“urldosite.com.br”)
< /p>

Muito simples, não é mesmo?

Além disso, para a Microsoft os Helpers também são uma forma de trazer a comunidade para dentro do WebMatrix e, com isso, agregar valor ao produto. A galeria de Helpers é aberta, e todos podem contribuir, inclusive criando de forma open source. 

Veja também como integrar o WebMatrix ao PayPal e ao Foursquare e Bit.ly.

4. MySQL com WebMatrix

Para trabalhar com bases de dados MySQL no WebMatrix você pode criar projetos PHP(disponíveis na seção “App Gallery”, tais como: WordPress, Joomla, PHPbb, etc.). Mas, para gerenciar bases de dados MySQL para outros tipos de projetos (como projetos em branco, por exemplo), você deve instalar uma instância do MySQL e seu conector, e adicionar uma nova conexão no gerenciador de bancos de dados da ferramenta com esta instância.

Você já está apto a começar a desenvolver seus sites de uma forma muito simples e rápida! Dê uma olhada neste artigo para ver detalhes da instalação do MySQL e também ver um tutorial de uma aplicação simples utilizando o WebMatrix.

Opa, peraí, mas você já tem um site publicado? Não precisa se arrepender nem ficar triste por não ter utilizado o WebMatrix! Você também pode conectar a sites já publicados, alterar e fazer o upload diferente. Não perca tempo!

Conheça mais sobre o Webmatrix e como ele pode te ajudar a criar e desenvolver sites com facilidade! Aproveite e faça o download gratuito da ferramenta http://bit.ly/MS_WebMatrix.