Náš blog

Porovnaniu svetov Front-End a Back-End vývoja sme sa venovali pred pár mesiacmi. Dnes sa budeme hrabať v nástrojoch Front-End programátorov - čo všetko musíš zmáknuť, ak sa ním chceš stať (okrem našich kurzov). V tomto texte nebudeme polemizovať, či je lepší React, Angular alebo Vue.js. Či treba používať SASS alebo LESS, alebo.. ..či je lepší Mac, alebo PC. Prečítaš si o najpoužívanejších front-end technológiách, skúsime Ťa nasmerovať ako s front-endom začať a tiež (ak to myslíš naozaj vážne) ako sa ďalej rozvíjať, aby ti nič z Front-Endu neušlo. Pome! Predný koniec webu - technológie Stačí otvoriť niektorú webovú (alebo dnes už aj desktopovú, ajPadovú, ajFonovú, aj androidovú) appku a pozeráme sa na prácu Front-End vývojárov. To oni nakódili tie buttony a textové polia, s citom premysleli efektné animácie, menu a rozhýbali statický dizajn svojho kamaráta - grafika. V našom webovom svete pracujú Front-End vývojári primárne s HTML, CSS a JavaScript-om. Pre tieto technológie však existuje milión nástrojov a frameworkov, ktoré nám prácu uľahčujú, sme vďaka nim produktívnejší a dokážeme ľahšie tvoriť zložitejšie aplikácie. K takýmto - pokročilejším - nástrojom sa však dostaneš neskôr. Začať s React-om alebo AngularJS ako svojou prvou skúsenosťou s front-endom by bol asi masochizmus. Level 1: Kde začať? Niektorí z nás statické HTML stránky s využitím CSS štýlov zvládli už na strednej (alebo aj základnej) škole. Neskutočná nuda a ani sme netušili, že to môže byť pre nás neskôr užitočné. Niečo podobné, ako keď vás rodičia nútia chodiť do hudobnej školy a vedomosti zúžitkujete až o 10 rokov neskôr, keď s kamošmi vymyslíte kapelu. [Image] Všetky weby, webové aplikácie však využívajú HTML a CSS naplno a preto je potrebné ich zvládnuť úplne na začiatku – spoznať svoje možnosti. Aby sme si mohli povedať, že sme zvládli základy HTML, CSS a JavaScript-u mali by sme poznať funkcie elementov a atribútov z prvého grafu. Tiež by sme mali bez problémov vedieť používať základné CSS pravidlá a jednotky. No a mali by sme vedieť, na čo slúži jQuery a ako nám môže pomôcť. Všetky informácie a oveľa viac nájdeš v Yablkovom kurze: Webrebel 1: HTML, CSS & Javascript. Level 2: Ako pokračovať? Určite postupom času prejdeš z jednoduchých webstránok na zložitejšie weby. Tvoj CSS súbor bude mať 1000 riadkov a každá ďalšia zmena Ti zaberie 3 minúty strachu, 1 minútu roboty a 25 minút testovania a fixovania, ak sa niečo pokazilo. Je čas na lepšiu organizáciu svojich CSS štýlov. [Image] CSS Použi SASS - parádny preprocessor CSS štýlov, ktorý Ti umožní organizovať štýly prehľadne do priečinkov/súborov. Tiež môžeš zadefinovať premenné, ktoré obsahujú definície farieb, ktoré často používaš, alebo okraje - aby vyzerali všade rovnako. Ak ich potrebuješ zmeniť na viacerých miestach, prepíšeš hodnotu jednej premennej a máš to vyriešené. SASS vie pracovať aj s jednoduchými funkciami. Často používanými sú napr. lighten() a darken(), ktoré dokážu danú farbu zosvetliť alebo stmaviť. SASS má tých funkcií a možností samozrejme ďaleko viac. Ďalšími alternatívami k SASS môže byť LESS, Stylus, PostCSS a ďalšie. My v Learn2Code sme si obľúbili SASS. Responzívny dizajn Responzívny dizajn rieši problém so zobrazovaním Tvojho webu na rôznych zariadeniach. Pre front-end programátora je neodmysliteľnou súčasťou jeho skills. Mobilných zariadení je viac ako obyvateľov na svete - musíme optimalizovať aj pre malé obrazovky. Samotné HTML a CSS3 má v sebe nástroje, ktoré nám pri takejto optimalizácii môžu pomôcť. Napríklad veľmi dôležitý HTML meta tag je viewport, ktorý prispôsobí veľkosť písma pre malé obrazovky tak, aby nebolo príliž malé: <meta name="viewport" content="width=device-width, initial-scale=1.0"> Pomocou CSS tiež dokážeme ošetriť responzivitu tak, že na šírku elementov budeme používať percentuálne hodnoty a pravidlo box-sizing: border-box;. Takto môžeme zadefinovať vlastný grid, kde tieto pravidlá použijeme. CSS3 nám veľmi pomáha pri responzívnom dizajne s @media query. Pomocou @media dokážeme oddeliť CSS, ktoré bude platiť napríklad pri rozlíšeniach menších ako 1000px od pravidiel, ktoré budú platiť pre rozlíšenia vyššie ako 1000px. Výborná vec. Responzívnemu dizajnu venoval Yablko tiež kopec videí v kurze Webrebel 1. Front-end Framework Šikovníkov z Twitteru napadlo, že by bolo fajn mať po ruke sadu komponentov, ktoré veľmi často používajú vo svojich projektoch. Takýmito komponentami sú napríklad tlačidlá, rôzne typy menu, textové polia s validáciami alebo rôzne nadpisy. Dôležitá bola tiež responzivita. Aby nemuseli začínať vždy od nuly, vytvorili Bootstrap - framework, ktorý si okamžite získal vývojárov po celom svete. Bootstrap je obrovský urýchľovač času a čas sú predsa peniaze. Ak si Bootstrap obľúbiš a spoznáš ho poriadne, začneš experimentovať s upravovaním jeho vzhľadu a pridávaním nových funkcií napríklad cez JavaScript. Na internete nájdeš kopec pluginov, ktoré rozširujú jeho možnosti. Alternatívami k Bootstrapu môžu byť: Foundation, Materialize CSS, Semantic UI a rôzne iné. Level 3: JavaScript Dostávame sa do posledného levelu front-end programátora, tak vysúkajme rukávy a poďme na to :) JavaScript je jedným z najpopulárnejších jazykov. [Image] Príchodom Single Page Applications (SPA) sa jeho popularita zmnohonásobila. SPA rapidne zlepšili rýchlosť webových aplikácií. Podstatou SPA je, že celá stránka sa načíta len raz - na začiatku. Každá ďalšia zmena sa deje na pozadí a zmení sa len časť stránky s novým obsahom. Najlepšími príkladmi single-page aplikácií sú Facebook, YouTube, Twitter a mnohé iné populárne weby. Ani si nevieme predstaviť to množstvo JavaScript-u, ktoré tieto aplikácie obsahujú, pretože podstatná časť celej aplikácie je naprogramovaná práve v JavaScript-e. Veľa .js súborov na jednom webe môže spôsobovať nemalé problémy. Najmä, ak sú jednotlivé súbory na sebe závislé. Veľmi jednoduchý príklad: ak napíšeme vlastný JS plugin na zobrazenie foto galérie, ktorý je závislý na jQuery. Keď prehliadač stiahne a spustí náš plugin, už musí mať k dispozícii knižnicu jQuery. Je úlohou front-end programátora, aby takéto problémy vyriešil. JavaScript našťastie obsahuje obrovské množstvo nástrojov, ktoré nám pomáhajú riešiť podobné problémy. Tu sú niektoré situácie a ich riešenia: • Správa závislostí – ak je knižnica závislá na ďalších knižniciach, pomôžu nám npm alebo yarn • Automatizácia činností – veľkou pomocou je napríklad automatický refresh prehliadača pri každej zmene kódu. Takéto a podobné tasky môžeme riešiť cez gulp, grunt alebo npm • Správa modulov - nainštalované závislosti je potrebné poskytnúť prehliadaču vo forme výsledného .js súboru. Tu nám môžu pomôcť webpack, rollup, RequireJS, browserify • Automatizované testovanie - aby sme pri každej zmene nemuseli celú aplikáciu testovať ručne, pomôžu nám jest, mocha alebo jasmine • Syntax - aby sme neprodukovali JS špagety kód, vznikajú nové štandardy, ktoré sprehľadňujú syntax JavaScriptu - ES5, ES6 alebo ES7. Babel pomôže prehliadaču túto novú syntax pochopiť. JavaScript frameworky a knižnice Podobne ako nám Bootstrap pomohol s responzivitou a niektorými často používanými komponentami, existujú aj JavaScript frameworky, ktoré dopĺňajú svet front-end programátora a celý vývoj komplikovanej SPA urýchľujú. Opísať každý framework nie je úlohou tohoto článku, ak však niektorý z nich preferuješ, napíš nám do komentárov ktorý a prečo. Tu sú najpoužívanejšie: • React - Facebook vytvoril React ako riešenie pre svoje komplikované používateľske prostredie. Hlavnou ideou je vytvorenie komponentov, ktoré sa dajú použiť na viacerých miestach v aplikácii. Ak užívateľ vykoná nejakú akciu a zmení sa obsah stránky - prehliadač prekreslí len konkrétny komponent. • Vue.JS - Alternatívnou knižnicou k Reactu je Vue.js, ktorá sa teší čoraz väčšej popularite. Výhodou je prehľadnejší a ľahší syntax, kde sa nemieša HTML kód s JavaScriptom - čo niektorým vývojárom nevyhovovalo • AngularJS - Vytvorený firmou Google je na rozdiel od React a VueJS plnohodnotným frameworkom - obsahuje aj nástroje na komunikáciu s databázou. Ďalšie alternatívy k najpoužívanejším frameworkom/knižniciam: EmberJS, Preact, Inferno a mnohé iné. Level 4: Áno, existuje aj level 4. Sú to prídavné vedomosti naskillovaného front-end programátora. Napríklad bezpečnosť - prevencia pred CSRF, XSS, DNS pinning alebo clickjacking útokmi. Tiež poznanie psychológie používateľa je obrovskou výhodou - priorizovať použiteľnosť a prístupnosť aplikácie pred odvážnym dizajnom. Marketing, SEO, ... a mohli by sme ísť ďalej. Dôležité je nikdy sa neprestať vzdelávať, získať čo najväčší rozhľad v technológiách a v neposlednom rade nepodľahnúť popularite niektorého z nástrojov, ale zvoliť nástroj tak, aby splnil svoj účel.

Máme za sebou piaty ročník Rails Girls Bratislava, podujatie pre všetky dievčatá a ženy, ktoré sa neboja programovania. Už z názvu vyplýva, že dvere tu mali otvorené najmä ženy a teda aj celá akcia je výhradne venovaná nám - ženám. Prišlo však aj dosť veľa chlapov, v tomto prípade najmä lektorov. A kedy sa toto celé spáchalo? Rails Girls Bratislava sa tento rok konalo 22. júla v bratislavskom coworkingovom centre HubHub.[Image] Celú túto akciu zastrešuje Learn2Code a Aj Ty v IT včera v zastúpení skvelej Barbory. A tak dnes pri rannej káve môžeme skromne skonštatovať, že sme to spoločne zorganizovali na jednotku. [Image] Registrácia všetkých dievčat a samozrejme, chlapci prišli skontrolovať situáciu na recepcii tiež! [Image] Z registrácie priamo na raňajky :) Registračka a plné ruky darčekovAko to teda na akcii vyzeralo? Baby sa začali registrovať okolo deviatej ráno (až na zopár výnimiek, ktoré sa na poslednú chvíľu nedostavili), kde dostali inštrukcie a kopec darčekov, potom nasledovali bohaté raňajky. Barborka doniesla čerstvé pečivo, my ostatné sme krájali ako divé všetko, čo chalani nakúpili. Baby si pochutili na sladkom a slanom pečive, ovocí, jednohubkách, sladkostiach, cukríkoch, čerstvej káve a vlastnoručne vyrobenej citronáde (kuchyňa v HubHub je jednoducho úžasná a ja som sa do nej zamilovala - veď čekni fotky nižšie  a pozri na tie mňamky).[Image] Takéto mňamosky sme mali tiež![Image] Spoločné raňajky Slávnostné otvorenie a partneriPo výdatnom jedle a šálke kávy sa slova ujal Radovan Debnár z Learn2Code, aby celú akciu otvoril a povedal babám, čo ich čaká. [Image] Ten nakrátko vystrihaný fešák vpredu je náš Rado :) Potom prišli na rad aj partneri a sponzori Marek Greško z Titans Freelancers, Dominika Hurajtová z Accenture, Michal Turčan z Webglobe Yegon, Laura Gaetano z Travis CI, Norbert Oros z HubHub. [Image] Ďakujeme Norbertovi z HubHub za skvelý support v rámci celého dňa! Prekvapením bola aj Petra Cross, ktorá prišla dievčatá trošku motivovať a porozprávala o svojich začiatkoch, keď začínala pracovať ako prvá vývojárka z ČR a SR v Google. Ako sama povedala, jedného dňa len poslala e-mail s tým, že si uvedomovala, že za jeden deň im príde do Google asi tritisíc ponúk, ale ona mala to šťastie, že o pár dní už bola na pohovore. Porozprávala čosi aj o tom, ako pracovala na centrále v Kalifornii (pracovala na vyhľadávači v Mountain View) či na Gmaili. Dnes je súčasťou tímu, ktorý vyvíja mobilnú peňaženku Android Pay v San Franciscu. Na záver si ešte Petra urobila s dievčatami aj selfie :) [Image] Zdroj: Facebook  Úvod do programovania - inštruktáž Dievčatá dostali aj úvod do programovania, kde sa oboznámili so základmi programovania. Keďže táto akcia je určená najmä pre začiatočníčky, všetko bolo pripravené tak, aby sa aj dievčatá, ktoré doteraz neprogramovali, dozvedeli krok za krokom to, čo potrebujú na začiatku vedieť.[Image] Spoločná fotka nesmie chýbať! Workshopy v malých skupinkáchO jedenástej začali samotné workshopy, kde boli dievčatá rozdelené do 16 skupín a každá skupinka mala svojho lektora. Takto mala každá dostatok priestoru aj na otázky, komunikáciu a konzultáciu, keď niečomu napríklad nerozumela.[Image][Image][Image] V čase obeda všade rozvoniavala pizzaPo dvoch hodinách aktívneho programovania prišla na rad pizza, klasické kóderské jedlo. Baby, ale aj chalani si ju zaslúžili a počas obednej pauzy tak vznikol priestor na živú debatu, výmenu kontaktov a zábavu. Samozrejme sme mysleli aj na vegetariánov alebo ľudí s potravinovými alergiami, aby si každý mohol pochutnať na chrumkavej pizzi.[Image] Manel (vľavo) prišla na náš workshop z Budapešti, porozprávala nám trošku motivačne v rámci Lightning talks...a potom si dala malý drink :) Lightning talksPoobede sme začali opäť najskôr trošku motivačne a to formou krátkych prednášok jednotlivých koučov, kde sa dievčatá mohli pýtať na to, čo ich zaujímalo. Prvé slovo si vzala Manel Rhaiem z Mozilla Foundation, ktorá si pripravila tému How I celebrated my Failure as Success. Ďalej seňor Ramon Huidobro hovoril o Gite, Tony Bangratz porozprával na tému Rails in the Real World a nechýbalo aj trošku motivácie a serioózneho cvičenia od Elišky Čejpovej.  Ukončili sme to tak, ako sa patrí - afterparty!Po polhodinke (plus-mínus) venovej koučom sa dievčatá vrátili do druhej polovice workshopov, kde pokračovali v programovaní. Celú akciu sprevádzala dobrá nálada, nechýbala aj zábava. A tak sme sa rozhodli pokračovať v tomto duchu aj na našej afterparty. Okolo ôsmej sa teda skupinka dievčat a chalanov premiestnila do pivovaru v centre Bratislavy.   Ale aspoň jednu fotku z afterparty sa nám podarilo urobiť aj tak.[Image] Afterparty  HubHub ďakujeme za priestory!Veľká vďaka patrí HubHub, kde sa toto celé mohlo odohrať! Poskytli nám naozaj úžasné a super-moderné priestory a vďaka nim ste sa mohli všetky stretnúť na tomto krásnom mieste. Všetkým sponzorom ďakujeme!Rails Girls Bratislava sa mohlo konať aj za pomoci ďalších partnerov a sponzorov TITANS freelancers, Accenture, ASBIS SK,  Webglobe - Yegon, GitLab, Emark, Travis CI a mediálny partner robime.it. Všetkým našim sponzorom a partnerom patrí tiež veľká vďaka. ĎAKUJEME! Bez vás by sme to nedali.[Image] Celú akciu spískali Learn2Code a Aj ty v IT.[Image] Mediálny partner:[Image] Páčil sa ti tento článok? Venuj mu 👍  Ak máš na nás nejakú otázku, napíš ju dole do komentára 👇  

Prvý letný tábor pre našich malých programátorov máme za sebou. Decká mali počas piatich dní možnosť naučiť sa niečo viac o programovaní a dokonca sa pokúsili naprogramovať aj svoju prvú hru, zahrali sa s Ozobotom a dozvedeli sa veľa nových vecí zo sveta informačných technológií. V bratislavskom Poluse sa spolu stretlo 21 detí, na ktoré čakali dvaja naši lektori - Ľubo a Dominik. Prvý turnus sa konal v termíne 10. - 14. júla 2017. A čo všetko sa počas týchto dní naučili?  Deti si prešli jednotlivé oblasti ako: • základy dizajnu hier • základy tvorby 2D hry v jazyku Scratch • úvod do základov programovania ako postupnosť príkazov, udalosti, cyklus, vetvenie alebo premenné • naprogramovanie zložitejšej funkcionality v jazyku Scratch (vnímanie iných postáv) • vytvoriť pre hru rôzne animácie, zvuk alebo skóre • vytvoriť jednoduchú hru akú nájdete napríklad aj na internete[Účastníci Summer Code Campu][Úlohy pre deti] Interaktívna vzdelávacia hra nesmela chýbať! Deti vyskúšali aj našu vzdelávaciu hru Galaxy Codr, ktorú sme spustili začiatkom tohto roka a prešli si prvú planétu.[Nová vzdelávacia hra Galaxy Codr]Certifikát o úspešnom absolvovaní A že v našom tábore ide aj o vážne veci, svedčí napríklad aj takýto certifikát, ktoré deti dostali.[Certifikát absolventa]Deti pracovali aj v jednotlivých skupinkách, aby sa vedeli sústrediť.[Skupinové hry][Skupinové zadania pre lepšie sústredenie]Náš lektor Ľubo mal pripravené aj pútavé prezentácie.[Ľuboš a jeho pútavé prezentácie][Ľuboš a jeho pútavé prezentácie]Oddychový kútik Vieme, že decká musia aj zrelaxovať a oddýchnuť si a na to bola určená aj naša XBOX zóna, kde si mohli zahrať nejakú tú hru po dobrom obede.[XBox hrací kútik]Okrem programovania vnútri deti zašli aj von! Už tradične však náš denný tábor ponúka rôzne aktivity, ktoré môže deti vyskúšať. A tak, aby deti nesedeli len za počítačom, vymysleli sme im nevšedný program. A decká našu snahu ocenili. Tento rok sme veľmi rozmýšľali nad tým, kam by sme sa spoločne vybrali. Nakoniec sme sa rozhodli a dnes už vieme, že to bolo správne rozhodnutie.  Veda a zábava Počuli ste už o mieste, kde sa zábava prelína s učením? Jedno takéto centrum máme aj my v Bratislave. Volá sa Aurelium a je to zážitkové centrum vedy,  kde sa stretáva zábava a učenie v duchu hesla Jána Amosa Komenského „Škola hrou“, kedy je vedecký poznatok alebo akékoľvek učivo skryté v zábavnom experimente. Centrum vedy používa neformálne metódy, prvky hry a vzdelávania. [Návšteva Centra Aurélium][Priestory Centra Aurélium]Nechýbal šport Vieme, že pohyb je dôležitý a o to viac, ak sedíme dlhšie za počítačom. Preto sme s deťmi vybehli aj za športom a nemuseli sme ísť vôbec ďaleko. Poznáte Futbox? Že nie? My túto zábavku poznáme veľmi dobre. Je to netradičná forma zábavy a aktívneho odpočinku, pričom všetko ide ruka v ruke s vášňou, súťaživosťou a zábavou na minimálnom priestore pre futbal.[Aktívny oddych počas kurzu][Futbox tím] Posledné voľné miesta - prihláste dieťa už dnes!Ak sa vám páči idea našich letných táborov, máte ešte poslednú šancu prihlásiť vaše dieťa na dva augustové termíny. Máme zopár miest voľných v nasledujúcich termínoch: 7.-11. august - prihláška TU. 21.-25. august - prihláška TU. PRIHLASOVANIE BOLO UKONČENÉ. 

Neustále pre vás pripravujeme nové online kurzy, aby ste sa mohli neustále vzdelávať a zlepšovať sa. Tu je krátky zoznam kurzov, ktoré sme nedávano zverejnili a tiež, ktoré v lete 2017 pridáme. Nové online kurzyMovie Maker (Adobe Premiere Pro) S týmto novým online kurzom nahliadneš do sveta videa, strihu a postprodukcie a naučíš sa pracovať v jednom z najpoužívanejších programov na editáciu videa Adobe Premiere Pro. Visual Design: dizajn vlastného trička Pokiaľ si chceš nadizajnovať vlastný motív na tričko, v tomto kurze ťa to krok za krokom naučí náš nový lektor Peter. Do kurzu sa môžeš prihlásiť a študovať ho úplne zadarmo. Pripravované online kurzyZáklady programovania a OOP Yablkova horúca novinka, ktorú nájdeš na https://skillmea.sk už čoskoro a v ktorej ťa Yablko naučí programovať a tiež základy objektovo orientovaného programovania. Použije na to PHP, čo je stále najpoužívanejší programovací jazyk u nás, ale všetko, čo sa naučíš, vieš použiť aj v iných jazykoch. Kurz bude zverejnený ešte v júli. [UPDATE: kurz bol zverejnený] Social Media Marketing Ak sa chceš naučiť plávať v modrých vodách Facebooku a tiež Instagramu, nemôžeš si nechať ujsť novinku - online kurz Social Media Marketing. Facebook aj Instagram sa zo sociálny sietí postupne zmenili na mediálne platformy a to je skvelý dôvod, prečo sa s nimi naučiť pracovať. Kurz zverejníme tiež veľmi skoro :)  [UPDATE: kurz bol zverejnený] Final Cut Pro Máme síce kurz Adobe Premiere Pro, ale pre veľkých Apple fanúšikov chystáme aj Final Cut Pro kurz strihu a editácie videa. Naučíš sa okrem iného robiť animácie, farebné, zvukové a textvé efekty vo Final Cut Pro. Kurz bude dostupný v auguste. Sass Yablkova ďalšia novinka - online kurz zameraný na CSS preprocesor Sass. Vo všeobecnosti nám CSS preprocesory uľahčujú dodržiavať zásadu DRY (Don't Repeat Yourself) a tým zvýšiť prehľadnosť nášho kódu. Máš sa na čo tešiť, kurz bude vonku v auguste. Git Pri programovaní a práci na webových alebo iných projektoch často pracuješ so súbormi, s inými programátormi v tíme a preto je dobré vedieť používať verziovacie nástroje. Po absolvovaní nášho nového online kurzu Git pre začiatočníkov nebudeš mať problém pracovať so súbormi a ich sledovanie bude pre teba samozrejmosťou. Kurz zverejníme v auguste. [UPDATE: kurz bol zverejnený] Zoznam online kurzov Na ktorý kurz sa najviac tešíš a ktorý kurz by si chcel na Learn2Code vidieť? Napíš do komentára.

Pripravili sme pre teba zoznam klávesových skratiek pre Excel 2010. Tento blog popisuje najpoužívanejšie klávesové skratky, funkčné klávesy a niektoré ďalšie bežné klávesové skratky pre Microsoft Excel 2010 pre Windows. Ak používaš Mac, namiesto Ctrl je potrebné použiť klávesu Cmd. Kopírování Ctrl + C Kopírování Ctrl+X Vystřižení Ctrl + V Přilepení Formátování Ctrl+B Změní text na tlustý Ctrl+I Změní text na kurzívu Ctrl + U Podtrhne text Ctrl + = Přidá vnější orámování Práce se souborem F12 Uložit jako Ctrl + O Otevření stávajícího sešitu Ctrl+N Vytvoření nového sešitu Ctrl+S Uložení sešitu Výběr buněk Ctrl+Home Přesune kurzor do první buňky Podržte Ctrl a můžete označit více objektů najednou Shift Označte první objekt, podržte Shift a označte poslední objekt Ctrl + A Označí celou tabulku ve které se nachází právě označená buňka Ctrl + ← Přesune kurzor doleva na začátek tabulky Ctrl + → Přesune kurzor doprava na konec tabulky Ctrl + ↑ Přesune kurzor nahoru na začátek tabulky Ctrl+↓ Přesune kurzor dolů na konec tabulky Ctrl + mezera Označí celý sloupec Shift + mezera Označí řádek F2 Úprava textu právě označené buňky Různé Ctrl + F Najde nebe nahradí text Ctrl+Z Přesune o 1 krok dozadu Ctrl+Y Přesune o 1 krok dopředu F4 Změní adresu buňky z relativní na absolutní a naopak Ctrl + , Zobrazí nebo skryje všechny vzorce F1 Zobrazí nápovědu Ctrl + F1 Zobrazí nebo skryje pásy na hlavním panelu Alt + F8 Otevře nabídku pro nahrávání maker Shift + F2 Vloží do buňky komentář Súbor s klávesovými skratkami v Exceli si môžeš stiahnuť odtiaľto. Plus bonusová časť: videotutoriál, ako si upraviť vzhľad Excelu podľa svojich preferencií.

Tento piatok sme oznámili horúcu novinku a to, že sme sa dohodli s chalanmi z Truniversity a kúpili sme ich online kurzy. Zároveň sme však prebrali vedenie nad celým Truniversity, čiže odteraz je tento projekt v našej réžii, ale základná myšlienka vzdelávania zostáva žiť naďalej. K tomuto kroku sme sa rozhodli preto, lebo vám, našim super študentom, chceme prinášať nový a čerstvý obsah. A o kurzy na témy ako sú SEO, Google AdWords a ďalšie z online marketingu ste sa nás často pýtali. Už teraz teda môžete na skillmea.sk študovať online a vzdelávať sa v témach ako sú copywriting, SEO, performance marketing, komunikácia na Facebooku alebo Google AdWords. Ide o špičkové kurzy, ktoré vyvinuli kvalitní lektori.  Sú to tieto kurzy 👇   • Copywriting Pre koho je tento kurz určený? Už z názvu je nám jasné, že všetci kopíci si prídu na svoje. Teda všetci tí, ktorí sa chcú naučiť písať kvalitné texty či už online alebo offline projekty.  Nájde si tu dôležité informácie každý, kto chce robiť pútavý obsah, ktorý predáva.  • Performance Marketing Tento kurz je o PPC kampaniach a ich vyhodnocovaní, pričom hlavnými témami sú stratégia, kreativita, mediálne nástroje, optimalizácia webstránky, práca s používateľmi, testovanie a samotné vyhodnocovanie. • Komunikácia na FB Že Facebook nie je len o lajkovní statusov, fotiek a zabíjaním nudy v škole či práci aj v podobe nekonečného četovania s kamošmi, ťa presvedčí tento kurz. Facebook je právom kľúčovým nástrojom marketingu každej firmy. Okrem dôvodov, prečo je dobré FB využiť, sa dozvieš i to, ako vytvoriť stratégiu komunikácie na sociálnych sieťach, ako dosiahnuť čo najväčší počet svojich fanúšikov, ako postovať jednotlivé texty a v akom čase, akým chybám sa na FB vyvarovať a mnohé iné činnosti súvisiace s FB. • SEO pre začiatočníkov Kurz ťa zasvätí do základov SEO, dozvieš sa všetko potrebné na to, aby si vedel tú-ktorú techniku využiť pre svoj konkrétny web a zároveň tu nájdeš návody, ako používať jednotlivé nástroje či tipy na bezplatné SEO nástroje. • Google Adwords Máš webstránku alebo e-shop a chceš získať ďalších návštevníkov? Tak šup do tohto kurzu, kde sa naučíš pracovať s Google AdWords tak, aby tvoje produkty a služby vždy našli tí správni zákazníci. [A takto nejako vyzeral náš meeting]Aj naďalej budeme tvoriť nové online kurzy, programátorské, dizajnérske aj online marketingové kurzy. Ďalšie novinky na Learn2Code už čoskoro. Si s výberom online kurzov spokojný, našiel si si v ponuke niečo aj pre teba? Ktorý kurz si vyberieš ty?

Freelancer Tomáš Radič dlhé roky pracoval v korporáte, aj keď v podvedomí stále cítil, že to nie je to pravé orechové a lákalo ho programovanie. Až si nakoniec dal pauzu, urobil si kurzy a dnes je pánom svojho času. K práci sa vrátil zo zábavy, pretavil to zároveň do svojich projektov, ktoré robí na voľnej nohe. Pracuje pre úspešný slovenský startup, kde píše kvalitný kód. Porozprával nám aj o tom, ako sa môže niekto stať kóderom. Podľa neho je dôležité, aby človeka programovanie zaujímalo, musí mať chuť sa neustále vŕtať v kóde, dizajnovať riešenie, učiť sa nové veci.  Tomáš prezradil niečo o projektoch, na ktorých participuje. Pozrime sa na to! Mercudo  Je to projekt, zatiaľ jedinečný a je zameraný na úplnu správu predaja majetku z konkurzných konaní na Slovensku. Je to prvý web, ktorý umožňuje správcom konkurznej podstaty manažovať predaj a zverejňovať predávaný majetok z konkurzov na webe, čím sa tieto predaje stávajú verejné a transparentné.  Orderlord Na tomto projekte pracuje Tomáš takmer rok. Je to startup, ktorý funguje v reštauračnom biznise približne tri roky a hlavné zameranie je optimalizácia a tracking rozvozu objednaných jedál zákazníkom s viacerými zaujímavými funkciami. Napríklad na základe požiadaviek zákazníkov (doručenie jedla na určitú adresu s určitým presným časom) dokážu použiť algoritmus na automatické naplánovanie rozvozov - ktoré balíky, do ktorého auta, kedy vyrazia a aká bude ich trasa. Vyvinuli tiež vlastný pokladničný systém, Tomáš kóduje backendovú serverovú časť v Railsoch a tá komunikuje s Android-based apkou umiestnenou v reštaurácii, ktorú si tiež vyvíjajú sami.  Krátke predstavenie Tomáša nájdeš aj v tomto videu: Ahoj Tomáš. Na začiatok nám prezraď, ako si sa vôbec dostal k programovaniu? Čo ťa k tomu viedlo? V 18-tich som ozaj nevedel, že na akú školu ísť, čomu sa chcem venovať. Vybral som si tak trochu „random“, ale aspoň technickú školu. Už v 1. ročníku ma začali baviť veci spojené s počítačmi, dokonca sme ich svojpomocne skladali z dielov a začal som sa učiť programovať sám, vtedy vo Visual Basic 6.0. Hneď po úvodnej etape som prešiel na C/C++, pri čom som potom ostal dosť dlho. Neskôr som sa naučil ďalšie jazyky, ale C/C++ ma naučilo trochu „vidieť pod povrch“, je to výborný štart, keď má človek na to čas. Máš nejaký vzor, ktorý ťa inšpiruje? Osobu, ktorá je pre teba motivátorom? Ak áno, prečo práve on/ona? Nemám nejaký konkrétny „idol“. To, čo robím, by som robil aj tak, no musím povedať, že odkedy som začal takto freelancovať na projektoch, stretám sa často s naozaj mimoriadne schopnými ľuďmi, ktorí ma majú čo naučiť a kam ma posunúť. Som za to naozaj veľmi vďačný a keby som ich mal aj menovať, tak sú tam dvaja ľudia, ktorí sú pre mňa zvlášť obdivuhodní aj svojimi úžasnými schopnosťami, ale hlavne takou skromnosťou, cieľavedomosťou a nezávislosťou. Kde berieš inšpiráciu pre svoju prácu? Máš nejaké tipy, ktoré zaručene fungujú? Som presvedčený, že kódovanie sa nedá robiť pre peniaze. V skutočnosti sa tomu môžete venovať naozaj len vtedy, keď človeka baví sa vŕtať v kóde, dizajnovať riešenie, učiť sa nové veci, učiť sa to robiť dobre, samovoľne si o tom čítať, pozerať videá, zlepšovať sa neustále. Myslím si, že sa pri tom nedá vydržať, keď to človeka prirodzene nebaví.  Všeobecne ľudia vnímajú oblasť informačných technológií ako výhradne mužský svet. Čo si o tom myslíš ty?Je asi bežnejšie, že hemisféra zodpovedná za analytiku a logiku je bližšia skôr chalanom, ale stretol som v živote ženy, ktoré toto robiť vedeli, jedna z nich aj na veľmi vysokej úrovni. Pokiaľ to aj babu baví, tak sa to vie naučiť a vie to robiť. Myslím si, že každý z nás má nejaké limity, ktoré ak na sebe maká, dokáže ich prekonávať. V tejto oblasti je potrebné sledovať aktuálne trendy, inovácie. Ako si na tom ty? Stíhaš to všetko popri práci? Ja nejako zvlášť nerozlišujem prácu a „popri práci“. V mojom prípade je  práca skôr môj koníček. Viem, klišé ... ale je to tak. Preto sa prirodzene zaujímam o všetko, s čím prídem do styku a som si vedomý mnohých ďalších vecí, ktoré napr. ja už nepokrývam, len ich registrujem. Mám jasno v tom, čo chcem robiť, čo rozvíjať a myslím si, že najdôležitejšie je nájsť sa v niečom, čo človek potom dokáže povedať, že zastrešuje od-do a nech je to nejaká ucelená oblasť. Čo ťa najviac baví na tvojej práci? Máš nejaký obľúbený task, ktorý robíš najradšej? Baví ma navrhovať technické riešenie nejakého problému, byť pri tom, keď treba vymyslieť „mechanizmus“ pre nejaký účel, baví ma potom písať konkrétny kód, mám o tom svoje predstavy, ktoré principiálne uplatňujem. Baví ma učiť sa nové súvisiace veci, venujem sa aj svojmu vlastnému projektu, ktorý mi ide neskutočne pomaly teraz. Baví ma napr. už len taká práca s konzolou – príkazovým riadkom, či už je to Rails prostredie, alebo git, celkovo komunikácia s počítačom ma baví. Tiež ma zaujímajú algoritmické úlohy, cez vianoce som sa napríklad slušne vyhral s codility.com – môžem len  odporúčiť, aj keď je to už trochu pre fanatikov. Dnes je kvalitných programátorov, kóderov stále málo. Čo by si poradil všetkým, ktorí nemajú žiadne skúsenosti, ale chceli by nejako začať? Každý sa musí v prvom rade rozhodnúť, ktorej oblasti sa chce venovať, pretože nie je možné tu byť odborníkom na všetko, tzn. potom vybrať si súvisiace technológie, jazyky a frameworky a odporúčam youtube, tutoriály, kurzy a hlavne dôležitý je vlastný sample projekt. Nejaký na konkrétny účel, na ktorom sa potom dá aplikovať všetko naučené. No a pokiaľ má niekto čas, ja si vždy myslím, že nech je zámer akýkoľvek, jazyk C/C++ umožňuje pochopiť takú tú nejakú technickú prapodstatu. Tá potom pomôže rozumieť rôznym, povedzme “záhadným” problémom aj v iných jazykoch a prostrediach. IT je všeobecne vnímané ako veľmi špecifická oblasť. Aký je tvoj názor? Špecifické je celé inžinierstvo ako také, pretože celý náš moderný svet stojí na ľuďoch, ktorí sa venujú rozvoju svojho odboru. Určite navrhovať mechanizmy, alebo stavebné postupy nie je o nič jednoduchšie. Mne na vývoji softvéru veľmi vyhovuje aj to, že je to nesmierne kreatívne, že každá myšlienka sa dá hneď realizovať bez nejakých nákladov. Na vývoj v iných odvetviach je potrebné mať drahé vybavenie, laboratóriá, pričom v IT stačí mať nadšenie, predpoklady a notebook. Môže byť podľa teba programátorom každý? Určite nie, žiaľ nie. Okrem teda nejakých základných mentálnych predpokladov je tu nutný taký ten prirodzený záujem, čo je skôr dar. Pokiaľ niekoho prirodzene neláka vedieť, ako má byť ten kód/skript správne napísaný, ako a prečo je dobré veci urobiť tak a tak, potom veľmi skoro a veľmi často príde prekážka, ktorá dotyčného odradí. Poďme späť k tebe a teda tvojej práci. Ako si sa k nej vôbec dostal a aká je tvoja pozícia? Teraz pracujem pre jeden slovenský, úspešný a dobre rozbehnutý startup a ja tam robím development, to znamená teda hlavne technickú implementáciu nových nápadov a funkcií. Píšem teda kód a zúčastňujem sa aj dizajnovania novej funkcionality, celkovo všetkého, čo s tým súvisí. Čím všetkým si si musel prejsť, pokiaľ si sa vypracoval na túto pozíciu?Pracoval som najprv dlhé roky pre veľkú korporáciu v súvislosti s vývojom softvéru, no tam som sa nejako nevedel nájsť a motivovať, boli to také „roky spania“, to som však pochopil až neskôr. Potom som si dal voľno a dosť dlhý čas na to, aby som sa začal venovať tomu, čo som pociťoval ako pre mňa stále najzaujímavejšie, niekde to vo mne stále bolo. Využil som kurzy a potom aj personálne kontakty, aby som si za tým išiel a robil som to s nadšením, keďže ma to veľmi bavilo. Keď som v tom už neskôr vedel plniť svoje vlastné predstavy a úlohy, bola to taká trochu šťastná náhoda a jeden môj, teraz už, kamarát, s ktorým spolupracujem. Aj teraz ma napríklad zavolal pracovať na projekte, ktorý rieši on. Potom prišli ďalšie ponuky už cez referencie, tá freelance komunita zase taká veľká na Slovensku nie je a celkom o sebe vieme. Projekt sa dá nájsť aj cez internet na rôznych market place-och. Mám veľmi pozitívne skúsenosti už aj s takým typom spolupráce. Mal si niekedy pocit, že to nezvládneš? Bolo obdobie, kedy si chcel skončiť a robiť niečo úplne iné? Zažil som nejakú takú opustenosť a demotiváciu, keď som predtým pracoval v spomínanej korporátnej firme. Vôbec som nevedel, čo chcem, len som cítil, že môj predchádzajúci záujem o kódovanie a softvér nebola náhoda,  len som sa tam jednoducho nevedel nájsť. Tá skutočná motivácia prišla až potom, keď som tam skončil a vrátil som sa k tomu zo zábavy a keď som to začal pretavovať do práce na projektoch takto na voľnej nohe. Keby si mal tromi slovami opísať to, čo ti tvoja práca dáva, čo by si vyzdvihol? Uplatnenie, slobodu a kreativitu. Cítiš na Slovensku silnú konkurenciu  v tom, čo robíš ? Musíš mať „ostré lakte“?Ako som už spomínal, pracovať sa dá aj cross-kontinenty, dnes je veľa takých pozícií, samozrejme sa počíta s dostatočným jazykovým vybavením. Napriek tomu technológia, v ktorej pracujem ja, je tu veľmi minoritná. To síce znamená aj menej projektov v nej, ale zase aj ešte menej ľudí, ktorí by sa v nej vyznali. Aké sú tvoje plány do budúcnosti? Určite nechcem ísť cestou najvyššej ceny a najvyšších zárobkov, skôr sa snažím orientovať na čo možno najsilnejší sebarozvoj a hlavne je pre mňa dôležité pracovať slobodne a so schopnými, slobodnými a príjemnými ľuďmi. Pretože mne žiadne peniaze na svete nezaplatia tú stratu, ktorú by som mal uväznený v pevnej pracovnej dobe, na pevnom pracovisku a prípadne ešte s ľuďmi, ktorí povedzme nie sú prínosom pre biznis. Často sa to, hlavne vo väčších a zabehnutých firmách, stáva. Tomáš, ďakujem za rozhovor. Páčil sa ti rozhovor? Venuj mu 👍  Ak máš na Tomáša nejakú otázku, napíš ju dole do komentára 👇  

Matej Gábriš súťažil v našej CODE ARENE počas Profesia days začiatkom marca a získal zaslúžené prvé miesto! Matej nie je vôbec skúpy na slovo, a tak sme ho riadne vyspovedali. Matejove kroky viedli 2. marca 2017 do našej CODE ARENY v bratislavskej Inchebe. Že nie je žiaden nováčik na IT scéne, nám bolo jasné hneď. Veď predsa získal prvé miesto v našej kóderskej súťaži.   Matej má veľa skúsenosti, spomeňme teda niektoré projekty:   • http://zena.sme.sk/horoskop/ • http://supernoze.sk/ • http://www.penzionpavcinalehota.sk/ • https://dennikn.sk - Matej paticipoval na prvej verzii  • http://www.tricode.sk - Matejova bývala firma, v ktorej urobil web  • pôsobil aj ako lektor PHP a MySQL vo www.itvkurze.sk (vtedajší Aptech Europe) [Image] Matej si prebral výhru v CODE ARENE   A tak sme sa rozhodli, že ho trošku vyspovedáme. Prezradil nám niečo zo zákulisia programovania ako takého. Napríklad sme sa dozvedeli, že okrem toho, že príprava webky trvá dlhé hodiny, môže sa niekedy predĺžiť aj na celý rok (to sa mu totiž naozaj reálne stalo). Matej oficiálne pracuje ako full-stack developer a v nasledujúcich riadkoch sa dozvieš veľa zaujímavosti o ňom, jeho práci a celkovo o programovaní. Tak čítaj ꜜ  Zúčastnil si sa súťaže, v ktorej si musel naprogramovať webstránku podľa zadania v časovom limite 15 minút. Pre laika je to šialený čas. Pre profesionála? Dá sa nakódovať webstránka za 15 minút? Koľko času reálne strávi programátor pri tvorení webstránky? Nedá sa povedať, že súťaž bola priamo o naprogramovaní celej webstránky. Jednalo sa o programovanie „templatu“ v jazykoch HTML a CSS z pripraveného dizajnu. Nie je možné pripraviť celú webstránku za 15 minút. Všetci súťažiaci sa pokúšali za 15 minút pripraviť časť webstránky, tak aby bola pre divákov čo najviac vizuálne podobná dodanému dizajnu.  Reálne trávi programátor pri príprave webstránky dlhé hodiny. Samozrejme tento čas sa líši podľa toho, o akého programátora sa jedná. V mojom prípade sa dá povedať, že som full-stack developer, čo znamená, že mám na starosti prípravu celej stránky od dizajnu cez front-end (viditeľná časť webstránky pre všetkých návštevníkov) až po back-end (časť webstránky používaná administrátormi). Pri jednoduchších projektoch ako napríklad prezentačná webstránka pre firmu sa čas na úplné dokončenie webstránky pohybuje v rozmedzí pár dní. Avšak pri väčších projektoch, kde požadujú klienti na mieru pripravené riešenia, sa môže doba prípravy predĺžiť na týždne až mesiace. A od čoho všetkého to závisí? Dĺžka prípravy webstránky závisí od množstva faktorov. Od veľkosti webstránky, od množstva programátorov, ktorí na webstránke pracujú, od skúseností programátora aj od spolupráce so zákazníkmi. V poslednom prípade sa mi raz stalo, že zákazník dokázal predĺžiť prípravu webstránky aj o jeden rok. Je to výnimočné, ale môže sa to stať.  Veľa ľudí momentálne odchádza za prácou do zahraničia. Ako vnímaš trendy v programovaní na Slovensku v porovnaní so zahraničím? Neviem, čo by som nazval trendom v programovaní. Používanie nových frameworkov? Keďže web developer pracuje v online svete, tak všetky novinky sa ku nám dostanú tak isto rýchlo ako do iných kútov sveta. Záleží na programátorovi či má chuť sa učiť nové veci, alebo zostane pri svojom štandarde.  A ako je to s prácou na Slovensku? Ako vnímaš náš trh v tejto oblasti? Je tu dosť ponúk, dá sa tu vôbec presadiť?  Slovenský trh rozhodne ponúka veľa možností pre programátorov. Určite nie je potreba vycestovať. Pracovných miest pre programátorov je viac než dostatok. Dá sa povedať, že je veľký nedostatok programátorov.  A čo si teda myslíš o pracovných podmienkach v zahraničí? Majú programátori v cudzine lepšie podmienky v porovnaní s programátormi na Slovensku?  Pokiaľ sa jedná o plat, tak v zahraničí býva niekoľko násobne vyšší, ale aj financie potrebné na bežný život sú vyššie. Pracovné podmienky sa dajú porovnávať. Benefity ako futbalový stôl, miesto na rýchly spánok, pohyblivý čas na prácu a podobne, sú už bežné aj u nás. Firmy sa predbiehajú, kto ponúkne viac benefitov, aby dostali programátora k sebe a potom si ho aj udržali.  Ako sa dá podľa teba čo najjednoduchšie dostať k programovaniu webstránok? Musí mať na to človek nejaký talent, alebo stačí len chuť? Na programovanie webstránok sa môže dať naozaj každý. Stačí iba chuť a výdrž. Určite nie je potrebný žiadny špeciálny talent. Ja som napríklad začínal, keď som mal 15 rokov (dnes mám 30). Začal som programovať v jazyku C++ iba v konzole. V podstate som sa všetko naučil sám a nechodil som na vysokú školu. Keď som mal 25 rokov, tak som navštevoval jeden večerný kurz. To som už ale bol zbehlý programátor a kurz mi iba takpovediac dal dokopy všetko, čo som už ovládal a nasmeroval ma správnym smerom. Ako full-stack developer potrebujem ovládať všetky jazyky bežne používané pri tvorbe webstránok HTML, CSS, JavaScript, PHP, SQL a nie je mi cudzí ani linux, avšak ovládam aj ďalšie programovacie jazyky ako napríklad C, C#, JAVA.  Čo by ste poradil začínajúcim kóderom? Na čo si majú dať pozor a naopak, čomu by mali venovať najviac pozornosti? Začínajúcim kóderom by som odporučil sa naučiť dobre a správne googliť, pretože to budú robiť väčšinu času, keď si nebudú vedieť rady s nejakým problémom. Určite odporúčam - naučiť sa poriadne jeden programovací jazyk, vďaka čomu bude už hračka naučiť sa akýkoľvek iný programovací jazyk. Tým nemám na mysli HTML či CSS.   Vďaka za rozhovor Matej. Páčil sa ti rozhovor? Venuj mu 👍  Ak máš na Mateja nejakú otázku, napíš ju dole do komentára 👇  

Keďže sa teraz trošku pohybujem v IT komunite ľudí, poznám niekoľko programátorov. A tak si stále hovorím (alebo myslím), že skutočne trávia za PC celé dni a keď sa zahĺbia do svojho kódu, nesledujú, čo sa deje okolo nich. Viem, čo hovorím - chalani si totiž už tretí týždeň vôbec nevšimli, že som ostrihaná! Ako môže teda niekedy vyzerať taký život ortodoxného kódera?  GIF webyAk si programátor a zároveň chceš propagovať svoju prácu povedzme prostredníctvom blogov alebo iných príspevkov, môžu sa ti niekedy hodiť do článkov aj vtipné GIFká. Všeobecne nemusíš byť len programátorom, na svoje si príde každý copywriter, bloger, redaktor, ktorý čo-to píše a potrebuje texty doplniť o nejaké to dobré GIFko. Ktoré webky majú tie naj GIFká? Čítaj ďalej! Takže, kde zaručene nájdeš GIF, ktoré práve potrebuješ? Čekuj najmä weby ako giphy.com - samozrejme, že ti ako prvé nemôžem ponúknuť nič iné ako Giphy, pretože práve tento web navštevujú denne milióny užívateľov (niektoré zdroje uvádzajú desiatky miliónov a iné zas sa pohybujú v stovkách miliónov) a je to určite najrozšírenejší zdroj GIFiek pod slnkom. Tu nájdeš všetko, používam ho aj ja úplne najčastejšie a musím priznať, že patrí medzi moje naj. Ďalšie weby, ktoré odporúčam, sú napríklad thecodinglove.com, reddit.com,  reactiongifs.com. Pre tých prieberčivých je ešte jedna možnosť a to vytvoriť si také GIF, aké presne potrebuješ. Ak si chceš urobiť vlastné GIF, tak určite na stránke makeagif.com. Späť k tým našim programátorom. Naozaj si myslím, že to môžu byť vtipní ľudia a vôbec s nimi nemusí byť až taká nuda. Aby som ťa presvedčila, vybrala som nasledujúce GIFká.  Pondelok ráno: Takže, zľahka si vyťukám svoj kód...[Image] Utorok (niekedy okolo obeda): A takto môže vyzerať homeoffice :)[Image] Streda (ráno) - still in progress[Image] Streda (neskoro poobede): Takto zas môže vyzerať, keď je kríza alebo sa jednoducho nedarí a kód si robí, čo chce[Image] Stále streda? Možno už štvrtok? Svitá na lepšie časy?[Image] Na druhej strane - nič nepoteší programátora viac, ako keď jeho kód skutočne funguje tak, ako má  A nasleduje nefalšovaná radosť! ...alebo aj takto (väčšinou už niekde okolo 18:00 h piatok) Programátor musí mať prstoklad! Alebo? Keď všetko fičí, ako má  Nadčasové CSS gifko, ktoré nikdy neomrzí:)[Image] Zmením len tento jeden riadok v kóde:[Image] Skutočne 👇 [Image] Tip na záver Mne osobne sa páči napríklad tento blog, ktorý ma vždy zaručene pobaví.  Páčil sa ti tento blog? Venuj mu 👍  Ktoré GIFko sa ti páčilo najviac? Napíš mi ho do komentára 👇  

Vo februári 1997 bolo na sieti Internet prístupných milión webov. To bolo pred dvadsiatimi rokmi (tiež som si práve uvedomil aký som starý). Dnes by sme ich rátali v stovkách miliónov. Od tej doby prešiel vývoj webov neskutočnými zmenami. Z jednoduchých prezenčných stránok nakreslených v skicári a oživených HTML, CSS a JavaScript kódom sa stali zložité CMS, LMS, CRM a WTF systémy postavené na niektorých z desiatok back-end technológií. Dáta môžeme ukladať do SQL alebo NoSQL databázy a súbory už nenahrávame jednoducho na server cez FTP, ale používame zložité build systémy, ktoré náš kód najprv otestujú a až potom posunú do produkcie. Aplikácie otvárame na tabletoch, smartfónoch, laptopoch, chladničkách, … – preto je dobré ak majú responzívny dizajn. Aby tej terminológie nebolo málo. Jednému programátorovi to množstvo technológií, s ktorými sa denne stretáva, začína prerastať cez hlavu. Preto sa web vývojári začínajú špecializovať. Dve najvýraznejšie skupiny sú front-end a back-end vývojári. Ďalší by boli full-stack vývojári, DevOps.. Tento text ti pomôže pochopiť, čo je úlohou front-end a back-end vývojára a s akými technológiami najčastejšie tieto dve skupiny vývojárov pracujú. PolopatistickyAk chce programátor postaviť dom, najprv zavolá back-end tím: murára a tesára. Back-end murár mu vybetónuje základy, postaví steny, vymuruje otvory na dvere a okná. Neskôr mu pomôže back-end tesár. Ten postaví strechu. V takomto dome by sa však bývalo ťažko - preto príde front-end tím: maliar a bytový dizajnér. Front-end tím zútulní tehlové steny a zariadi dom – aby všetko vyzeralo parádne, spolu ladilo a hlavne plnilo svoj účel. Ak to premeníme na web-development svet, tak back-end je základom pre našu aplikáciu. Je to skrytá časť aplikácie (používateľ ju nevidí), ktorá úzko spolupracuje so serverom, databázou. Úlohou back-end programátora je tvoriť kód, ktorý je efektívny, zbytočne nezaťažuje server, databázu - napr. aby používateľ nečakal príliš dlho na potrebné dáta. Už dve sekundy sú nekonečno. Front-end je zase tá časť aplikácie, ktorú vidí a pracuje s ňou používateľ. Často je označovaná pojmom User Interface (UI). Úlohou front-end programátora je, aby sa aplikácia zobrazovala každému používateľovi správne a aby mu čo najviac uľahčila prácu s aplikáciou. Front-end programátor vie z tvojho jednoduchého kliku na tlačidlo vyrobiť parádnu animáciu, ktorá ti napr. odkryje ďalšie možnosti práce s aplikáciou. Jazyky, nástrojeVývojári pracujú s mnnožstvom technológií, ktoré sa niekedy menia od projektu k projektu. Diagramy zobrazujú len najpoužívanejšie technológie. Dôležité je rozumieť, že nie všetky technológie z diagramu musí vývojár ovládať - je však dobré o väčšine z nich aspoň niečo vedieť - pri veľkých projektoch môže mať niektorá technológia výhody, iná nevýhody. To je ale na dlhú debatu a mal by to riešiť vývojársky tím interne, najlepšie face-to-face. V žiadnom prípade neodporúčam pýtať sa na sociálnych sieťach, či je lepší React, alebo Vue JS. Nikam to nevedie :)  [Image] Backend technológie [Image] Frontend technológie Samostatnú kapitolu by mohli tvoriť webové frameworky ako Ruby on Rails, Laravel alebo ExpressJS. Tie nám uľahčujú postaviť celú aplikáciu - front-end aj back-end časť. Technológie v Learn2CodeKaždá webová aplikácia má iné nároky a výber technológií často súvisí aj so skúsenosťami a preferenciami tímu riadeného skúseným CTO. Takýto koktejl technológií sme namiešali v Learn2Code pre naše projekty: Front-EndPracujeme s frameworkom Ruby on Rails. S front-end časťou aplikácie nám v Rails pomáha SASS preprocesor, vďaka ktorému máme CSS štýly organizované v komponentoch a veľmi jednoducho sa v nich orientuje. Základ nášho layoutu tvorí framework Bootstrap, ktorého vzhľad je upravený pomocou CSS štýlov - opäť s využitím SASS. Na niektoré časti aplikácie https://skillmea.sk sme nasadili React - prezeranie videí, fórum. V starších projektoch stále využívame jQuery. Uvažovali sme nad experimentovaním s Vue.js, nakoniec túto technológiu neimplementujeme. Yablko však bude robiť online kurz na Vue.js :) React a všetky jeho závislosti spravuje NPM - Node Package Manager a WebPack, ktorý nakoniec vypľuje jeden veľký bundle.js súbor. Back-EndKeďže používame Rails, back-end je písaný v skriptovacom jazyku Ruby. Na testovanie používame RSpec. Používame relačnú databázu PostgreSQL, kde máme uložené všetky dáta. DevOpsAplikácie nám bežia na serveroch Heroku. Obrázky skladujeme na Amazon S3. Video obsah je uložený na serveroch Vimeo, s ktorými komunikuje React prostredníctvom REST API. Kód všetkých projektov skladujeme v privátnych repozitároch na GitHub. Na nekvalitný kód nás neustále upozorňuje RuboCop a JSHint. Nasadenie nových funkcií do hlavnej aplikácie je riadené s pomocou Continuous Integration - CodeShip.com. Niektoré z technológií, ktoré používame možno poznáš. Niektoré z nich ťa dokonca vieme naučiť aj u nás v Learn2Code, stačí pozrieť zoznam kurzov. V ďalších blogoch sa pozrieme na front-end aj back-end detailnejšie. Ak máš nejaké otázky, postrehy alebo si niečomu nerozumel, napíš komentár.

Do tímu lektorov Learn2Code sa pridal Martin Šimo, ktorý je podpísaný pod náš nový kurz Google Analytics pre začiatočníkov.  Ako sám hovorí, má s online vzdelávaním výborné skúsenosti a odporúča túto formu skutočne každému. Porozprával nám viac o Google Analytics a marketingovej analytike ako takej.[Image] Na úvod sa nám prosím predstav, čomu sa presne venuješ?  Ahojte, som Martin a robím, čo mám rád. Potom hľadám spôsob, ako to použiť pre biznis. Pre tento rozhovor je najrelevantnejšia marketingová analytika. Toto je široký pojem, pod ktorý v mojom slovníku spadá analýza správania užívateľov, zákazníkov, kampaňových nákladov a ďalších vecí, ktoré súvisia s digitálnym biznisom. V princípe ide o prácu s ľuďmi a číslami. Ľudia, ktorí majú potreby, požiadavky a svoje vzorce správania. Plus čísla, ktoré používam ako meradlá pre všetky tieto veci, aby som ich vedel vyhodnocovať a optimalizovať. V Learn2Code sme spustili nový online kurz Google Analytics a ty si jeho lektorom. Ako vnímaš túto pozíciu? Ako veľkú zodpovednosť. Ide o môj prvý online kurz a snažil som sa ho pripraviť tak, aby odovzdal čo najviac vedomostí a skúseností. Sám mám s online vzdelávaním výborné skúsenosti a ak sa mi podarí odovzdať skúsenosti ďalej, budem veľmi rád.  Ak nie, tak si rád vypočujem feedback. Aby som zlepšil kurz pre nich aj ďalších študentov.  Spomínaný online kurz je vhodný pre začiatočníkov. Je to naozaj o tom, že si ho môže urobiť aj niekto, kto v živote nevidel Google Analytics a vlastne netuší, čo to je? Najviac hodnoty z kurzu bude mať študent, ktorý vie čo Google Analytics je, ale nemá s ním žiadne alebo takmer žiadne praktické skúsenosti. A chce to zmeniť. To je najdôležitejšie.  Čo sa týka úkonov a klikačiek, kurz začína vytvorením účtu, čiže najzákladnejším prvým krokom. Postupne v kurze predstavujem celé rozhranie a ukazujem pokročilejšie možnosti práce s dátami. Takže sa dostaneme aj k zložitejším reportom, ich automatizácií a importom vlastných dát.  Tí, ktorí už majú základy Google Analytics, respektíve sú pokročilí, sa v tomto kurze zrejme nenájdu. Alebo je kurz vhodný aj pre nich? Túto odpoveď zistí každý podľa verejne dostupnej osnovy. V kurze sú veci, ktoré nemusí ovládať úplne každý. Napríklad to, ako sa nastavujú konverzie pomocou eventov alebo import vlastných dát.  Na druhej strane platí, že kto sa vie pýtať tie správne otázky, nájde všetky odpovede aj na Googli. Cieľom kurzu preto nie je Google nahradiť, ale skôr oboznámiť študentov so všetkými možnosťami rozhrania a ukázať ich na konkrétnych príkladoch.  Podobne ako Morfeus v Matrixe sa im snažím ukázať dvere. Prejsť cez ne musia študenti sami.  Čo týmto kurzom môžem získať? Čo všetko budem vedieť urobiť po absolvovaní kurzu? Nastaviť základné aj pokročilé merania pre jednoduché aj zložitejšie webové projekty. Čiže od webovej stránky, ktorá ponúka tri služby až po zložitejší portál typu Learn2Code.   Ak si majiteľka projektu, tak ti to umožní pozrieť sa detailne na zúbok návštevníkom tvojho webu aj výkonností tvojich marketingových kampaní. Uvidíš, na čo míňaš koľko peňazí, akých návštevníkov ti konkrétne kampane nosia a aj to, ktoré kampane sú najziskovejšie.  Ak si zamestnanec agentúry alebo freelancer, budeš tieto analýzy vedieť spraviť pre svojich klientov. Ukážeš im, prečo tvoje kampane sú tie správne a najlepšie. Alebo zistíš, že nie sú a zlepšíš ich.  Ak nie si ani jedno, tak ti kurz dá zdravý analytický základ pre obe role.[Image] Znamená to, že si môžem potom do životopisu uviesť, že ovládam základy Google Analytics, alebo si tam kľudne môžem dať, že ovládam Google Analytics? Áno, môžeš si uviesť, že Google Analytics ovládaš. Budeš oboznámený so všetkými hlavnými možnosťami a funkciami. Pri konkrétnom zadaní sa vždy budeš môcť ku kurzu vrátiť a pozrieť si, čo sa ako nastavuje.  Dôležité je vyskúšať si všetky nastavenia a možnosti na vlastnom príklade. Tak sa pri kurze naučíš najviac.  Všeobecne sa hovorí, že v IT treba neustále sledovať trendy, platí to aj napríklad u Google Analytics? Menia sa tam veci rýchlo, ak sa vôbec menia? Alebo je to stále o tom istom? 100%! Navyše je analytika takou zvláštnou hybridnou rolou. Aby si svoju prácu robil dobre, musíš mať prehľad nielen o nástroji samotnom, ale aj o celospoločenských trendoch.  Napríklad rast návštevnosti z mobilov. Môžeš si ho všimnúť na vlastných dátach. Nájdeš ho podľa toho, že tento segment tvojich zákazníkov má nižšiu mieru konverzie. A začneš robiť kroky, aby si to opravil. Napríklad vytvoríš responzívny web.  Ideálne však je, ak už si o tomto trende vedel skôr. Čakal si, že príde a bol si na neho pripravený. Buď preto, že si o ňom čítal alebo si všímaš správanie ľudí okolo seba.  Ja sa napríklad často v električke pozerám ľuďom do mobilov. Beriem to ako súčasť mojej práce, pretože ma zaujíma v akých aplikáciách trávia čas a čo v nich robia. To viem potom využiť a pripraviť sa na zmeny v ich správaní.  Na druhú stranu si treba uvedomiť aj to, že niektoré veci sa nemenia. Ľudia budú stále ľuďmi. Aspoň dokým z nás nebudú roboty. A toto je tiež veľmi dôležité. Vždy budeme preferovať krajšie pred škaredým, rýchlejšie pred pomalým a kvalitu pred pozlátkom.  [Image] Je podľa teba na Slovensku dostatok profesionálov v Google Analytics? Je tu silná konkurencia? Musíš mať „ostré lakte“? Ťažká otázka. Zatiaľ je veľmi málo firiem, ktoré sa webovej analytike venujú naplno. Je to však veľmi rýchlo rastúci segment. Hlavne u veľkých klientov, ktorí majú dát veľa a začínajú ich využívať.  Teraz, v máji 2017, je podlľa mňa veľká príležitosť začať sa webovej analytike venovať. Tento trh bude v najbližších rokoch iba rásť. Od veľkých klientov postupne aj k stredným a menším. A ak sa niekomu podarí vybudovať si silné meno, tak bude mať vyhraté.  Výzvou je zatiaľ menší dopyt. Je náročnejšie nahovoriť stredných a menších klientov, aby sa tomu venovali. Aj kvôli tomu, že dobrá analytika odhaľuje nepríjemné problémy. Keď niekto investuje 5 000 eur do nového webu, väčšinou nechce počuť, že je zlý a nefunguje.  Preto sa analytika väčšinou ponúka ako doplnková služba k niečomu inému. Či už výrobe webov alebo marketingovým kampaniam. A tu je aj najväčšia príležitosť na uplatnenie pre absolventov kurzu. V agentúrách, ktoré ponúkajú digitálne služby a vďaka analytike chcú rásť. [Image] Poďme teraz k tebe. Máš nejaký vzor, ktorý ťa inšpiruje? Osobu, ktorá je pre teba motivátorom? Ak áno, prečo práve on/ona? Mám ich veľa. Ak mám spomenúť iba jedného, tak určite Gary Vaynerchuk. Vedie online marketingovú agentúru v New Yorku a zdieľa obrovské množstvo svojich vedomostí a skúseností. Dokonca vešia na YouTube každý deň vlog.  Vďaka nemu môže hocikto nazrieť do života CEO firmy, ktorá za 7 rokov narástla z 25 na 700+ zamestnancov a má obrat cez 150 miliónov dolárov. Odporúčam ho sledovať každému, koho zaujíma marketing, predaj, ľudské správanie, vedenie firmy alebo potrebuje pravidelnú dávku motivácie.  Aké sú tvoje skúsenosti s prácou v IT oblasti? Čo ťa baví najviac a kde sa vidíš o nejaký čas? Máš nejaké konkrétne plány? V IT oblasti nerobím, venujem sa online marketingu. Jediné čo mam s IT spoločné je zopár klientov, pre ktorých sme robili.  Momentálne ma najviac zaujíma psychológia a leadership. Sú to pre mňa ďalšie kúsky do mozaiky rastu. Prečo je dôležitá vízia a čo to vlatne je? Ako zistiť, či má biznis šancu na úspech alebo nie? Čo urobiť preto, aby celý biznis fungoval lepšie a mohol rásť?  Tieto otázky sú dôležité pre nás aj pre našich klientov.  Čo sa týka budúcnosti, snažím sa nemať očakávania a byť otvorený možnostiam. Zatiaľ sa mi to vždy vyplatilo.  Martin je lektorom online kurzu Google Analytics pre začiatočníkov, ak chceš s Google Analytics začať, ale nevieš kde, tento kurz je pre teba ako stvorený. Ak máš na Maťa nejaké otázky, napíš ich do komentárov.

Stanley Mácha má už svoju premiéru u nás úspešne za sebou. Odšoféroval totiž svoj prvý prezenčný kurz grafiky v Košiciach. Jeho študenti sa naučili ovládať Photoshop a Illustrator. Počas šiestich týždňov si vytvorili svoje vlastné logo, vizitku, základný dizajn manuál či dizajn webu. Vzniklo aj niekoľko pekných prác, ktoré si nechceme uškrečkovať len pre seba! Radi by sme ich zdieľali aj medzi vami, tak poďme na to. [Jakub v kurze vytvoril identitu pre firmu, ktorá vyrába organické hnojivá z ovčieho trusu.] [Identita pre sprievodcu mestom, ktorú navrhla a nadizajnovala Julka.][Identita pre upcycled módne doplnky (príklad prezentuje tašky vyrobené z vyradených bezpečnostných pásov) od Lucky.][Megi vytvorila identita pre eventovú agentúru, ktorá organizuje metalové koncerty.][Vlado nadizajnoval identita pre komunitu snowboarderov][Posledná ukážka jedného zo študentov, Marek pripravil identitu pre smart home:] [Marekove Smart Home]Pokiaľ sa tiež chceš nakopnúť a začať s grafikou, určite mrkni na naše kurzy venované dizajnu :)