Preciso estudar sempre: HTML

Mostrando postagens com marcador HTML. Mostrar todas as postagens

terça-feira, 17 de março de 2015

Regex para validação de código hexadecimal HTML

Galera, bem vindo ao Preciso Estudar Sempre. Esse post é da série de dicas rápidas que temos aqui no blog.

Vamos supor que você está desenvolvendo algum tipo de color picker e precisa validar as cores que foram expressadas através de codificação hexadecimal. Como você vai validar isso ?

É possível realizar a validação desta máscara de forma programática mas, imagina só que trabalhão isso vai dar. É muito mais fácil você aplicar uma regex para realizar essa validação.

A regex que você precisa está aqui.

 ^#([a-fA-F0-9]){3}(([a-fA-F0-9]){3})?$

Vou deixar aí embaixo, linkado, referências para outros post aqui do blog que falam sobre regex.

Sugestões ?! Críticas ?! Elogios ?!

Deixe aí nos comentários ou na nossa página do facebook.

Facebook: https://www.facebook.com/precisoestudarsempre/

Regex para endereço MAC: http://precisoestudarsempre.blogspot.com.br/2015/01/regex-para-endereco-mac.html

Regex para validação de moeda: http://precisoestudarsempre.blogspot.com.br/2014/12/regex-para-validacao-de-moeda.html

Regex para validar URL: http://precisoestudarsempre.blogspot.com.br/2014/11/regex-para-validar-url.html

Regex para identificar possíveis causas de NullPointerException: http://precisoestudarsempre.blogspot.com.br/2014/11/regex-para-identificar-possiveis-causas.html

Máscara para RG e CPF: http://precisoestudarsempre.blogspot.com.br/2014/09/mascara-para-rg-e-cpf.html

Regex para aceitar acentos: http://precisoestudarsempre.blogspot.com.br/2013/08/regex-para-aceitar-acentos.html

Regex para horas - Máscara para horas: http://precisoestudarsempre.blogspot.com.br/2013/06/regex-para-horas-mascara-para-horas.html

Regex para datas - Máscara para datas: http://precisoestudarsempre.blogspot.com.br/2013/05/regex-para-datas-mascara-para-datas.html

Máscara para valores decimais negativos: http://precisoestudarsempre.blogspot.com.br/2013/03/mascara-para-valores-decimais-negativos.html

Leia Mais ››

quarta-feira, 17 de dezembro de 2014

Entendendo o SMTP

Eu sempre tive bastante dúvida sobre esse assunto. Como funcionam os protocolos de email ? Como a troca de mensagens é realizada ? Na faculdade, esse tema é abordado mas, de uma forma muito superficial logo, isso não me deixou satisfeito.

Então, o post dessa semana será: "Entendendo o SMTP".

Acredito que a melhor fonte de pesquisa para este assunto seja sua RFC (Request for Comment), a RFC 5321.

De acordo com a RFC, para realizar uma transferência de mensagem para um servidor SMTP, um SMTP client estabelece uma canal de transmissão de duas vias para um servidor. Um SMTP client determina o endereço de um determinado servidor SMTP pela resolução de um domínio de destino para um servidor de Mail eXchanger ou um servidor final.

Um servidor SMTP pode ser ou o destino final ou um destino intermediário (pode assumir o papel de um SMTP client após receber a mensagem) ou um gateway (pode transportar a mensagem à frente usando algum protocolo diferente do SMTP). Os comandos SMTP são gerados pelo SMTP Client e enviados ao servidor SMTP. Respostas SMTP são enviadas do servidor para o cliente em resposta aos comandos.

Em outras palavras, transferência de mensagens podem ocorrer em uma única conexão entre o original SMTP-remetente e o final SMTP-destinário, ou podem ocorrer em uma série de pulos através de sistemas intermediários. Em outros casos, uma vez que o servidor publicou uma resposta de sucesso no fim do dado da mensagem, uma transferência de responsabilidade pela mensagem ocorre: o protocolo requer que o servidor deve aceitar a responsabilidade de também entregar mensagem ou reportar apropriadamente a falha da entrega, caso ocorra (veja seções 6.1, 6.2 e 7.8 da RFC).

Uma vez que o canal de transmissão foi estabelecido e o inicial handshaking é feito, o SMTP Client, normalmente, inicia uma transação de mensagem. Tal transação consiste em um série de comandos para especificar o remetente e destinatário da mensagem e transmissão do conteúdo da mesma (incluindo qualquer linha na seção de cabeçalho ou outra estrutura). Quando a mesma mensagem é enviada para vários recipientes, este protocolo encoraja a transmissão de uma única cópia dos dados para todos os recipientes do mesmo servidor de destino (ou servidor retransmissor intermediário).

O servidor responde com uma resposta para cada comando. Respostas podem indicar que o comando foi aceito, que comandos adicionais são esperados, ou que um condição de erro temporário ou permanente existe. Comandos que especifiquem o remetente ou recipientes pode incluir requisições de extensão de serviço SMTP server-permitted (ver seção 2.2 da RFC). O diálogo é propositalmente lock-step (trava e faço), one-at-a-time (um de cada vez), embora isso possa ser modificado por um acordo mútuo a partir de requisições de extensão tais como comandos de pipelining.

Uma vez que dada mensagem foi transmitida, o client pode ou pedir que a conexão seja encerrada ou iniciar outra transação. Mais adiante, um SMTP Client pode usar uma conexão para um servidor SMTP para serviços auxiliares tais como verificação de endereços de email ou recuperação de endereços dos participantes da mailing list.

Como dito acima, este protocolo provê mecanismos para a transmissão de mensagens. Historicamente, esta transmissão normalmente ocorria diretamente do servidor remetente para o servidor destinatário quando os dois estavam conectados ao mesmo serviço de transporte. Quando eles não estão conectados ao mesmo serviço de transporte, a transmissão ocorre via um ou mais servidor de retransmissão SMTP. Um caso muito comum na internet, atualmente, envolve submissão da mensagem original para um intermediário, servidor de submissão de mensagem, o qual é similar a uma retransmissão mas possui algumas propriedades adicionais. Um servidor intermediário que atue como ou um retransmissor SMTP ou como um gateway em alguns ambientes de transmissão é geralmente selecionado através do uso do mecanismo Mail eXchanger DNS.

É isso galera, espero ter trazido este conteúdo da RFC de forma bem clara e explicativa.

Dúvidas, sugestões ou críticas ? Deixe aí embaixo nos comentários ou pelo facebook do Preciso Estudar Sempre.

https://www.facebook.com/precisoestudarsempre/

Referência: http://tools.ietf.org/html/rfc5321#page-7

Leia Mais ››

quinta-feira, 4 de dezembro de 2014

Entendendo o SSL

Este assunto sempre me deixou bastante intrigado pois, eu sempre me perguntava o que era aquele https, na barra de endereço do meu browser. Então, decidi criar esse post para que, as pessoas possam ter um entendimento maior sobre esse assunto.

Hoje, nossa "aulinha" será mais teórica. Então, você que está ávido por alguma classe Java ou algum SQL, se acalme por favor. É importante citar que, para que você possa entender o assunto abordado, é de extrema necessidade que você entenda a arquitetura cliente-servidor.

Caso não conheça, clique aqui e leia sobre o assunto.

Na minha incansável procura pelo significado do https, notei que sera sempre levado pelas minhas fontes para textos que abordavam o protocolo de segurança SSL. Então, concluí que, eu precisava primeiro aprender mais sobre o protocolo para assim, entender consequentemente o que significa o tal https.

O SSL, abreviação para Secured Socket Layer, é um protocolo de segurança, conforme dito acima, que permite que aplicativos cliente/servidor possam trocar informações em total segurança, protegendo a integridade e a veracidade do conteúdo que trafega na Internet. Tal segurança só é possível através da autenticação das partes envolvidas na troca de informações.

Seu funcionamento é bastante simples. Quando você abre seu browser, digita algum site na barra de endereço e aperta Enter, uma requisição de acesso é realizada. Essa requisição verifica se existe algum certificado digital. Caso exista, é solicitado o envio deste certificado (tome como idéia este certificado como se fosse um documento de identidade). Após recebido é verificado se o certificado é confiável, válido e se está relacionado com o site que o enviou.

Caso o certificado seja confiável, uma chave pública é enviada pelo browser para o servidor. No momento que esta chave é recebida, o servidor compara a chave pública com sua chave particular. Caso sejam compatíveis, uma comunicação segura é iniciada. Uma mensagem que tenha sido criptografada com uma chave pública somente poderá ser decifrada com a sua chave privada (simétrica) correspondente.

A imagem abaixo foi retirada deste link e exemplifica bem o que estou dizendo. Com ela é possível um total entendimento de como o SSL funciona entre o browser e o servidor.

Agora sabemos o que se trata o nosso https, ele é nada mais, nada menos que uma requisição http segura onde, o s significa secured.

Espero ter ajudado e esclarecido este conceito na mente de vocês.

Sugestões ? Críticas ? Melhorias ? Deixe aí embaixo nos comentários ou comente também na página do facebook.

Preciso Estudar Sempre: https://www.facebook.com/precisoestudarsempre/

Referências:
http://www.techtudo.com.br/artigos/noticia/2012/01/o-que-e-ssl.html
http://www.tecmundo.com.br/seguranca/1896-o-que-e-ssl-.htm
http://www.webopedia.com/TERM/S/SSL.html

Leia Mais ››

domingo, 13 de abril de 2014

Diferença entre alt e title

Olá galera,

hoje teremos um post pequeno, explicando algo simples mas, que causa geralmente certa confusão.

Qual a diferença entre o atributo alt e title ?

Isso causa certa confusão por causa de nosso amigo IE que, em sua versão 7 e anteriores, exibia o que tinha sido especificado no valor do atributo alt, como uma tooltip. Este comportamento está errado visto que, o atributo alt representa o valor exibido caso uma imagem não seja carregada. Exemplo:

Tento carregar a imagem logo1.jpg

<img src="logo1.jpg" />

Porém, ela não existe. Se tivéssemos especificado um valor no atributo alt, o valor ali especificado seria exibido.

<img src="logo1.jpg" alt="Sei que a imagem não existe" />

O atributo title funciona como uma tooltip, um texto explicativo. Para visualizar a tooltip, basta parar o mouse em cima do elemento HTML.

Referências:
http://www.w3schools.com/tags/att_img_alt.asp

Leia Mais ››

quinta-feira, 1 de agosto de 2013

Regex para aceitar acentos

Um dia estava precisando realizar uma validação de entrada de dados em um campo de texto. Nesse campo de texto só seria permitido entrar valores nos seguintes padrões:

aaaaa
AAAA
aaa111
AAA111
AAaa111
áááÁÁÁÁ
a-a-a
_i-i-i-i

onde:

a: representa letra qualquer que pode ir de a - z
A: representa letra qualquer que pode ir de A - Z
1: número qualquer que pode ir de 0 - 9
á: representa letra acentuada qualquer que pode ir de à-ú
Á: representa letra acentuada qualquer que pode ir de À-Ú
_ e -: representam os caracteres _ e -

Não queria usar nenhum plugin jquery. Queria usar uma regex pois, queria algo performático. Realizando pesquisas atrás da regex, achei a solução no endereço (para quem estiver lendo esse post, recomendo olhar esse link).

http://aurelio.net/regex/guia/acentuacao.html#5_5

Analisando o conteúdo do link, montei minha regex, segue abaixo:

/^([a-zA-Zà-úÀ-Ú0-9]|-|_|\s)+$/

onde:

^ = Demarca início da linha.
[a-zA-Zà-úÀ-Ú0-9] = Representa uma letra qualquer que pode estar no intervalo de a-z ou, de A-Z, ou de à-ú, ou de À-Ú, ou um número que pode estar entre 0 ou 9.
| = Representa a operação lógica "or".
- e _ = Representam os caracteres - (hífen) e _ (underline), respectivamente.
\s = Encontra um caracter de espaço (whitespace).
+ = Representa 1 ou mais ocorrências de alguma coisa.
$ = Demarca fim de linha.

Importante: Para entender uma regex é necessário avaliar as partes em alguns momentos mas, em outros é necessário entender o todo.

Se, esta é sua primeira vez aqui no blog ou, é seu primeiro contato com regex, recomendo você dar uma olhadinha em outros posts:

http://precisoestudarsempre.blogspot.com.br/2013/03/mascara-para-valores-decimais-negativos.html
http://precisoestudarsempre.blogspot.com.br/2013/05/regex-para-datas-mascara-para-datas.html
http://precisoestudarsempre.blogspot.com.br/2013/06/regex-para-horas-mascara-para-horas.html

Recomendo também você dar uma olhadinha nesse link:

http://www.w3schools.com/jsref/jsref_obj_regexp.asp

Leia Mais ››

terça-feira, 14 de maio de 2013

Regex para datas - Máscara para datas

Para validar datas é possível criar diversas soluções, como:

Validação server-side;
Utilização de plugins prontos;
Quebrar a string fazendo um split na barra e validando caracter por caracter via Javascript.

Existe uma outra forma, embora não tão simples mas, muito refinada e com poucas linhas de código. Essa forma é utilizar uma Regex. Em Javascript é possível criar regexs e utilizá-las para validação. Quando criamos uma regex em Javascript, um objeto do tipo RegExp é gerado e com eles métodos são disponibilizados. Abaixo, apresento-lhes uma regex que criei para realizar essa validação.

/([0-2][0-9]|3[0-1])\/(0[0-9]|1[0-2])\/[0-9]{4}/

Essa regex valida datas do formato dd/mm/yyyy. Com dias indo de 01 até 31, meses indo de 01 até 12 e anos variados.

Leia Mais ››

quarta-feira, 10 de abril de 2013

Bug $.post

Na construção de funções que utilizam os métodos para ajax do jquery, notei que existem diferenças na passagem de parâmetros.

Que diferenças são essas ?

De acordo com a documentação do jquery você realizar uma requisição ajax através dos métodos:

jQuery.ajax()
jQuery.get()
jQuery.post()

O método jQuery.ajax() ou $.ajax() realizam uma requisição ajax podendo ser GET ou POST. O método jQuery.get() realiza uma requisição GET para carregar dados do servidor, é uma "abreviação" do método $.ajax, ou seja, é equivalente à:

$.ajax({
url: url,
data: data,
success: success,
dataType: dataType
});

Finalmente o método jQuery.post() realiza uma requisição POST para carregar dados do servidor, é uma "abreviação" do método $.ajax, ou seja, é equivalente à:

$.ajax({
type: "POST",
url: url,
data: data,
success: success,
dataType: dataType
});

Vamos analisar aqui o método $.post(). Nesse método podemos passar parâmetros de duas formas, a primeira forma é via uma string, exemplo:

function foo(){
var valor1 = 1;
var valor2 = 'Joao Paulo';
$.post("sua_url", "parametro1=" + valor1 + '&parametro2=' + valor2,
function(retornoAjax){},
"html");
}

Nesse exemplo, realizamos uma requisição ajax ao servidor passando dois parâmetros. Quando esses dados chegarem no servidor, o parametro1 vai chegar com o valor "1" e o parametro2 vai chegar com o valor "Joao Paulo". A integridade dos dados vai ser mantida mas, se mudarmos só um pouco o exemplo teremos um problema.

function foo(){
var valor1 = 1;
var valor2 = 'João Paulo';
$.post("sua_url", "parametro1=" + valor1 + '&parametro2=' + valor2,
function(retornoAjax){},
"html");
}

Quando esses dados chegarem no servidor, o parametro1 vai continuar com o valor 1 mas, o parametro2 vai vir com caracteres estranhos, "quebrados", quadradinhos e afins. Para solucionar esse problema, temos que passar os parâmetros de uma outra forma, via JSON. Passando os parâmetros via JSON, conseguimos manter a integridade dos dados quando eles chegam no servidor. Para passar parâmetros via JSON, teremos de modificar um pouco nossa função.

function foo(){
var valor1 = 1;
var valor2 = 'João Paulo';
$.post("sua_url", {parametro1: valor1, parametro2: valor2},
function(retornoAjax){},
"html");
}

Caso você tenha dúvidas de como trabalhar com JSON, recomendo dar uma lida em outro post aqui do blog. Desse jeito podemos manter a integridade dos nossos dados e, o valor do parametro2 chegar no servidor como "João Paulo". Podemos também alterar um pouco mais nossa função caso queiramos passar mais parâmetros.

function foo(){
var valor1 = 1;
var valor2 = 'João Paulo';
var parametros = {

'parametro1' : valor1,
'parametro2' : valor2
};
$.post("sua_url", parametros,

function(retornoAjax){},
"html");
}

Leia Mais ››

quarta-feira, 13 de março de 2013

Máscara para valores decimais negativos

Máscaras para valores decimais negativos é sempre algo bem chato e complicado de achar, nas minhas pesquisas na net não achei nada que me ajudasse, o plugin maskedinput não pode me ajudar nessa situação pois, ele se encaixa muito bem para valores fixos tipo, datas, horários, cpf/cnpj, rg e por ai vai.

Outro plugin que achei que talvez fosse me ajudar era o maskedmoney(ou alguma coisa assim) mas, também não era o que eu queria. Então pensei:

"Porque não faço a minha própria máscara ?"

Mãos à obra.

Já sabia que iria ter d fazer uma regex em javascript se queria uma solução limpa e eficaz, só que ai surgia um outro grande problema, como fazer a tal Regex ? Depois de quebrar muito a cabeça e ter ajuda de um guru do javascript, Leonardo Dutra, conseguimos construir uma regex que pudesse validar campos decimais negativos e positivos.

/^-?[0-9]{1,3}(?:\.[0-9]{2})?$/

Ai está a obra prima mas, agora precisamos entender o que isso faz para que possamos construir outras no futuro. Em javascript, a barra / no início e no fim é obrigatório, isso é próprio da linguagem pois, quando você constrói uma regex um objeto RegExp é gerado, logo você deverá sempre por.

O símbolo ^ denota início de sentença, logo estamos construindo uma regex que vai validar inícios de sentença.

Os símbolos -? significam que eu posso ter 1 ou nenhuma ocorrência do sinal negativo(-), o ? dá esse significado de 1 ou 0 ocorrências.

[0-9] significa que eu posso ter um número de 0 à 9. {1,3} significa que você pode ter de 1 à três ocorrências mas, de que ? Note que o [0-9] e o {1,3} estão juntos, logo eu posso ter de 1 à 3 ocorrências de números que vão de 0 à 9.

O segredo de entender uma regex é saber avaliar as partes mas, também saber avaliar o todo.

Os parênteses () significam agrupamento e, o ?: significa que realizo um agrupamento sem guardar dados em um vetor interno mas, hein ? Quando você monta uma regex agrupada os valores capturados por ela são guardados em um vetor para utilização futura.

A contra barra \ significa caracter de escape, por que usei isso ?A máscara deve aceitar ponto como separador decimal mas, o caracter . têm significado próprio no contexto da regex, logo uso a contra barra para dizer ao javascript que o caracter ponto não deve ser levado em conta como sendo uma regex. Logo, após o ponto encontramos outro [0-9], já sabemos o que significa.

O {2} significa que só posso ter duas ocorrências de ?:\.[0-9], ou seja, eu só posso ter duas casas depois da vírgula. Logo, após o fecha parênteses ) encontramos um ?. Isso significa que 1 ou nenhuma ocorrência de (?:\.[0-9]{2}), ou seja, que eu posso ter duas casas depois da vírgula ou não para que tais valores sejam aceitos:

-7
-85
-856
85
99
2
856.55
-856.55

O sinal de $ denota fim de sentença, logo estamos validando também o fim da sentença também. Podemos notar que construimos uma regex fechada. Para por em prática essa regex podemos usar métodos especiais para isso, como o test() que valida se um valor passado como parâmetro está de acordo com a regex ou não, retornando true ou false.

Qualquer dúvida é só comentar.

Leia Mais ››

quinta-feira, 9 de agosto de 2012

O que é tabindex e pra que serve ?

Tabindex é um atributo como qualquer outro das tags html, muito usado nas tags "input". O tabindex serve para controlar a ordem em que o cursor percorrerá os campos de um formulário ao se utilizar a tecla TAB. Este atributo pode ser utilizado em hyperlinks e elementos de formulário(inputs, selects, entre outros).

Quando se constrói um formulário em html e não se especifica o tabindex, a ordem do cursor será de cima para baixo, da esquerda para a direita, ou seja, o padrão. Mas, quando o tabindex é especificado através de números (ordem que o cursor deverá percorrer), o controle de movimentação do cursor é feito. Após o término da especificação do tabindex, o padrão volta a ser adotado.

Segue exemplo de formulário que usa o tabindex.

<html>
    <head>

    </head>
    <body>
        <form>
            Formulário de assinatura de revista
            <br/>
            <br/>
            Nome: <input type="text" name="nome" tabindex="1" size="35" value="" /> <br/>
            Idade: <input type="text" name="idade" tabindex="3" size="35" value="" /> <br/>
            Sexo: <input type="radio" tabindex="2" name="sexo" value="M" /> Masculino &nbsp <input type="radio" name="sexo" value="F" /> Feminino <br/>
            Tipo de Pagamento:
            <select name="tiposPagamento">
                <option value="1">A vista</option>
                <option value="2">Parcelado no crédito</option>
                <option value="3">Cheque</option>
            </select>
        </form>
    </body>
</html>

Referência: http://warau.nied.unicamp.br/warauv2/?q=node/30

Leia Mais ››

terça-feira, 17 de julho de 2012

Espaços em branco em navegadores

Isso me deu uma grande dor de cabeça, porque estava tentando bloquear espaços em branco em campos de input. Em qualquer outro navagador que não seja o IE espaços em branco são tratados da forma correta, ou seja,

" "

, logo é possível bloquear esse caracter através de uma simples codificação javascript mas, no IE esse mesmo espaço em branco citado acima é interpretado dessa forma:

""

ou seja, o "trim" é automático.

Compartilho isso porque tive uma grande dor de cabeça para perceber o mesmo. Contudo, se você deseja bloquear espaços em brancos recomendo o jQuery.trim(), que funciona muito bem e em qualquer browser.

Leia Mais ››

terça-feira, 24 de janeiro de 2012

Diferenças de MIME Type entre navegadores

Um certo dia trabalhando
Para entendermos melhor o assunto vamos entender como as coisas
No protocolo HTTP usado pelo browsers para se comunicar com
Ao invés de usar a extensão do arquivo para se guiar, o
Abaixo segue uma lista completa de MIME type

Conteúdo do post encontrado nos site:

http://www.boutell.com/newfaq/definitions/mimetype.html
http://reference.sitepoint.com/html/mime-types-full

Table 1. Complete list of MIME types
Suffixes applicable
.3dm	x-world/x-3dmf
.3dmf
.a
.aab
.aam
.aas
.abc
.acgi
.afl
.ai
.aif
.aif
.aifc
.aifc
.aiff
.aiff
.aim
.aip
.ani
.aos
.aps
.arc
.arj
.arj
.art
.asf
.asm
.asp
.asx
.asx
.asx
.au
.au
.avi
.avi
.avi
.avi
.avs
.bcpio
.bin
.bin
.bin
.bin
.bin
.bm
.bmp
.bmp
.boo
.book
.boz
.bsh
.bz
.bz2
.c
.c
.c++
.cat
.cc
.cc
.ccad
.cco
.cdf
.cdf
.cdf
.cer
.cer
.cha
.chat
.class
.class
.class
.com
.com
.conf
.cpio
.cpp
.cpt
.cpt
.cpt
.crl
.crl
.crt
.crt
.crt
.csh
.csh
.css
.css
.cxx
.dcr
.deepv
.def
.der
.dif
.dir
.dl
.dl
.doc
.dot
.dp
.drw
.dump
.dv
.dvi
.dwf
.dwf
.dwg
.dwg
.dwg
.dxf
.dxf
.dxf
.dxr
.el
.elc
.elc
.env
.eps
.es
.etx
.evy
.evy
.exe
.f
.f
.f77
.f90
.f90
.fdf
.fif
.fif
.fli
.fli
.flo
.flx
.fmf
.for
.for
.fpx
.fpx
.frl
.funk
.g
.g3
.gif
.gl
.gl
.gsd
.gsm
.gsp
.gss
.gtar
.gz
.gz
.gzip
.gzip
.h
.h
.hdf
.help
.hgl
.hh
.hh
.hlb
.hlp
.hlp
.hlp
.hpg
.hpgl
.hqx
.hqx
.hqx
.hqx
.hqx
.hqx
.hta
.htc
.htm
.html
.htmls
.htt
.htx
.ice
.ico
.idc
.ief
.iefs
.iges
.iges
.igs
.igs
.ima
.imap
.inf
.ins
.ip
.isu
.it
.iv
.ivr
.ivy
.jam
.jav
.jav
.java
.java
.jcm
.jfif
.jfif
.jfif-tbnl
.jpe
.jpe
.jpeg
.jpeg
.jpg
.jpg
.jps
.js
.js
.js
.js
.js
.jut
.kar
.kar
.ksh
.ksh
.la
.la
.lam
.latex
.lha
.lha
.lha
.lhx
.list
.lma
.lma
.log
.lsp
.lsp
.lst
.lsx
.ltx
.lzh
.lzh
.lzx
.lzx
.lzx
.m
.m
.m1v
.m2a
.m2v
.m3u
.man
.map
.mar
.mbd
.mc$
.mcd
.mcd
.mcf
.mcf
.mcp
.me
.mht
.mhtml
.mid
.mid
.mid
.mid
.mid
.mid
.midi
.midi
.midi
.midi
.midi
.midi
.mif
.mif
.mime
.mime
.mjf
.mjpg
.mm
.mm
.mme
.mod
.mod
.moov
.mov
.movie
.mp2
.mp2
.mp2
.mp2
.mp2
.mp3
.mp3
.mp3
.mp3
.mpa
.mpa
.mpc
.mpe
.mpeg
.mpg
.mpg
.mpga
.mpp
.mpt
.mpv
.mpx
.mrc
.ms
.mv
.my
.mzz
.nap
.naplps
.nc
.ncm
.nif
.niff
.nix
.nsc
.nvd
.o
.oda
.omc
.omcd
.omcr
.p
.p10
.p10
.p12
.p12
.p7a
.p7c
.p7c
.p7m
.p7m
.p7r
.p7s
.part
.pas
.pbm
.pcl
.pcl
.pct
.pcx
.pdb
.pdf
.pfunk
.pfunk
.pgm
.pgm
.pic
.pict
.pkg
.pko
.pl
.pl
.plx
.pm
.pm
.pm4
.pm5
.png
.pnm
.pnm
.pot
.pot
.pov
.ppa
.ppm
.pps
.pps
.ppt
.ppt
.ppt
.ppt
.ppz
.pre
.prt
.ps
.psd
.pvu
.pwz
.py
.pyc
.qcp
.qd3
.qd3d
.qif
.qt
.qtc
.qti
.qtif
.ra
.ra
.ra
.ram
.ras
.ras
.ras
.rast
.rexx
.rf
.rgb
.rm
.rm
.rmi
.rmm
.rmp
.rmp
.rng
.rng
.rnx
.roff
.rp
.rpm
.rt
.rt
.rtf
.rtf
.rtf
.rtx
.rtx
.rv
.s
.s3m
.saveme
.sbk
.scm
.scm
.scm
.scm
.sdml
.sdp
.sdp
.sdr
.sea
.sea
.set
.sgm
.sgm
.sgml
.sgml
.sh
.sh
.sh
.sh
.shar
.shar
.shtml
.shtml
.sid
.sit
.sit
.skd
.skm
.skp
.skt
.sl
.smi
.smil
.snd
.snd
.sol
.spc
.spc
.spl
.spr
.sprite
.src
.ssi
.ssm
.sst
.step
.stl
.stl
.stl
.stp
.sv4cpio
.sv4crc
.svf
.svf
.svr
.svr
.swf
.t
.talk
.tar
.tbk
.tbk
.tcl
.tcl
.tcsh
.tex
.texi
.texinfo
.text
.text
.tgz
.tgz
.tif
.tif
.tiff
.tiff
.tr
.tsi
.tsp
.tsp
.tsv
.turbot
.txt
.uil
.uni
.unis
.unv
.uri
.uris
.ustar
.ustar
.uu
.uu
.uue
.vcd
.vcs
.vda
.vdo
.vew
.viv
.viv
.vivo
.vivo
.vmd
.vmf
.voc
.voc
.vos
.vox
.vqe
.vqf
.vql
.vrml
.vrml
.vrml
.vrt
.vsd
.vst
.vsw
.w60
.w61
.w6w
.wav
.wav
.wb1
.wbmp
.web
.wiz
.wk1
.wmf
.wml
.wmlc
.wmls
.wmlsc
.word
.wp
.wp5
.wp5
.wp6
.wpd
.wpd
.wq1
.wri
.wri
.wrl
.wrl
.wrl
.wrz
.wrz
.wsc
.wsrc
.wtk
.xbm
.xbm
.xbm
.xdr
.xgz
.xif
.xl
.xla
.xla
.xla
.xlb
.xlb
.xlb
.xlc
.xlc
.xlc
.xld
.xld
.xlk
.xlk
.xll
.xll
.xll
.xlm
.xlm
.xlm
.xls
.xls
.xls
.xls
.xlt
.xlt
.xlv
.xlv
.xlw
.xlw
.xlw
.xlw
.xm
.xml
.xml
.xmz
.xpix
.xpm
.xpm
.x-png
.xsr
.xwd
.xwd
.xyz
.z
.z
.zip
.zip
.zip
.zip
.zoo
.zsh

Leia Mais ››