- 2
#webdev
Jakie jest zastosowanie Bower?
Ściągam sobie package, powiedzmy, że jQuery, mam katalog plików, mam w tam w ścieżce to co potrzebuje, czyli jquery.min.js, linkuje go sobie do index. No ok ale co jak chce deployować w gulpie?
Mam taki root
nodemodules
bowercomponents
app/
dist/
.git
pliki konfiguracyjne itd.
jak deployuje to przecież w indexie zostaje adres typu ktory oczywiscie nie bedzie prawidlowy jak połącze pliki i bede mial troche inna strukture
Jakie jest zastosowanie Bower?
Ściągam sobie package, powiedzmy, że jQuery, mam katalog plików, mam w tam w ścieżce to co potrzebuje, czyli jquery.min.js, linkuje go sobie do index. No ok ale co jak chce deployować w gulpie?
Mam taki root
nodemodules
bowercomponents
app/
dist/
.git
pliki konfiguracyjne itd.
jak deployuje to przecież w indexie zostaje adres typu ktory oczywiscie nie bedzie prawidlowy jak połącze pliki i bede mial troche inna strukture
- 2
- 6
Robie sobie taka klasyczna stronke portfolio / o mnie i jako, ze wizualna porcja strony zostala juz ukoczona to jestem ciekaw waszych opinii,
http://taximan.github.io/portfolio/
Tresciowo(tekst, zdjecia) jeszcze strona ulegnie zmianie wiec sie o nic nie martwcie, chociaz jak macie jakies smieszne slowka ktore moglbym dodac do landing page'a to zapraszam itt ( ͡° ͜ʖ ͡°).
Kilka rzeczy ktorymi sie jeszcze pochwale
-tlo landing page'a generowane przy uzyciu jsa
http://taximan.github.io/portfolio/
Tresciowo(tekst, zdjecia) jeszcze strona ulegnie zmianie wiec sie o nic nie martwcie, chociaz jak macie jakies smieszne slowka ktore moglbym dodac do landing page'a to zapraszam itt ( ͡° ͜ʖ ͡°).
Kilka rzeczy ktorymi sie jeszcze pochwale
-tlo landing page'a generowane przy uzyciu jsa
- Eggy
- KaarasKar
- konto usunięte
- Morty
- withoutSmallGarden
- +1 innych
- 1
@noekid: tak by sie wydawalo ale wlasnie reveling footer to potencjalny niszczyciel perfu i moze to brzmi glupio ale na wykopie tak wlasnie bylo, oczywiscie zglosilem i teraz wszyscy maja po +20 fpsow (w niektorych przypadkach, wy tam na i7 pewnie nie poczuliscie). Ten javascript:0 w sumie mozna nawet bezpiecznie usunac i pomysl z progressive enhancement mi sie podoba bo jest wykonywalny, tym bardziej ze juz mam tam nasrane IDków.
@
@
- 0
@bonus:
skad wiesz ile razy z niej korzystalem?( ͡° ʖ̯ ͡°) chociaz moze faktycznie to zbytnio gunwo libka by ja wypisywac i ja usune na rzecz czegos fajneszego.
npm to tooling ktory wskazuje na jakim stacku lubie operowac.
pisanie o bibliotekach w umiejętnościach trochę nieprofesjonalne, w szczególności, że użyłeś jej może raz żeby sformatować datę,
skad wiesz ile razy z niej korzystalem?( ͡° ʖ̯ ͡°) chociaz moze faktycznie to zbytnio gunwo libka by ja wypisywac i ja usune na rzecz czegos fajneszego.
to samo npm rly?
npm to tooling ktory wskazuje na jakim stacku lubie operowac.
- 0
@bonus:
nie wspomniales o najlepszym, reactowym rozwiazaniu (⌐ ͡■ ͜ʖ ͡■)
http://projects.formidablelabs.com/radium/
tylko OOCSS, ACSS, BEM, SMACSS
nie wspomniales o najlepszym, reactowym rozwiazaniu (⌐ ͡■ ͜ʖ ͡■)
http://projects.formidablelabs.com/radium/
- 0
@bonus:
wut? generalnie przyznalbym ci racje bo jest pewnie cala masa kodu na gh z ktorego dzis bym nie byl zbyt dumny ale z przykladem ktory podlinkowales nie ma doslownie nic zlego.
wut? generalnie przyznalbym ci racje bo jest pewnie cala masa kodu na gh z ktorego dzis bym nie byl zbyt dumny ale z przykladem ktory podlinkowales nie ma doslownie nic zlego.
- 0
@bonus: facebook robi taki kod i jakos zyje, jezeli tamten link to nie byl typo to wiedz, ze jest to doslownie podrecznikowy przyklad jak renderowac liste w reakcie.
- 3294
Mirki szybkie #rozdajo w związku z naszą nową stroną - www.solgaz.eu
1. Wśród plusujących ten wpis wylosujemy zwycięzcę słodkiej paczki świątecznej o wartości 50zł
2. Tutaj coś dla speców - drugą taką paczkę wręczymy osobie, która wskaże najwięcej błędów na stronie lub sensownych poprawek pod względem #seo i #ux
To co, zaczynamy? ( ͡º ͜ʖ͡º)
_
#programowanie #stronywww #webdev #
1. Wśród plusujących ten wpis wylosujemy zwycięzcę słodkiej paczki świątecznej o wartości 50zł
2. Tutaj coś dla speców - drugą taką paczkę wręczymy osobie, która wskaże najwięcej błędów na stronie lub sensownych poprawek pod względem #seo i #ux
To co, zaczynamy? ( ͡º ͜ʖ͡º)
>kliknij by przejść do strony<<
_
#programowanie #stronywww #webdev #
- sorasill
- pucka25
- bodekbb1
- Thexil
- konto usunięte
- +3289 innych
- 3
Okazuje sie, ze scrollowanie na wykopie wcale nie musi wywolywac traumatycznych wspomnien po wietnamie ( ͡° ͜ʖ ͡°)
Generalnie jest pewnien blad ktory powouje, ze co scroll caly box model strony sie rekalkuluje. Pewnie maciej wkrotce naprawii ale w miedzyczasie zrobilem taki plugin https://github.com/Taximan/wykopScrollFix (chrome only). U mnie perf z ~12 fpsow wskonczyl do az 40 wiec mysle, ze calkiem niezle i warto zainstalowac.
Also, jak macie konto
Generalnie jest pewnien blad ktory powouje, ze co scroll caly box model strony sie rekalkuluje. Pewnie maciej wkrotce naprawii ale w miedzyczasie zrobilem taki plugin https://github.com/Taximan/wykopScrollFix (chrome only). U mnie perf z ~12 fpsow wskonczyl do az 40 wiec mysle, ze calkiem niezle i warto zainstalowac.
Also, jak macie konto
- 1
@MirkoStats: Pewnie backend bo z tego co widze to w polsce ciezko o prace w reakcie, co dopiero na juniora.
@korynt: Jak masz i7 to zbytniej roznicy nie poczujesz. Ale aby zobaczyc sobie fps meter w chromie wystarczy, ctrl + shift + j potem ESC, zakladka rendering -> Show FPS meter. Potem po prostu scrolluj i obserwuj.
@kavillock: jak #nowymaciej nie zrobi tego w tym tygodniu to czemu nie,
@korynt: Jak masz i7 to zbytniej roznicy nie poczujesz. Ale aby zobaczyc sobie fps meter w chromie wystarczy, ctrl + shift + j potem ESC, zakladka rendering -> Show FPS meter. Potem po prostu scrolluj i obserwuj.
@kavillock: jak #nowymaciej nie zrobi tego w tym tygodniu to czemu nie,
- 1
@MirkoStats:
Jeszcze pracy nie mam wiec zadnym autorytetem byc nie moge ale twoja lista wydaje mi sie dobra, moze zamiast cassandry i innych yolo db, zwyklego mysqla. Dorzucilbym jeszcze jakiegos ORMa np. bookshelf bo pisanie czystego sql jest troche bolem.
Osobiscie wieciej wykodzilem w koa niz expressie ale wydaja mi sie te frameworki dosyc podobne (iirc jeden z glownych contributorow expressa zapoczatkowal koa, wiec pewnie dlatego). W hapi sie tez bawilem
Jeszcze pracy nie mam wiec zadnym autorytetem byc nie moge ale twoja lista wydaje mi sie dobra, moze zamiast cassandry i innych yolo db, zwyklego mysqla. Dorzucilbym jeszcze jakiegos ORMa np. bookshelf bo pisanie czystego sql jest troche bolem.
Osobiscie wieciej wykodzilem w koa niz expressie ale wydaja mi sie te frameworki dosyc podobne (iirc jeden z glownych contributorow expressa zapoczatkowal koa, wiec pewnie dlatego). W hapi sie tez bawilem
- 1
@R2D2_z_Sosnowca: ITS [CURRENT YEAR], I MEAN COME ON #pdk
konto usunięte via Android
- 5
Tym co mnie naprawdę odrzuca od wszelkiego rodzaju bibliotek funkcyjnych i tego typu rzeczy, jest fakt, że obiecują dużo, a dają mało.
Weźmy przykład:
Co zyskaliśmy względem zapisu imperatywnego? Czytelność kodu. Tylko albo aż tyle, zależy jak bardzo nam na tym zależy.
Co straciliśmy? Wydajność - od pamięci, przez garbage collector po wykonanie pętli cztery razy.
Język funkcyjny szanujący optymalizację (czyli Haskell z GHC) dokonałby połączenia tych operacji w jeden przebieg
Weźmy przykład:
tablica.map(a).map(b).filter(c).map(d)
Co zyskaliśmy względem zapisu imperatywnego? Czytelność kodu. Tylko albo aż tyle, zależy jak bardzo nam na tym zależy.
Co straciliśmy? Wydajność - od pamięci, przez garbage collector po wykonanie pętli cztery razy.
Język funkcyjny szanujący optymalizację (czyli Haskell z GHC) dokonałby połączenia tych operacji w jeden przebieg
Mirki co robię źle?
http://codepen.io/anon/pen/NGmeWB?editors=100
chce żeby w wypisywały mi się liczby coraz mniejsze co 1s. Przecież mam wszystko co należy.
#webdev #javascript #naukaprogramowania
http://codepen.io/anon/pen/NGmeWB?editors=100
chce żeby w wypisywały mi się liczby coraz mniejsze co 1s. Przecież mam wszystko co należy.
#webdev #javascript #naukaprogramowania
- 1
@pempuszek: cytujac klasyka "this is not how it, this is not how any of this works" ( ͡° ͜ʖ ͡°). tu masz wersje poprawiona, http://codepen.io/anon/pen/zvXyGY?editors=101
@michael94: w jsie 'for' nie whodzi w gre bo nie mozesz sobie po prostu wpisac sleep(1000). No chyba ze masz cos innego na mysli o czym ja nie wiem.
@michael94: w jsie 'for' nie whodzi w gre bo nie mozesz sobie po prostu wpisac sleep(1000). No chyba ze masz cos innego na mysli o czym ja nie wiem.
Hej Mirki, mam problem z JavaScript/jQuery.
Chcę zrobić formularz z powiedzmy 2 polami, z którego wartości są w momencie wpisywania od razu przepisywane do jednego pola i do kolejnego pola jako suma wartości obu pól.
Tzn.
1. Są pola "zmienna1" i "zmienna2",
2. Po wpisaniu czegokolwiek w pola "zmienna1" i "zmienna2", wartości są przepisywane do odpowiadającym im pól "przepisana1" i "przepisana2",
3. Do pola "suma_zmiennych" są przepisywane sklejone wartości "zmiennej1" i "zmiennej2"
Chcę zrobić formularz z powiedzmy 2 polami, z którego wartości są w momencie wpisywania od razu przepisywane do jednego pola i do kolejnego pola jako suma wartości obu pól.
Tzn.
1. Są pola "zmienna1" i "zmienna2",
2. Po wpisaniu czegokolwiek w pola "zmienna1" i "zmienna2", wartości są przepisywane do odpowiadającym im pól "przepisana1" i "przepisana2",
3. Do pola "suma_zmiennych" są przepisywane sklejone wartości "zmiennej1" i "zmiennej2"
- 1
- 4
stream profesjonalej stacji po angielsku prosto z #francja #paryz #zamach
https://www.youtube.com/watch?v=y60wDzZt8yg
https://www.youtube.com/watch?v=y60wDzZt8yg
konto usunięte via Android
- 0
@taximan: dzięki
- 1
#problem mam moi Mili. Szwagier poprosił mnie o ogarnięcie bardzo prostej strony internetowej. 3-4 zakładki, proste menu, proste tło, bez fajerwerków. Problem w tym że jestem trochę zielony. Miałem jakąś tam styczność z takimi tematami w technikum ale to było jakiś czas temu. Znacie może jakiś fajny kurs na Youtube? Wszystkie kursy jakie znalazłem były płatne... Może ktoś byłby w stanie mi opowiedzieć krok po kroku co musiałbym zrobić by wszystko fajnie
- 0
@ha_nys: wiedza z technikum jeszcze jak ono bylo lata temu jest juz dawno nieaktualna / niedostateczna. kursy na youtube sa ale samo obejrzenie ich zajmie ci tygodnie by miec dobra wiedze. mozesz probowac jakimis pluginami do wordpressa i innymi wysiwyg albo podzielic sie ze mna i ja ci zrobie ( ͡° ͜ʖ ͡°)
- 8
- 11
@sawec: [*]
- konto usunięte
- tybura
- konto usunięte
- Loloman
- Asterod
- +6 innych
- 1
Dawid
- livin' the polska B dream
- Tarnów
Dziubaski używające ES6 mam pytanko: To moje pierwsze podejście z JS i nie za bardzo mam pomysł jak podejść do tematu import / export. Tzn. zasady jakie tym rządzą wiem, wiem jak z tego korzystać teoretycznie.
Tylko w praktyce się gubię, generalnie mam 3 rodzaje modułów:
* moduł który exportuje klasę (konstruktor)
* moduł który exportuje singletona
* moduł który exportuje gołe funkcje
Obecnie rozwiązuje to tak, że w przypadku klasy
ja tam robie tak jak duze libki robia wiec jak eksportuje wiecej rzeczy to wszystko osobno np
export function fn1(){}
export function fn2(){}
a importuje like so
import { fn1, fn2 } from 'foobar';
przyklad: https://github.com/facebook/immutable-js/blob/master/src/Map.js
niektore libki np loodash robia tez taki myk zeby zredukowac wielkosc twojego bundle.js dla frontu
import fn1 from 'foobar/f1';
@@ edit: w sensie z tym lodashem to mi chodzi o to, ze jak to
No nie wiem czy webpack eliminuje dead code paczek ktore bierzesz z npm bo gdyby tak bylo to zobacz na np ten modul https://www.npmjs.com/package/history stworzony przez ludzi od react routera, ktorzy sa swiadomi webpacka, raczej by nie robili takich imo hackow jak tutaj.
https://github.com/rackt/history/blob/master/docs/GettingStarted.md
sekcja: Minimizing Your Build.
Tylko by raczej odrazu napisali aby zastosowac webpackowego optimizera i sie niczym nie martwic. Chociaz tbh nie mam pojecia, nigdy mi sie
Duze litery z poczatku nazwy sa zarezerowane dla konstruktorow, wiec poki nie mozesz zrobic czegos typu:
var user = new User();
to radze nie eksperymentowac bo jest to bardzo powszechna konwencja.
Mi tam nazwy nigdy nie konfliktowaly na tyle aby to byl wiekszy problem, wiec nie mam zbytnio innych rad dla ciebie, moze tylko taka zeby sie wyposazyc w ogarnietego IDE / edytora tekstowego. Ja korzystam glownie z Visual Studio
jezeli calkowicie nie masz pojecia o jsowych standarach to moze na poczatek powinien byl ci to podlinkowac :D
https://github.com/airbnb/javascript/blob/master/README.md