Padrão ou Convenção de código

61 views
Skip to first unread message

Julio

unread,
Nov 9, 2012, 9:13:00 AM11/9/12
to jque...@googlegroups.com
Boa tarde pessoal


existe algum padrão a seguir em jquery ex:

----------------------------------------------------
| aqui coloco os criadores de dialog |
----------------------------------------------------

depois 

----------------------------------------------------
| aqui coloco os eventos de clicks   |
----------------------------------------------------

depois 

----------------------------------------------------
| aqui coloco os eventos de changes   |
----------------------------------------------------

não encontrei um tópico aqui sobre padrão ou convenção de código, e gostaria de saber como vcs fazem ou se tem algum livro, artigo, blog sobre isso.


valeu

Julio

Tiago Santos

unread,
Nov 9, 2012, 11:08:22 AM11/9/12
to jque...@googlegroups.com
amigo, por ser uma linguagem que não te prende a determinada metodologia cada um faz da maneira que acha melhor.
eu utilizo como referencia atualmente o jstherightway.com

Michel Felipe

unread,
Nov 9, 2012, 12:56:46 PM11/9/12
to jque...@googlegroups.com
@Julio muito importante vc se preocupar com esse tipo de estrutura/organização. Geralmente as pessoas aprendem a desenvolver utilizando o  Framework jQuery antes de entender o núcleo do Javascript  e acabam por ter um código um tanto quanto desordenado. O q vc deseja tem muito a ver com padrões arquiteturais como o MVVM ou o MVC que tbm pode ser aplicado em Javascript. Segue o link de algumas bibliotecas para este propósito:

Backbone.js = http://backbonejs.org/

Angular.js = http://angularjs.org/

Knockout.js = http://knockoutjs.com/


Observe que são vários "naoseiOqLa".js, é meio q uma febre isso nos ultimos tempos rsrsrs


Qual o melhor? N existe...existe o q se encaixa melhor para o seu projeto, para a sua necessidade e para a sua forma de desenvolver. Teste, use e tenha como foco o que é mais interessante pra vc. Só existem esses? Nao, existem outros Frameworks/Biblitecas que utilizam Padrões Arquiteturais então, caso não goste de nenhum...busque na internet a respeito!!

Espero q tenha ajudado!!






--
Atenciosamente


Analista de Sistemas
Politec - Prodeb

 PHP / Zend Framework / CakePHP / Java Desktop / JavascriptMVC / EXTJS / JQuery / PostGres/ MySQL

www.vidacriativa.com.br

Julio Cesar

unread,
Nov 12, 2012, 5:18:44 AM11/12/12
to jque...@googlegroups.com
Show as recomendações, agora que estou mais familiarizado com Javascript e não apenas com Jquery, vou iniciar o estudo com o angular

valeu

Abraços

Julio
-- 
Obrigado
Julio

Felipe Duardo

unread,
Nov 12, 2012, 5:44:45 AM11/12/12
to jque...@googlegroups.com
alem do jsrightway já citado outros dois projetos bacanas pra dar uma olhada


Felipe Duardo

Julio Cesar

unread,
Nov 13, 2012, 5:49:15 AM11/13/12
to jque...@googlegroups.com
Era exatamente isso que eu procurava:
https://github.com/rwldrn/idiomatic.js/tree/master/translations/pt_BR

mas as dicas do michel me fez voltar a ver o angular, e agora acredito que estou mais apto a entender o mesmo.

valeu

julio

Gilton Guma

unread,
Nov 13, 2012, 6:39:30 AM11/13/12
to jque...@googlegroups.com
Lembrando que separar em partes os arquivos, tanto JS, quanto CSS, ajuda e muito no desenvolvimento, porém não muito na performance do website.
Quanto menos requisições o navegador fizer ao servidor melhor, ou seja, é melhor possuir arquivos maiores do que vários menores, ao contrário do que a maioria das pessoas imagina!
Escolha com cuidado o rumo para seu projeto!

Fica a dica! ;)



Em sexta-feira, 9 de novembro de 2012 12h13min00s UTC-2, Julio escreveu:

Michel Felipe

unread,
Nov 13, 2012, 7:00:23 AM11/13/12
to jque...@googlegroups.com
que bom @Julio que vc gostou do #angularjs. Tenho utilizado, inicialmente como teste e laboratório ainda, mas tenho gostado bastante. Já utilizava o #backbone.js mas gostei bastante da filosofia do angular. Só n gostei de utilizar eventos dentro de tags HTML. No angular, vc faz bastante de uso de algo como: ng-click="myFunction( )"

Me lembra muito os onclick="myFunction( )". Apesar de que, algumas pessoas gostam muito dessa abordagem de javascript obstrusivo, eu particularmente, n acho interessante. Mas o projeto é open source, e uma vez que vc entende a estrutura e a filosofia do Framework, vc consegue facilmente extendê-lo :D

Sem contar que o angular tem apoio do google, o que dá uma outra notoriedade para o projeto. Mas o backbone eu tbm gosto bastante. Depende muito do tipo de sistema que vc tem e o tipo de problema que vc precisa resolver :D

Mas o link ae do idiomatic.js tbm é uma dica muito show. Esse condensado de boas práticas serve para qualquer coisa, independente de utilizar um Framework MVC, jQuery apenas ou Javascript "na unha".


--

Julio Cesar

unread,
Nov 13, 2012, 9:21:37 AM11/13/12
to jque...@googlegroups.com
Cara nesse quesito de vários JS to pegando as manhas, vou fazer o esquema q vi no livro de patterns js, qdo for para produção faço o seguinte

cat .js .js .js etc... > todosjs.js

depois comprimo

vcs fazem assim tbm  ????

Julio
-- 


-- 
Obrigado
Julio

Felipe Duardo

unread,
Nov 13, 2012, 10:50:39 AM11/13/12
to jque...@googlegroups.com
(=
Felipe Duardo

Reply all
Reply to author
Forward
0 new messages