Wszystko

Wszystkie

Archiwum

NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 13
#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śli ktoś myśli o tym, żeby zacząć swoją przygodę z programowaniem, to jest na to dobry czas, szczególnie jeśli mieszkacie w większym mieście, gdzie naprawdę jest dużo miejsc pracy w tej branży. Po trzech miesiącach nauki ,płatny staż jest jak najbardziej w waszym zasięgu, a nie tylko mój przykład dowodzi, że również
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 5
#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 szachy można sprawdzić tutaj: http://w90dni.it/szachy/index.html
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 4
#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 mi to działa, za to
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 6
#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ą swoich plików CSS. Adres
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 6
#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/
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 4
#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
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 9
#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 mojej strony: http://w90dni.it
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 11
#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

Screenshoty z nauki: https://drive.google.com/drive/folders/0BwsOkIdNSSGNSEduMHFIYzhrVlU

Adres mojej strony: http://w90dni.it
Kargaroth
Kargaroth
  • 1
@NaukaProgramowaniaOdKuchni: dobry framework nie jest zły. To tak jak pisanie że jquery jest złe bo odwala za nas dużo roboty. Trzeba znać podstawy, owszem, tak samo jak rozumieć czemu to działa jak działa, a potem możesz używać frameworków.

Gorzej że mam junior front-end developera w zespole który pierwszy raz w życiu dostał do napisania coś w jquery, a nie w angularze. No i się chłopak gubi. Brak podstaw i wiedzy się
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 6
#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
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 5
#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ę to widoczne.

Dzień 19.
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 7
#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

Screenshoty z dnia : https://drive.google.com/open?id=0BwsOkIdNSSGNSEduMHFIYzhrVlU

Adres mojej strony: http://w90dni.it
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 9
#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
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 8
#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

Screenshoty z dnia : https://drive.google.com/open?id=0BwsOkIdNSSGNSEduMHFIYzhrVlU

Notatki:




”;










NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 8
#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ę notatek:

");
> var computerChoice = Math.random();
> if (computerChoice :ğ-Ş: 0.34) {">
computerChoice = "rock";
!> } else if(computerChoice :ğ-Ş:= 0.67) {
computerChoice = "paper";
!> } else {
computerChoice = "scissors";
!>
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 8
#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=0BwsOkIdNSSGNSEduMHFIYzhrVlU

Trochę notatek:






var wynik = liczba / 3;






var suma = 5 * kosztJednej;
console.log(suma);


return liczba* 2;


return liczba / 4;



console.log(“Wszystko jest w porządku");


console.log("To się nie zgadza!");


return 2 * dlugosc+ 2 *szerokosc;


NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 0
realnej pracy jest średnio 7-8h dziennie, rozciągnięte na cały dzień. Pare razy przesiedziałem calutki dzień, bo się na coś zawziąłem, ale następnego dnia wtedy zawsze byłem zombie więc staram się już nie przesadzać. dzisiaj też było dłużej, dopiero filmik zmontowałem :/
NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 7
#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!

Screenshoty z dnia : https://drive.google.com/open?id=0BwsOkIdNSSGNSEduMHFIYzhrVlU

Trochę notatek:








document.getElementById(‘nazwaID’).innerHTML=’Było Warto!’;




NaukaProgramowaniaOdKuchni
NaukaProgramowaniaOdKuchni
  • 8
#w90dniit #naukaprogramowaniaodkuchni

Nadrobiłem :)

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

Zapoznałem się z nowym mentorem, który zalał mnie nową wiedzą i zachęcił bym rozpoczął kolejny blok ćwiczeń poświęcony JavaScriptowi (na 90%, bo się trochę go boję). Design strony już uaktualniony, pozostaje zapełnić ją tekstem i prawdopodobnie wzbogacić o jakiś pierwszy skrypt :)

Screenshoty z nauki dostępne tutaj: https://drive.google.com/open?id=0BwsOkIdNSSGNSEduMHFIYzhrVlU

Trochę notatek: