Posts com a Tag ‘Javascript’

Sexta .NET – Aula 8 – Desenvolvendo para internet parte I

sexta-feira, 23 de julho de 2010

Boa noite pessoal, semana com novidades, colocamos nosso site no ar e aqui vamos para mais uma noite para os amantes de .NET.

Sexta .NET – Aula 8 – Desenvolvendo para internet parte I

Como funciona um WEB site?

HTML

Nasceu com a finalidade de estabelecer uma forma simples para publicar sites na internet.
Significa de forma literal, linguagem de marcação de hipertexto.
Sua estrutura mais básica compreende da tag “” delimitando o documento, dentro desta tag existe um cabeçalho delimitado pela tag “” e corpo delimitado por “”, onde se coloca os textos, imagens, vídeos…

Comentários em HTML

<!-- Comentário -->

As tags ou marcadores são estruturados da seguinte forma:

<!-- Inicio da tag -->
<nome_da_tag atributo=“valor”>

<!-- Fim da tag -->
</nome_da_tag>

<!-- ou uma tag vazia -->
<nome_da_tag atributo=“valor”>

Definindo o título de uma página.

<html>
<head>
<title>Meu Título</title>
</head>
</html>

Formatando um texto


<html>
<head></head>
<body>
<strong>Texto em negrito</strong><br />
<em>Texto em itálico</em>
</body>
</html>

Links Úteis

Maiores informações sobre HTML e suas tags:
http://www.w3schools.com/html/
http://www.w3schools.com/tags/

JAVASCRIPT

É uma linguagem de programação do lado do cliente (client-side), interpretada pelos browsers.
Comumente utilizada para validação de formulários e comunicação de forma assíncrona de dados com o servidor (conceito conhecido como AJAX).
Pode tanto aparecer em blocos delimitados por tags “<script>” em documentos html ou em arquivos separados.

<!-- JavaScript em blocos delimitados -->
<script language="javascript“>
alert(“Mensagem”);
</script>

<!-- Link para um arquivo de códigos JavaScript -->
<script src=“codigos.js" type="text/javascript"></script>

Exemplo:


<html>
<head>
<script language="javascript“>

function Carregar()
{
document.getElementById(“texto").innerHTML = "Pronto...";
}

</script>
</head>
<body>
<a href="#" onclick=“Carregar()">Próxima página</a>
<div id=“texto"></div>
</body>
</html>

O Visual Studio oferece aos desenvolvedores, além de inline sense para JavaScript, compatibilidade entre os objetos criados no servidor com os pseudos objetos JavaScript presentes no cliente, lembrando que JavaScript não é Orientado a Objeto.

Links Úteis

Maiores informações sobre JavaScript:
http://www.w3schools.com/js/

Artigo sobre a pseudo orientação a objeto do JavaScript no Visual Studio:
http://msdn.microsoft.com/pt-br/magazine/cc163419.aspx

ASP.NET

Tecnologia mais evoluída e mais flexível, sucessora do Active Server Pages (ASP)

O processamento dos formulários web (Web Forms) são feitos do lado do servidor (Server-side)
Independente de linguagem

Possui grande facilidade para interagir com Web Services, assim como facilidade para desenvolver um.
Independente de browser (o .NET Framework reconhece a versão do browser e envia o código html e script correspondente)

O ASP.NET pode ser utilizado com qualquer linguagem suportada pelo CLR.

Permite separação entre código e o design da página.

Provê, além de muitas outras funcionalidades, facilidade de gerenciamento de persistência de estado no lado cliente (view state) e no lado servidor (session).

Componentes de uma Página ASP.NET

Componente Visual
Visão de Design
Visão de HTML

Lógica de interface de usuário

Como implementar código

Três métodos para adicionar código:
Colocando código no mesmo arquivo do conteúdo (misto)

Colocando código numa sessão separada (code-block) no arquivo de conteúdo (código inline)

Colocando código em um arquivo separado (code-behind pages)

Code-behind pages é a opção padrão no Visual Studio .NET

ASP.NET Vantagens

  • Permite criação de Web Forms, Mobile Web Forms e Web Services.
  • ASP.NET é parte do .NET Framework.
  • Múltiplas linguagens e programação orientada a objetos:
    • C#,VB.Net, C++.Net, etc.
  • Com o Visual Studio.NET:
    • Ferramenta RAD para construção de aplicações web.
    • Suporte Debugging.
  • Separação de Código e Interface.
  • Proteção de Código Fonte.
  • Mantém automaticamente o estado da página.
  • Suporte MultiBrowser.
  • Simples Validação dos Forms.
  • Para grande parte das aplicações não é necessário conhecer HTML e JavaScript.

CICLO DE VIDA DE UMA PÁGINA ASP.NET

O ciclo de vida de uma página ASP.NET apresenta cinco estágios básicos:

Como funciona o ASP.NET?

Internet Information Services (IIS)

  • Conjunto integrado de serviços de rede
  • Permite publicar conteúdo e disponibilizar arquivos e aplicações em um ambiente Internet/Intranet.
  • Integrado ao sistema operacional
  • Dotado de uma interface administrativa cem por cento gráfica
  • Web Server
  • Hospedagem de web sites
  • Site FTP e grupos de notícias
  • Diretório Virtual

IDE – Servidor Web Interno

Utilizado durante o desenvolvimento da aplicação
Não necessita de configurações adicionais
Não precisa IIS, porém pode ser integrado a ele
Não necessita Extensões FrontPage

Bom pessoal, ficamos por aqui, hoje abordamos somente um overview sobre o fluxo que se passa para desenvolver para web.
Semana que vem iremos aprofundar mais e começar a colocar a mão na massa programando para a Web utilizando esta poderosa linguagem.

Aguardo vocês na próxima semana!

Att,
Victor Santos

Já pensou em ter o Google Earth no seu site?

sexta-feira, 4 de junho de 2010

Ultimamente conseguimos ver vários sites institucionais que utilizam a API do Google Maps em suas páginas de contato para mostrar aos seus usuários de forma mais interativa qual a localização da empresa.

Mas que tal fazer isto de forma diferente e ainda melhor? Por que não utiliza o Google Earth?

Sim isto é possível!
Podemos abrir arquivos do Google Earth (*.kmz) usando o browser!

Para fazer tal façanha basta utilizar o plug-in do Google Earth e a API JavaScript, pois esses permitem incorporar o Google Earth, um verdadeiro globo digital em 3D, nas suas páginas da web. Usando a API, você pode desenhar marcadores e linhas, dispor imagens sobre a área, adicionar modelos em 3D ou carregar arquivos KML, permitindo criar aplicativos sofisticados para mapas em 3D. Se você tem um site de API do Google Maps, pode ativar 3D em sua página com uma única linha de código.

A API do Google Earth é um serviço beta gratuito, disponível para qualquer site que seja gratuito para os consumidores.

Mas por que eu usaria isto?

Pois assim você pode no próprio Google Earth fazer uma visualização personalizada e até rotas para sua empresa.
Feito isto pode salvar gerando o arquivo KMZ ou KML e depois basta utilizar a API de integração e ter sua localização personalizada e bem diferente dos demais concorrentes.

Vale a pena checar.
Mais informações de como utilizar podem ser verificadas em: http://code.google.com/intl/pt-BR/apis/earth/