Programa Simples

Um código não-obstrusivo separa em camadas uma aplicação front-end, ou seja, não gera acoplamento entre as partes que rodam navegador. Basicamente não se mistura códigos css, html e js. Cada camada possui a sua responsabilidade. O html renderiza informações, o css fica responsável pela formatação do layout e o js gerenciada a parte dinâmica e de interação com o usuário.

Exemplo código obstrusivo

<button id="btCalcularItem" style="font-size:16px" onclick="calcularItem()">Calcular</button>

Exemplo código não-obstrusivo

<button id="btCalcularItem">Calcular</button>

#btCalcularItem { font-size: 16px; }

Jquery é um framework javascript utilizando em aplicações front-end. O intuito do framework é facilitar o acesso a elementos html utilizando seletores. A utilização dos seletores é fetia com base em uma especificação. Abaixo alguns exemplos de seletores:

Busca por id em js puro

document.getElementById("nmCliente").value = "Carlos";

Busca por id em jquery

$("#nmCliente").val("Carlos");

Busca por name em js puro

document.getElementsByName("nmCliente")[0].value = "Carlos";

Busca por name em jquery

Framework é o nome dado a um conjunto de métodos que facilitam e aceleram o desenvolvimento de software. Alguns exemplos de framework.

Javascript: Jquery, Ext Js

Java: Hibernate, Spring, JUnit

Layout responsivo é compreendido como um conjunto de técnicas utilizado para melhorar a usabilidade de uma determinada pagina web. Como base o LR utiliza a porcentagem para definir tamanho de campos e forms, logo, o layout pode se adequar de acordo com o tamanho do dispositivo.

Defina com a forma Tipo + identificador.

Defina iniciando com um verbo. Após veja em qual das situações abaixo o método se encaixa:

O que

function salvarCliente(cliente){}

O que + como

Siga as dicas abaixo para um desenvolvimento simples

Separar blocos de código complexos e pequenos métodos simples

A leitura do método deve indicar o que e como será feito

Quando possível programe seu método de forma genérica

Evite acoplamento de métodos pois podem inviabilizar o reaproveitamento

Métodos com muitas linhas(acima de 12) precisam ser divididos pois tem tendencia a serem mais complexos