Tag Archives: fundamentos

Vue – Fundamentos – Componentes

Chega de teoria! #1 – Components

Saga M&M (Mundo Mobile)

Vamos conhecer agora um pouco sobre o HTML5 e suas “features” projetadas para nos ajudar no desenvolvimento de nossos webapps. Vamos lá:

Definição

Eles representam “pedaços de código” que contém marcação, estilo e comportamento (html, css e js) e juntos conseguem representar interfaces reaproveitáveis.

custom tags

Uma das características dos web comps é utilizá-los como tags html customizadas (custom tags), sendo fácil de usar, ler e entender como uma interface (tela) está sendo construída.

index.html

Um HTML5 doc que representa um exemplo de componente.

<!-- OMITIDO -->
</body>  
  <page-head>
    <main-menu></main-menu>
  </page-head>

  <page-sidebar>
    <side-menu></side-menu>
  </page-sidebar>

  <page-main>
    <main-header></main-header>
    <main-content></main-content>
  </page-main>
</body>

Hoje o HTML5 sugere o que há de mais moderno em construção de interfaces com JS, a Estrutura do WebSite.

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

webcomponents.org

Ok! Sobre as FEATURES do HTML5 é tudo o que eu tenho a dizer.

Polymer – Fundamentos 

WebApp Saga Chapter : 1

Cadastro realizado com sucesso!Contact US!

A missão de hoje é fazer um estudo tratando dos detalhes fundamentais que precisamos conhecer para escrever códigos NodeJS/Express. Ou seja, o foco será apenas em elementos principais, explicando como eles funcionam dentro da plataforma.

Ao final da missão, deveremos ter domínio sob a estrutura básica de um backend NodeJS sendo capaz de organizar boas soluções utilizando seus recursos.

Bem, vamos então parar de “blá-blá-blá” e vamos nos divertir.

Enfim, vamos fazer um overview sobre:

  • Por que utilizamos callbacks sempre?
  • O form mais simples do mundo
  • Recebendo os dados do form
  • Cadastrando um novo produto
  • Mais sobre o protocolo HTTP
  • Redirect after post

Next stop Polymer. Dissambark on the left.

Keep Programming!!!!