Náš blog

8 skvelých kníh pre webdizajnérov, ktoré sú zadarmo
Vzdelávanie
03.07.2014
Marián Kristeľ

8 skvelých kníh pre webdizajnérov, ktoré sú zadarmo

Ak ste webdizajnér a chcete držať krok s tak dynamicky sa vyvíjajúcim odvetvím akým je webdizajn, vzdelávanie a samoštúdium je nevyhnutné. V tomto blogposte sme zverejnili niekoľko ebookov, ktoré sú zdarma dostupné na webe a určite sa hodia pre mnohých začínajúcich, ale aj skúsených webdizajnérov. 1. Pixel Perfect Precision Handbook  Prvé vydanie tohto handbooku od digitálnej agentúry ustwo malo niečo cez 100 strán a išlo skôr o súhrn odporúčaní pre prácu s pixelmi a Photoshopom. Súčasný handbook vol. 3 má vyše 200 strán a z PPP sa stal osvedčený návod pre dizajnérov.[Image] 2. Type Classification eBook  Tento ebook predstavuje 10 základných klasifikácií písma so stručnou históriou a kľúčovými charakteristikami. Pre dizajnérov je perfektnou pomôckou pri výbere písma do svojich dizajnov.[Image] 3. Typo Tips  Tento ebook je vhodný pre každého, kto sa chce zlepšiť v typografii a ponúka 7 tipov pre lepšiu typografiu vo vašom dizajne.[Image] 4. Designing for the Web  Ide o naozaj výbornú knihu od Five Simple Steps, ktorá pokrýva veľké množstvo oblastí, techník a prístupov k web designu. Je rozdelená do piatich častí vrátane typografie, farieb a layoutov.[Image] 5. Learning Web Design Kniha vhodná pre úplných začiatočníkov, ktorí nemajú skúsenosti s tvorbou webov. Nájdete v nej kapitoly o tom, ako web vôbec funguje, neskôr sa cez HTML a CSS dostanete až k JavaScriptu.[Image] 6. Introduction to Good Usability Dobrá použiteľnosť webu je niečo, čo pri mnohých dizajnoch webov chýba. Tento ebook je vhodný hlavne pre dizajnérov, ktorí mnoho webov zatiaľ nenadizajnovali a môžu sa inšpirovať pri rozvrhnutí jednotlivých prvkov na webe z už existujúcich a osvedčených riešení.[Image] 7. The Design Funnel: A Manifesto for Meaningful Design Táto kniha od Stephena Haya vám napomôže k tomu byť kreatívni s vašimi prácami a dizajnami. The Design Funnel predstavuje plán použitia rôznych nástrojov dizajnérom, aby tak naštartoval svoju kreativitu.[Image] 8. Bulletproof Web Design Autor Dan Cederholm v tejto knihe opisuje stratégie na vytvorenie dizajnu, ktorý je flexibilný. Každá kapitola obsahuje niekoľko rád, ako pripraviť príťažlivý dizajn, ktorý je zároveň pripravený pre rôzne množstvo textu, obsahu a pod.[Image] Samozrejme, existuje ešte oveľa viac kníh a ebookov, ktoré sú dobrým zdrojom rád, nápadov a inšpirácií. Ak máte svojú obľúbenú knihu, ktorú chcete odporučiť aj ďalším, podeľte sa s jej názvom v komentároch.
Ako začať s grafickým web dizajnom?
Vzdelávanie
07.05.2014
Marián Kristeľ

Ako začať s grafickým web dizajnom?

Kvalitný a príťažlivý grafický dizajn je nevyhnutnou súčasťou každého dobrého webu. Za dizajnom sa skrýva mnoho teórie, na ktorú sa v skratke pozrieme v tomto blog poste. Mnohí z nás vedia používať Photoshop a vytvoriť v ňom dizajn, ktorý vyzerá atraktívne a pomerne dobre. Za dizajnom, ktorý vytvárame, je obrovské množstvo teórie. Znalosť tejto teórie je chýbajúcou časťou pre mnohých (talentovaných) dizajnérov. V ďalšom texte v skratke preberieme 5 základných oblastí, ktoré by mal dobrý webdizajnér ovládať.  TypografiaTypografia tvorí 80-90% z web stránky. Pri množstve informácií a textov, ktoré denne prechádzame, je nevyhnutné udržať čo najjednoduchší a najrýchlejší spôsob, ako sa dostať ku informáciám, ktoré potrebujeme.[Image]Dobrá a prehľadná prezentácia obsahu na webe je rovnako dôležitá ako pekná grafika a vymakaný copywriting. Typografia (na webe) nie je len o výbere niektorého z fontov. Typografia na webe sa skladá zo 4 základných elementov:  1. kontrast: texty na webe sú na to, aby sa čítali. Na to, aby sa čítali dobre, je vhodné použiť správny kontrast farby písma a pozadia. Ak si nie ste istí, či je kontrast dostatočný, spravte si screenshot zo stránky, vložte ho do napr. Photoshopu a zmeňte ho do grayscale. 2. veľkosť písma: príliš malé písmo je ťažšie čitateľné a preto, ak je to možné, nenastavte veľkosť písma v pod 10 alebo 12px.  3. hierarchia: meniť veľkosť písma je jednou z najlepších možností, ako rozlišovať obsah. Ďalšou z možností je mixovanie rôznych štýlov, napríklad používať kapitálky alebo italic pre podnadpisy, alebo zmiešať serif a sans serif.  4. miesto (space): nebojte sa nechať na vašom webe prázdne miesta , tento negatívny alebo biely priestor napomôže k tomu, aby bola pozornosť zameraná na text - obsah. Dobrí návrhári v snahe o dosiahnutie rovnováhy medzi farbou písma a bielymi (alebo negatívnymi) miestami trávia nad svojimi návrhmi pomerne veľa času. Teória farieb Použité farby a farebnosť webu patrí k jeho najdôležitejším aspektom, pretože pomocou farieb je možné vyvolať v ľuďoch emócie. Farby delíme na teplé a studené. Medzi teplé farby radíme napr. červenú, oranžovú a žltú. Modrá, fialová a zelená sú studené farby. Ako základ pre pochopenie farieb a vzťahov medzi nimi slúži tzv. farebný kruh, ktorý predstavuje rozdelenie farieb do troch skupín (primárne, sekundárne a terciárne).[Image]Primárne farby sú červená, zelená a modrá (RGB) a ich kombináciou dokážeme vytvoriť všetky ostatné farby. Sekundárne farby vznikajú kombináciou dvoch primárnych farieb a terciárne farby vzniknú vtedy, keď skombinujeme jednu primárnu a jednu sekundárnu farbu. Farby môžeme rozdeliť na analogické a komplementárne, čím vyjadrujeme vzťah medzi nimi.  Analogické farby sú umiestnené vedľa seba a môžeme ich teda dobre kombinovať. Komplementárne farby sú naopak na farebnom kruhu umiestnené oproti sebe a vďaka tomu dokážeme dosiahnuť dostatočný kontrast na našom webe. Okrem toho poznáme monochromatické či triadické farebné schémy. Najdôležitejšia vec, ktorú by ste mali mať na pamäti, je že farby vo vašich grafických návrhoch by mali zlepšiť zážitok z čítania a nie odvádzať od neho pozornosť. Pri výbere tých správnych farieb vám pomôžu online nástroje, napr. Adobe Color CC / Adobe Kuler (color.adobe.com). Dizajn založený na gridoch Keď toho už viete veľa o typografii a farbách, je čas pozrieť sa na grid systém vo vašom dizajne. Gridy umožňujú dizajnérovi vytvoriť dizajn, ktorý je prehľadný a čitateľný. Grid systémy sú skvelou pomôckou pri umiestňovaní jednotlivých prvkov do dizajnu. Jedným z príkladov grid systémov je 960gs, ktorého základ tvoria stĺpce v celkovej šírke 960 pixelov, ktoré sú rozdelené na 12 a 16 stĺpcov. Systémy sa teda líšia v šírke stĺpcov, 12 stĺpcový má stĺpce so šírkou 60px a 16 stĺpcový so šírkou 40px. Každý stĺpec navyše obsahuje 10 pixelový margin vľavo a vpravo. 960 grid systém je vhodný pre rýchle prototypovanie, ale funguje dobre aj v produkčnom prostredí. Použitím tohto systému je možné rozdeliť si jednotlivé časti webu tak, aby vždy pôsobili vyváženým dojmom.[Image]Grid systémov je samozrejme viacero, každý si môže zvoliť taký, ktorý mu viac vyhovuje. Rozhodne je ale veľkou výhodou grid používať. Teória dizajnu Dizajn vašej webstránky je dôležitý aj z marketingového hľadiska, bude od neho závisieť predaj vášho produktu. Preto je dobré držať sa niektorých základných pravidiel. Prvým z nich je vizuálna hierarchia. Týmto pojmom sa myslí usporiadanie webu, v akom ho vidí užívateľ. Keďže niektoré časti vašej stránky sú dôležitejšie ako ostatné (ide najmä o formuláre, call-to-action prvky, value propositions a pod.) chcete, aby na ne návštevníci klikali. Zlatý rez (grécke písmeno phi) je najstarším a najpoužívanejším kompozičným princípom, ktorý má svoje využitie aj vo web dizajne.[Image]Nebojte sa bieleho miesta na webe. Biely priestor (negatívny priestor) je časť stránky, ktorá nie je použitá. Nemala by však byť považovaná za nevyužitú, je jedným z dôležitých elementov vo web dizajne. Správne využitý biely priestor podporuje vizuálnu hierarchiu a zlepšuje prehľadnosť webu. UI & použiteľnosť Dobrá používateľnosť webu závisí od mnohých faktorov. Responzívny dizajn a teda dobré ovládanie aj na mobiloch či tabletoch je v súčasnosti trendovou a veľmi potrebnou záležitosťou.[Image] Kvalitný hosting a teda rýchle načítavanie stránok a platné linky tiež napomáhajú k dobrej použiteľnosti. Základným princípom je prehľadnosť - používateľa je ľahké “stratiť" rušivými prvkami a ak na vašej stránke nenájde čo hľadá, odíde. Úlohou dobre nadizajnovaného webu je poskytnúť užívateľovi jednoduchý, prehľadný a user-friendly zážitok. Web musí pôsobiť dôveryhodne - docielite to vytvorením kontaktnej stránky s uvedením adresy a telefónneho čísla. K dobrej použiteľnosti webu v neposlednom rade patrí relevantnosť. Musíte poskytovať obsah, ktorý vaši návštevníci hľadajú a váš dizajn by im mal pomôcť nájsť to, čo hľadajú. Dobrá použiteľnosť sa dolaďuje dlhšiu dobu, vyžaduje si užívateľský prieskum a neustále testovanie.  Dobrý webdizajnér by mal ovládať aj túto teóriu a teda by mal vedieť nielen "ako" to spraviť, ale aj “prečo” to tak spraviť. Potom nasleduje tvrdá práca na sebe, neustále vzdelávanie sa, sledovanie trendov a skúšanie. Pokiaľ by ste sa chceli dozvedieť viac, máte možnosť zúčastniť sa kurzu Visual Design, na ktorom sa v priebehu 6 týždňov naučíte sa základné dizajnérske princípy a techniky a vytvoríte logo, základný dizajn manuál a dizajn webu. 
Tipy pre programátorských začiatočníkov
Vzdelávanie
18.02.2014
Marián Kristeľ

Tipy pre programátorských začiatočníkov

Všadeprítomnosť technológií, neustále využívanie rôznych aplikácií a tiež narastajúce povedomie o start-upoch a ich "success stories" spravili zo znalosti programovania veľmi populárnu tému. Pre ľudí, ktorí začínajú alebo chcú začať s programovaním, prinášame pár začiatočníckych tipov.  1. Začnite s konkrétnym projektom v hlave  Je to dôležité z toho hľadiska, že učenie nám pôjde jednoduchšie a ostaneme motivovaní neprestať. Dobré je tiež mať prehľad o súčasných aplikáciách a produktoch (napr. Facebook, Twitter) a počas kurzu sa snažiť vytvoriť rovnakú funkčnosť. V začiatkoch je potrebné ujasniť si, čo chceme naprogramovať alebo vytvoriť. Ak to je len webstránka, začneme s HTML a CSS. Ak to má byť aplikácia, ktorá komunikuje s databázou, zvolíme si na to vhodný programovací jazyk.  2. Učte sa vami zvolený jazyk Odporúčame začať s Ruby a Ruby on Rails, výhody tohto jazyka a frameworku sme popísali v jednej z našich blogových správ. Je možné začať aj s iným jazykom, mnohí odporúčajú napr. Python, ale ruby komunita je známa množstvom open source nástrojov a pluginov, ktoré napomáhajú programátorom vytvárať funkcionalitu svojich projektov rýchlo a popri tom sa učiť základy. Venujte vami zvolenému jazyku toľko času, koľko je potrebné. 3. Vytrvajte v učení Mnohí po nadobudnutí základov programovania prestanú s ďalším učením sa s tým, že už začínajú rozumieť programovaniu. A potom zistia, že sa mýlia a je tu ešte veľa práce. Dostať sa do tohto ďalšieho levelu vyžaduje aj zmenu myslenia, a preto je potrebné byť vytrvalý. Super spôsob, ako začať so zložitejšími projektami, je stiahnuť si kód z niektorých open-source repozitárov na funkcionalitu, ktorá vás zaujíma. Hľadanie vhodných repozitárov na GitHube a upravovanie kódu pre potreby vášho projektu je fajn spôsob ako naštartovať vlastný projekt. Na webe je mnoho kvalitných online programátorských tutoriálov, napr. od Lynda.com alebo Treehouse. Ak však preferujete fyzické školenia s inštruktorom, ktorého sa môžete čokoľvek opýtať a ktorý vám poradí pri riešení programátorských problémov, v Learn2Code ponúkame dlhodobé školenia zamerané na web dizajn, web development a tvorbu mobilných aplikácii pre iOS.
Darujte nám 2% z daní
Vzdelávanie
30.01.2014
Marián Kristeľ

Darujte nám 2% z daní

Aj tento rok môžu zamestnanci, fyzické aj právnické osoby venovať 2% zo svojich daní neziskovým organizáciám. Občianske združenie Learn2Code bolo založené v decembri 2012 za účelom poskytovania a šírenia vzdelávania v oblasti najmodernejších technológií. Čo sme už spravili? V lete 2013 sme zorganizovali detský programátorský tábor iKid Summer Code Camp. Tohto tábora sa zúčastnilo 21 detí vo veku 11 až 15 rokov a počas 3 dní sa im podarilo naprogramovať si vlastnú hru v programovacom jazyku Ruby. So začínajúcimi programátormi a programátorkami sme strávili skvelé 3 dni a tešíme sa na ďalší podobný kurz pre najmladších kóderov. [Image] Koncom augusta 2013 sme do Bratislavy pritiahli Rails Girls. Bolo to vôbec po prvýkrát, čo sa na Slovensku konal tento 2-dňový bezplatný workshop pre dievčatá, ktoré sa chcú naučiť programovať a tvoriť webové aplikácie. 50 dievčat pod vedením 15 mentorov zo Slovenska, Česka, Rakúska a Nemecka vytváralo svoje väčšinou prvé webové aplikácie v Ruby on Rails. [Image] Na základe našej veľmi dobrej skúsenosti s letným táborom a veľkého záujmu detí o technológie sme v novembri 2013 otvorili dlhobobý programátorský kurz pre deti vo veku 10 až 14 rokov Kid Developer. Deti učíme algoritmickému a logickému mysleniu a využívame k tomu moderné výučbové nástroje ako napr. Scratch alebo Mit App Inventor. Deti počas programu tvoria vlastné hry, animácie a interaktívne príbehy.  Čo chceme spraviť?Chceme aj naďalej pokračovať v popularizácii programovania a venovať sa aktivitám na pritiahnutie mladej generácie ku kódovaniu. V roku 2014 chceme znovu zorganizovať letné programátorské tábory pre deti a pokračovať v programe Kid Developer. V tomto roku chceme pokračovať vo všetkých našich aktivitách, a na to nám môžu pomôcť vaše 2% z daní. Ako darovať 2 percentá?Identifikačné údaje o občianskom združení Learn2Code je nutné uviesť vo Vašom daňovom priznaní ak ste firma, alebo ak podávate priznanie priamo daňovému úradu. Ak ste zamestnanec, odovzdajte ich Vášmu zamestnávateľovi: Názov: Learn2Code Forma: občianske združenie Sídlo: Kukučínova 5, 01001 Žilina IČO: 42346703 Ak ste zamestnanec a nepodávate daňové priznanie: 1. Do 15.2.2014 požiadajte svojho zamestnávateľa o vykonanie ročného zúčtovania zaplatených preddavkov na daň. Požiadajte ho o vystavenie Potvrdenia o zaplatení dane.  2. Ak ste v roku 2013 neboli dobrovoľníkom, alebo dobrovoľnícky odpracovali menej ako 40 hodín, vypočítajte si 2% zo zaplatenej dane (suma musí byť minimálne 3 €).  3. Ak ste v roku 2013 odpracovali dobrovoľnícky minimálne 40 hodín a získate o tom Potvrdenie od vysielajúcej organizácie alebo Potvrdenie od prijímateľa dobrovoľníckej pomoci, vypočítajte si 3% zo zaplatenej dane.  4. Vyplňte Vyhlásenie o poukázaní 2% dane a obe tlačivá spolu s Potvrdením doručte do 30.4.2014 na daňový úrad podľa Vášho bydliska (ak poukazujete 3% z dane, povinnou prílohou je aj Potvrdenie o odpracovaní minimálne 40 hodín dobrovoľníckej činnosti). Ak ste fyzická osoba, ktorá si daňové priznanie podáva sama (SZČO): 1. Ak ste v roku 2013 neboli dobrovoľníkom, alebo dobrovoľnícky odpracovali menej ako 40 hodín, vypočítajte si 2% zo zaplatenej dane (suma musí byť minimálne 3 €).  2. Ak ste v roku 2013 odpracovali dobrovoľnícky minimálne 40 hodín a získate o tom Potvrdenie od vysielajúcej organizácie alebo Potvrdenie od prijímateľa dobrovoľníckej pomoci, vypočítajte si 3% zo zaplatenej dane.  3. V daňovom priznaní pre fyzické osoby (FO-typ A, FO-typ B) sú v kolónky na poukázanie 2(3)% dane v prospech Learn2Code, o.z. (Oddiel VIII.).   4. Riadne vyplnené daňové priznanie doručte do 31.3.2014 na daňový úrad podľa Vášho bydliska a v tomto termíne aj zaplaťte daň z príjmov. Ak ste právnická osoba: 1. Ak do 31.3.2014 darujete na verejnoprospešné účely sumu vo výške aspoň 0,5% svojej dane, môžete poukázať 2% dane z príjmu.  2. Ak do dátumu podania daňového priznania nedarujete na verejnoprospešné účely sumu vo výške aspoň 0,5% svojej dane, môžete poukázať iba 1,5% dane z príjmu.   3. Riadne vyplnené daňové priznanie doručte v lehote, ktorú máte na podanie daňového priznania, na daňový úrad podľa Vášho sídla a v tomto termíne aj zaplaťte daň z príjmov.  V prípade akýchkoľvek otázok nám napíšte email alebo zavolajte 0948 828 228. Ďakujeme za podporu našich vzdelávacích aktivít.
Rozhovor s Mariánom Staňom
Vzdelávanie
11.12.2013
Skillmea

Rozhovor s Mariánom Staňom

Ako si sa dostal k IT?Začal som ako siedmak na 8-bitovom počítači Didaktik M. Bol to kamarátov stroj, programy som si značil na papier a potom u kamaráta prepisoval. Pre ktoré technológie si sa rozhodol?Môj výber bol na začiatku  90. rokov veľmi obmedzený. Používal som jazyk BASIC, pretože iný nebol na Didaktiku k dispozícii. Na gymnáziu som pridal Turbo Pascal a skúšal som Assembler. Čo bolo pre teba v začiatkoch najťažšie?Dostatok kvalitnej literatúry. Každý túžil robiť pekné hry, ale málokto vedel, ako. Bavilo ma experimentovať a skúšať veci, o ktorých som nevedel ako dopadnú. Dodnes si napríklad spomínam, ako som náhodnými zápismi do RAM objavil videopamäť.  Koľko ti trvalo dostať sa na úroveň profesionálneho programátora?Našťastie som mal na strednej škole kvalitných učiteľov programovania, takže som sa s ich pomocou naučil programovať pomerne rýchlo. V profesionálnej sfére som však veľa vody nenamútil, ťahalo ma to skôr do školstva. Je podľa teba programovanie nevyhnutnou zručnosťou budúcnosti?Absolútne. Dnes sa počítače využívajú v každej oblasti a na všetko. Kto nevie a nezačne čím skôr, bude čoskoro výrazne znevýhodnený. Myslíš si, že je dôležité, aby sa deti učili programovať?Je to veľmi dobrý spôsob na zmysluplné vyplnenie času, ktorý zároveň rozvíja ich schopnosti vo viacerých oblastiach - logické myslenie, komunikácia, manažment času a plánovanie, správne odhadovanie svojich schopností.
Programovanie učí deti premýšľať
Vzdelávanie
07.11.2013
Skillmea

Programovanie učí deti premýšľať

Možno sa pýtate, prečo by sa mali deti učiť logicky uvažovať, veď je veľa múdrych ľudí, ktorí sa naučili premýšľať aj bez formálnej výučby logiky. Okrem toho mnohé štúdie ukazujú, že deti sa stávajú lepšími žiakmi, keď sú povzbudzované vysvetliť ako riešiť problém. Je teda možné, že budú objavovať princípy logiky spontánne, len vďaka tomu, že diskutujú s ostatnými. Výskumy však naznačujú aj niečo iné. Snáď najlepším spôsobom, ako podporovať kritické myslenie u detí, je naučiť ich týmto zručnostiam. Štúdie ukazujú, že študenti sa stávajú výrazne lepšími v riešení problémov, keď ich podporujeme v tom aby: • analyzovali argumenty, • vytvárali kategórie a vhodne analyzovali predmety, • selektovali dôležité informácie, • vedeli vystavať a rozpoznať preukázateľné argumenty, • testovali svoje hypotézy/domnienky, • rozpoznali bežné klamné predstavy pri uvažovaní, • rozlišovali medzi dôkazmi a ich interpretáciou. Môžu potláčať takéto lekcie kreativitu? Vôbe nie. Kritické myslenie je o zvedavosti, flexibilite a otvorenej mysli. V skutočnosti výskum ukazuje, že priama výučba kritického myslenia môže urobiť deti múdrejšími, nezávislejšími a kreatívnejšími. Jedným z vynikajúcich tipov pre výučbu kritického myslenia u detí je programovanie. Keď sa učíte programovať, učíte sa presne a analyticky premýšľať o nepredvídateľnom svete kódu. Logické zručnosti, ktoré tu môžu deti získať, sú neoceniteľné bez ohľadu na to, či sa nakoniec budú venovať programovaniu profesionálne. Learn2Code Kid Developer Na základe pozitívnej spätnej väzby z letného tábora iKid Summer Code Camp sme v Learn2Code pripravili dlhodobý programátorský kurz pre najmladších Kid Developer. Deti vo veku od 10 rokov učíme logickému a algoritmickému mysleniu hravou formou. Na výučbu využívame rôzne moderné nástroje (Scratch, MIT App Inventor a pod.), prostredníctvom ktorých deti zvládnu základné princípy a postupy programovania. V prvej časti kurzu vytvoria deti niekoľko vlastných interaktívnych hier, ktoré budú obsahovať grafiku, animácie, zvuky a ďalšie efekty. Kurz bude zameraný na rozvoj detskej tvorivosti v oblasti informatiky, takže si budú vedieť program navrhnúť, zrealizovať a zdieľať s kamarátmi. [Image] Druhá polovica kurzu bude zameraná na tvorbu vlastných mobilných aplikácií v prostredí MIT App Inventor. Dieťa bude objavovať a používať subsystémy operačného systému, ako je detekcia pohybu, polohy, reakcie na dotyk a ďalšie multimediálne možnosti. Na základe týchto experimentov spolu vyvinieme niekoľko mobilných aplikácii, ktoré si budete môcť otestovať vo svojom smartphone. Prvá demo hodina Na prvej hodine Kid Developera sa mladí nádejní programátori najskôr zoznámili s prostredím Scratch a postupne začali objavovať jeho funkcie a vytvorili prvé mini projekty. Vytvorili sme Kid Developer 2013 štúdio, ktoré všetkým odporúčame sledovať, pretože sem budú pribúdať ďalšie a čoraz zložitejšie a prepracovanejšie projekty Kid Developerov ;) V kurze máme ešte niekoľko voľných miest, tak neváhajte a príďte si vyskúšať programovanie naživo. Pokračujeme už budúcu stredu 13.11.2013 na CZŠ Narnia v Petržalke. 
 Skillmea: 2. modul - Ruby/Ruby on Rails II.
Vzdelávanie
28.05.2013
Marián Kristeľ

Skillmea: 2. modul - Ruby/Ruby on Rails II.

Pokračujeme v stručnom predstavení druhého modulu programu tvorby webových aplikácií v Learn2Code.  Migrácie Keďže počas vývoja projektu sa nevyhneme zmenám. Keď nahrávame nový kód na produkčný server, potrebujeme tiež aktualizovať tabuľky databázy. Tento problém riešia migrácie, ktorým sme preto venovali veľkú pozornosť. Migrácie sú prepracovaným modulom Ruby on Rails a napomáhajú spravovať tabuľky relačných databáz. Scaffolding Štefan nám ukázal aj zrýchlený spôsob generovania hlavných súčastí aplikácie - scaffolding. Scaffold vytvorí funkčné časti zdrojového kódu zo šablón, ktoré Railsy obsahujú. Takto vygenerované zdrojové kódy je následne samozrejme možné upravovať. Ak teda chceme vytvoriť na jeden šup modely, kontrolery aj šablóny, vygenerovať scaffold je ideálnym nástrojom. Treba však povedať, že hoci scaffold pomôže k rýchlemu začiatku s vývojom aplikácie, negeneruje univerzálny kód, je potrebné ho upravovať a z tohto dôvodu väčšina skúsených Rails vývojárov scaffold nepoužíva. Šablóny, layouty, partialy Ruby on Rails má integrovaný prokročilý šablónovací systém. Všetky šablóny aplikácie sa nachádzajú pod adresárom app/views/*. Výsledná podoba stránky, ktorú môžeme vidieť v prehliadači je dosiahnutá sledom rôznych krokov. Stránka pozostáva z layoutu, šablóny aktuálnej akcie a prípadne partialov. Každý z týchto elementov predstavuje určitý level zanorenia: 1. Najzákladnejšou šablónou je layout. Najčastejšie obsahuje iba základnú štruktúru HTML stránky a značky na načítanie CSS a JS súborov. 2. Do layoutu je vložená šablóna presne podľa aktuálneho controlleru a akcie (yield). 3. Každá šablóna môže do seba ďalej vkladať partialy, čo sú “mini šablóny” a riešia časť logiky v zmysle dizajnu (napr. navigácia alebo box s produktom).[Image] I18n Súčasťou Ruby on Rails je aj framework na preklad aplikácie do ďalších jazykov. Pomocou I18N (18 je počet písmen medzi i a n v slove internationalization) je možné vytvoriť jazykovú mutáciu nášho webu. Ukážka aplikácie, ktorú sme vytvorili, je na priložených obrázkoch (v aplikácii nebolo takmer vôbec použité CSS). Naše aplikácie je potrebné dostať online, keďže doteraz bežali len na lokálnej adrese. Využili sme na to cloud hostingovú službu Heroku, ktorá je do istej miery zadarmo.  [Image]  To je vo veľmi skrátenej a okresanej forme obsah druhého modulu, všetko sa obsiahnuť nedá a prebrali sme toho omnoho viac. Nadobudnuté vedomosti a zručnosti určite využijeme pri vývoji vlastných aplikácií počas workshopu, určite to tým však neskončí.
Skillmea: 2. modul - Ruby/Ruby on Rails I.
Vzdelávanie
14.05.2013
Marián Kristeľ

Skillmea: 2. modul - Ruby/Ruby on Rails I.

V tomto blogposte vám predstavíme čo sa naučíte v druhom moduli Learn2Code - Ruby a jeho frameworku Ruby on Rails. Celý modul trvá 7 týždňov a postupuje sa podľa učebnice, ktorá je písaná pre úplných začiatočníkov, ktorí sa chcú naučiť tvoriť dynamické weby a pokročilé webové aplikácie. Predpokladom úspešného štúdia je základná znalosť webových technológií, jazyka HTML, CSS a JavaScript.   V samotnom úvode tejto časti kurzu sme si všetci prešli inštaláciou najnovšej verzie Ruby na rôzne platformy: Windows, Linux aj OS X. Nebolo to bezproblémové, ale s podporou mentorov a Štefana nás to ani príliš nezdržalo. Učíme sa programovať v Ruby  Po inštalácii nasledovalo zoznamovanie sa s Ruby pomocou interaktívnej konzoly IRB a skúšanie si matematických operácií a premenných. Samozrejme, nevynechali sme triedy a  objekty, metódy, atribúty, dedenie a mnoho iného. Zatiaľ si to takmer nikto z nás neuvedomoval, ale všetky naučené poznatky sme neskôr využili pri práci s Railsami. Popri tom nám odporučené fajn online nástroje na samovzdelávanie, ako napr. TryRuby.[Image] Začiatky s Ruby on Rails Po bloku štúdia jazyka Ruby sme prešli na jeho najznámejší framework Ruby on Rails. Aj túto časť sme začali inštaláciou tej najnovšej verzie. Potom sme si vygenerovali našu prvú aplikáciu, prvý controller a štartujeme aplikáciu. Hurá! Tvorba webových aplikácií začína. Po týchto začiatkoch prichádza na rad generovanie modelu, ktorý zabezpečuje komunikáciu s databázou. V Ruby on Rails využívaný modul ActiveRecord dokáže pracovať s SQlite, MySQL, Postgre a ďalšími databázovými systémami a navyše poskytuje plnohodnotný CRUD, teda Create, Read, Update a Delete. K práci s modelom patrí aj vytváranie a vyhľadávanie záznamov, ich aktualizácia a mazanie. Toto všetko sme si precvičili na vzorových aplikáciách autobazár alebo bookstore.[Image] Zďaleka to nie je všetko, ďalšie zaujímavosti, ktoré sme sa naučili, prezradíme v nasledujúcich častiach blogu. Máte sa na čo tešiť :)
Sedem dôvodov, prečo sa učiť Ruby on Rails
Vzdelávanie
11.02.2013
Marián Kristeľ

Sedem dôvodov, prečo sa učiť Ruby on Rails

Zaujímaš sa o internet a technológie, chcel by si sa naučiť programovať, no nevieš kde začať? Learn2Code ti prináša ucelený koncept, ktorý ťa od základov uvedie do sveta internetu a postupne prejdeš na programovanie v populárnom jazyku Ruby a jeho frameworku Ruby on Rails. Rozhodovanie o tom, s ktorým programovacím jazykom začať, môže byť pre začínajúcich programátorov celkom komplikované. V tomto blog poste sme spísali 7 dôvodov, prečo sme zvolili Ruby on Rails a prečo si myslíme, že je najlepšou voľbu pre začiatočníkov. 1. JednoduchosťRuby bol navrhnutý a vyvinutý v 90-tych rokoch 20. storočia "Matzom" Matsumotom, jeho cieľom bolo zároveň vytvoriť jazyk, v ktorom budú developeri radi vyvíjať. Náš inštruktor Štefan to potvrdzuje a hovorí, že v Ruby a Railsoch je radosť programovať. Programovanie nemusí byť také zložité ako sa prezentuje. Ruby je programovací jazyk, ktorý sa najviac približuje nášmu bežnému jazyku. Je jednoducho čitateľný a môžeš s ním vytvoriť prakticky čokoľvek, je vhodný pre začiatočníkov. 2. DRYPísanie toho istého kusu kódu viackrát je zlé. DRY je skratka pre Don´t Repeat Yourself, čo v preklade znamená, že sa nemáš opakovať, čiže písať 2-krát ten istý kód. V praxi to znamená asi toľko, že to čo naprogramuješ na 50 riadkov v inom jazyku môže byť v Ruby napr. na 10 riadkov. 3. KonvencieV Ruby platia jasné pravidlá, ktorými sa riadia programátori. Tým by sa malo predísť neporiadku, ktorý znemožní iným programátorom pokračovať vo vývoji už existujúcej aplikácie. 4. ProduktivitaVšetky vyššie spomínané faktory, kvalitný framework – repozitár už hotových scriptov (jednou z výhod jazyka Ruby je systém tzv. gemov, čo sú vlastne knižnice, ktoré upravujú alebo rozširujú funkčnosť jazyka) a silná podpora komunity robí Ruby on Rails produktívnym, a preto aj jedným z najpopulárnejších programovacích nástrojov.   5. Silná komunitaPoužiteľnosť Ruby on Rails znásobuje silná profesionálna komunita developerov po celom svete. Častokrát nemusíte programovať funkciu do vášho projektu, pretože už ju niekto naprogramoval a zverejnil ju pre ostatných zdarma. Takisto sa môžeš od komunity veľa naučiť a získať podporu pri riešení problémov. Komunita okolo Ruby on Rails je úžasná. Existuje niekoľko webstránok, ktoré vám v začiatkoch pomôžu s vašimi otázkami (napríklad Stackoverflow) a ochotne dajú odpoveď. Ak chcete začať budovať svoju developerskú kariéru, vyhľadajte aj lokálne stretnutia programátorov (napr. v Bratislave je to známa Rubyslava). 6. Perfektný pre MVP Ruby on Rails je perfektný jazyk a framework pre rýchle vybudovanie MVP prototypu a ukážku toho, ako zhruba bude váš startup fungovať. Ak získate nejakých užívateľa, podarilo sa vám to rýchlo a veľmi lacno za krátky čas. 7. PopularitaRuby on Rails je momentálne najrýchlejšie rastúcim programovacím jazykom v USA, čo sa týka nárastu pracovných pozícií. Jeho rýchlosť, produktivitu a prispôsobivosť oceňujú hlavne nové technologické firmy (startupy), ktoré vytvárajú minimálny funkčný produkt (MVP) a neustále ho upravujú podľa potrieb zákazníka. Popularita Ruby a Rails je aj v rýchlosti vývoja, strmej krivke učenia a v nákladoch (Ruby aj Rails sú open source). Ruby je perspektívny jednoduchý a produktívny jazyk, v ktorom je radosť programovať :). Pokiaľ máš skúsenosti s viacerými programovacími jazykmi, napíš nám tvoj názor.
Prečo sa naučiť programovať?
Vzdelávanie
04.02.2013
Skillmea

Prečo sa naučiť programovať?

Internet a technológie v súčasnosti zasahujú do takmer všetkých oblastí nášho života. Svet sa rýchlo mení, prispievajú k tomu aj nové aplikácie, webové služby a software. Mať schopnosť programovať a tvoriť takéto produkty je obrovskou výhodou. Zatiaľ nie je znalosť programovania nevyhnutnosťou každodenného života, ale tento okamih sa približuje. Prečo by sme sa ale mali učiť programovať? Odpoveď je jednoduchá: všadeprítomné počítačové technológie.  Najväčším dôvodom naučiť sa programovať je možnosť vytvoriť čosi hodnotné vlastnými nápadmi. Pretože uskutočnenie nápadu má oveľa väčší význam ako nápad samotný. Konkrétne napísané, idea alebo nápad vyjadrená v kóde a naprogramovaná je mnohokrát viac ako nápad, ktorý je len na papieri alebo znázornený diagramom.  [Image] Kto sa chce učiť programovať, má pomerne veľa možností: knihy o programovaní, online kurzy, tutoriály, workshopy alebo napríklad Learn2Code. Schopnosť programovať je zručnosť, ktorá sa stáva mimoriadne dôležitá v súčasnosti, ešte dôležitejšia bude v budúcnosti.  Mali by sme sa teda naučiť programovať? Naša odpoveď je jasná. Aká je tvoja odpoveď?
Hello, world!
Vzdelávanie
24.01.2013
Skillmea

Hello, world!

Vítame Ťa na blogu projektu Learn2Code. Už z názvu je asi jasné, na čo je tento projekt zameraný. Mnohí skúsení ľudia z fachu zastávajú názor, že takmer každý je schopný naučiť sa aspoň základy programovania. Preto sme pripravili projekt Learn2Code, jedinečný vzdelávací koncept, prostredníctvom ktorého chceme naučiť študentov a mladých ľudí samostatne tvoriť webové a mobilné aplikácie. Na blogu sa budeme venovať príprave projektu a každodenným problémom, s ktorými sa pri spustení projektu stretávame. Samozrejme, nevynecháme ani tech témy a vzdelávanie, na ktoré je náš start-up zameraný. Keďže blog je nový, obsah bude postupne pribúdať. Budeme sa tešiť akejkoľvek spätnej väzbe na náš projekt, jeho vývoj, vaše pripomienky, otázky a témy na články. Prajeme Ti príjemné čítanie a veľa konštruktívnych diskusií.