#naukaprogramowaniaodkuchni #w90dniit

Wszystkim, którzy mi kibicowali serdecznie dziękuję.

Zakończyłem swoje 90-dniowe wyzwanie i dostałem pracę, jako Junior Front End Developer.

JeśliPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Dzień 36 - https://youtu.be/LEb6aHmGNd8

Pochłonęło mnie nowe zadanie stworzenia gry w szachy dla dwóch osób przy użyciu JavaScript. Kombinuje na różne sposoby, bawię się tym i zapominam, która godzina. Mam z tego radochę. Pierwszy raz zastosowałem w praktyce Sprite'y, czyli jeden plik obrazu będący czymś na kształt rolki filmowej, z której potem wybiera się w arkuszu stylów tylko interesujące nas fragmenty. Planszę do gry w szachyPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Dzień numer 33 - https://www.youtube.com/watch?v=pY-vP5wcmoM&feature=youtu.be

Powróciłem do nauki stricte Javascriptu, gdyż ostatnie dni zdominowane były rzeczami ledwie luźno z nim związanymi. Wracając pamięcią do początków mojej tego języka nauki, dobrze to wspominam i lubię ożywiać ten temat. Posługując się dodatkowo biblioteką Simple weather, stworzyłem mikro aplikację pogodową ( http://w90dni.it/pogoda ) która pokazuje nam warunki pogodowe w naszej lokalizacji ( swoją drogą na chrome, nie zawsze miPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Dzień numer 32. - https://youtu.be/4RFTwjOZrwM

Dotychczas korzystałem z z Bootstrapa w wersji 3 - dzisiaj wypróbowałem nowe możliwości, jakie daje rozwojowa wersja 4 tego frameworka. Poznałem też wreszcie możliwości wtyczki do Bracketsa o nazwie Emmet, która znacząco przyspiesza pisanie kodu (czy takie skróty już na samym początku nauki to dobry pomysł?). Dowiedziałem się też czym jest SASS, czyli język arkuszy stylów, który znacząco ułatwia zarządzanie zawartościąPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Dzień numer 31. - https://www.youtube.com/watch?v=CmqP7CpycsY

Projektowałem szkic strony w Photoshopie, z góry uwzględniając kolumnowe rozłożenie zawartości, po czym wyeksportowałem wszystkie potrzebne elementy i wspierając się frameworkiem Bootstrap złożyłem wszystko od podstaw w HTMLu i CSS. Forma projektu wreszcie zbliżona do obecnych standardów, choć wciąż daleka od perfekcji - zobaczyć ją można tutaj: https://w90.github.io/code-boxing/

#w90dniit #naukaprogramowaniaodkuchni

Dzisiaj poznałem metody tworzenia szkiców strony internetowej przy użyciu Adobe Photoshop (którego oryginalna kopia kosztuje w tym momencie 10 euro miesięcznie, czego wiele osób łącznie ze mną mogło nie wiedzieć). Schematy powstałe w Photoshopie są jedynie obrazkami i pomagają w funkcjonalnym rozplanowaniu zawartości strony - dalsze przenoszenie takich szkiców do plików html i css wkrótce przede mną.

Dzień numer 30 - https://youtu.be/yK20Ocn3x0E

Adres mojej strony: http://w90dni.it

#w90dniit #naukaprogramowaniaodkuchni

Piątek poświęciłem na dalsze poznawanie bootstrapa i integrowanie go z moją obecną stroną. Stworzyłem szkielet strony mobilnej przy użyciu Bootstrapa i zapełniłem go zawartością mojej oryginalnej strony w90dni.it, na której umieściłem (korzystając z dodatkowego pliku bootstrap.js ) przycisk przekierowujący na stronę mobilną. Efekt końcowy oczywiście nie jest piorunujący i ma sporo niedociągnięć, ale przede mną kolejne dni na wprowadzanie usprawnień.

Dzień 27 - https://www.youtube.com/watch?v=x3LI_NKK-gA&feature=youtu.be

Adres mojejPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Poznałem framework "Bootstrap", który ułatwia tworzenie stron. Początkowo miałem względem niego mieszane uczucia, bo teoretycznie "odwala sporo roboty za nas" i traktowałem go, jako taką drogę na skróty, którą niekoniecznie chciałbym podążyć od razu na początku nauki. Mój mentor przekonał mnie, że warto dać mu szanse, gdyż jest bardzo często wykorzystywany nawet w większych projektach.

Dzień numer 25 - https://www.youtube.com/watch?v=qfPv-zfxPkg

ScreenshotyPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

To był dobry dzień, napisałem kod swojej strony od nowa, jest lepiej niż poprzednio (choć cały czas z pewnością sporo niedociągnięć). Wielką zabawę sprawiało mi animowanie elementów strony z jQuery, której to biblioteki wreszcie jako tako nauczyłem się używać w celach animacyjnych. Przedstawiam też na wideo nagranie w stylu "user experience" mojej strony.

Dzień numer 24 - https://youtu.be/eExSE4fmjXE

Adres mojej strony: http://w90dni.it

#w90dniit #naukaprogramowaniaodkuchni

Drugi dzień z nauką jQuery, dużo ćwiczeń i przyswojonej wiedzy, jednak kolejny raz za mało praktycznego zastosowania wszystkich pojęć na raz - skupienie się na wielu małych, nie do końca powiązanych w jedną całość zadaniach.

Dzień 22 - https://youtu.be/CjEqOCyfDW8

#w90dniit #naukaprogramowaniaodkuchni

Pierwsza styczność z biblioteką jQuery, za którą nie do końca przepada mój mentor Piotrek - fan Vanilla JS, minimalizmu i uglyfikacji ;) z którym przeczatowałem dzisiaj 3 godziny, kiedy to przekazywał mi swoją cenną wiedzę, momentami znacząco wykraczającą poza standardowy zakres kursu. Nigdy nie jest tak, że wie się już wszystko, nawet o tych najprostszych sprawach - programowanie jest tą dziedziną, gdzie nad wyraz staje sięPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Zrobiłem na swojej stronie skrypt Zegarka. Dowiedziałem się o działaniu funkcji SetTimeout i odświeżyłem kod swojej strony. Wreszcie powstał oddzielny plik .JS analogicznie do pliku .CSS - skrypty opuściły INLINE html i mają swoje nowe miejsce.

Dzień numer 18. - https://www.youtube.com/watch?v=gNQWsiYrN-g

ScreenshotyPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Dostałem propozycję od CodersTrust Polska, by kontynuować naukę podstaw programowania na ich platformie i relacjonować dalej swoje postępy, tak jak to robiłem podczas okresu próbnego. Jeśli uda mi się zaliczyć cały kurs w przeciągu moich 90 dni, nie będę musiał za niego zapłacić, ELSE { PAYTHEFULLPRICE:) } Wyzwanie przyjęte. Dodatkowo uczyłem się dzisiaj o strukturze DOM i jak zręcznie używać jego funkcjonalności do manipulacji w ustawieniach elementów strony.

Dzień numerPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Dzisiaj uczyłem się automatyzacji zadań przy pomocy pętli FOR i WHILE, nie było wcale łatwo, musiałem sobie nawet rozpisywać schematy funkcji na kartce, żeby momentami to zrozumieć :) Zawsze lubiłem automatyzować procesy i ułatwiać sobie zadania - potencjalnie widzę w tego typu czynnościach miejsce dla siebie :)

Dzień numer 16. - https://youtu.be/aW6oaxguK4M

ScreenshotyPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Dzień 15. - https://youtu.be/ibQTay1ECZU

Trzeci tydzień nauki zaczął się od pierwszego dnia samodzielnej pracy bez pomocy mentorów, było trochę chaotycznie, chociaż pierwsze bardziej logiczne linijki kodu JS w postaci gry kamień papier nożyczki już za mną.

TrochęPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Dzień dwunasty - https://youtu.be/Fk2SbudtSA0

Robiłem ćwiczenia z JavaScript, skupiłem się na zrozumieniu zastosowania funkcji i przykładach z użyciem wielu zmiennych.
Screenshoty z dnia : https://drive.google.com/open?id=0BwsOkIdNSSGNSEduMHFIYzhrVlUPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Dzień jedenasty - https://youtu.be/QWum2yv6prQ

Miałem pierwszy raz styczność z JavaScript i mimo lekkiej tremy będę to dobrze wspominał. Składnia ma dla mnie sens i jestem w stanie napisać pierwsze podstawowe skrypty bazując na logicznej kolejności wszystkich elementów funkcji, które wypisuje. Piotrek obdarzył mnie całą listą jego sugestii odnośnie do poprawy działania mojej strony - dzięki!

ScreenshotyPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Nadrobiłem :)

Dzień dzisiąty- https://www.youtube.com/watch?v=s7fean4BMU4

ZapoznałemPokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Z lekkim opóźnieniem, ale jest:

Dzień dziewiąty - https://www.youtube.com/watch?v=H473C_wy_4A

WreszciePokaż całość

#w90dniit #naukaprogramowaniaodkuchni

Dzień ósmy- https://youtu.be/f2EpS4ynwAQ

Nabieram wprawy w CSSie, który ostatnio mnie skutecznie frustrował.

@Pokaż całość