Tydzień 32

W tym tygodniu ukończyłem projekt „Błędne Skały” i opublikowałem go na podstronie https://krzysztofnyrek.pl/skaly Naniosłem również szereg poprawek do projektu „Rozbierz potęgowanie”. Na koniec tygodnia ruszyłem z nowym projektem, dzięki któremu będzie można liczyć szklanki wypitej wody.

Projekt „Błędne Skały” spotkał się z ciepłym odbiorem przez osoby które zobaczyły mój post na FB. Cieszę się, projekt miał być informacyjny i nie spodziewałem się, takiej reakcji. Fajnie jest dawać innym coś, co im pomaga. Jedyne co w najbliższej przyszłości poprawię w tym projekcie, to zamienię Kaplicę Czaszek na inną polecaną atrakcję, która jest bardziej odpowiednia dla dzieci. Może masz jakiś pomysł?

Nowy projekt „HydroApp” to pierwszy projekt robiony tylko i wyłącznie na podstawie otrzymanego projektu layoutu i zdefiniowania tego co ma robić. To bardzo ciekawe doświadczenie i w sumie skok w nieznane. Oczywiście dopóki nie wykona się tego skoku, wszystko wygląda pięknie. Na szkoleniach prowadzący pokazują co i jak zrobić i nawet jak coś się nie zgadza, to społeczność szybko pomaga. Tu jest inaczej. Jest zadanie i nikt nie pokazuje jak to zrobić. Trzeba usiąść samemu i zastanowić się jak poukładać elementy na stronie, jak zaimplementować mechanikę (akurat w tej aplikacji będzie wykorzystany JS) i jak przeskalować projekt, żeby był kompatybilny z jak największą ilością ekranów i przeglądarek. Już na początku trafiłem na spory problem poukładania grafik na ekranie. Spędziłem dwa dni na nierównej walce, aby na koniec dowiedzieć się, że niepotrzebnie rozdrobniłem grafikę SVG na dwie warstwy. Na ten moment warstwa graficzna jest w zasadzie gotowa. W przyszłym tygodniu czas na wdrożenie mechaniki JS.

Z tematów nie związanych z Front end, w ostatnim czasie bawię się w domowego administratora sieci. Niby element nie związany z programowaniem aplikacji webowych, ale z drugiej strony ostatecznie tworzone strony czy aplikacje lądują na serwerze. Z ciekawością eksploatuję ten obszar za pomocą dwóch komputerów, jednej maszyny wirtualnej z postawionym serwerem oraz routera kupionego na allegro za 1 PLN. Przy tej okazji przekonałem się namacalnie, jak w świecie IT czas biegnie szybko. Niegdyś obiekt pożądania (Router NETGEAR ADSL DG834 v3), który pozwalał na ultra szybka łączność z internetem, teraz dostępny za 1 PLN do zabawy w domowego admina 😀 Na ten moment uczę się podstawowej konfiguracji i już na tym etapie okazuje się, że materiałów do nauki jest dużo mniej niż na przykład do frontendu. Co więcej korzystając z przeglądarki Google jesteś skazany na spersonalizowane odpowiedzi na pytania, co nie pomaga. Korzystając z DucDuckGo.com jest lepiej. Znalazłem materiały, które mogą i Tobie się przydać, jeżeli chcesz zobaczyć jak Deploy na serwer może wyglądać. Wszystko czego potrzebujesz to VirtualBox od Oracle i Linux Server na przykład Ubuntu Server.

Lokalny server domowy można odpalić nawet na jednym komputerze. Zastanawiasz się po co ta zabawa? Ja już zdążyłem się przekonać, że napisanie kodu strony na komputerze, a przeniesienie strony na serwer to dwa różne tematy. Pomimo tego, że lokalnie do testowania strony korzystam z Gulp lub Live Server, które teoretycznie dobrze imitują serwer, to jednak w przypadku projektu “Błędne Skały” okazało się, że po załadowaniu strony na serwer część grafik nie ładowała się. Na szczęście problem szybko udało się usunąć, ale uniknął bym go całkowicie, gdybym wcześniej przetestował stronę na domowym serwerze.

Czy taka instalacja jest trudna? Według mnie nie. Wszystkie informacje potrzebne do skonfigurowania domowego serwera znajdziesz tutaj: https://blog.teamtreehouse.com/set-up-a-linux-server-on-virtualbox Całość, nie licząc czasu potrzebnego na pobranie plików z internetu, zajmuje około pół godziny. Najwięcej czasu potrzeba na instalację serwera na virtualnej maszynie. Sama konfiguracja portów trwa chwilę. Do lokalnego serwera możemy się dostać z terminala. W windowsie testowałem PowerShell i sprawdza się dobrze. Kolejnym krokiem jest uruchomienie obsługi http, ale to dopiero przede mną.

W tym tygodniu na programowaniu spędziłem siedem i pół godziny.


No comments
Krzysztof NyrekTydzień 32
read more

Tydzień 31

Tydzień powrotów. Wróciłem do szkolenia WTF “Co ten Frontend” i wróciłem do projektu Strip Expotentation. W tym pierwszym wypadku, obiecałem sobie że szkolenie dokończę jak tylko zagłębię się w Reacta. W Reacta na razie się nie zagłębiłem, ale za to spędziłem masę czasu na poznawaniu CSSa. W drugim przypadku, chodziło za mną poczucie, że można to zrobić lepiej. Zwłaszcza, że dwie osoby testowały aplikację i znalazły kilka elementów do poprawy.

No comments
Krzysztof NyrekTydzień 31
read more

Tydzień 30

Kolejny tydzień z CSS i poznawaniem jego możliwości. To także tydzień w którym ukończyłem pierwszy projekt w ramach szkolenia z wykorzystania CSS i co ważniejsze poznałem ograniczenia tego języka. Przejdźmy do konkretów.

No comments
Krzysztof NyrekTydzień 30
read more

Tydzień 29

CSS, CSS i jeszcze raz CSS. Projekt realizowany w czasie szkolenia z CSS spodobał mi się tak bardzo, że postanowiłem na jego bazie stworzyć stronę z informacjami i moimi zdjęciami z błędnych skał. To na razie pomysł, bo projekt szkoleniowy jeszcze się nie skończył, ale w jak tylko projekt będzie skończony, to z przyjemnością podmienię treści na gotowym szablonie.

No comments
Krzysztof NyrekTydzień 29
read more

Tydzień 28

CSS is the BEST, czyli ciąg dalszy niezwykle wciągającego kursu CSS na platformie Udemy. W tym tygodniu nadal mogę potwierdzić to, co napisałem w poprzednim. Kurs Advanced CSS od Jonasa Schmedtmanna jest najlepszym kursem CSS jaki do tej pory przerobiłem. Znajdziesz w nim zarówno podstawy teoretyczne, jak i masę praktyki i różnych tricków.

Zanim napiszę, co ciekawego nauczyłem się w CSS w tym tygodniu, to chciałbym wspomnieć o niezwykle ciekawym projekcie systemu operacyjnego. Okazuje się, że Prepersi oprócz swoich niekończących się racji żywnościowych, filtrów do wody i miliona narzędzi do zdobycia przewagi technologicznej w post apokaliptycznym świecie będą potrzebowali systemu operacyjnego, który uda się uruchomić na byle jakim elektrośmieciu.

Collapse OS to system operacyjny, który ma uruchamiać się na 8 bitowych układach dostępnych obecnie w niemal każdym urządzeniu elektronicznym. Podstawowo będzie się komunikował z wyświetlaczem oraz klawiaturą. Pomysł naprawdę ciekawy i wart obserwowania. Już sobie wyobrażam fanów prześcigających się w swoich futurystycznych wizjach komputerów po wielkiej katastrofie do której ludzkość galopuje nieprzerwanie od bardzo dawna. Zastanawiam się również, dlaczego nie spróbować wprost zaimplementować sytemu operacyjnego na przykład z Atari 80XL, też był 8 bitowy.

Wracając z bliżej nieoznaczonej przyszłości do tu i teraz z CSS. Najciekawszym trickiem, o jakim się dowiedziałem w tym tygodniu, jest skalowanie strony w oparciu o wielkość czcionki ustawionej w przeglądarce użytkownika. Wiadomo jest, że część osób ma swoje ustawienia w przeglądarce dotyczące wielkości czcionki. W takiej sytuacji część stron staje się nieczytelna, lub w najlepszym przypadku nie wygląda tak dobrze jak na domyślnym rozmiarze czcionki. Co zrobić, żeby zwiększanie, lub zmniejszanie czcionki w przeglądarce nie rozwalało wyglądu strony?

Jedną z możliwości jest używanie na stronie jednostek rem. Rem odnosi się do root computed font size, czyli wielkości czcionki ustawionej w znaczniku html lub body. Również w tym miejscu przeglądarka nadpisuje swoje domyślne ustawienia, co do wielkości czcionki na stronie. Stąd wniosek, że strona będzie się dobrze skalowała, jeżeli odniesiemy wszystkie jednostki wielkości na stronie właśnie do font-size zdefiniowanego w html lub body. To znacznie zwiększa szansę, na dobry wygląd strony niezależnie od ustawień personalnych w przeglądarce użytkownika.

W tym tygodniu również zająłem się konfigurowaniem środowiska NPM do nowego projektu i zrozumiałem nieco więcej niż przy ostatniej konfiguracji. Może to sposób tłumaczenia, a może po prostu przejście przez proces kolejny raz spowodowało, że rozumiem więcej. Mało tego, jestem w stanie przenosić interesujące mnie pakiety pomiędzy konfiguracjami. Myślę, że następnym krokiem powinno być przygotowanie swojego autorskiego pakietu projektowego.

W tym tygodniu z kodem spędziłem 5 godzin. Ciągle mniej niż planowane 10 godzin tygodniowo, ale powoli dopracowuję harmonogram tygodnia i jest szansa, że ilość godzin wzrośnie.

No comments
Krzysztof NyrekTydzień 28
read more

Tydzień 27

Projekt “Rozbierz potęgowanie” opublikowany.

W tym tygodniu, choć wielu godzin na programowanie nie udało się wygospodarować, to udało się zakończyć bardzo ważny dla mnie projekt, czyli „Rozbierz Potęgowanie.”

Projekt “Rozbierz Potęgowanie” zacząłem budować w języku Python, ale pojawił się problem z opublikowaniem projektu na stronie WWW. Zacząłem się zastanawiać jak sobie z tym poradzić i szybko okazało się, że można to zrobić w JavaScript. Potrzebowałem tylko trochę wiedzy.

W poprzednim tygodniu rozpocząłem intensywną naukę JS, a w tym tygodniu udało się napisać mechanikę do projektu. Oczywiście jak to młody, zamiast pójść najkrótszą możliwą ścieżką, zacząłem kombinować z funkcjami i napotkałem szereg problemów, które magicznie rozwiązały się, kiedy jednego poranka oświeciło mnie, że można prościej.

Projekt jest i działa, ale jak to z projektami bywa, już jest kilka pomysłów na jego ulepszenie. Pomysły zapisane, ale wrócę do nich nieco później.

Projekt można podejrzeć na moim GitHub: https://dekstryn.github.io/STRIP_EXPOTENCIAL/

W tym tygodniu rozpocząłem kurs zaawansowany z CSS. Kurs jest na Udemy, ale pomimo to daje dużo wartości. Od pierwszej lekcji prezentowane są mega tricki i konkretne zastosowania praktyczne. Wiedza na pewno się przyda, a po zakończeniu tego kursu będę mógł spokojnie dokończyć WTF i ReactJS.

Na przykład, jeżeli chciałbyś wyciąć sobie kształt tła w CSS, to możesz skorzystać ze strony:

https://bennettfeely.com/clippy/

Innym użytecznym źródłem wiedzy na ten tydzień jest wpis na blogu, który zbiera linki do darmowych zdjęć z możliwością wykorzystania ich na stronie WWW

https://www.widzialni.pl/blog/darmowe-zdjecia-na-strone-www/

W tym tygodniu na programowaniu spędziłem 4 godziny, ale radości z zakończenia projektu było co niemiara.

No comments
Krzysztof NyrekTydzień 27
read more