JavaScript Blog

  • This. Call vs apply vs bind. Arrow Functions i this

    16 Jul 2017 · 8 minut czytania

    W tym artykule opiszę czym jest this, jak się ma do tego i czym się różni call, apply oraz bind. Wrócimy także do postów o arrow functions, gdzie należałoby bardziej rozwinąć jak zachowuje się w ich przypadku this.

    Artykuł o arrow function można znaleźć: tutaj.

    Czytaj dalej

  • Podstawy Programowania Funkcyjnego #4 reduce

    01 Jul 2017 · 7 minut czytania

    W tej serii uczymy się Podstaw Programowania Funkcyjnego. Wykorzystamy przy okazji wiedzę zdobytą w serii dotyczącej ES6. Poznaliśmy już funkcje filter i map, tym razem zajmiemy się tworzeniem jednej wartości z całej tablicy. Zaczynajmy!

    Czytaj dalej

  • Podstawy Programowania Funkcyjnego #3 map i filter

    31 May 2017 · 4 minut czytania

    W tej serii uczymy się Podstaw Programowania Funkcyjnego. Wykorzystamy przy okazji wiedzę zdobytą w serii dotyczącej ES6. Poznaliśmy już funkcję Filter, tym razem zajmiemy się transformowaniem jednej tablicy w drugą. Pomoże nam przy tym funkcja map. Zaczynajmy!

    Czytaj dalej

  • Daj Się Poznać #10 Walidacja formularzy, losowanie produktów

    30 May 2017 · 10 minut czytania


    Konkurs Daj Się Poznać zbliża się ku końcowi i jest to 10 post tej serii, co stanowi minimum wymagane przez regulamin. Stworzyliśmy aplikację Mistrz Makro w AngularJS, służącą do sprawdzenia rozbieżności w liczeniu kalorii "na oko". Pozostało nam tylko dopracować detale aplikacji, takie jak walidacja formularzy, czy losowa sekwencja pytań w quizie. Zaczynajmy!

    Czytaj dalej

  • Daj Się Poznać #9 Ekran wynikowy, czyszczenie inputów

    29 May 2017 · 10 minut czytania


    W tej serii tworzymy aplikację AngularJS służącą do sprawdzania swojej umiejętności obliczania makroskładników "na oko". Jesteśmy już na półmetku, ponieważ aplikacja jest już prawie ukończona. Dopracowujemy teraz detale, których zabrakło w poprzednich częściach. Zajmiemy się ekranem wynikowym naszej aplikacji, a później zastanowimy się, jak sprawić by nasze formularze nie były wypełnione po zmianie produktu. Zaczynajmy!

    Czytaj dalej

  • Podstawy Programowania Funkcyjnego #2 - domknięcia i higher order functions

    25 May 2017 · 6 minut czytania

    W tej serii uczymy się Podstaw Programowania Funkcyjnego. Wykorzystamy przy okazji wiedzę zdobytą w serii dotyczącej ES6. Tym razem zmierzymy się z postrachem początkujących programistów JavaScript, czyli domknięciami. Udowodnię że na pewno już się z nimi spotkałeś i wcale nie są trudne do zrozumienia. Zaczynajmy!

    Czytaj dalej

  • Daj Się Poznać #8 stylowanie aplikacji

    21 May 2017 · 9 minut czytania


    W poprzednich częściach tworzyliśmy quiz Mistrz Makro, pozwalający na sprawdzenie rozbieżności w diecie IIFYM. Zbudowaliśmy całą działającą aplikację w AngularJS, a w poprzednim artykule zrefaktoryzowaliśmy kod przy użyciu standardu JavaScript ES6. Tym razem nadamy wygląd naszej animacji korzystając z preprocesora CSS, czyli LESS. Stworzymy kilka animacji, które upiększą i poprawią interfejs aplikacji. Zaczynajmy!

    Czytaj dalej

  • Podstawy Programowania Funkcyjnego #1 - fundamenty

    19 May 2017 · 5 minut czytania

    W tej serii możecie nauczyć się razem ze mną Podstaw Programowania Funkcyjnego. Będzie to świetny sposób na poznanie zastosowań standardu JavaScript - ES6. Nawet jeśli piszesz kod obiektowo, warto poznać kilka podstaw, które pozwolą pisać krótszy i czytelniejszy kod. Na sam początek zaczniemy od fundamentów i poznamy najważniejsze zasady. Zaczynajmy!

    Czytaj dalej

  • Daj Się Poznać #7 Upgrade do AngularJS 1.6 - Components, ES6, Webpack

    13 May 2017 · 14 minut czytania


    W poprzednich częściach tworzyliśmy aplikację AngularJS Mistrz Makro, która jest quizem, pozwalającym na zgadywanie makroskładników produktu przedstawionego na zdjęciu. Udało nam się ukończyć wstępny zarys działającej aplikacji. Tym razem zajmiemy się zmianą kodu do wersji AngularJS 1.6. Nasza aplikacja będzie przerobiona na najnowszy standard, pozwalający na łatwiejszą zmianę do Angulara (2/4) w razie potrzeby. Skorzystamy także z Babela, który pozwoli nam pisać kod w ES6, dzięki czemu zastosujemy sporo rzeczy, które poznaliśmy przy serii postów o ES6. Zaczynajmy!

    Czytaj dalej

  • ES6#4 Arrow functions czyli funkcje strzałkowe

    07 May 2017 · 5 minut czytania

    W poprzednich częściach serii dotyczącej standardu ECMASCRIPT6 języka JavaScript poznaliśmy słowo kluczowe class, dowiedzieliśmy się czym jest let i const oraz spread i rest przy okazji omawiania destrukturyzacji. Tym razem zajmiemy się chyba najbardziej rozpoznawalną funkcjonalnością ES6, czyli funkcjami strzałkowymi. Arrow Functions pozwalają na skrócenie i zwiększenie czytelności naszego kodu, co jest bardzo pożądanym zjawiskiem przez wszystkich programistów. Zachaczymy też trochę o podstawy programowania funkcyjnego, ponieważ to właśnie przy okazji pisania takiego kodu najbardziej są przydatne te funkcje. Zaczynajmy!

    Czytaj dalej

  • Daj Się Poznać #6 Dyrektywa w AngularJS - część 2

    04 May 2017 · 14 minut czytania


    W poprzednich częściach tworzyliśmy aplikację AngularJS Mistrz Makro, która jest quizem, pozwalającym na zgadywanie makroskładników produktu przedstawionego na zdjęciu. Udało się nam stworzyć modele, pozwalające na zarządzanie danymi aplikacji. Odebraliśmy dane z pliku JSON i wyświetliliśmy je w konsoli. W poprzedniej części zaczęliśmy budować główny mechanizm napędzający aplikacje, czyli dyrektywę. Stworzyliśmy jej część składającą się z pliku HTML. Tym razem znów zajmiemy się dyrektywą i utworzymy plik JavaScript, który sprawi, że nasz quiz zacznie działać tak jak powinien. Zaczynajmy!

    Czytaj dalej

  • Jak wyciągnąć coś ze studiów?

    29 Apr 2017 · 4 minut czytania


    Jesteś studentem? Piszesz właśnie projekt w języku, którego nienawidzisz? A może musisz korzystać z martwej technologii? Denerwuje Cię uczenie się inline cssów? Pisanie stron opartych na tabelkach? Uznałeś już że studia nie dadzą Ci nic więcej poza papierkiem? W takim razie jak wyciągnąć coś ze studiów? Postaram się odpowiedzieć na to w tym krótkim artykule.

    Czytaj dalej

  • Daj Się Poznać #5 Dyrektywa w AngularJS - część 1

    16 Apr 2017 · 6 minut czytania


    W poprzednich częściach projektu Mistrz Makro udało nam sie stworzyć kontroler oraz serwis AngularJS, które pozwoliły naszej aplikacji zapisywać i wyświetlać dane pobrane z pliku JSON. W dzisiejszej części, bardzo krótko opiszę jak planuję stworzyć dyrektywę i jak miałby działać główny mechanizm aplikacji. Utworzymy dyrektywę, która wyświetli nam wszystkie potrzebne informacje z modeli. Zajmiemy się głównie plikiem widoku, który nasza dyrektywa utworzy. Dopiero w kolejnej części sprawimy żeby dyrektywa zadziałała. Zaczynajmy!

    Czytaj dalej

  • ES6#3 Destrukturyzacja, czyli nowe podejście do tablic i obiektów

    14 Apr 2017 · 8 minut czytania

    W serii poświęconej standardowi ES6 języka JavaScript opisałem już pojawiające się tam słowo kluczowe class, pokazałem przykłady zastosowania let oraz const. Tym razem zajmiemy się destrukturyzacją i różnicami między operatorem spread i rest. Umożliwiają one użycie nowego sposobu obsługiwania tablic oraz obiektów, który jest szybszy, łatwiejszy oraz precyzyjniejszy. Możemy dzięki nim wydobywać najróżniejsze, nawet zagnieżdżone wartości, przy użyciu skróconego zapisu. Zaczynajmy!

    Czytaj dalej

  • Daj Się Poznać #4 OOP. Model w AngularJS

    09 Apr 2017 · 12 minut czytania


    W poprzednich częściach projektu Mistrz Makro, pisanego w AngularJS stworzyliśmy wstępny szablon projektu, wyjaśniliśmy jak korzystać z Gita, zrozumieliśmy czym jest i do czego służy JSON, dowiedzieliśmy się co to MVC i zaimplementowaliśmy kontroler oraz serwis, które pozwoliły wyświetlić nam odebrane z JSON dane w konsoli. W dzisiejszej, czwartej już części, skupimy się na tym żeby umieścić nasze dane w modelu, żeby w kolejnej części dyrektywa tworząca quiz mogła z nich swobodnie korzystać. Zaczynajmy!

    Czytaj dalej

  • ES6#2 Var, Let, Const - zasięg zmiennych w JS

    05 Apr 2017 · 7 minut czytania

    W poprzednim poście opisałem jak wygląda obiektowość, jakie są jej problemy oraz przedstawiłem jak jest to rozwiązane w ES6. Tym razem pokażę jakie utrudnienia możemy napotkać w JavaScript zajmując się zasięgiem zmiennych. Wrócimy krótko do zagadnienia jakim jest strict mode oraz IIFE, zainteresujemy się zmiennymi globalnymi oraz dowiemy się jak let oraz const zastępuje var. Zaczynajmy!

    Czytaj dalej

  • Daj Się Poznać #3 JSON. Service i Controller w AngularJS

    02 Apr 2017 · 6 minut czytania


    W trzeciej części projektu Mistrz Makro, który w tym momencie piszę w AngularJS zajmiemy się pierwszą częścią obsługi danych. Stworzymy strukturę danych w pliku JSON oraz serwis, który zwróci te dane do kontrolera. Kontroler natomiast wyświetli je nam w konsoli. W kolejnej części będziemy dalej przesyłać dane, tak by mogły się w aplikacji zapisać, a potem wyświetlić dzięki dyrektywie. Zaczynajmy!

    Czytaj dalej

  • ES6#1 Czy JavaScript jest językiem zorientowanym obiektowo?

    02 Apr 2017 · 9 minut czytania

    AngularJS, w którym piszę swój projekt, jest frameworkiem który promuje obiektowe podejście do programowania, jednak na początek warto byłoby zadać sobie pytanie, czy JavaScript jest językiem zorientowanym obiektowo? Postaram się wyjaśnić czy jest to prawdą, oraz wytłumaczyć jak JavaScript różni się od innych języków. Zahaczymy także o najnowszy standard tego języka i jego podejście do programowania obiektowego. Zaczynajmy!

    Czytaj dalej

  • 6 rzeczy, które każdy junior powinien wiedzieć

    26 Mar 2017 · 7 minut czytania

    Opiszę dzisiaj wnioski, które nasunęły się przez cały czas mojej nauki. Podpowiem gdzie umieścić swoje projekty żeby nadawały się do portfolio. Udowodnię, że wyszukiwanie rozwiązań w Google to bardzo dobra rzecz. Podrzucę pomysł na tworzenie projektów i wyleczę Cię z fobii do frameworków. Zaczynajmy!

    Czytaj dalej

  • Daj Się Poznać #2 Github w 2 minuty. Dobre praktyki AngularJS

    23 Mar 2017 · 10 minut czytania


    W drugiej już części projektu Daj Się poznać, której celem jest zbudowanie aplikacji Ionic MistrzMakro, skupimy się na obsłudze Githuba oraz wyjaśnimy parę podstaw AngularJS. Pokażę Ci też kilka dobrych praktyk, które warto wprowadzić już od początku nauki. Nie martw się, jeśli nigdy nie korzystałeś z Githuba, ani Angulara, mój post jest skierowany głównie do początkujących, aczkolwiek osoby z pewnym już doświadczeniem też będą miały okazję wyciągnąć z tego postu parę ciekawych informacji. Zaczynajmy!

    Czytaj dalej

  • Jak zbudować grę w zero godzin? Czy warto tworzyć grę w ramach nauki języka?

    18 Mar 2017 · 6 minut czytania

    Image alt

    Jestem wielkim zwolennikiem poznawania technologii metodą rzucania się od razu na głęboką wodę. Zaczynając moją przygodę z programowaniem popełniałem podstawowy błąd - czytałem książki dotyczące teorii języka. Taki sposób jest bardzo nieefektywny, dlatego że nie potrafimy czytając wyobrazić sobie, jak dany kod mógłby zostać zastosowany w praktyce. Dopiero po przetestowaniu języka, w czym bardzo pomocne były najróżniejsze tutoriale, otwierają się oczy. Nowe spojrzenie pozwala nam dużo lepiej i efektywniej przebrnąć przez labirynt językowych niuansów.

    Czytaj dalej

  • Daj Się Poznać #1 Projekt konkursowy MistrzMakro

    15 Mar 2017 · 5 minut czytania


    Witaj na moim blogu. Został on stworzony na potrzeby konkursu Daj Się Poznać, którego uczestnicy są zobligowani do rozwijania dowolnego projektu programistycznego i dokumentacji przebiegu tego procesu na blogu. Przeglądając prace innych konkurentów zauważyłem, że bardzo popularne jest tworzenie pewnych założeń, dotyczących bloga, czy też samej aplikacji. W moim przypadku założeniami jest tylko dobra zabawa i ukończenie regulaminowej ilości postów na blogu. Projekt, który postanowiłem wykonać, będzie tworzony w technologii, w której czuje się w miarę pewnie. Natomiast wyzwaniem, które pozwoli mi się rozwinąć będzie przerobienie wykonanej aplikacji na aplikację mobilną. Zapewniam, że przeglądając moje posty, z pewnością nauczysz się wielu rzeczy.

    Czytaj dalej