Posty

teatrzyk rekrutacyjny: lata doświadczenia

-
Oto jest wymagana technologia XY. Kandydat na screeningu deklaruje, że ją zna, miał z nią styczność, jest gotowy z nią pracować. Co robi rekruterka? Otóż zaczyna dopytywać szczegółowo o to, ile doświadczenia kandydat ma w danej technologii. Ale do tego stopnia, że dopytuje się czy w tym projekcie w jednej firmie była użyta ta technologia czy nie, i ile czasu trwał taki projekt. Tak samo z pozostałymi sytuacjami, gdzie kandydat używał danej technologii. Rekruterka próbuje po prostu zsumować cały czas, żeby ustalić, czy kandydat ma wystarczającą ilość doświadczenia, czy nie. A sama zielonego pojęcia o tym nie ma. Jedyne, co może ustalić, to skalar, jedną magiczną liczbę np. 2 lata doświadczenia. Problem w tym, że to tak nie działa. O ile można zrozumieć ogólne wytyczne dane przez Hiring Managera, który od niechcenia oszacuje, że chce kogoś np. z 3 latami doświadczenia w technologii XY, i rekruterka "tylko wykonuje rozkazy" (więc jest częścią problemu, ale nie całością), to ...
Prześlij komentarz
Czytaj więcej

Jak zacząć pracę z Canvasem? (3)

-
Kontynuując. Mamy więc taki kodzik: const canvas = document . createElement ( 'canvas' ) ; canvas . width = 500 ; canvas . height = 500 ; document . body . append ( canvas ) ; const ctx = canvas . getContext ( '2d' ) ; run let objects ; function restart ( ) { objects = [ { x : 100 , y : 30 , vx : 1 , vy : 0 , color : 'purple' } , { x : 100 , y : 100 , vx : 0 , vy : 0.5 , color : 'red' } , ] ; } restart ( ) ; setInterval ( ( ) => { objects . forEach ( obj => { obj . x += obj . vx ; obj . y += obj . vy ; obj . vy += 0.03 ; } ) ; ctx . clearRect ( 0 , 0 , canvas . width , canvas . height ) ; objects . forEach ( obj => { ctx . fillStyle = obj . color ; ctx . fillRect ( obj . x , obj . y , 40 , 40 ) ; } ) ; } , 16 ) ; Co jeśli byśmy chcieli dodać obsługę klawia...
Prześlij komentarz
Czytaj więcej

Jak zacząć pracę z Canvasem? (2)

-
Obraz
W poprzedniej części omówiliśmy, jak narysować poruszający się prostokąt. Okej, a co jeśli mielibyśmy więcej takich prostokątów? Jak zwykle w pytaniu programistycznym "co jeśli chcę więcej rzeczy mieć i robić coś z nimi?" odpowiedzią jest tablica + pętle. Każdy prostokąt może być reprezentowany przez jakiś obiekt. Np. może mieć współrzędną x oraz y, czy inne parametry (np. prędkość, kolor). To od nas zależy. Rysując będziemy pobierali te parametry oraz uaktualniali pozycję wg prędkości, następnie będziemy to rysować. Zacznijmy od zdefiniowania tablicy z obiektami: const objects = [ { x : 100 , y : 100 , vx : 1 , vy : 0 , color : 'purple' } , { x : 100 , y : 50 , vx : 0 , vy : 0.5 , color : 'red' } , ] ; Mamy tu 2 obiekty. Pierwszy jest fioletowy ma współrzędne (100, 100) i prędkość (1, 0), czyli jedzie w prawo. Drugi jest czerwony i ma współrzędne (100, 50) i prędkość (0, 0.5), czyli jedzie w dół. Wyświet...
Prześlij komentarz
Czytaj więcej

Jak zacząć pracę z Canvasem?

-
Obraz
Canvas (ang. płótno) to takie coś, po czym możesz rysować, wyświetlać różne figury, obrazki itp. Stwórzmy element Canvas i dodajmy go do dokumentu: const canvas = document.createElement('canvas'); canvas.style.border = '1px solid red'; // możesz usunąć tę linijkę canvas.width = 500; canvas.height = 500; document.body.append(canvas); No dobra, ale co z tym dalej robić? Mamy obiekt Canvas, jaką jego metodę mamy wywołać, żeby coś narysować? Żadną XD Obiekt canvas reprezentuje samo płótno (element DOM), ale nie ma w nim metod do rysowania. Żeby coś narysować, trzeba pobrać specjalny obiekt kontekstu i to dopiero kontekst będzie rysował: const ctx = canvas.getContext('2d'); ctx.fillStyle = 'purple'; ctx.fillRect(100, 100, 40, 40); Oto narysowaliśmy na pozycji 100x100 fioletowy prostokąt o wymiarach 40x40. Oczywiście na canvas można rysować wiele różnych bardziej złożonych kształtów, prostokąt to nie szczyt możliwości, odsyłam do dokumentac...
Prześlij komentarz
Czytaj więcej