JavaScript - wzorce projektowe a frameworki? Opcje

[d4ng]

Witajcie mam mętlik w głowie i wydaje mi się że im więcej szukam i czytam tym mniej wiem.... Chciałbym powoli odejść od samego jQuery i skupić się bardziej na czystym, zorientowany "obiektowo" javascripcie. Wiem że są różne wzorce projektowe jednak nie mam takiej wiedzy i doświadczenia, żeby móc stwierdzić który jest lepszy (dysponowanie pamięcią, wydajność, łatwość nauki), a co najważniejsze który pozwoli mi miękko wejść w takie frameworki jak angular czy backbone? Podoba mi się Module Pattern ale widzę że dużą popularność ma Prototypal Pattern. Bardzo proszę o rozjaśnienie sytuacji, może przedstawienie obecnych trendów itp Każdy wpis będzie cenny. Pozdrawiam

[d4ng]

PrinceOfPersia czytając Twoje wpisy rozlewa mi się mózg na klawiaturę i zdaje sobie sprawę jak małym robaczkiem jestem w tym ogródku... ale na pewno się nie zniechęcam i powoli będę parsować temat (IMG:style_emoticons/default/smile.gif) hmm na podstawie wpisów i tego co widzę w necie wywnioskowałem że najpierw spróbuje wchłonąć wiedzę z zakresu http://addyosmani.com/resources/essentialj...tternjavascript. Przy okazji pokaże wam fragment kodu mojego autorstwa i bardzo prosiłbym o przykład jak mógłby on wyglądać w prototpe pattern. Są w nim najczęściej używane przeze mnie elementy (pętle, tablice, zmienne, ajax, eventy). W modułowym wzorcu widziałem jak facet fajnie oddzielił widok (renderował go) od funkcjonalności w prototype też tak się da?

[HTML] pobierz, plaintext 
<script>
            $('#saveText').on('click', function(){
 
 
                // zmienne 
                var ed = tinyMCE.get('content');
                var co = tinyMCE.get('comment');
                var terminy = [];
                var catalogs = [];
                var control = 1;
 
 
                // pobiera wybrane terminy
                for (i = 0; i < termCount; i++) { 
                    terminy.push({nazwa: $('.form-termin-name-'+i).val(), termin: $('.date-val-'+i).val()});
 
                }
 
 
                // pobiera wybrane katalogi
                $('.category-tree input[type="checkbox"]:checked').each(function(){
                    catalogs.push($(this).val());
                });
 
 
                // walidacja
                if ($('.form-title-text').val() == ''){
                    $('.form-title-text').css('border', '2px solid #ff5454');
                    control = 0;
                }
 
                // if walidacja == 1
                if(control == 1){
                    $.ajax({
                        type: 'POST',
                        url: base_url+'index.php/document/save_document',
                        data: {
                                'nameText': $('.form-title-text').val(), 
                                'contentText': ed.getContent(), 
                                'directoryText': catalogs,  
                                'commentText': co.getContent(),
                                'terminy': terminy
                            },
                        success: function(res) {
                            if (res){
                                showInfo('success', 'Tekst został pomyślnie zapisany! ');
                                location.replace(base_url+'index.php/edycja-dokumentu/'+res+'/edit');
                            }
                        },
                        error: function(res) {
                            showInfo('error', 'Błąd połączenia z serwerem! ');
                        } 
                    });
                }
 
            });
</script>
[HTML] pobierz, plaintext 

Ten post edytował d4ng 30.10.2015, 16:04:05