Projekt AB Testing – ciąg dlaszy

W tym tygodniu, udało mi się dodać kawałki kodu, które zapisują wynik jednego testu w localStorage. Zapisuję czy test został wykonany, który element na stronie jest testowany oraz która z opcji została wylosowana. Dodatkowo, mam uniwersalną funkcję, która nasłuchuje na kliknięcia na elemencie o danym ID. Gdy dany element zostaje kliknięty, dodaję o tym informację w …

Pytania techniczne na rozmowie na stanowisko Junior Frontend Developer

Pytania techniczne junior frontend developer

Pytania techniczne, które pojawiły się na moich rozmowach kwalifikacyjnych na stanowisko Junior Frontend Developer: Rozwiń skrót HTML i CSS Co to jest box model? Jakie korzyści daje Sass? Jaka jest różnica pomiędzy mixin a funkcją w Sass? Czy w CSS są funkcje? Do czego służy tag data w HTML? Czym różni się null od undefined? Czym …

Uzyskiwanie infomracji o użytkowniku JS

W moim projekcie AB Testing udało mi się wprowadzić  funkcjonalność pozwalającą na zaciąganie danych o użytkowniku i jego przeglądarce. Nigdy wcześniej tego nie robiłam, dlatego wymagało to początkowego researchu. Wynik na razie loguję w konsoli w postaci obiektu. Dzięki temu możemy sprawdzić kiedy użytkownik otworzył naszą stronę, jaki jest jego język w przeglądarce oraz jakie wymiary …

Środowisko deweloperskie – czego potrzebuje developer do pracy?

Tak się akurat złożyło, że na laptopie mam świeżo zainstalowany nowy system operacyjny – Ubuntu 16.04, dlatego muszę od początku skonfigurować środowisko deweloperskie, stąd powstał pomysł napisania o tym posta. Czego potrzebuje frontend developer do pracy? Ruby – np. do pisania w Sass Edytor – do pisania kodu Node.js – a dokładniej potrzebny jest Node …

Kolejne kroki związane z projektem – Testy A/B

Na stronie wszystkie elementy są testowane niezależnie od siebie. Testuje kolor buttona, display buttona, tekst, obraz, kolor tekstu oraz film. Losowanie odbywa się na odświeżeniu karty. Wreszcie udało mi się znaleźć błąd w kodzie. Poprawiłam obydwie uniwersalne funkcje. Jedna pozwala na wybranie CSS property i testowanie dwóch wariantów np. jeden z dwóch kolorów czcionki, jednego …

Konferencja UX oczami developera – czyli Ciemna Strona UX #3

Dzisiaj miałam okazję uczestniczyć w konferencji organizowanej przez ITberries pod tytułem „Break the Rules! – Ciemna Strona UX #3”. Było to ciekawe doświadczenie, ponieważ mogłam słuchać prelekcji i patrzeć przez pryzmat Frontend Developera. W sumie było 12 prelekcji, pod tym linkiem możesz zobaczyć agendę oraz dowiedzieć się więcej o prelegentach. Zebrałam 10 wniosków, które udało mi …

Projekt jakoś ciężko idzie…

To już piąty tydzień blogowania. Szczerze mówiąc, projekt idzie trochę opornie, nie ma za bardzo czym się chwalić w tym tygodniu… Zdecydowanie łatwiej przychodzi mi pisanie postów nie związanych z projektem. Często przychodzą mi go głowy nowe na tematy artykułów – zapisuję je i powoli realizuję. Co z projektem? Ameryki nie odkryłam, ale zrobiłam mały krok …

Praca developera – najważniejsze pojęcia

praca developera

Asana – uniwersalna aplikacja do zarządzania projektami. branch – gałąź projektu. Wyróżniamy gałąź główną, deweloperską i gałęzie boczne. Gałąź deweloperska to tzw. develop w której znajduje się najbardziej aktualna wersja kodu. Gałąź boczna to taka na której rozwijana jest konkretna funkcjonalność. Gałęzi bocznych może być kilka. Tworzenie gałęzi pozwala na kontrolowanie wersji projektu, przykładowym narzędziem do tego jest …

Rozwój projetku AB-Testing

W tym tygodniu: Napiałam dwa kolejne kawałki kodu służące do testowania display elementu oraz koloru czcionki Odizolowałam kod biblioteki do oddzielnego pliku Zdecydowałam się pisać kod w czystym JS, żeby mój program był bardziej uniwersalny Zaczęłam stosować elementy ES6 Pracuję jeszcze nad optymalizacją kodu – sporo rzeczy się w nim powtarza, dlatego chciałabym napisać jedną ogólną i …

Setup projektu „AB Testing”- Webpack i Webpack DevServer

W tym tygodniu byłam na wykładzie organizowanym przez IT Akademia j-labs pod tytułem “Webpack, czyli mniej znaczy więcej”. Prelegent, Jakub Pikoń, opowiadał o narzędziu deweloperskim Webpack oraz przeprowadził sesję live coding, podczas której zademonstrował jak z niego korzystać.  Dowiedziałam się, co to jest bundle (duży plik, który powstaje po przez połączenie małych plików) oraz że …