Luźne pytanie na weekend: co sądzicie o przyszłości single-page application? Wszyscy wiemy jak zawsze(jeszcze nie tak dawno) tworzyło się strony internetowe - #php lub coś innego generowało HTML po stronie serwera, a przeglądarka wczytywała #js, #css i tylko pewne elementy na stronie korzystały z AJAXa. Dziś mamy Angular, Ember, React i wiele innych frameworków, bibliotek i narzędzi, które zmieniły sposób tworzenia stron internetowych. Popularne
5z7k9 - Luźne pytanie na weekend: co sądzicie o przyszłości single-page application? ...

źródło: comment_8djdgW8Nq9rW4GHA1hJnPmBIcec4iies.jpg

Pobierz
  • 16
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@5z7k9: Ja jestem wielkim fanem podejścia SPA. Jak dla mnie do zalet jeszcze można dodać (choć trochę pokrywa się z pierwszym pkt) bardzo łatwo np. zmienić język backendu. Bo od servera otrzymujemy z konkretnego urla np. jsona. Pracowałem w dwóch projektach jeden był z podejściem SPA (java + angular) drugi SOAP. Muszę powiedzieć, że dużo łatwiej się pracuje z SPA. Jednak tak jak wspomniałeś dużym minusem jest bezpieczeństwo, ale tutaj
  • Odpowiedz
Mam małą zagwostkę.
Mam element '.element' który po kliku coś robi.
Inny .element ma dodatkowe kumpla, klasę .disabled.
Chciałbym aby .disabled nic nie robiło po kliku.
Zrobiłem w $('.el').click(function(){
if( $(this).hasClass('disabled') ) {
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@500xa4: Kiedyś ktoś wrzucał chyba takiego "RPG'a" (cudzysłów zasłużony) gdzie za pomocą kodu musisz nim pokierować żeby zabić jakieś orki/gobliny i zebrać diamenciki, za wykonywanie czego dostajesz exp i nowe rzeczy do ekwipunku. Niestety nie pamiętam nazwy ;/
  • Odpowiedz
#programowanie #webdev #js
Hej mirunie. Niedawno zacząłem pracę jako frontend dev. Problem w tym, że jestem jedynym frontendowcem w zespole. Więc muszę sam praktycznie wymyślać cały proces budowy apki po mojej stronie.
Dlatego mam teraz do Was kilka pytań. Co jest lepsze:
Sass czy Less?
Grunt czy Gulp?
Browserify czy Webpack?
  • 15
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Widze ze rzuciliscie cala tona frameworkow i hip and trendy pomyslow a nikt nie zapytal sie jaki to produkt, jaka skala, jaka zlozonosc etc.. bez tej wiedzy decydowanie o tym co uzyc jest mega nieodpowiedzialne
  • Odpowiedz
Potrzebuję zrobić "szybkie"/ajaxowe wczytywanie stron. Zatrzymałem się na Pjax/SmoothState.js/turbolinks - coś się zmieniło? Czy czego się teraz używa (ważne żeby miał pushState)?

Wolałbym coś lżejszego niż Angular/React.

#webdev #js #javascript
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Witajcie Mireczki, potrzebuję pomocy przy JS, a mianowicie mam dwa elementy z klasami: "box" i "przycisk" i chce uzyskać następujący efekt.
Chce aby po kliknięciu w element z klasą "przycisk" klasa "box" została usunięta z drugiego elementu, oba elementy to divy.

Znalazłem jedynie komende na usuwanie klasy klikniętego elementu, natomiast nigdzie nie potrafię znaleźć funkcji na usunięcie klasy z elementu po kliknięciu w inny element. Proszę o pomoc.

Wspomniana funkcja którą znalazłem:
  • 20
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Witam mirków spod tagu #programowanie ( ͡° ͜ʖ ͡°)
tl;dr


Potrzebuje pomocy, chciałem pobawić się w stworzenie API do czegoś co nie posiada API, chciałem robić statystyki z jednego tematu na forum, ale nie wiem jak zabrać się za to w #php czy #js bo wydaje mi się, że #js też by się nadał. ( ͡° ͜ʖ ͡°) Na spróbowanie użyłem https://www.kimonolabs.com/ ale
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Artrix: OK, rozumiem. Chcesz z gotowego dokumentu, na podstawie selektorówc CSS utworzyć JSON.

To możesz to robić zarówno za pomocą (na pewno słyszałeś o jQuery) jak i za pomocą PHP (tutaj polecam użyć wbudowanej klasy DOMDocument). w JS wystarczy utworzyć zwykły javascriptowy obiekt a potem użyć JSON.stringify(obj), w PHP możesz utworzyć tablicę asocjacyjną a potem na niej wykonać json_encode(arr);

// edycja:
Zakładam, że masz dostęp do kodu
  • Odpowiedz
#js #webdev #programowanie

Mirki, taka sytuacja. Mam javascriptowy projekt (ES6, Babel, Webpack). Generuje oczywiście sourcemapy i wszystko ładnie działa i mapuje się w chromie.
Czy jest możliwe, aby edytować jsowy kod w chromie (niekoniecznie go zapisując na dysku) i od razu testować zmiany? Jeżeli tak, to czy polega to na edytowaniu kodu po transpilacji, a może oryginalnego (.jsx)? Ktoś posiada w tym jakieś dośiwadczenie i mógłby
  • 26
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Czytam dwie książki w chwili obecnej (laik total here) żeby obyć się z tematem javascript, jquery, html i css. Mogę polecić coś dla człowieka od zera dwie książki od Jona Ducketta:

http://helion.pl/ksiazki/javascript-i-jquery-interaktywne-strony-www-dla-kazdego-jon-duckett,jsqwdk.htm
http://helion.pl/ksiazki/html-i-css-zaprojektuj-i-zbuduj-witryne-www-jon-duckett,htcsww.htm

Bardzo łatwo i zrozumiale napisane, krok po kroku + ćwiczenia do pobrania z neta. :)
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Pomoże mi ktoś z prostym zagadnieniem?
Mam coś takiego - http://jsfiddle.net/gyvjhLwg/2/ i chodzi o to, żeby dla każdego elementu w tej "pętli" wartość zmiennej była inna, pobierana z id, czyli żeby efekt końcowy był:

Pierwszy [1]
Drugi [2]
Element [3] (zbigniew) w petli
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@WasylSpalinov: var ajdi = jQuery('.element').attr('id'); - niepotrzebnie to robisz. całą kolekcję elementów wyciągnąłeś już w pierwszej linii, w tym momencie $('div[class="element"]'). funkcja którą podałeś jako argument do each wykonuje się raz dla każdego elementu kolekcji, i dany element dostajesz w drugim parametrze, także zamiast jQuery('.element').attr('id'); użyj $(item).attr('id') i będzie git.
  • Odpowiedz
Mireczki, mam pytanie zwiazane z #javascript #js
Dlaczego gdy wywoluje metdode la() poza funkcja login to zmienna state jest undefined, a gdy z wnetrza tej funcji to jest ok? Przeciez state ma zasieg globalny?

To lepiej zilustruje pytanie: http://pastebin.com/7M4PetpE
  • 14
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@twinzpl: po co zaczynać coś czego jest pełno w dodatku się niczym nie wyróżniać. Polecam api Chart.js (potrzebna jest minimalna wiedza na temat .js)
  • Odpowiedz