Category Archives: HTML5

Tools – REPL, o Terminal Interativo

WebApp Saga

O REPL é uma ferramenta de linha de comando oferecida pelo Node, e projetada para testar e explorar as soluções JavaScript.

Podemos também utilizar outros terminais como:

  • Git e seu shell Git bash(estilo Unix)
  • Console2
  • ConEmu
  • Codioterminal on-line

Acessível no Windows via cmd.exe digite node para entrar no REPL.

Em seguida, digite o comando .help que exibe os comandos disponíveis:

tools_repl

Após a instalação do NodeJs, para certificar a plataforma em nosso ambiente, no prompt de digite um destes comandos:

node -v

node –version

Veja que o prompt exibe a versão instalada do Node.

#01 – HTML5 – New Tag – Footer 

Chega de teoria! – Web Apps!

Saga: M&M (Mundo Mobile)

Novas features HTML5 projetadas para auxiliar no desenvolvimento de nossos webapp. Vamos lá:

Como sugere o seu nome, a nova tag footer representa uma seção na parte inferior do documento. A sua função é exibir informações adicionais como direitos autorais, autor de documento, privacidade, contato.

Suportado nos principais navegadores e presente apenas no HTM5.

Syntax


<footer>...</footer>

Até aqui nada demais.

Index.html

Implementação simples:

<!DOCTYPE HTML>
    <body>
        <footer>
            <hr />
            <ul>
                <li >
                    <a href="">About </a>||
                    <a href="">Privacy</a> ||
                    <a href="">Contact</a> ||
                    <a href="">Copyright</a>
                </li>
            </ul>
            <hr />
        </footer>

    </body>
</html>

A tag footer define/representa áreas no rodapé do doc.

O resultado no chrome.

html5_newtag_footer

Visão do template padrão, comportamento deste elemento dentro do seu contexto.

Detalhes importantes

Um documento pode suportar mais de um rodapé.

Não é possível inserir a imagem no rodapé.

Então é isso treine bastante, e fiquei familiarizado com estes novos recursos.

Ok! Um pouco sobre as FEATURES do HTML5.