Przywróc nawigację.

Powróć do normalnych barw.

  • Pamiętacie biały kubełek ze słomką na czerwonym tle? Dokładnie tak, powraca w dziewiątej lekcji Gulp jako uzupełnienie naszego stanowiska pracy! Na życzenie jednego z was drodzy czytelnicy, dzisiaj podrzucę wam kilka udogodnień do Gulpa i najciekawszych rozszerzeń związanych z naszym obecnym konikiem czyli Javascriptem. Zapraszam!

    Dla wszystkich, którzy nie zapoznali się jeszcze z dobrocią zwaną Gulpem, zapraszam serdecznie od #0 do #8 lekcji, wszystkie najważniejsze podstawy i urozmiacenia do budowania środowiska pracy dla nowoczesnego front-end developera znajdują się w przedziale tych lekcji (przedział zamknięty, pozdrowienia dla ogarniętych)…

  • Pamiętacie zamierzchłe czasy kiedy pokazywałem wam sposób na wyświetlanie danych jako alert? Ten paskudny szary prostokąt z wykrzyknikiem i napisem Javascript: Coś tam ble ble? No to od dzisiaj wyrzućcie ten sposób do kosza i przedstawię wam następcę Alertów, czyli Modal!

    Zacznijmy od tego czym ów Modal jest i co znaczy ten wyraz tak właściwie? Z pomocą jak zwykle Google Translate: Modal(ang) to… Modal lub Modalny(pl), no zaskoczenie jakich mało, niespodziewałbym się takiego zwrotu akcji! To może bardziej moimi słowami. Modal to wyskakujące okno, które ma przyjemny wygląd, nie otwiera nowej karty w przeglądarce tak jak np. okno Popup, nie jest wychwytywany jako złośliwe wyskakujące okno, a wyświetlany na aktualnej stronie prosty element z informacją, którą chcemy przekazać użytkownikowi gdy np. kliknie dany przycisk lub wejdzie na stronę. Modal to następca alert() po solidnym opsypaniu “panierką”…

  • Wszyscy moi czytelnicy chyba mięli styczność z pojęciem “Prezentacja multimedialna” oraz pokazem tak zwanych slajdów, dobrze wiemy że do tego typu rzeczy służy przykładowo PowerPoint z pakietu Office, jednakże po co korzystać z płatnych programów, gdy można przygotować prezentację pod postacią strony WWW z animacjami zależnymi wyłącznie od naszej wyobraźni? Zapraszam na budowę Slideshow w JS!

    Standardowo powinniśmy rozplanować co ma się dziać i jak to będzie wyglądać. Z racji, że tego typu “dzieci” do projektu Cappuccino tworzę dzień/noc wcześniej, to posiadam już działający efekt końcowy nawet wrzucony online, więc wizualizacja nie będzie specjalnie trudna - nasze oczekiwania powinny wyglądać tak: Slideshow (domyślnie może ładować wolniej obrazek, ponieważ jest to stock bardzo dużej rozdzielczości… 3000xcoś)

  • Przyszedł czas odłożyć kartki z elementarną wiedzą teoretyczną w zakresie Javascriptu, odziać ochronne Google, założyć rękawice robocze, zalać świeżutką Yerbatę, odpalić IDE no i wreszcie zacząć proces tworzenia dzieła wiekopomnego! No prawie, dlatego naszym praktycznym tworem będzie dziś mobilna nawigacja rozsuwana z boku, z różnymi efektami z wykorzystaniem Javascriptu! - zapraszam

    Od czego zaczniemy naszą mobilną nawigację? No jak dla mnie pierw powinniśmy się zastanowić co ma się dziać z naszą nawigacją i jak ma działać, później szkielet elementów, ostylowanie i na końcu oskryptowanie. Pamiętajcie, że najlepszą metodą na spójne i harmonijne tworzenie elementów na strony, jest tworzenie w kolejności HTML -> CSS -> JS, bo wtedy wszystko dzieje się po kolei tak jak powinno…

  • Skoro z mojej małej ankietki z pytaniem do was wynikła dosyć mieszana sytuacja, czyli 50% żeby było więcej Javascriptu oraz 25% na praktyczne zastosowania Javascriptu no i kolejne 25% na prowadzenie Javascriptu i inny język. Postanowiłem dokończyć temat Javascriptu Zero no i zacząć się bawić w praktyczne użyteczności, także #12 lekcją zakończymy Javascript Zero, gdzie przedstawię pozostałe pierdółki związane z DOM i BOM.

    Rzecz jasna bardzo dziękuję za głosy w ankiecie, cieszę się że daliście mi cenny feedback, dzięki któremu mogę tworzyć treść która będzie przez was chętnie czytana. Wobec tego dziś poznamy sekretne pierdółki związane z JS i zakończymy ten temat, chyba że będzie go trzeba uzupełnić.

  • Javascript jak i każdy inny język programowania posiada tendencję do zwracania nam uwagi, gdy popełnimy jakiś błąd czy to składniowy czy to przekręcimy jakąś nazwę pobieranej zmiennej, ale jak radzić sobie z takimi błędami? Jak w łatwy sposób je znaleźć, gdy mamy przykładowo +200 linijek kodu? Odpowiedzi na te wszystkie nurtujące pytania znajdziecie w tym artykule - zapraszam.

    Pierw zastanówmy się jak taki ‘Error’ wygląda, otóż na pierwszy rzut oka nie wygląda wcale. Gdy popełnimy błąd i nasze środowisko pracy nas o tym nie powiadomi poprzez informację w konsoli podczas zapisywania, na stronie nie zauważymy żadnych oznak że gdzieś był błąd, ewentualnie funkcjonalność którą sprawdzamy nie będzie działać prawidłowo.