Diskuze: Machr na JavaScript - Zkušenostní kruhy
Martin Konečný (pavelco1998):28.1.2014 17:59
No jasný, ale ani žádný test ti nedokáže určit, jak opravdu dobře na
tom jsi. Nápad na machra je dle mě dobrý, jen mi to osobně trošku
postrádá smysl (navíc bych se nikdy nepřiznával, že umím jazyk třeba jen
na 20% 
).
Honza Bittner:28.1.2014 20:50
To jako vážně? ...
Btw. Ty jsi programátor, ty určuješ pravidla 
Petr Nymsa:28.1.2014 20:56
Musím se k němu přiklonit. Podle mě tyhle ukazatele - umím C# na 80%,
umím HTML na 90% je blbost. Za 1. zákazníka či huntera zaměstnanců
zajímá především jedno - reference 
A je smutné když si člověk napíše do portfolia umím XYZ5
jazyků na 10-150% a v referencích má jednu aplikaci (já nejsem výjimkou,
ale aspoň nehodnotím sám sebe dle procent). Podle mě to hodnotit takto
nejde. Co je definice umět ? Zvládání syntaxe ? OOP ? Algoritmické
myšlení ? Nabiflovaný kompletně manuál ?
Za 2. životopis a celková prezentace sebe samotného. Netvrdím že stránku tyhle ukazatele neoživí, ale věty na porfóliech typu " Umím ASM, Umím windows phone, umím android" jsou nesmysl. Lze to napsat jinak a lépe, tj tak že řekneš jsem v tom dobrý ale nezní to tak kýčovitě. Navíc každý ty procenta může chápat úplně jinak.
To jenom mírný offtopic, více to rozvádět nebudeme
Ondrca:28.1.2014 20:57
To jo, ale ty jsi zadal soutěž .
Podle mě by to bylo dobrý to tam přidat, ale zase bybylo blbý kdyby se tam
místo oblouku vypsal error .
Honza Bittner:28.1.2014 21:05
Rozhodni si to sám, úkol je jasně zadaný. Vytvoř to co nejlépe
dokážeš.
Honza Bittner:28.1.2014 21:08
Jasně, ale když se koukneš, tak to používá 70% portfolií. Podle mě to není špatné, když se ohodnotíš, ale bohužel většina lidí si dává třeba 90% C# a je jim 14let ... Pravda, že to hodně lidí přehání.
Ale je to off-topic, kdyžtak už jen přímo k soutěži prosím. Toto nemá smysl řešit.
Honza Bittner:29.1.2014 13:39
Ony se tyto kruhy dělají animované, je rok 2014, ne 2000...
Takže se načítají, mají i hover, onclick, při tažení atd.
Generovat obrázky je tedy docela na nic, pokud se chceš držet s módou,
kdy statika moc nestačí
1Pupik1989:29.1.2014 13:48
Animaci klidně udělám z těch obrázků. Nebudu je generovat na serveru,
prostě jich budu mít 100 a půjde to všem. Když ale někdo bude mít
vypnutý javascript nebo bude bez Canvasu, tak přijde jen o tu animaci a ne o
celé kruhy. Je mi jedno jaký je rok, já koukám na podíl prohlížečů. Je
pravda, proč to neudělat rovnou ve WebGL? To je taky IN a umí ho alespoň 18%
prohlížečů.
Hover udělám v CSS a místo onclicku je přesměruji na stránku kam chci.
Ještě že je v HTML tag A.
Opravdu se mi nechce kreslit kulatý "progress bar", takže sem mrsknu jen kód PHP.
<?php
function getCircleProgress($skill){
$skill = (int) $skill;
$path = 'images/'.$skill.'.png';
if(!File_Exists($path)){ return 'Zkušenosti: '.$skill; }
return '<img src="'.$path.'" alt="Zkušenosti '.$skill.'%" alt="Zkušenosti '.$skill.'%">';
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div>
<?php echo getCircleProgress(30); ?>
</div>
</body>
</html>Teda pokud jsem to blbě nepochopil a neměl se předvést ve WebGL, ale to
by takový problém taky nebyl.
1Pupik1989:29.1.2014 15:30
Ne, psal jsem že je blbost to psát v javascriptu. Že v javascriptu bych
napsal maximálně jen tu animaci. A canvas bych k tomu nepoužil, ani GD v PHP.
Nicméně to tedy zkusím i v JS, aby se neřeklo.
1Pupik1989:29.1.2014 15:55
A to je pro mě špatně. Já jsem asi stará škola (ve 24 letech docela
smutné).
Ondrca:29.1.2014 19:04
Máš to pěkný, ale už jsem na 5000 a čekám kdy to skončí .
data-procent="a"
Jo tak to mám udělat i blbu vzdorný. Dělám si srandu, ale tohle
ošetřím a dodělám dokumentaci. Škoda že JS nemá typehinting. 
Nestihnu to ale dříve jak zítra, teď už jsem na pivku.
Filip Pýrek:29.1.2014 19:33
Zatím to vypadá takto http://skill.filippyrek.cz/
Filipe, moc pěkný
S canvasem nejsem moc kamarád, takže mi to jde trochu pomalu, ale naučit se
to musím a spřátelit s ním se taky musím
Zatím jsem došel k základu. http://jsfiddle.net/…204/sL5cQ/3/
Honza Bittner:29.1.2014 20:46
Nemusíš dělat přesně jako to je v ukázce
Ve výsledku to nemusí být ani kruh... Udělej to tak jak ti to příjde cool
1Pupik1989:29.1.2014 22:35
Já tedy myslel taky že to musí být kruh, koneckonců to pravil název
topicu. To schválně
zkusim objektově a udělat ty animace jako objekty.
Tak taky jsem to zkusil
http://leteckaposta.cz/487148310
Přímo v tom js/expcircle.js je pár volitelných věcí, které můžete a nemusíte upravovat.
U HTML tagu stačí uvést atribut data-procent, který určuje počet procent a také data-text, což je ten text, který se zobrazí u těch procent.
Volitelný atribut je data-color, který určuje barvu té linky. Pokud se neuvede, tak se to nastaví automaticky na modrou linku.
Snažil jsem se to udělat pomocí tříd a ne pomocí id, aby těch "Zkušenostních kruhů" mohlo být na stránce více.
Tady je podoba těch kruhů: http://vojtamaniak.fakaheda.eu/MachrJS/
Ahoj, tak zde přidávám svůj výtvor, originalitu do designu jsem sice nevnukl, ale za to jsem se hodně trhl od zkušenostních krhů. Moje kruhy jsou celkem stejné jako ty vaše, ale to je jenom zdání. Umožňují nastavit, startovní úhel, barvu proužku, pozadí, písmo (čili můžete použít i obrázkové písma), zdali mají být kruhy animované a samozřejmě taky popisek. Ten jsem navrhl tak, že si ho definujete celý vy, stanovíte si přesný formát. \n značí nový řádek a %%% bude nahrazeno procenty.
Tyto kruhy mohou být realtime updatované, v JS prostě změníte attribut data-procenta a kruhy změní procenta.
V příkladech máte několik ukázek, na těch jdou nejlépe vidět features, ta poslední (realitme update) bohužel nefunguje v Google Chrome (to je paradox, že?), ale Mozzila a IE ji zvládají perfektně.
Použití se tedy meze nekladou, tím že to zvládá IE, je můžete používat v Modern UI aplikacích i Windows Phone aplikacích.
online: http://misaz.moxo.cz/…/machr145js/
Download: http://misaz.moxo.cz/…gressbar.zip
Zdeněk Pavlátka, protože se tímto nejde zavděčit všem, někdo to chce
rychlejší, někdo pomalejší, tak se to dá v tom js/expcircle.js změnit
Honza Bittner, v jednoduchosti je krása, ne?
Já neudělal stejný, mám tam jeden styl úplně jiný. Mám klasický
progress bar se zakulacenými rohy. Plus teda ten kruh co mají všichni.
Neaktivní uživatel:31.1.2014 14:23
Tak moje verze, opět hrají spíš na krásu výsledku než kódu.
Tentokrát je tam ode mě alespoň více matiky než obvykle
Online:
http://www.funebrak.hys.cz/…kill-circle/
Download:
http://leteckaposta.cz/698520355
// EDIT: Možná si ještě pohraji s kódem, nemusí to být finální verze.
Zdeněk Bauer:31.1.2014 18:24
Taky tam je napsáno, že se to má odeslat do vlákna nebo Sdracovi, ale
kdybych to poslal sdracovi tak je to taky špatně, vzhledem k tomu že sdraco
do tohoto machra nejspíše nebude ani zasahovat...
A .rar tu dokáže rozbalit snad každej když všude na netu se používá pro
archivy .rar a ne .zip, krom toho v pravidlech není přímo .rar zakázanej,
takže archiv jako archiv.
No, ale to je šumák, minule jsem to vyhrál taky s .rarem a nikdo si
nestěžoval.
Neaktivní uživatel:31.1.2014 19:27
Důležitější je spíš přístup hodnotícího. Nikdo mi v životě na
rar nic neřekl. Zajímalo by mě, u koho je tu problém
Neaktivní uživatel:3.2.2014 20:42
Tak kde je ten deadline a vyhodnocení, pane Moderátore ?
David Čápka Hartinger:3.2.2014 20:47
Ono to chvíli trvá
Myslím, že na tom dělá.
David Čápka Hartinger:3.2.2014 20:53
Protože přepisuji redakční systém a můj čas klesl do záporných
hodnot
Ahoj, při náročném hodnocení jsem dospěl k následujícímu pořadí:
1. 1Pupik1989 (90) - Hezký OOP návrh, může se změnit
vykreslování na line. Máš tam ale i pár chybek, jako například při
zadání více procent než 100.
2. Misaz (85) - Lepší by bylo OOP přes prototype. Jinak
docela dobré.
3. Funebrak (77) - Určitě bych nenastavoval text pomocí
elementu. Chtělo by to dát do OOP.
3. FilipPyrek (77) - Chybka při zadání více než 100%.
Někdy se mi to zdálo trochu zmatené.
4. DoctorMuscha (70) - Také chybka při více než 100%.
Používáš moc ifů, které by se dali zapsat jinak a výhodněji.
5. zdenda204 (65) - Kód máš moc nahňácaný v pár
funkcích. Chtělo by to dát do OOP.
5. vojtamaniak (65) - Kód máš moc nahňácaný v pár
funkcích. Chtělo by to dát do OOP.
Placku tedy uděluji 1Pupik1989 a také Michal Žůrek - misaz, jelikož se mi jeho kód také líbil. Adresu napište x.
Dost z vás mělo použito OOP, což znamená znovupoužitelnost. Rozdělujte
tedy metody na to co opravdu dělají, tedy aby metoda PAINT nepočítala
různé rozměry, to má dělat jiná metoda... Poté byste museli měnit celou
metodu PAINT, jelikož vám nebude fungovat pro jiné hodnoty.
Hezký zbytek dne... 
Honza Bittner:4.2.2014 12:32
Jako programátor musíš udělat blbu-vzdornost, tedy třeba když zadá méně než 0%, uděláš to jako 0, pokud zadá více než 100%, uděláš to jako 100.
Uživatelé nejsou moc chytří a důslední...
Zobrazeno 77 zpráv z 77.