Códigos da Palestra WordCamp Salvador 2014

Clique aqui para baixar o código da palestra WordCamp Salvador 2014!

WordCamp 2014 Salvador Bahia

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

WordCamp Salvador 2014: Está chegando a hora

10801939_663210153799227_4085233914902098357_n

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Evento: Conexões Digitais Salvador


Conexões Digitais Salvador Bahia

Olá galera, segue um bom evento que irá acontecer em Salvador: O Conexões Digitais 2014 se realizará dia 26 de abril de 2014, no Auditório do América Towers Hotel em Salvador – BA.

“O Conexões Digitais tem o objetivo de iniciar um processo de fortalecimento do mercado de digital na Bahia, através do mapeamento e entendimento do mercado atual. Gerando discussões e inovações para que seja traçados novos caminhos afim de qualificar seus profissionais e crescimento do mercado digital baiano.

Este é o primeiro de muitos eventos que o Grupo Alcateia pretende promover no mercado digital baiano com a finalidade de alavancar o crescimento do mercado e novos negócios.”

O evento é GRATUITO Eu irei palestrar sobre: Desenvolvimento de Games para Web/Mobile com Javascript utilizando a suite CreateJS e suas libraries. Na sala 01!

Espero todos no evento! Abraços

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Bloquei o IE6 em seu site de forma simples com JavaScript e HTML

Uma maneira simples de bloquear o Internet Explorer 6 para não acessar teu site é usando JavaScript!

Em todas as páginas adicione o seguinte código dentro da tag head:

<!--&#91;if IE 6&#93;>
<script type="text/javascript">window.location.href = "atualize-navegador.html";</script>
<!&#91;endif&#93;-->

Adicionei uma página chamada atualize-navegador.html (clique para acessar) para deixar o usuário mais alerta e mostrar o porque ele foi impedido de acessar o site! Sempre deixe o usuário informado!

Segue abaixo o link para o download da página ou você pode colocar o link absoludo para não precisar fazer o download do arquivo!

Clique aqui para baixar

Clique aqui para ver a página!

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Notícias em Simply Spy com jQuery

Função em jQuery para Notícias.

O efeito mostrar quatro notícias, para aparecer as outras, a última recebe um fadeOut() e a nova notícia em cima aparece com fadeIn().

null

Segue o Código:

$(function(){
    $('ul.spy').simpleSpy();
});

(function($){
$.fn.simpleSpy = function (limit, interval) {
    limit = limit || 4;
    interval = interval || 4000;

    return this.each(function () {
        var $list = $(this),
            items = [],
            currentItem = limit,
            total = 0,
            height = $list.find('> li:first').height();
        $list.find('> li').each(function () {
            items.push('<li>' + $(this).html() + '</li>');
        });

        total = items.length;
        $list.wrap('<div class="spyWrapper" />').parent().css({ height : height * limit });
        $list.find('> li').filter(':gt(' + (limit - 1) + ')').remove();

        function spy() {
            var $insert = $(items[currentItem]).css({height : 0, opacity : 0, display : 'none'}).prependTo($list);
				$list.find('> li:last').animate({opacity : 0}, 1000, function () {
            	$insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);
            	$(this).remove();
            });

            currentItem++;
            if (currentItem >= total) {
                currentItem = 0;
            }
            setTimeout(spy, interval)
        }
        spy();
    });
};  
})(jQuery);

Veja o exemplo. CLIQUE AQUI

Baixe aqui o arquivo completo: DOWNLOAD

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Cadastrando, Listando e Deletando com AJAX / ASP

Código bem simples e útil para a galera que gosta de usar AJAX e não tem muita referência!
Página para carregar o AJAX, funcionalidades:

 

 

ajaxCarregar.js

function GetXMLHttp() {
if(navigator.appName == "Microsoft Internet Explorer") {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}

var Enviar = GetXMLHttp();

// Início - Cadastro
function CadastrarDados() {
var Nome = document.getElementById("Nome");
var EMail = document.getElementById("EMail");

var URL = "Cadastro.asp?Cadastrar=Ok&Nome="+Nome.value+"&EMail="+EMail.value+"";
Enviar.open("GET", URL, true);
Enviar.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
document.getElementById("Resposta").innerHTML = "Cadastrado com Sucesso!!!";

Nome.value = "";
EMail.value = "";

Enviar.send(null);
Enviar.onload = lerTexto;
}
// Final - Cadastro

// Início - Deletar
function apagar(id, rowIndex) {
if (confirm('Tem certeza que deseja excluir este registro?')) {
document.getElementById("tabela").deleteRow(rowIndex);

Enviar.open("POST",'Cadastro.asp?Deletar=Ok&id='+ id, false);
Enviar.send(null);
}
}
// Final - Deletar

// Início - Carregar Página
function lerTexto() {
var URLler = "Ler.asp";
Enviar.onreadystatechange = stateChanged;
Enviar.open("GET", URLler, true);
Enviar.send(null);
}

function stateChanged() {
if (Enviar.readyState==4) {
document.getElementById("ler_Dados").innerHTML = Enviar.responseText;
}
}

window.onload = lerTexto;
// Final - Carregar Página

 

 

Ler.asp

<%@ Language="JavaScript" %>
<%
var Conexao;
var Conexao = Server.CreateObject("Adodb.Connection");
Conexao.ConnectionString = "Driver=MySQL ODBC 3.51 Driver; DataBase=banco; Server=localhost; Uid=root; PassWord=root;";
Conexao.Open;
%>
<table width="407" border="1" cellspacing="0" cellpadding="0" id="tabela">
<tr>
<td width="164"><strong>NOME</strong></td>
<td width="159"><strong>EMAIL</strong></td>
<td width="76"><strong>Acionar</strong></td>
</tr>
<%
var rs = Conexao.Execute("Select * From Teste");
if (rs == null) {
Response.Write("NADA");
}
else {
while (!rs.EOF) {
%>
<tr>
<td><%=rs("Nome")%></td>
<td><%=rs("EMail")%></td>
<td><a href="#" onClick="apagar('<%=rs("Codigo")%>', this.parentNode.parentNode.rowIndex);">deletar</a></td>
</tr>
<%
rs.MoveNext();
}
}
%>
</table>

 

 

Cadastro.asp

<%@ Language="JavaScript" %>
<%
var Conexao;
var Conexao = Server.CreateObject("Adodb.Connection");
Conexao.ConnectionString = "Driver=MySQL ODBC 3.51 Driver; DataBase=banco; Server=localhost; Uid=root; PassWord=root;";
Conexao.Open;
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cadastrar</title>
<script language="javascript" src="ajaxCarregar.js"></script>
</head>
<body>
<div id="Resposta"></div><br>
<form id="Form">
Nome: <input type="text" id="Nome" name="Nome" value=""><br>
E-Mail: <input type="text" id="EMail" name="EMail" value=""><br>
<input type="button" id="Cadastrar" value="Cadastrar" name="Cadastrar" onClick="CadastrarDados();">
</form><br>
<br>
<br>
<div id="ler_Dados"></div>
</body>
</html>
<%
if (Request.QueryString("Cadastrar") == "Ok") {
Conexao.Execute("Insert Into Teste (Nome, EMail) Values ('"+Request.QueryString("Nome")+"', '"+Request.QueryString("EMail")+"')");
Response.Write("");
}

if (Request.QueryString("Deletar") == "Ok") {
Conexao.Execute("Delete From Teste Where Codigo = '"+Request.QueryString("id")+"'");
Response.Write("");
}
%>

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Usando a Tag asp:xml ASP.NET

Nada como puxar um XML e configurar ele dentro de um XSL com uma linha só de comando, é possível com a tag
Simples é fácil de utilizar, ela você pode chamar um XML puro com o “DocumentSource” ou modelar no XSL com o “TransformSource”

OBS: Não irei dizer detalhes do XSL pois estou fazendo referências ao ASP.NET, mais de primeira mão, é super fácil.

Então segue abaixo as três páginas que você precisa para modelar tudo

Index.aspx

<%@ Page Language="VB" %>
<html>
<head>
  <title>Gerar XML</title>
</head>
<body>
	<form runat="server">
		<asp:Xml Id="XMLPage" DocumentSource="teste.xml" TransformSource="teste.xsl" runat="server" />
	</form>
</body>
</html>

 

teste.xml

<?xml version="1.0" ?>
<classe_01>
  <bancos>
    <bancos_nome>Access</bancos_nome>
    <bancos_tipo>Database</bancos_tipo>
    <bancos_nome_completo>Microsoft Access</bancos_nome_completo>
    <bancos_linguagens>ASP, ASP.NET</bancos_linguagens>
    <bancos_tamanho>0 MB</bancos_tamanho>
    <bancos_qualidade>5</bancos_qualidade>
  </bancos>
  <bancos>
    <bancos_nome>Oracle</bancos_nome>
    <bancos_tipo>Database</bancos_tipo>
    <bancos_nome_completo>Oracle Database</bancos_nome_completo>
    <bancos_linguagens>ASP, PHP, JSP</bancos_linguagens>
    <bancos_tamanho>200 MB</bancos_tamanho>
    <bancos_qualidade>10</bancos_qualidade>
  </bancos>
  <bancos>
    <bancos_nome>MySQL</bancos_nome>
    <bancos_tipo>Database</bancos_tipo>
    <bancos_nome_completo>MySQL Database</bancos_nome_completo>
    <bancos_linguagens>ASP, PHP, JSP, ASP.NET</bancos_linguagens>
    <bancos_tamanho>0 MB</bancos_tamanho>
    <bancos_qualidade>9</bancos_qualidade>
  </bancos>
  <bancos>
    <bancos_nome>SQL SERVER</bancos_nome>
    <bancos_tipo>Database</bancos_tipo>
    <bancos_nome_completo>Microsoft SQL SERVER 2005</bancos_nome_completo>
    <bancos_linguagens>ASP e ASP.NET</bancos_linguagens>
    <bancos_tamanho>500 MB</bancos_tamanho>
    <bancos_qualidade>10</bancos_qualidade>
  </bancos>
</classe_01>

 

teste.xsl

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
	<table id="Transform" border="1" cellpadding="3" cellspacing="0" style="font:12px Arial;">
		<tr style="font-weight: bold;">
		  <td>NOME</td>
		  <td>TIPOS</td>
		  <td>COMPLETO</td>
		  <td>LINGUAGENS</td>
		  <td>TAMANHO</td>
		  <td>QUALIDADE</td>
		</tr>
	<xsl:apply-templates select="classe_01/bancos"/>
</table>
</xsl:template>

<xsl:template match="bancos">
    <tr>
      <td><xsl:value-of select="bancos_nome"/></td>
      <td><xsl:value-of select="bancos_tipo"/></td>
      <td><xsl:value-of select="bancos_nome_completo"/></td>
      <td><xsl:value-of select="bancos_linguagens"/></td>
      <td align="center"><xsl:apply-templates select="bancos_tamanho"/></td>
      <td align="center"><xsl:value-of select="bancos_qualidade"/></td>
    </tr>
</xsl:template>
</xsl:stylesheet>

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Verificar velocidade do site

Precisa verificar a velocidade do seu site?

 

 

Um ótimo site para verificar a velocidade de abertura do site, uma boa indicação para que acha que o site ou sistema está lento. Ele verifica a velocidade de cada arquivo executado pela página inicial e até mesmo por alguma pasta, a depender do projeto…

 

 

Verifica a taxa de Byte de cada arquivo!
acesse e confira…

 

http://www.octagate.com/service/sitetimer/

Dica: Acesse também http://www.webly.com.br/

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia