<div dir="ltr"><div class="gmail_default" style="font-family:arial,helvetica,sans-serif">Vixe, acho que o buraco é bem mais em baixo!</div><div class="gmail_default" style="font-family:arial,helvetica,sans-serif"><br></div>
<div class="gmail_default" style="font-family:arial,helvetica,sans-serif">Isso ai é coisa pra maluco ... rsrsrsrsrs ... não consigo fazer nem uma simples montagem de fotos no photoshop para sacanear os amigos ... kkkk</div>
<div class="gmail_default" style="font-family:arial,helvetica,sans-serif"><br></div><div class="gmail_default" style="font-family:arial,helvetica,sans-serif">Preciso receber dados do usuário pelo forms e depois retornar dados "complexos"!</div>
<div class="gmail_default" style="font-family:arial,helvetica,sans-serif"><br></div><div class="gmail_default" style="font-family:arial,helvetica,sans-serif">Acho que vou usar aquele esquema de abrir uma sessão ssh pelo browser web e fazer tudo em texto mesmo.</div>
<div class="gmail_default" style="font-family:arial,helvetica,sans-serif"><br></div><div class="gmail_default" style="font-family:arial,helvetica,sans-serif">Se alguém ainda tiver uma receita de bolo mais simples, ainda to na esperança.</div>
<div class="gmail_default" style="font-family:arial,helvetica,sans-serif"><br></div><div class="gmail_default" style="font-family:arial,helvetica,sans-serif">E eu que tava na esperança de fazer uma UI inspirada no "Para Onde foi Meu Dinheiro" ... como dizem, a esperança de pobre é a última que morre ... kkkkk</div>
</div><div class="gmail_extra"><br clear="all"><div><div dir="ltr"><br>[...]'s<br><br>Marcio<div><br></div><div><div style="font-family:arial;font-size:small">========================================</div><div style="font-family:arial;font-size:small">
########### Campanha Ajude o Marcio! ###########</div><div style="font-family:arial;font-size:small"><a href="http://sosmarcio.blogspot.com.br/" style="color:rgb(17,85,204)" target="_blank">http://sosmarcio.blogspot.com.br/</a></div>
<div style="font-family:arial;font-size:small"><a href="http://www.vakinha.com.br/VaquinhaP.aspx?e=195793" style="color:rgb(17,85,204)" target="_blank">http://www.vakinha.com.br/VaquinhaP.aspx?e=195793</a><br></div><div style="font-family:arial;font-size:small">
========================================</div></div></div></div>
<br><br><div class="gmail_quote">Em 10 de setembro de 2013 13:30, Tiago Peczenyj <span dir="ltr"><<a href="mailto:tiago.peczenyj@gmail.com" target="_blank">tiago.peczenyj@gmail.com</a>></span> escreveu:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="ltr">Alguns servidores/ middlewares suportam Server Side Include.<div><br></div><div><a href="https://metacpan.org/module/Plack::Middleware::SSI" target="_blank">https://metacpan.org/module/Plack::Middleware::SSI</a><br>
</div><div>
<br></div><div>Porém eu não sei se vc precisa misturar o seu design com como as paginas são montadas e mostradas ao usuario final. Alias com um bom sistema de templates (tipo TT) vc pode separar o header, o footer, o content, o menu, etc.</div>
<div><br></div><div><a href="https://metacpan.org/module/Template::Tutorial::Web" target="_blank">https://metacpan.org/module/Template::Tutorial::Web</a><br></div><div><br></div><div>existem algumas tecnologias pra vc ter isso cliente side usando javascript e outras coisas (Angular.js Backbone.js etc).</div>
<div><br></div><div>tudo tem pros e contras. </div><div><br></div><div>se vc quer algo independente da linguagem, o TT tem bindings pra outras linguagens que não apenas Perl. Server Side Include pode ser feito pelo servidor web (apache, nginx) e não pela aplicação. AngularJS vai depender de alguem te mandar um json (que pode ser estatico ou gerado por Perl/Java/Bash/C/PHP/etc).</div>
<div><br></div><div>tudo depende da complexidade que vc quer. eu apanhei muito no começo pra usar Backbone.js - sem falar q vc pode facilmente fazer algo que fica bem carregado no client-side e alguem num celular vai odiar vc por isso.</div>
</div><div class="gmail_extra"><br><br><div class="gmail_quote">2013/9/10 Renato Santos <span dir="ltr"><<a href="mailto:renato.cron@gmail.com" target="_blank">renato.cron@gmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div><div class="h5">
<div dir="ltr">Vish Marcio, <div><br></div><div>vou responder por cima, cada ponto, até onde sei.<br><div class="gmail_extra"><br><div class="gmail_quote"><div>2013/9/10 Marcio - Google <span dir="ltr"><<a href="mailto:marciorp@gmail.com" target="_blank">marciorp@gmail.com</a>></span><br>
</div><div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div style="font-family:arial,helvetica,sans-serif">
Mongers, desculpem o off-topic!</div><div style="font-family:arial,helvetica,sans-serif"><br></div><div style="font-family:arial,helvetica,sans-serif">
Como vi que tem membros que dominam o assunto e o pessoal aqui é muito colaborativo, resolvi perguntar.</div><div style="font-family:arial,helvetica,sans-serif"><br></div><div style="font-family:arial,helvetica,sans-serif">
Não entendo nada de HTML, layout de sites e etc. Estou precisando fazer algumas coisas, projetos pessoais, e vou ter que fazer a parte visual, ou melhor dizendo, o front-end. De preferência, independente da linguagem.</div>
</div></blockquote><div><br></div></div><div>Para fazer o layout, geralmente, você não precisa de nenhuma linguagem,</div><div>porem, geralmente utiliza-se ou um wrapper (um arquivo completo, e dentro uma marcação para inserção do conteudo) ou um jeito mais 'phptizado',</div>
<div>dois arquivos (tipo header.php e footer.php) e ai no arquivo das páginas em sí, manda incluir.</div><div><br></div><div>o html não suporta isso por padrão, o servidor que tem que fazer esse trabalho de juntar os arquivos. </div>
<div>
<div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr">
<div style="font-family:arial,helvetica,sans-serif"><br></div><div style="font-family:arial,helvetica,sans-serif">Bom, por onde começo? rsrsrs</div><div style="font-family:arial,helvetica,sans-serif">
<br></div><div style="font-family:arial,helvetica,sans-serif">Vi que o André fez o layout como uma imagem, e eu particularmente gostei bastante.</div></div></blockquote><div> </div></div><div>eu *acho* que não foi o andre que fez, mas ele esta usando as imagens como referencia para criar o html.</div>
<div>
<div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div style="font-family:arial,helvetica,sans-serif">
<br></div><div style="font-family:arial,helvetica,sans-serif">Como se faz essa imagem? Tem algo mais especifico e simples que o Photoshop da vida?</div></div></blockquote><div> </div></div><div>eu acho que photoshop é o padrão. tinha/tem o Fireworks CS6, que é focado em web.</div>
<div>
<div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div style="font-family:arial,helvetica,sans-serif">
Depois como converte-se ela em HTML/CSS? É na unha ou tem algo automatizado?</div></div></blockquote><div><br></div></div><div>Até deve exitir essas ferramentas, mas o código final deve ser horrivel!</div><div>
<div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr"><div style="font-family:arial,helvetica,sans-serif">E finalmente, como esse front-end interage com Perl?</div></div></blockquote><div><br></div></div><div>Bom, geralmente, as informações são enviadas para o backend por formularios ou AJAXs.</div>
<div><br></div><div>um <form method="post" action="/url/no/servidor"> envia os dados que estão nos inputs, (exemplo, <input type="hidden" name="foobar" value="123"/> ) no formato url-encoded, e ai o servidor também tem que se virar pra ler.</div>
<div>
<div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div dir="ltr"><div style="font-family:arial,helvetica,sans-serif">
<br></div><div style="font-family:arial,helvetica,sans-serif">Tem um membro que postou um link de um projeto dele, que o front-end web era muito bom. Pareci um app winforms. Infelizmente não achei a mensagem.</div>
<div class="gmail_extra"><br></div></div></blockquote><div><br></div></div><div>eu acho que você esta falando do Eduardow, <a href="https://www.facebook.com/groups/195216390589070/" target="_blank">https://www.facebook.com/groups/195216390589070/</a></div>
<div><br></div><div>Isso é um framework JS, você escreve na estrutura dele, ele cria a magica.</div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr"><div class="gmail_extra"></div><div class="gmail_extra"><div style="font-family:arial,helvetica,sans-serif">Qualquer dica é bem vinda</div></div></div></blockquote></div><div class="gmail_extra"><br></div>
eu gosto de old speckled hen :)<span><font color="#888888"><br clear="all">
<div><br></div>-- <br><div><span style="color:rgb(51,51,51);font-size:x-small">Saravá,</span></div><div><span style="color:rgb(51,51,51);font-size:x-small">Renato CRON</span></div><div><div style="text-align:right"><font size="1" color="#333333"><a href="http://www.renatocron.com/blog/" target="_blank">http://www.renatocron.com/blog/</a></font></div>
</div><div style="text-align:right"><font size="1" color="#333333"><a href="http://twitter.com/#!/renato_cron" target="_blank">@renato_cron</a></font></div>
</font></span></div></div></div>
<br></div></div><div class="im">=begin disclaimer<br>
Sao Paulo Perl Mongers: <a href="http://sao-paulo.pm.org/" target="_blank">http://sao-paulo.pm.org/</a><br>
SaoPaulo-pm mailing list: <a href="mailto:SaoPaulo-pm@pm.org" target="_blank">SaoPaulo-pm@pm.org</a><br>
L<<a href="http://mail.pm.org/mailman/listinfo/saopaulo-pm" target="_blank">http://mail.pm.org/mailman/listinfo/saopaulo-pm</a>><br>
=end disclaimer<br>
<br></div></blockquote></div><span class="HOEnZb"><font color="#888888"><br><br clear="all"><div><br></div>-- <br>Tiago B. Peczenyj<br>Linux User #405772<br><br><a href="http://about.me/peczenyj" target="_blank">http://about.me/peczenyj</a>
</font></span></div>
<br>=begin disclaimer<br>
Sao Paulo Perl Mongers: <a href="http://sao-paulo.pm.org/" target="_blank">http://sao-paulo.pm.org/</a><br>
SaoPaulo-pm mailing list: <a href="mailto:SaoPaulo-pm@pm.org">SaoPaulo-pm@pm.org</a><br>
L<<a href="http://mail.pm.org/mailman/listinfo/saopaulo-pm" target="_blank">http://mail.pm.org/mailman/listinfo/saopaulo-pm</a>><br>
=end disclaimer<br>
<br></blockquote></div><br></div>