[SP-pm] [OT] Layout HTML/CSS (era "Como anda o PerlPro?")

Tue Sep 10 16:46:18 PDT 2013

Tenta Extjs -> http://www.sencha.com/products/architect/


Em 10 de setembro de 2013 18:40, Marcio - Google <marciorp em gmail.com>escreveu:

> Vixe, acho que o buraco é bem mais em baixo!
>
> Isso ai é coisa pra maluco ... rsrsrsrsrs ... não consigo fazer nem uma
> simples montagem de fotos no photoshop para sacanear os amigos ... kkkk
>
> Preciso receber dados do usuário pelo forms e depois retornar dados
> "complexos"!
>
> Acho que vou usar aquele esquema de abrir uma sessão ssh pelo browser web
> e fazer tudo em texto mesmo.
>
> Se alguém ainda tiver uma receita de bolo mais simples, ainda to na
> esperança.
>
> 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
>
>
> [...]'s
>
> Marcio
>
> ========================================
> ########### Campanha Ajude o Marcio! ###########
> http://sosmarcio.blogspot.com.br/
> http://www.vakinha.com.br/VaquinhaP.aspx?e=195793
> ========================================
>
>
> Em 10 de setembro de 2013 13:30, Tiago Peczenyj <tiago.peczenyj em gmail.com>escreveu:
>
> Alguns servidores/ middlewares suportam Server Side Include.
>>
>> https://metacpan.org/module/Plack::Middleware::SSI
>>
>> 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.
>>
>> https://metacpan.org/module/Template::Tutorial::Web
>>
>> existem algumas tecnologias pra vc ter isso cliente side usando
>> javascript e outras coisas (Angular.js Backbone.js etc).
>>
>> tudo tem pros e contras.
>>
>> 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).
>>
>> 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.
>>
>>
>> 2013/9/10 Renato Santos <renato.cron em gmail.com>
>>
>>>  Vish Marcio,
>>>
>>> vou responder por cima, cada ponto, até onde sei.
>>>
>>> 2013/9/10 Marcio - Google <marciorp em gmail.com>
>>>
>>>> Mongers, desculpem o off-topic!
>>>>
>>>> Como vi que tem membros que dominam o assunto e o pessoal aqui é muito
>>>> colaborativo, resolvi perguntar.
>>>>
>>>> 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.
>>>>
>>>
>>> Para fazer o layout, geralmente, você não precisa de nenhuma linguagem,
>>> 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',
>>> dois arquivos (tipo header.php e footer.php) e ai no arquivo das páginas
>>> em sí, manda incluir.
>>>
>>> o html não suporta isso por padrão, o servidor que tem que fazer esse
>>> trabalho de juntar os arquivos.
>>>
>>>
>>>>
>>>> Bom, por onde começo? rsrsrs
>>>>
>>>> Vi que o André fez o layout como uma imagem, e eu particularmente
>>>> gostei bastante.
>>>>
>>>
>>> eu *acho* que não foi o andre que fez, mas ele esta usando as imagens
>>> como referencia para criar o html.
>>>
>>>
>>>> Como se faz essa imagem? Tem algo mais especifico e simples que o
>>>> Photoshop da vida?
>>>>
>>>
>>> eu acho que photoshop é o padrão. tinha/tem o Fireworks CS6, que é
>>> focado em web.
>>>
>>> Depois como converte-se ela em HTML/CSS? É na unha ou tem algo
>>>> automatizado?
>>>>
>>>
>>> Até deve exitir essas ferramentas, mas o código final deve ser horrivel!
>>>
>>>
>>>> E finalmente, como esse front-end interage com Perl?
>>>>
>>>
>>> Bom, geralmente, as informações são enviadas para o backend por
>>> formularios ou AJAXs.
>>>
>>> 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.
>>>
>>>
>>>>
>>>> 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.
>>>>
>>>>
>>> eu acho que você esta falando do Eduardow,
>>> https://www.facebook.com/groups/195216390589070/
>>>
>>> Isso é um framework JS, você escreve na estrutura dele, ele cria a
>>> magica.
>>>
>>>
>>>> Qualquer dica é bem vinda
>>>>
>>>
>>> eu gosto de old speckled hen :)
>>>
>>> --
>>> Saravá,
>>> Renato CRON
>>> http://www.renatocron.com/blog/
>>> @renato_cron <http://twitter.com/#!/renato_cron>
>>>
>>> =begin disclaimer
>>>    Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>>>  SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
>>>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
>>> =end disclaimer
>>>
>>>
>>
>>
>> --
>> Tiago B. Peczenyj
>> Linux User #405772
>>
>> http://about.me/peczenyj
>>
>> =begin disclaimer
>>    Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>>  SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
>>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
>> =end disclaimer
>>
>>
>
> =begin disclaimer
>    Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>  SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
> =end disclaimer
>
>


-- 
..............................................................................
 *Nilton OS* | *DNA Linux a 15 anos* |
linuxpro.com.br<http://www.linuxpro.com.br>

*"Não são os grandes homens que transformam o mundo, mas sim os fracos nas
mãos de um grande Deus."*
-------------- Pr?xima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://mail.pm.org/pipermail/saopaulo-pm/attachments/20130910/c2e97bbe/attachment.html>