Criar template com HTML5 e JS

Galera, estou me envolvendo em um novo projeto web que tem como premissa frond end apenas com HTML5, CSS3 e JS e back end REST.

A dificuldade se dá em achar uma alternativa simples e eficiente para a criação de templates (organização do header, footer, menu etc). Nas tecnologias em que estou acostumado como Wicket e JSF, esta tarefa ocorre de maneira natural.

Poderiam passar algumas experiências e possíveis soluções para este empasse?

Desde já agradeço! :slight_smile:

E ai blz?
Velho, no html5 ficou muito simples divisão cabeçalho, conteúdo e rodapé. Se não souber dê uma pesquisada.
O resto acho que você vai ter que fazer com tabela mesmo. Se eu tiver errado, corrigem ai, por favor…!

A sim, com certeza… A semântica na web ficou muito melhor…

A ideia aqui era a criação de templates para “aproveitar” certas partes do código.

No sentido de eu ter uma pagina “Base” e outra “Especialista”.

Vamos supor, eu crio 1 página que contenha o Header, Footer e o contêiner de Conteúdo.
Este contêiner de conteúdo é que vai variar de acordo com a iteração do usuário, assim como já faço em outras tecnologias.

É mais ou menos esta a ideia que estou procurando…

Ah, entendi. Com outras tecnologias como JSF é muito prático mesmo. Com html nunca pensei em como fazer para usar um template. Vou dá uma pesquisada pra ver também, se conseguir encontrar alguma coisa ai, poste, por favor…valeu

aqui eu “picoto” o layout todo,dividindo entre menus,rodapés etc.depois eu coloco cada um desses em uma jsp e chamo eles com jstl na pagina que desejo exibir,se eu precissar alterar algo,so precisso alterar em uma pagina

Entendi, infelizmente para mim isso não vai funcionar, uma vez que o front end vai ser desvinculado da aplicação java…
O ideal seria realizar esta tarefa com apenas JS, HTML5 e CSS3.

Agradeço pela experiência Slow17…

[quote=renanjp]Entendi, infelizmente para mim isso não vai funcionar, uma vez que o front end vai ser desvinculado da aplicação java…
O ideal seria realizar esta tarefa com apenas JS, HTML5 e CSS3.

Agradeço pela experiência Slow17…[/quote]

Poderia tentar um iframe então!

Se vc for usar jquery, usa o load dentro dos containes html5 que funciona de boa.
Ou caso contrario, vc mesmo pode fazer uma requisicao com javascript e “jogar” o conteudo dentro da tag.

[]'s

Você poderia usar frameworks Javascript como AngularJS ou EmberJS, além de serem frameworks JS MVC o que pode te economizar muito código eles também tem seus esquemas de criar templates (diretivas, componentes). Ou se quer um apenas de template HTML mesmo pode usar o Handlebars http://handlebarsjs.com

Era exatamente o que eu estava precisando fredericomaia10.

Dentre estes eu conheço apenas o AngularJS, não iremos utiliza-lo por conta do treinamento da equipe, vou dar uma olhada neste Handlebars. Nas pesquisas em que eu tinha feito lembro de ter passado por ele mas não aprofundei…

Agradeço a todos que tenham ajudado com as dicas e sugestões…
:smiley:
Atenciosamente Renan Johannsen de Paula.