[n.....t]

#webdev #js #jquery #ecmascript #angularjs #react
Jak to w końcu jest, jQuery jest be czy nie jest be ?
Jak niby mam zastąpić jQuery czymkolwiek innym jak co lepsze pluginy są wyłącznie w jQuery.
(Mam na myśli oczywiście jakieś mobilne menu, slider itp.)

[paziu]

@nyan_cat: pro elo dev bedzie pisal takie rzeczy w vue czy tam react. ale jak chcesz cos zrobic po prostu szybko (nie oznacza to bynajmniej, ze na #!$%@?), to #!$%@? jquery i nie ogladaj sie.

[epi]

@nyan_cat: a młotek jest dobry czy zły?
większość gwoździ nim wbijesz, ale juz na przyklad nie uwałkujesz nim ciasta, ani nie nalejesz nim zupy ;)

[n.....t]

@epi: Właśnie dlatego podaję przykład czego potrzebuję i zwyczajnie nie widzę dla danych elementów lepszej alternatywy.
A skoro już ładuje duże jquery, to posiadanie jakiegoś frameworka (nie do spa) tylko dla wygodnej budowy elementów strony chyba mija się z celem, prawda ?

[epi]

@nyan_cat: to już zależy, czego bardziej potrzebujesz ;)

a często właśnie jakieś wymyslne pluginy jquery łatwo zastąpić własnym kodem, jeśli się korzysta z dobrego frameworka ;)

sliderów różnych jest od zarabania, nie tylko w jquery
a jak juz sie dezydujesz najakis framework, np angular, to lepiej budowac już wszystko w oparciu o niego
zwłaszcza, że jest to łatwe, proste i przyjemne ;)

[h5n1]

@nyan_cat: nie mija się z celem. Jakby się mijalo to angular nie robiły wsparcia dla jquery.

[MegaZU0]

@nyan_cat: wszystko z jQ można zapisać w Vanilla-js

[n.....t]

@MegaZU0: No tak, ale to się wiąże z pisaniem od zera... mhm
Ok a inaczej, polecicie mi jakieś dobre materiały do nauki angulara/vanillajs tak bym mogła spokojnie porzucić jquery i napisać te cholerne pluginy sama ?

[h5n1]

@MegaZU0: poczekaj aż będziesz potrzebować jakiegoś syfu typu fullcalendar w projekcie :)

[h5n1]

@nyan_cat: jak chcesz przejść z jquery na vanilajs to nie potrzebujesz żadnych tutoriali. Po prostu, co chcesz napisać w jquery, probujesz pisać w vanila z google, np: https://www.google.pl/search?q=appendElement+vanilajs&oq=appendElement+vanilajs&aqs=chrome..69i57j0.3734j0j7&sourceid=chrome&ie=UTF-8

google jest zaśmiecone mocno rozwiązaniami w jquery..

Potem jak już będziesz ogarniać zamienniki w vanilajs to dobrze byłoby się oduczyć złych nawyków z jquery. typu no cares about performance

[MegaZU0]

@h5n1: piszę taki jako PM w firmie, mój przypomina bardziej gCalendar, ale jeszcze nie skończony. Planuję ukończyć do sierpnia.

[h5n1]

@nyan_cat: a coś konkretnie masz na myśli z tym przepisaniem plugina jquery na angular?

[rozdajozadarmo]

@nyan_cat: dobre, pod warunkiem że używany do tego do czego zostało stworzone. Nie bez powodu poważne frameworki używają jQuery do operacji na DOM.

[rozdajozadarmo]

Ok a inaczej, polecicie mi jakieś dobre materiały do nauki angulara/vanillajs tak bym mogła spokojnie porzucić jquery i napisać te cholerne pluginy sama ?

@nyan_cat:
Podstawy JS: http://helion.pl/ksiazki/javascript-programowanie-obiektowe-stoyan-stefanov,jascob.htm
Na prawde solidny przegląd podstaw JS + wzorce i dobre praktyki.
http://shop.oreilly.com/product/9780596806767.do

Książki mają już kilka lat, ale podstawy, które trzeba koniecznie znać żeby uczyć się frameworków nie zmieniły się od lat.

Poważniejsza lektura: wzorce: https://addyosmani.com/resources/essentialjsdesignpatterns/book/

Odnośnie frameworków, na pierwszy strzał polecam Backbone.

[ennovum]

nie mija się z celem. Jakby się mijalo to angular nie robiły wsparcia dla jquery.

@h5n1: a co to za tajemnicze wsparcie angulara dla jQuery?

[rozdajozadarmo]

@ennovum:

Chodzi chyba o to, że:

If jQuery is available, angular.element is an alias for the jQuery function. If jQuery is not available, angular.element delegates to Angular's built-in subset of jQuery, called "jQuery lite" or jqLite.

[taximan]

@nyan_cat:

najprosciej:

SPA z rest backendem = react, tradycyjny MVC typu laravel = jquery

[n.....t]

@taximan: no właśnie napisałam wyżej, że nie o samą manipulację danymi mi chodzi, Potrzebuję na stronie trochę cukru który znam jedynie z jquery (╯︵╰,)

@h5n1: konkretnie responsywna karuzela obrazków, albo takie "mmenu"
po prostu nie wiem jak to pogodzić z reactem i es6 #nieznamsie #wracamdokuchni
Nie podoba mi się idea łączenia jquery z reactem/es6 to takie robienie mielonego kotleta i dorzucanie kawałków kurczaka : / bleh.

[h5n1]

@nyan_cat:

robienie mielonego kotleta i dorzucanie kawałków kurczaka

Ale proszę bez porównywania do jedzenia bo głodny jestem (nawet taka kombinacja mnie nie zniechęca) (✌ ﾟ ∀ ﾟ)☞

To widziałaś? http://react-responsive-carousel.js.org/

Do menu itp ucz się tego: http://www.material-ui.com/ bo powszechne i jest też na angularze: https://material.angularjs.org/latest/

idź z es6. nie różni się od es5 mocno, a na pewno arrow functions polubisz.

[taximan]

@nyan_cat:

instnieja gotowe komponenty np tu https://js.coach/ ale na dzien dzisiejszy ekosystem jquery posiada wiecej rzeczy. jak czegos to nie ma to zawsze mozesz wziac jakis jquery/vanillajs (pref vanilla bo mniejszy bundle) plugin i owrapowac go w swoim customowym komponencie.

jquery z reactem/es6 to takie robienie mielonego kotleta i dorzucanie kawałków kurczaka

no dobre podejscie ale czasem trzeba cos zrobic. jednak pamietaj aby dobrac wlasciwe narzedzie do zadania, jak potrzebujesz fajerwerki

[n.....t]

@h5n1: no dobra (｡◕‿‿◕｡)
Material ui ? ale ja już mam bootstrapa 4 :(

@taximan: tak się zastanawiam, prócz fajerwerków które wymieniłam właściwie nic więcej nie będzie, reszta już ma być działaniem na danych, plus będzie czat i wyszukiwarka z wynikami ajaxowymi jako lista która się pojawi po zaprzestaniu wpisywania (do tego chciałam mieć reacta, by upakować to w komponenty).

...wiecie co?
Chyba