Vzdělávání

Letos nám frajeři z TC-39 (nevíš-li co TC-39 je, čti dále) naservírují novou verzi ECMAScript specifikace - novinky, které můžeme jako vývojáři používat při programování v JavaScriptu. BigInt, optional chaining, Promise.allSettled, String.matchAll, globalThis a další. O tom, jaké problémy řeší tyto nové funkcionality, si povíme v dalším blogu. Tento text je věnován specifikaci ECMAScript a mimo jiné se dočteš: • proč potřebujeme specifikaci na to, jak implementovat JavaScript Engine v prohlížeči • proč se specifikace nevolá JavaScript, ale ECMAScript a co je to vlastně ta ECMA • jak dlouho trvá, než se nápad nové funkcionality jazyka JavaScript stane jeho součástí ECMAScript?V roce 1995 vyhrál oscar Tom Hanks s filmem Forrest Gump, v rádiích fičel Gansta's Paradise od Coolia a web BBC vypadal takto:[Image] 80% uživatelů internetu surfovalo v prohlížeči Netscape Navigator a Microsoft teprve končil vývoj Internet Exploreru. Pokud ho vůbec někdy dokončili. Ne všichni byli spokojeni s tím, jak web tehdy fungoval: statický obsah, sdílení dokumentů a žádný pohyb. Softwarový inženýr z Netscape - Mark Andreessen - chtěl vytvořit jazyk, který by s lehkostí používali nejen vývojáři, ale také designéři a do webů přinesli špetku interaktivity. Buttony a tak. Brendan Eich (jméno je třeba si zapamatovat - je to frajer) je člověk, který tento programovací jazyk začal tvořit. Prvním pokusem byla implementace jazyka SCHEME do prohlížeče Netscape. Mimochodem - jevisté v SUN Microsystems přemýšleli nad způsobem, jak spouštět Java kód v prohlížeči, čímž také přinesli interaktivitu do webových stránek. Tato implementace však nebyla jednoduchá na používání, a proto zůstala volbou korporátních mastičů. Mocha (takto se jmenovala první verze dnešního JavaScriptu) byla vytvořena jako alternativa pro designéry a vývojáře. Mocha » LiveScript » JavaScript vs JScriptVytvoření první verze Mocha trvalo jen 10 dní. Později byl tento jazyk přejmenován na LiveScript a poté na finální JavaScript. Fun fact: slovo „Java“ se tam nedostalo náhodou – byl to však jen marketingový způsob, jak se svést na popularitě jazyka Java. Internet Explorer chtěl také držet krok s dobou, a proto začali iv MS pracovat na implementaci čehosi, což bylo velmi podobné JavaScriptu. Finální jazyk se jmenoval JScript. Implementace však byla natolik odlišná od JavaScriptu, že tyto implementace nebyly navzájem kompatibilní! Výsledkem byla skutečnost, že nebylo možné vytvořit jeden web, který by fungoval v obou prohlížečích. Tak vznikly tehdy slavné nálepky do footerů: „Best viewed in Internet Explorer“ a „Best viewed in Netscape Navigator“.[Image]Tvořit weby v té době nebyla žádná legrace, vývojáři volali po standardu, který sjednotí implementace JavaScriptu a JScriptu. Proto byl vytvořen standard ECMAScript, který zastřešila organizace ECMA International. Ta fungovala už dávno předtím a jejím úkolem bylo právě vytvářet standardy pro informační a komunikační systémy. Od listopadu 1996 existuje tedy standard ECMAScript, který popisuje, jak má být implementován JavaScript Engine. Fun fact: standard nemůže nést ikonický název JavaScript, neboť na toto slovo až do dnešního dne vlastní copyright firma Oracle. ECMA-262 a TC-39 - whaaat?ECMA International zastřešuje mnoho standardů, ten, který se týká implementace JavaScriptu obdržel číslo 262. ECMA-262 je tedy název standardu, který popisuje implementaci JavaScriptu. Není to žádné příjemné čtení, aha. Komise (rozuměj: živé bytosti, lidé), která rozhoduje o tom, jaké nové funkce bude nová verze JavaScriptu obsahovat, dostala zase název TC-39. Členem této komise není leckdo. Jsou to frajeři – vybraní lidé, kteří zastupují velké firmy působící na online trhu (Facebook, PayPal, Google, Amazon, Mozilla...)[Image] Nová funkcionalita v JS - schvalovací procesČlenové TC-39 organizují meetingy (většinou online) každé dva měsíce. Cílem těchto meetingů je dopodrobna rozkecat a zanalyzovat, které funkce bude obsahovat nová verze ECMAScript, nebo jaké opravy budou v této verzi provedeny. Zajímavé je, že tato komise funguje na principu shody – téměř všichni členové komise musí souhlasit s návrhem, aby se jím byť jen začali zabývat. Zcela zajímavé je například sledovat, jak se dostala do JavaScriptu podpora pro BigInt – brutálně velká čísla. Protože v JavaScriptu jsme dosud mohli používat jen strašně velká čísla. Stage 0Každý návrh začíná na takzvané nulté úrovni – Stage 0. Některý z členů TC-39 vytvoří dokument, který popisuje danou funkcionalitu a jaký problém řeší. Na meetingu členů TC-39 tento problém přednese a členové rozhodli, že např. BigInt je super věc a posunul ho do dalšího Stage-u. Stage 1Stage 1 je parádní úspěch a zároveň to znamená, že někdy v budoucnu bude pravděpodobně dána funkcionalita součástí JavaScriptu. Všem (nebo téměř všem) členům TC-39 se tento nápad líbí a souhlasí s ním. Může to však trvat roky. BigInt funkcionalita musí být ještě podrobněji popsána, musí obsahovat příklady, jak se bude používat a analýzu, zda to nepřinese i nějaké problémy. Stage 2Takzvaný Draft. V této fázi je víceméně jisté, že funkcionalita bude součástí JavaScriptu a proto musí být ještě podrobněji popsána. Toto je také stage, kdy se přemýšlí nad vhodnou syntaxí a různými detaily používání nové funkcionality. V případě BigInt funkcionality např. členové rozhodli, že bude vhodné, pokud BigInt číslo bude obsahovat na konci znak n - aby prohlížeč (engine) věděl, že pracuje s brutálně velkým číslem, a ne jen strašně velkým číslem. const bigIntCislo = 12345n; const obycajneCislo = 12345; Stage 3Funkcionalita je téměř hotová a potřebuje feedback od vývojářů a vnějšího světa. Všichni testují BigInt ve svých programech. Tvůrci internetových prohlížečů se předbíhají, kdo z nich bude podporovat BigInt jako první – protože implementovat BigInt už má smysl. Stage 4Vše je otestováno a BigInt je součástí specifikace ECMAScript. Hotovo. ZáverCelý proces např. v případě BigInt trval 2 roky. Umím si představit, že schvalování některých ještě komplexnějších funkcionalit může trvat ještě déle. Frajerům z TC-39 ale můžeme děkovat za to, že do JavaScriptu se dostávají opravdu jen věci, které dávají smysl.

Dokud jsou školy zavřené, prožívají nelehký čas rodiče, učitelé i děti. Ale díky jednoduchým nástrojům se domácí vzdělávání může stát zajímavým a kreativním zážitkem. Tuto myšlenku si osvojili také ve společnosti Amazon a rozhodli se nabízet bezplatné online webináře pro děti. Amazon navázal partnerství se sdružením Learn2Code, které pro širokou veřejnost poskytuje kurzy tvorby webstránek, programování webových a mobilních aplikací a další témata. Jejich cílem je zpřístupnit mladé generaci digitální vzdělávání, učí je rozumět marketingu, pracovat s grafikou a videem. V rámci partnerství společnost Amazon zastřešuje sérii webinářů Code Jungle Česko pod taktovkou zkušených odborníků z praxe z Learn2Code. Všechny webináře, které se budou konat dvakrát do týdne, vždy v pondělí a čtvrtek budou pro všechny účastníky díky spolupráci s Amazonem zcela zdarma až do konce června 2020. Webináře jsou určeny pro děti přibližně od 10 let. Během webinářů se seznámí s programováním v jazyce Scratch a vytvoří si několik atraktivních her. První se bude konat ve čtvrtek 23. 4. 2020, od 15:00. Každý z webinářů bude trvat 75 minut a lze je absolvovat i jednotlivě. Záznam všech webinářů bude dostupný na Learn2Code YouTube kanálu. „Prostřednictvím těchto bezplatných online webinářů, chceme oslovit děti, které zůstávají doma, a podělit se s nimi o znalosti a dovednosti budoucnosti kreativním a poutavým způsobem,“ řekla Blanka Fijołek, CEE PR & komunitní manažerka společnosti Amazon. Druhou částí této spolupráce je poskytnutí všech online kurzů pro děti od Learn2Code účastníkům od teď až do konce června 2020 bezplatně. Jedná se o 15 online kurzů, které sestávají z 30 vyučovacích hodin a účastníci dostávají i domácí úkoly k procvičení probírané látky. Kurzy slouží také jako podklad pro učitele informatiky. „Jsme velmi rádi, že díky spolupráci s Amazonem můžeme poskytnout všechny probíhající online kurzy pro děti až do konce června zdarma“, řekl Marián Kristel marketing & operations z Learn2Code a dodal: „žijeme v mimořádné situaci a takto chceme pomoci rodičům a také naučit zábavným způsobem děti něco nového a užitečného“. Kompletní seznam kurzů a přihlašování najdete zde. O webinářích Code Jungle Česko:Webináře budou probíhat 2x týdně online, přes nástroj na webináře ZOOM. Zaměřeny jsou na programování her v prostředí Scratch. Rozsah vyučovací jednotky je 60 minut plus 15 minut prostor vyhrazený pro otázky. Během webinářů se budou programovat velké hry. Flappy Bird, Pacman, Super Mario a další. Věk účastníků se doporučuje minimálně 10 let. Potřebný je vlastní laptop nebo počítač. Do konce června 2020 zorganizujeme téměř 20 webinářů. Jednotlivé webináře budou zveřejněny na YouTube a budou dostupné pro všechny zdarma. Kompletní seznam webinářů a veškeré informace naleznete zde. Jak se můžete zúčastnit webinářů?UPDATE: Webináře Code Jungle byly ukončeny.

Na začátku, kdy člověk vstupuje do Data Science je velmi důležité pochopit, co se skrývá za různými označeními. Lidé si umějí některé pojmy mýlit a proto bych v tomto článku rád velmi zrychleně prošel přes některé základní součásti. Data Science je procesZa tímto výrazem se skrývá celá posloupnost úkolů, které musí datascience inženýr provést. První fáze je silně propojena s byznysem. Používají se zde proto různé byznys výrazy (Business Intelligence). Jak efektivně umíme využít software k dosažení cílů firmy? Pracovat pro firmu jako data scientist vyžaduje pochopení potřeb byznysu. V této fázi je také velmi důležité odkomunikovat, jaké jsou možnosti Data Science a čeho lze reálně dosáhnout a co ne. Spousta manažerů totiž nerozumí technické stránce věci a ty jako datascience inženýr jsi tam na to, abys jim to vysvětlil lidskou řečí. Druhá fáze je příprava dat. Nějaká data může mít firma již nasbíraná, jiná je třeba koupit nebo najít nový způsob jak sesbírat to, co potřebuješ. Takže tady se budeš hrabat v databázích, vytahovat různá data, spojovat všechno dohromady do nějakého smysluplného celku. Také musíš umět vizualizovat tato data, abys viděl, co máš na ruce. Třeba si ověřit, že data mají tu kvalitu, jakou očekáváš. Často se totiž stává, že data jsou vadná, nekvalitní, v jiných jednotkách a podobně. Na to si musíš dávat velký pozor. Ve třetí fázi začneme pracovat na modelu. To, co jsme zjistili v předchozích krocích, musíme „přeložit“ do řeči machine learning. Jaký model použít (vzhledem k tomu, jaká máš data), jaké informace se z modelu umíme dozvědět a jak to souvisí s byznysem. Čtvrtá fáze by nám měla vyplivnout hotový model připravený k používání. Tady všechny ty naše úvahy a předpoklady musíme přetavit do kódu a natrénovat model na datech. Zní to jednotuše, ale není to úplně easy. Hlavně to záleží na tom, jak kvalitní data máš k dispozici. Pátá fáze se opět dotýká silně byznysu. V první řadě musíme umět zhodnotit, zda model skutečně řeší náš problém, který jsme chtěli vyřešit a zda je v tom dobrý. Zde zvykneme vytáhnout další data, která model ještě neviděl (testovací data) a otestovat úspěšnost modelu. Výstupem by měla být krásná prezentace se všelijakými grafy a vysvětlivkami, aby to ti "shora" pochopili a dali ti palec nahoru. Machine LearningMachine Learning je součástí Data Science a věnuje se algoritmům, programování a trénování modelu. Tento výraz si lidé zaměňují s umělou inteligencí. Abychom v tom měli jasno, umělá inteligence využívá techniky machine learning, aby napodobila lidskou inteligenci obecně. Umělá inteligence se zabývá také tím, jak lidé interagují s inteligentním agentem a aby se lidé cítili pohodlně, když interagují se strojem. Čili je tam toho zahrnuto mnohem více (např. i psychologie). Machine Learning je tady a nyní a dennodenně se používá. Jsou to pokročilé algoritmy a techniky, které zpracují nějaká data a vyplivují výsledek. Jsou úzce specializovány na jeden a jediný úkol. ML technik a algoritmů je mnoho a každý řeší určitý malinký podíl té umělé inteligence. SlovníkToto odvětví se jen tak hemží různými výrazy. Tyto stránky obsahují základní výrazy, na které určitě narazíš a je dobré vědět, co znamenají: • https://towardsdatascience.com/the-new-data-scientist-glossary-4a2c14bf550 • http://www.datascienceglossary.org/ • https://developers.google.com/machine-learning/glossary/ DatasetyExistuje několik stránek, které nabízejí svá data veřejně a zdarma. Jinak je většinou třeba za data tvrdě platit a kopec firem si na shromažďování dat vytvořily byznys. Googlene jistě pomůže najít mnohé stránky, které nabízejí svá data. Zde je seznam několika populárních stránek: • https://www.kaggle.com/datasets • https://data.world/ • https://archive.ics.uci.edu/ml/index.php • http://academictorrents.com/ • https://www.reddit.com/r/datasets/ • https://datasetsearch.research.google.com/ Pokud chceš vědět více o Data Science a Machine Learningu, přihlas se do mého online kurzu Python Data Science.Pokud máš připomínky nebo dotazy k článku, směle se ptej v komentářích.

V tomto článku se podíváme, co je to konstruktor v Javě (constructor in java). K čemu se používá? Co je to? Třída slouží k popisu a výrobě objektů. Zkusme nyní popřemýšlet nad reálným objektem – například auto. Pokud chceme popsat auto do programu, tak k popisu auta použijeme třídu. Co má auto? Jaké vlastnosti? Má počet dveří, značku, RZ, objem kufru a dalších xy věcí. Ne všechny budeme používat. V našem projektu si vytvoříme novou třídu:[Image] Pojmenujeme ji Auto a napíšeme tam globální proměnné. public class Auto { int doorCount; String brand; String plateNumber; }Nyní si vytvoříme objekt typu Auto. K výrobě objektů budeme používat konstruktor. Konstruktor jako název naznačuje slouží ke zkonstruování nového objektu. Aniž bys ty sám napsal nějaký konstruktor, tak máš jeden dostupný automaticky. Tento se jmenuje – bezparametrický konstruktor – je to jakoby metoda, která na vstupu nemá parametry. Proto je možné vyrobit nový objekt pomocí new Auto(); public class Auto { int doorCount; String brand; String plateNumber; public static void main(String[] args) { Auto auto = new Auto(); } }V programu jsme použili new Auto() i když nic takového nemáme napsáno. Co můžeme udělat, je napsat si takový konstruktor sami. public class Auto { int doorCount; String brand; String plateNumber; public Auto() { } public static void main(String[] args) { Auto auto = new Auto(); } } Do nitra tohoto konstruktoru si nyní můžeme napsat libovolný kód. Konstruktory se nejčastěji využívají vedle výroby nového objektu ik nastavení dat. Například pokud chci vyrobit auto, které je značky Škoda, tak vyrobím nový – druhý konstruktor, jehož vstupní parametr bude právě počet dveří. Volat chceme Auto auto = new Auto(“Škoda”); public Auto(String brand) { }Co ale uděláme s touto proměnnou brand, kterou máme jako parametr? Pokud uvažujeme, tak chceme nastavit globální proměnnou brand pro tento nový objekt. Ale jak řeknu, že globální proměnná brand ať se rovná tomu, co je v parametru metody brand? Udělám to pomocí klíčového slova this. Slovo this se odkazuje na právě tento nový objekt, který konstruujeme. Tedy this se váže na nově vyrobený objekt ze třídy Auto. Po správnosti bych měl říci, že this odkazuje na instanci (instance) objektu. Pomocí konstruktoru vyrobíme novou instanci třídy Auto. Pokud vyrobím 5 objektů, tak jsem vyrobil 5 instancí třídy Auto. Takže this.brand ukazuje kam? Slovo this ukazuje na danou instanci objektu a přes tečku přistupuji k věcem dostupným v dané instanci auta. Co je tam k dispozici? Nyní jsou dostupné globální proměnné. Tak udělám: public Auto(String brand) { this.brand = brand; }public static void main(String[] args) { Auto auto = new Auto("Škoda"); }Po zavolání tohoto konstruktoru mám v proměnné auto odkaz na objekt Auto s nastevním brandem na Škoda. Takto si nyní můžu vytvářet nové instance typu Auto. public static void main(String[] args) { Auto auto = new Auto("Škoda"); Auto auto2 = new Auto("Škoda"); } Jsou tato dvě auta stejná? Ne, nejsou, i když mají stejný brand. Proč? Neboť voláme-li slovíčko new, tak se vytváří vždy zcela nový objekt v paměti. Ukázka konstruktoru, kde nastavujeme všechny globální proměnné. V IDEI stlač ALT+Insert a vyber konstruktor – následně označ všechny proměnné. Tyto proměnné se jinak nazývají také fieldy.[Image] public Auto(int doorCount, String brand, String plateNumber) { this.doorCount = doorCount; this.brand = brand; this.plateNumber = plateNumber; } public static void main(String[] args) { Auto auto = new Auto("Škoda"); Auto auto2 = new Auto("Škoda"); Auto auto3 = new Auto(4, "Opel", "CCdddDD"); }Nové objekty můžeš vytvářet kde chceš a kdy chceš. Teď jsem to dělal v metodě main přímo ve třídě Auto. To ale samozřejmě většinou dělat nebudeš. Více o konstruktorech v Javě a Java programování se dozvíš v našich online kurzech Java a OOP pro začátečníky a Java pro pokročilé. 

V tomto úvodním článku do série pokročilá java se podíváme na zoubek kolekcím (collections in java). Kolekce jsou jako kontejnery, které v sobě drží další objekty. Jinak můžeme kolekce chápat také jako seznamy. Seznam telefonních čísel. Seznam osob. Seznam aut. Seznam souborů. Seznam čísel .... U kolekcí budeme hovořit o Rozhrání, Implementaci a Algoritmech. Java collection framework – Java sama o sobě poskytuje několik kolekcí. Poskytuje nám jejich implementace a také algoritmy pro vyhledávání, vkládání, třídění a podobně. Rozhraní kolekcí v tomto frameworku jsou generická. Tedy umožňují do nich vkládat různé typy objektů. Pamatujte, že Java je striktně typový jazyk a do proměnné typu String prostě int nedáš, musí tam jít pouze String. Ke generikám se ještě dostaneme v pozdějším článku.[Image] Seznam rozhraní Java collection frameworkuCollection – top v hierarchii, používá se k přesunu kolekce, manipulaci kde se požaduje aby tam přišla jakákoliv kolekce. Do Collection můžeš vložit jakýkoli typ kolekce, který tuto kolekci rozšiřuje. Set – nemůže obsahovat duplicity List – seznam, může obsahovat duplicity, pořadí elementů je zachováno pomocí indexů Queue – FIFO – first in first out, což přijde první do této kolekce tak z ní i první odejde, některé implementace mají výjimky Deque - FIFO i LIFO (last in first out) - elementy mohou být vkládány i vybírány z obou konců Map – object který mapuje objekty k jejich klíčům, nemůže obsahovat totožné klíče SortedSet a SortedMap – jsou vlastně seřazeny Map a Set Implementace (nejpoužívanější jsou zvýrazněny boldem): SetEnumSet, HashSet, LinkedHashSet, TreeSetListArrayList, LinkedList, Stack, VectorMapEnumMap, HashMap, LinkedHashMap, TreeMapSortedSet NavigableSetTreeSetSortedMap NavigableMapTreeMapQueueLinkedList, PriorityQueue  SetNeobsahuje duplicitní elementy – lépe řečeno nemůže obsahovat duplicitní elementy. HashSet – neuchovává pořadí v jakém byly elementy vloženy, ale pracuje nejrychleji LinkedHashSet – uchovává pořadí elementů v jakém byly vloženy TreeSet – pořadí elementů je seřazeno podle jejich hodnot, je pomalejší Mějme kolekci, která obsahuje elementy, které jsou duplicitní. Jak z ní nejrychleji získáme kolekci, která nemá duplicity? Collection<Type> noDups = new HashSet<Type>(c); Funguje to tak, že z kolekce se vytvoří Set. A Set už z definice nemůže obsahovat duplicity. Přidání elementů do Setu: Set<String> set1 = new HashSet<>(); String s = "e"; set1.add("element1"); set1.add("element2"); set1.add("element3"); set1.add("element4"); set1.add(s);Je element v kolekci?  System.out.println(set1.contains("e")); //true     Odstranění elementu z kolekce: set1.remove(s);Procházení přes Set: Iterator i = set1.iterator(); while (i.hasNext()){ System.out.println(i.next()); }for(String s : set1) { System.out.println(s); }Zeptám se, jestli všechny elementy ze set1 jsou iv set2 set1.containsAll(set2)); Odstraním z set1 všechny shodné elementy se set2 set1.removeAll(set2);Vše ze set2 přidám do set1 set1.addAll(set2);ListUchovává pořadí elementů. Elementy jsou přístupné i pomocí indexů. Je možné do již vytvořeného Listu přidat nové elementy i na indexy, které jsou obsazeny – elementy se posunou. Můžeme v nich vyhledávat indexOf a lastIndexOf. U dopisů si musíme dávat velký pozor na to, abychom neshodili program kvůli přístupu k neexistujícím elementům – respektive k neexistujícím indexům v listu. Například máš List se 4 elementy a chceš přistoupit k 6-tému elementu. Základní pomocné algoritmy, specifické ke List:  • sort — setřídí elementy v listu • shuffle — náhodně promíchá elementy v listu. • reverse — otočí pořadí elementů v Liste • rotate — otočí pořadí všech elementů od specifického indexu • swap — přehodí elementy z Listu na specifikovaných indexech • replaceAll — nahradí všechny výskyty specifikované hodnoty za druhou specifikovanou hodnotu • fill — přepíše všechny elementy v listu za specifikovanou hodnotu ArrayList – přizpůsobuje svou velikost, základní pole musela mít specifikovanou délku při vytvoření, nemohla růst nebo se zmenšovat LinkedList – jiná implementace, rozdílu jsou v časových zátěžích s různými operacemi nad Listy Přidání elementů do Listu: List<String> list = new ArrayList<>();          list.add("list1");          list.add("list2");          list.add("list3");          list.add("list4");          list.add("list5");  Výběr elementů z listu na indexy 1:         list.get(1);  Je prázdný?         list.isEmpty();  Přidej na pozici 2:         list.add(2,"list2b");  Odstraň element:         list.remove("list1");           list.remove(4);  Různé manipulace:         Collections.sort(list);          Collections.shuffle(list);          Collections.reverse(list);          Collections.rotate(list,2);          Collections.swap(list, 0, 1);          Collections.replaceAll(list, "list4", "new list4");          Collections.fill(list,"Jaro");  MapMapa obsahuje hodnoty vázané na klíč. Takže to máme anglicky key – value hodnoty. Klíče musí být unikátní. HashMap – nedrží si pořadí, náhodné uspořádání LinkedHashMap – drží pořadí Vložení do Mapy: Map<Integer,String> map = new HashMap<>();          map.put(10,"jaro");          map.put(1,"fero");          map.put(3,"duro");          map.put(4000,"karol");          map.put(4000,"peter"); // přepíše předchozí element Získáme a vypíšeme hodnotu elementu s klíčem 1:         System.out.println(map.get(1));  Přechod přes elementy Mapy:         for(Map.Entry m : map.entrySet()){              System.out.printf("key %d, value %s %n",m.getKey(),m.getValue());          }          for(Integer k : map.keySet()){              map.get(k);                  }

Kotlin a Java jsou kompatibilní programovací jazyky. V tom smyslu, že pokud zkompilujeme Java kód, tak se vytvoří bytecode v souboru .class. Pokud zkompiluji Kotlin kód, tak se vytvoří bytecode v souboru .class. Tedy, jestli pracuješ v Kotlině nebo v Javě, tak nakonec budeš mít kód, který si bude rozumět a který dokáže běžet tam, kde dokáže běžet JVM – java virtual machine. V tomto článku vám chci ukázat to, proč byl Kotlin vytvořen – aby nám co nejvíce zjednodušil psaní kódu. Představ si, že chceš napsat třídu Auto. Ta má fieldy název a počet dveří. Tyto fieldy budou private a final – tedy po prvním nastavení je nemůžeš změnit. Přístup k těmto fieldům můžeš udělat jen přes public get metodu. Zároveň umíš sestrojit auto tak, že mu zadáš jen název. Pokud bude zadán jen název, tak počet dveří bude automaticky 4. Pokud zadáš název a počet dveří, tak se fieldy nastaví tak, jak jsme to zadali v konstruktoru. Kód v JavěTakto bude vypadat kód napsaný v Javě: public class Auto { private final String nazov; private final int pocetDveri; public Auto(String nazov) { this(nazov,4); } public Auto2(String nazov, int pocetDveri) { this.nazov = nazov; this.pocetDveri = pocetDveri; } public String getNazov() { return nazov; } public int getPocetDveri() { return pocetDveri; } }Nejprve máme dva privátní final fieldy: private final String nazov; private final int pocetDveri;Pak konstruktor, pokud chci vytvořit objekt auto jen pomocí názvu: public Auto2(String nazov) { this(nazov,4); } Konstruktor, pokud chci vytvořit auto a nastavit název a počet dveří: public Auto2(String nazov, int pocetDveri) { this.nazov = nazov; this.pocetDveri = pocetDveri; }A nakonec get metody, abychom měli přístup k daným fieldům: public String getNazov() { return nazov; } public int getPocetDveri() { return pocetDveri; }Jak to udělám v Kotlině?Potřebuji tento kód: class Auto (val nazov: String, val pocetDveri: Int = 4) { }To je všechno, těch 20 řádků v Javě je jeden řádek kódu v Kotlině. Za Auto jsou závorky - to je primární konstruktor, ve kterém se nastavují takzvané property. První property je název, který je val – val znamená, že hodnota se nemůže později měnit. Druhá property má nastaveno = 4, to znamená, že pokud chci vytvořit auto jen zadáním názvu, tak se automaticky pocetDveři nastaví na 4. Takto vytvořím Auto zadáním obou property a pod tím je přístup k property přes tečku: val skoda = Auto("Skoda", 5) skoda.nazov skoda.pocetDveriVytvoření auta jen s názvem: val auticko = Auto("Skoda")Záver Líbí se ti tento přístup? Chceš vědět více o programovacím jazyce Kotlin? Sleduj Learn2Code a věřím, že najdeš co hledáš. Připravovaný kurz o Kotlině zveřejníme již brzy.

JUnit framework úvodPředstav si naprosto jednoduchou metodu, která má za úkol spočítat dva vstupní parametry metody. public static int sum(int number1, int number2){ return number1 + number2; }Jak bys otestoval tuto metodu? Zavolal bys danou metodu, a následně bys výsledek porovnal s očekávanou hodnotou. Pokud by metoda nevrátila očekávanou hodnotu, tak bys napsal hlášku, že test neprošel, pokud by vrátil očekávanou hodnotu, tak bys napsal, že test prošel. int sumNumber = sum(1, 4); if(sumNumber!=5){ System.err.println("Test failed."); }else{ System.out.println("Test passed."); }Co jsem udělal, je to, že náš kód jsem porovnal s jedním možným případem výsledku. Anglicky se setkáš s názvem test case. Tedy jsem zatím udělal jeden test case. Ty bys měl ověřit několik test časů. Svůj kód musíš vystavit „stresu“. Tedy si napíšeš několik dalších test časů. Například, jak to bude pracovat s nulou: int sumNumber = sum(1, 0); if(sumNumber!=1){ System.err.println("Test failed."); }else{ System.out.println("Test passed."); }Nebo jak to bude pracovat s negativním číslem: int sumNumber = sum(1, -10); if(sumNumber!=-9){ System.err.println("Test failed."); }else{ System.out.println("Test passed."); }Toto byly takzvané pozitivní testy. Test si považoval za passed – za úspěšný – tehdy, když byla splněna podmínka. Ty umíš ale napsat i takzvané negativní testy. Kde test prošel, pokud nebude splněna podmínka. Například test projde-li částek 2 a 2 není 5 a podobně. int sumNumber = sum(2, 2); if(sumNumber!=5){ System.out.println("Test passed."); }else{ System.err.println("Test failed."); }Náš kód jsme vystavili různým testům casem. Pokud testy projdou, tak metoda je ošetřena určitě víc – je více spolehlivá než kdybychom nenapsali, žádný test case. Co jsme udělali?Připravili jsme si testy. Poskytli jsme vstupní parametry testům – různá čísla ke spočítání. Spustili jsme testy a poskytli jsme také očekávané výsledky. Následně jsme vypsali hlášky, zda testy prošly nebo ne. Pokud bychom měli další metody, které bychom museli otestovat, pak bychom napsali další testy. Udělali bychom vlastně tytéž kroky jako při testování první metody. Co mají první testy odlišné od druhých testů? Voláme jiné metody, máme jiné parametry testů a máme jiné požadované výsledky. Co mají první testy společného s druhými testy? Testy jsme spustili – ke spuštění testů není nic odlišného. Verifikovali jsme výsledky – verifikování proběhlo iv prvním i druhém případě a následně se v obou případech napsaly hlášky na konzoli. JUnit framework nám usnadní způsob, jakým budeme spouštět testy a také způsob, jakým se uživateli sdělí výsledky testů. Spuštění, verifikování a vypsání hlášek bude řídit JUnit framework. My řekneme JUnitu – tady máš můj test kód a ty ho teď spusti a postarej se o to. JUnitu řekneme, tento výsledek očekávám, tyto údaje vkládám - prověřit to. JUnit to prověří a nám sdělí v pěkné čitelné formě, zda testy prošly a pokud neprošly, tak nám řekne přesně, které testy neprošly.[Image]JUnit byl mnoho let ve verzi 4. Verze 5 není přímo kompatibilní s verzí 4, ale tvůrci JUnit 5 připravili api, přes kterou umíme komunikovat i se starými testy – ta se jmenuje Vintage. Dále nové api se jmenuje Jupiter. Tyto api pak spoléhají na core frameworku – tedy zdroj – kód, který se stará o všechno ostatní. Spouštění testů a podobně. Plus máš možnost napsat své vlastní api, které pak bude také využívat core frameworku. Pokud budeš používat Jupiter plus core, tak si do projektu musíš stáhnout tyto závislosti. My budeme používat maven pro tyto účely. Vývojová prostředí jako IntelliJ IDEA nebo Eclipse mají zabudovanou integraci s JUnit 5 frameworkem a tak můžeme testy spouštět pomocí těchto vývojových prostředí. Pokud tě toto téma zajímá víc, sleduj online kurz JUnit a TDD pro programátory.

„Můžeme si dnes na hodině hrát?“ To je otázka, se kterou se setkávám na hodinách během kroužků programování. Když jsem začínal s učením, velmi mě trápilo, jaký postoj zaujmout k žákům. Představoval jsem si různé katastrofické scénáře, když žáci začnou dělat nezbedu od odmlouvání až po demolování učebny. Jak napomenout děti? Jak zpacifikovat rošťáky? Jak je donutit spolupracovat? Jak se odprezentovat, abych nebyl za hlupáka? Jak jim správně vysvětlit látku? A to nejdůležitější: Jak se postavit před dav lidí, který vám v lepším případě věnuje pozornost, a být schopen ze sebe vysoukat smysluplnou větu? Začínal jsem se záludným sluníčkemNějaké zkušenosti jsem měl s doučováním spolužáků na vysoké škole. Pamatuji si, jak jsme trávili sobotní večery na Skype, kde jsme se snažili donutit to záludné sluníčko, aby po spuštění mělo tvar jako na zadaném obrázku. Později jsem pomáhal spolužákům pochopit, co se děje s jejich domácím úkolem. Nakonec jsem do nich tloukl schopnosti jak si rozebrat zadání, naplánovat postup, aby samostatně naprogramovali zkouškový program. Nedá mi nevzpomenout, jak se mi na střední škole rozbil počítač a já jsem maturitní otázky programoval s tužkou na papíře. Co ale stálo za tím, že jsem zvládl nakreslit sluníčko a potom připravoval spolužáky na zkoušku? Byl to ten skvělý pocit, že jsem v podstatě z ničeho vytvořil funkční program, hratelnou hru, svět s vlastními postavami.[Image] Trénujeme hlavu – každý po svémPři programování si trénujeme to, co máme v hlavě. Musíme myslet i na to, že ne každý se s tím snadno popasuje. Už jsem slyšel také stížnosti od dětí, jaký je to útok na mozek. Děti rádi tráví čas u počítače. Ne každý se ale chce učit složité algoritmy. Je třeba je naučit, že počítač není jen na hraní. Je to také nástroj, který jim umožňuje projevit se. (To by se ale mohli naučit i někteří rodiče 😊.) Vedou k tomu několik cest. Když jsem poprvé otevřel prostředí Scratch, byl jsem nadšený. Prostředí mi nabízí vše, co potřebuji k vytvoření vlastního světa. Tady máš, pohraj si s tím, experimentuj, uvidíme, co z toho vznikne. Nepotřebuješ vědět složité informace, co se za tím skrývá nebo proč tomu tak funguje. Prostředí ti napoví, toto s tímto se dá spojit, a vznikne támhle... Scratch umožní uživateli vytvořit velmi rychle jednoduchou hru. Postačí mi pár kliků a už mi postavička pojídá jablíčka a připočítává skóre. Pak už to jde samé.[Image] Počítačové hry nejsou zloŽáci se těší na hry, které vytvoříme. A pak začínají přicházet otázky: „Kdy si naprogramujeme hru jako GTA V?“ Na to však musím odpovědět, že hru, kterou vytvářelo tisíc lidí několik let, si za jedno odpoledne ve Scratchi nenaprogramujeme. Když si projdeme základy, pouštíme se do skutečného programování her. Často se ptám dětí na jejich vlastní nápady, které pak spolu realizujeme. Snažím se tak v dětech podpořit kreativitu. Chci, aby přemýšleli nad vlastními schopnostmi a možnostmi prostředí Scratch. Někdo může namítat, že počítačové hry jsou zlo, které kazí dnešní mládež. Já však říkám, že existují hry, které umí dětem hodně přinést: modelování v Minecraftu, management a plánování v Total War, simulace života v Simsu, budování světů v Age of Empires.[Image] Autorem blogu je Ľuboš Jaroš Ľubošovy vzdělávací podklady ke Scratchu naleznete tu. Mgr. Ľuboš JAROŠ je absolvent magisterského stupně studia učitelství matematiky a informatiky na FMFI UK (2015). Od začátku vysokoškolského studia se věnoval didaktice programování, ať už ve školních pracích nebo při vedení kroužků programování pro žáky 1. a 2. stupně, v čemž úspěšně pokračuje dosud. Vytvořil kompletní vzdělávací podklady a videotutoriály pro programy Scratch Junior a Scratch Starter. Je autorem knihy Scratch Starter - Programování pro děti (2017). 3 roky na vyžádání vede hodiny didaktiky pro učitele informatiky. Jeho oblíbeným pracovním nástrojem je programovací prostředí pro děti s názvem Scratch.

Často dnes vidíme tristní obraz dětí, jako v tmavém koutku v záři displeje svého mobilu, tabletu nebo počítače prosedí celé hodiny a baví se na příbězích svých reálných či virtuálních kamarádů ve fiktivních světech. Až se zdá, že počítačové hry a multimédia jsou pro děti přitažlivější než cokoli jiného. Proč se to děje? Podle vědeckých výzkumů jsme to my sami, kdo vědomě či nevědomě už v útlém věku, učíme děti zpracovávat informace odlišným způsobem než celé generace před námi. Silné podněty a rychlé tempo vjemů z elektronických médií povzbuzují v mozku vylučování hormonu odměny dopaminu, a tím ovlivňují jeho kognitivní funkce. Člověk má sklony tyto zážitky opakovat, vyhledávat nové a silnější podněty, čímž se roztáčí „dopaminová spirála“. V současnosti se s tímto problémem boří množství rodičů a vychovatelů. Pokud chceme, aby naše děti udělaly i něco ve svůj prospěch a svou budoucnost, potřebujeme tyto silné podněty nejprve „přebít“, a tak si získat jejich pozornost. Pak bychom však měli postupně zjemňovat „nátlak“ a tříbit výdrž a vnímavost. Nabízím vám několik inspirací, které mají potenciál děti zaujmout a pobavit – aniž by prohlubovaly svou závislost na médiích. Naopak získají radost, zvýší kontakt s vrstevníky, vytříbí si vnímavost i pohybové dovednosti. Efektivně také sníží závislost na levných náhradách ze světa zábavního průmyslu.[Image] 1. Dejte křídla kreativitěDnes je trendem konzumace obsahu. Podobně jako při pojídání i tady to můžeme uchopit z opačné strany a „uvařit si“ něco vlastního. Díky všudypřítomným technologiím máme mnoho možností. Natočit mobilem vlastní krátký hraný, animovaný, přírodopisný film či televizní reportáž? Ke zpracování materiálu a tvorbě hudby můžeme využít volně dostupné aplikace v online obchodech. Podobně umíme vyrobit hudbu (napr. Chrome Music Lab) a jako bonus i plakát na premiéru (Office), případně is vlastnoručně kreslenou grafikou (napr. Photopea). Můžeme také natočit i veselé video (s porouchanými záběry) o tom, jak to celé vznikalo. A máme ideální příspěvek do rodinné videotéky! 2. StavebniceStavebnice jsou ideální prostředek pro konstruktivní hru a experimenty. Jsou navrženy tak, že respektují intelektuální a fyzické schopnosti dětí v jednotlivých věkových kategoriích. Například elektronická stavebnice Boffin, ve které si i menší děti bez potřeby mobilu či počítače bezpečně postaví zábavné elektrické obvody. Velmi vhodné jsou stavebnice Lego Technic s názornými ozubenými převody a dalšími součástkami, které demonstrují mechanické principy. Pokud se vám zdají tyto stavebnice příliš drahé, zkuste některou z online Lego půjčoven, které se začínají vynořovat iu nás. Vrcholem této skupiny je robotická stavebnice Mindstorms, která kromě lego dílků obsahuje také senzory a řídící jednotku. S použitím vhodného kurzu vevede vás i vaše děti do světa robotiky.[Image] 3. Výzva: Naučte je programovatVyšší úroveň používání digitálních technologií je naučit se je ovládnout je přes programování. Není až tak náročné začít, pokud víte, za který konec to chytit. Děti na kurzech a v letních denních táborech, které pořádáme v Learn2Code, nás přesvědčují o tom, že když jsou správně motivovány a pod dohledem zkušeného instruktora, základy programování zvládne každé z nich. Mnoho věcí se však dnešní teenagery učí z video návodů. A není to náhoda. Video návod může do velké míry osobní doprovod instruktora nahradit. První experimenty mohou začít v Scratchi, pokračovat vlastními mobilními appkami v AppInventore nebo grafickými skice v javascriptovom prostředí P5.js. 4. Měření sil s vrstevníkyI na Slovensku existuje spousta soutěží pro děti, ve kterých si mohou měřit síly s vrstevníky. Výjimka není ani informatika. Pokud vašeho potomka zajímají hry a programování, může vyzkoušet súťaž v tvorbe hier Galaxiáda. Její druhý ročník právě probíhá. 5. Dopřejte pohyb celému těluKaždé dítě, ať už programátorské nebo ne, uvítá chvíli veselého pohybu! Nevěříte? V doprovodu zábavné počítačové hry Stepmania překoná(te) dětskou lenost. Princip hry spočívá v tom, že dotykem nohou po podložce za doprovodu populární hudby „sestřelujete“ rychle ubíhající šipky. Stepmania je k dispozici zdarma. Jediné, co k ní potřebujeme, jsou ovladače Dance Pad, které však lze v domácích či zahraničních internetových obchodech koupit již od 10 eur za kus. Hra obsahuje několik herních režimů, lze hrát samostatně, ale zábavnější je ve dvou (potřebujete dvě podložky), či dokonce na turnaji. (Na ten si účastníci nosí své vlastní podložky.) Díky těmto aktivitám vy a vaše děti zažijete radost a pocit smysluplného využití času a moderních technologií ve prospěch sounáležitosti a vnímavosti. Zároveň povzbudíte jejich zdravou sebedůvěru a získávání takových dovedností, které jistě využijí v budoucnosti. Autorem článku je Marián Staňo Marián je absolvent učitelství matematiky a informatiky na FMFI UK (2001). Od začátku studia se věnoval experimentálnímu vyučování informatiky na ZŠ a později ve škole pro děti s všeobecným intelektovým nadáním (ZŠ Košická Bratislava, Škola pro mimořádně nadané děti a gymnázium v Bratislavě, Instruktor Letního denního tábora FMFI UK). Má dvacetiletou praxi ve vzdělávání dětí jako lektor a autor vzdělávacích materiálů. Má stejně zkušenost jako facilitátor arteterapeutických skupin dospělých a hledá průniky mezi animovanou tvorbou a technologiemi.

Od verze 9 bude java vydávána v pravidelných intervalech. Nová java každých 6 měsíců. Takže můžeme očekávat novou funkčnost častěji, ale v menších dávkách. Nejpoužívanější Java dnes je java 8 – vydaná v roce 2014. Java 9 byla poprvé vydána v září 2017, později byly opraveny kritické chyby a lze říci, že taková lepší verze byla vydána v lednu 2018. Java 10 byla vydána v březnu 2018, Java 11 v září 2018. Takže rychlý posun ve verzích, ale ne drastický posun ve funkčnosti. Co je lepší? Najednou a mnohem nebo méně a postupně? Záleží na tom, co děláte. Pokud používáte mnoho rámců a knihoven třetích stran, může být vaše práce ovlivněna po zvýšení tohoto jevu. Prvním milníkem je java 11, která je označena jako LTS, tj. dlouhodobá podpora. Tato verze tohoto jevu bude opravena na dlouhou dobu a bude o ni postaráno v následujících letech. Co to znamená? Že společnosti s větší pravděpodobností přeskočí z jevu 8 dříve na jev 11, protože si budou jisty, že tato java bude v budoucnu opravena –, pokud bude nalezena kritická chyba. V tomto článku se zaměříme hlavně na seznam nových změn. Nebudeme se zabývat jednotlivými změnami podrobně. Budeme to udržovat i v budoucnu. InstalaceNejprve musíte stáhnout a nainstalovat nejnovější fenomén jdk. V době psaní to tak je Java 11. Nastavte proměnnou prostředí JAVA_HOME na nový jev – na kořen, nikoli do složky bin. Poté nastavte cestu k proměnné PATH pouze do složky koše nově nainstalovaného jevu. Spusťte příkazový řádek a zadejte příkaz: java – verze Pokud máte verzi, vše je v pořádku.[Image] Pokud dojde k chybě nebo se zobrazí starší verze, ujistěte se, že v PATH je cesta nového fenoménu nastavena na začátku. Je možné, že v PATH máte také nastaveno C: \ ProgramData \ Oracle \ Java \ javapath. Pokud ano, musí to být za cestou k nejnovějšímu jevu. ModulyV Javě 9 je nejpříznivější změnou projekt Jigsaw –, ale stačí, když si vzpomeneme, že se jedná o divizi modularity – velkého monolitu –, takže celá aplikace v jednom balení do menších buněk – moduly. Moduly pak řeknou, co publikují světu a co požadují pro svou správnou funkčnost. Každý modul obsahuje soubor modul-info.java a alespoň jeden balíček. Module-info.java obsahuje popis závislostí, které modul potřebuje. Každý modul je nezávislý v tom, že pokud obsahuje obrázky nebo konfigurační soubory, modul je spravuje sám. Vše v modulu je pro modul soukromé, pokud neřekneme jinak. Existují 4 typy modulů.Systémové moduly – Java SE a JDK moduly –, pokud si všimnete, jdk nainstalovaný pro novější jev postrádá složku jre. Nyní jsou jmody. Zde máme všechna výchozí nastavení poskytovaná moduly.[Image] Aplikační moduly jsou moduly, které chceme vytvořit, když se rozhodneme, že chceme moduly používat. Automatické moduly je vytvořen, když do modulu cesty přidáme soubory JAR. Název modulu je převzat z názvu souboru. Tyto automatické moduly mají plný přístup ke všem ostatním modulům načteným na cestě. Nepojmenovaný modul = pokud jsou některé třídy nebo soubory jar načteny na cestě –, tyto třídy a soubory jar jsou automaticky přidány do tohoto nejmenovaného modulu. Používá se pro zpětnou kompatibilitu s předchozím starším Javanese kódem. DistribuceModul by měl být zabalen jako jarní soubor – jeden jarní soubor by měl obsahovat maximálně jeden modul. Když provádíme projekt sestavení, musíme být opatrní, abychom každý modul v našem projektu zabalili jako samostatnou pružinu. Základní modulySlíbili jsme, že jdk má novou strukturu, která obsahuje jmoduly. Zde jsou základní moduly. Pokud zadáme příkaz, můžeme tyto moduly uvést pomocí příkazového řádku <b>java --list-modules</b>. [Image] Každý modul, který vytvoříme, použije implicitní modul java.base. Použití dalších modulů bude k dispozici po konfiguraci. Vytvoření moduluModul v podstatě vzniká, pokud definujeme soubor modul-info.java v kořenovém adresáři zdrojového kódu modulu. Tento okamžik pracuje se zdrojovým kódem jako s modulem. Moduly se navzájem nevidí – nemají přístup k sobě navzájem a ke třetímu atd. Podle toho, kolik modulů používáme. Pokud chcete použít něco zvenčí nebo chcete, aby byla viditelná vnitřek vašeho modulu nebo vnitřní čas vašeho modulu, musíte jej definovat. Pojďme mít projekt, ve kterém definujeme nový modul. V modulu máme složku src, do které vložíme veškerý zdrojový kód. Uvnitř definujeme balíček sk.jaro.demo a stále v něm vnější a vnitřní. Vytvoříme jednoduché třídy, které jen něco napíšou na konzoli.[Image] package sk.jaro.demo.external; public class HelloMainModuleExternal { public void doAction() { System.out.println ("Hello main module HelloMainModuleExternal"); } }  package sk.jaro.demo.internal; public class HelloMainModuleInternal { public void doAction() { System.out.println("Hello main module HelloMainModuleInternal"); } } Tyto třídy se liší pouze v názvu a příkazu na konzole. Později nastavíme vnitřní, aby byl viditelný pouze v hlavním modulu. Později nastavíme externí, aby byl viditelný mimo hlavní modul. Vytvořte soubor modul-info.java v src tohoto modulu. Uvnitř souboru je syntaxe, kde klíčovým slovem je nejprve modul, pak název modulu – můžete také použít tečky, a pak jsou zde složené závorky: modul nasmodule { }. Chceme, aby byl externí balíček k dispozici pro další moduly –, které budou nastaveny pro export. module main { exports sk.jaro.demo.external; }Nyní vytvoříme nový modul ve stejném projektu s názvem utils. Uvnitř budeme mít jednu třídu, ve které se pokusíme použít třídu HelloMainModuleExternal z hlavního modulu.[Image] Module-info.java musí nyní obsahovat, že v tomto modulu požadujeme hlavní modul –, protože z tohoto modulu používáme funkčnost. module utils { requires main; } Nyní můžeme použít třídy, které byly exportovány z hlavního modulu: package sk.jaro.demo; import sk.jaro.demo.external.HelloMainModuleExternal; public class UseSomethingFromMainModule { public static void main(String[] args) { HelloMainModuleExternal helloMainModuleExternal = new HelloMainModuleExternal(); helloMainModuleExternal.doAction(); } }ZávěrNakonec si s tím můžete hrát hned teď. Zkuste použít třídu, která není exportována z hlavního modulu. O modulech by bylo možné napsat a mluvit o nich, ale doufám, že pochopíte princip modularizace. Během studií na toto téma mám několik otázek, na které jsem dosud neodpověděl. Například: Maven s java modularizací? Rámce a modularizace? Pokud se vám tento článek líbil, napište něco do komentářů, budu šťastný. Zajímá vás Java? Vyzkoušejte jeden z kurzů na toto téma https://skillmea.sk. Pokud se o mně chcete dozvědět více, sledujte můj web www.jaroslavbeno.sk. jaro Zdrojové kódy ke stažení.

Ještě stále nám zbývá pár týdnů prázdnin. Co takhle využít horkých letních dnů a kromě zábavy a dovolených se cosi naučit? Nemusíš nikam chodit, učit se můžeš – kdy chceš a kde chceš – v pohodlí domova nebo někde venku na lehátku s přístupem na internet. Kurzy nám neustále přibývají, to víme všichni. Teprve nedávno jsme si však řekli, že pojďme udělat kurzy pro všechny zadarmo - tedy i pro tebe, tvého kámoše, souseda, tátu, mámu, sestřenici. V čem je přidána hodnota těchto kurzů? V tom, že jsou dostupné zdarma, a tak můžeš ušetřené eurače utratit někde jinde. Třeba na nějaké fajnové drinky 👇   Letní akce se Zlavadna.skSamozřejmě, placené kurzy nám v nabídce nadále zůstávají. Ale i ty máš nyní šanci vyzkoušet ve speciální letní akci. Jak je to možné? Ne, nevyhráli jsme jackpot (tedy alespoň prozatím ne), jen jsme udělali další zajímavý deal pro tebe. O čem to tedy mluvím? 👇  Neomezený přístup ke všem online kurzům na Learn2Code po dobu tří měsíců . Čteš dobře, opravdu to nejsou halucinace z tepla, ale rozhodli jsme se udělat opět nějakou tu tučnou akci pro tebe a tvé kámoše. Do akce se zapoj ZDE . Java pro začátečníkyTento online kurz je již podle názvu vhodný pro začátečníky tak, aby se naučili snadno programovat v nejrozšířenějším a nejpoužívanějším programovacím jazyce Java. Tento kurz vysvětluje historii, základní pojmy, nastavení prostředí až po různé výjimky a samotné programování. Visual Design: Design vlastního tričkaV tomto kurzu se naučíte, jak si vytvořit vlastní motiv na triko. Kromě celkového vytvoření designu se dozvíte, jaké barvy a nástroje je třeba si při vytváření zvolit, také se naučíte něco o jednotlivých nástrojích, barevných režimech, o formátech jako jsou JPG, TIFF a PNG. Kurz je opět vhodný pro začátečníky. Základy online strategieOnline kurz provede studenta základy online marketingové strategie, přičemž získá všeobecný přehled a dobrý základ pro další vzdělávání v oblasti online marketingu. Například i to, jak se zákazníci chovají a rozhodují při nákupu, jak funguje nákupní model See-Think-Do-Care, podle něhož si může student navrhnout a vytvořit vlastní komunikační strategii. Základy online marketinguKromě základních pojmů z online marketingu se studenti seznámí s content marketingem a jak jej dělat, základy performance marketingu, social media marketingu a marketingu ve vyhledávačích. Lektoři online kurzu zde také vysvětlují, co je to landing page a proč je vůbec důležitá. Kde je třeba hledat tyto kurzy?Netřeba nějak zvlášť hledat, usnadním ti to. Pohodlně se usaď, zapni si ventilátor a klikej SEM (najdeš zde přehled všech kurzů, které jsou zdarma. Stačí si jen vybrat). Líbí se ti naše nabídka kurzů? Pokud ano, sdílej toto poselství i mezi ostatní kámoše. 

Porovnání světů Front-End a Back-End vývoje jsme se věnovali před pár měsíci . Dnes se budeme hrabat v nástrojích Front-End programátorů – co všechno musíš zmáknout, pokud se jím chceš stát (kromě našich kurzů). V tomto textu nebudeme polemizovat, zda je lepší React , Angular nebo Vue.js. Zda je třeba používat SASS nebo LESS , nebo.. .. zda je lepší Mac, nebo PC. Přečteš si o nejpoužívanějších front-end technologiích, zkusíme Tě nasměrovat jak s front-endem začít a také (pokud to myslíš opravdu vážně) jak se dále rozvíjet, aby ti nic z Front-Endu neušlo. Pome! Přední konec webu - technologie Stačí otevřít některou webovou (nebo dnes už i desktopovou, ajPadovou, iFonovou, i androidovou) appku a díváme se na práci Front-End vývojářů. To oni nakódili ty buttony a textová pole, s citem promysleli efektní animace, menu a rozhýbali statický design svého kamaráda – grafika. V našem webovém světě pracují Front-End vývojáři primárně s HTML , CSS a JavaScriptem . Pro tyto technologie však existuje milion nástrojů a frameworků, které nám práci usnadňují, jsme díky nim produktivnější a dokážeme snáze tvořit složitější aplikace. K takovým - pokročilejším - nástrojům se však dostaneš později. Začít s React-em nebo AngularJS jako svou první zkušeností s front-endem by byl asi masochismus. Level 1: Kde začít? Někteří z nás statické HTML stránky s využitím CSS stylů zvládli už na střední (nebo i základní) škole. Neskutečná nuda a ani jsme netušili, že to může být pro nás později užitečné. Něco podobného, ​​jako když vás rodiče nutí chodit do hudební školy a znalosti zužitkujete až o 10 let později, když s kámoši vymyslíte kapelu. [Image] Všechny weby, webové aplikace však využívají HTML a CSS naplno a proto je třeba je zvládnout úplně na začátku – poznat své možnosti. Abychom si mohli říci, že jsme zvládli základy HTML, CSS a JavaScriptu, měli bychom znát funkce elementů a atributů z prvního grafu. Také bychom měli bez problémů umět používat základní CSS pravidla a jednotky . No a měli bychom vědět, k čemu slouží jQuery a jak nám může pomoci. Všechny informace a mnohem více najdeš v Jablkovém kurzu: Webrebel 1: HTML, CSS & Javascript . Level 2: Jak pokračovat? Určitě postupem času přejdeš z jednoduchých webstránek na složitější weby. Tvůj CSS soubor bude mít 1000 řádků a každá další změna Ti zabere 3 minuty strachu, 1 minutu roboty a 25 minut testování a fixování, pokud se něco pokazilo. Je čas na lepší organizaci svých CSS stylů. [Image] CSS Použij SASS - parádní preprocessor CSS stylů, který Ti umožní organizovat styly přehledně do složek/souborů. Také můžeš definovat proměnné, které obsahují definice barev, které často používáš, nebo okraje – aby vypadaly všude stejně. Pokud je potřebuješ změnit na více místech, přepíšeš hodnotu jedné proměnné a máš to vyřešeno. SASS umí pracovat is jednoduchými funkcemi. Např. lighten() a darken() , které dokáží danou barvu zesvětlit nebo ztmavit. SASS má těch funkcí a možností samozřejmě daleko víc. Dalšími alternativami k SASS může být LESS, Stylus, PostCSS a další. My v Learn2Code jsme si oblíbili SASS. Responzivní design Responzivní design řeší problém se zobrazováním Tvého webu na různých zařízeních. Pro front-end programátora je neodmyslitelnou součástí jeho skills. Mobilních zařízení je více než obyvatel na světě - musíme optimalizovat také pro malé obrazovky. Samotné HTML a CSS3 má v sobě nástroje, které nám při takové optimalizaci mohou pomoci. Například velmi důležitý HTML meta tag je viewport , který přizpůsobí velikost písma pro malé obrazovky tak, aby nebylo příliš malé: <meta name="viewport" content="width=device-width, initial-scale=1.0"> Pomocí CSS také dokážeme ošetřit responzivitu tak, že na šířku elementů budeme používat procentuální hodnoty a pravidlo box-sizing: border-box; . Takto můžeme zadefinovat vlastní grid , kde tato pravidla použijeme. CSS3 nám velmi pomáhá při responzivním designu s @media query. Pomocí @media dokážeme oddělit CSS, které bude platit například při rozlišeních menších než 1000px od pravidel, která budou platit pro rozlišení vyšší než 1000px. Výborná věc. Responzivnímu designu věnoval Yablko také spoustu videí v kurzu Webrebel 1 . Front-end Framework Šikovníky z Twitteru napadlo, že by bylo fajn mít po ruce sadu komponent , které velmi často používají ve svých projektech. Takovými komponenty jsou například tlačítka, různé typy menu, textová pole s validacemi nebo různé nadpisy. Důležitá byla také responzivita. Aby nemuseli začínat vždy od nuly, vytvořili Bootstrap – framework, který si okamžitě získal vývojáře po celém světě. Bootstrap je obrovský urychlovač času a čas jsou přece peníze. Pokud si Bootstrap oblíbíš a poznáš ho pořádně, začneš experimentovat s upravováním jeho vzhledu a přidáváním nových funkcí například přes JavaScript. Na internetu najdeš spoustu pluginů, které rozšiřují jeho možnosti. Alternativy k Bootstrapu mohou být: Foundation, Materialize CSS, Semantic UI a různé jiné. Level 3: JavaScript Dostáváme se do posledního levelu front-end programátora, tak vysoukejme rukávy a pojďme na to:) JavaScript je jedním z nejpopulárnějších jazyků. [Image] Příchodem Single Page Applications (SPA) se jeho popularita zmnohonásobila . SPA rapidně zlepšily rychlost webových aplikací. Podstatou SPA je, že celá stránka se načte jen jednou - na začátku. Každá další změna se děje na pozadí a změní se jen část stránky s novým obsahem. Nejlepšími příklady single-page aplikací jsou Facebook, YouTube, Twitter a mnohé jiné populární weby. Ani si neumíme představit to množství JavaScriptu, které tyto aplikace obsahují, protože podstatná část celé aplikace je naprogramována právě v JavaScriptu. Spousta .js souborů na jednom webu může způsobovat nemalé problémy. Zejména pokud jsou jednotlivé soubory na sobě závislé. Velmi jednoduchý příklad: napíšeme-li vlastní JS plugin k zobrazení foto galerie, který je závislý na jQuery. Když prohlížeč stáhne a spustí náš plugin, už musí mít k dispozici knihovnu jQuery. Je úkolem front-end programátora, aby takové problémy vyřešil. JavaScript naštěstí obsahuje obrovské množství nástrojů, které nám pomáhají řešit podobné problémy. Zde jsou některé situace a jejich řešení: • Správa závislostí – pokud je knihovna závislá na dalších knihovnách, pomohou nám npm nebo yarn • Automatizace činností – velkou pomocí je například automatický refresh prohlížeče při každé změně kódu. Takové a podobné tasky můžeme řešit přes gulp , grunt nebo npm • Správa modulů - nainstalované závislosti je třeba poskytnout prohlížeči ve formě výsledného .js souboru. Zde nám mohou pomoci webpack , rollup , RequireJS , browserify • Automatizované testování - abychom při každé změně nemuseli celou aplikaci testovat ručně, pomohou nám jíst , mocha nebo jasmine • Syntaxe - abychom neprodukovali JS špagety kód, vznikají nové standardy, které zpřehledňují syntaxi JavaScriptu - ES5 , ES6 nebo ES7 . Babel pomůže prohlížeči tuto novou syntaxi pochopit. JavaScript frameworky a knihovny Podobně jak nám Bootstrap pomohl s responzivitou a některými často používanými komponentami, existují i ​​JavaScript frameworky, které doplňují svět front-end programátora a celý vývoj komplikované SPA urychlují. Popsat každý framework není úkolem tohoto článku, pokud však některý z nich preferuješ, napiš nám do komentářů který a proč. Zde jsou nejpoužívanější: • React – Facebook vytvořil React jako řešení pro své komplikované uživatelské prostředí. Hlavní ideou je vytvoření komponent, které lze použít na více místech v aplikaci. Pokud uživatel provede nějakou akci a změní se obsah stránky - prohlížeč překreslí jen konkrétní komponentu. • Vue.JS - Alternativní knihovnou k Reactu je Vue.js, která se těší stále větší popularitě. Výhodou je přehlednější a lehčí syntax, kde se nemíchá HTML kód s JavaScriptem – což některým vývojářům nevyhovovalo • AngularJS - Vytvořený firmou Google je na rozdíl od React a VueJS plnohodnotným frameworkem - obsahuje také nástroje pro komunikaci s databází. Další alternativy k nejpoužívanějším frameworkům/knihovnám: EmberJS, Preact, Inferno a mnohé jiné. Level 4: Ano, existuje i level 4. Jsou to přídavné znalosti naskillovaného front-end programátora. Například bezpečnost - prevence před CSRF, XSS, DNS pinning nebo clickjacking útoky. Také poznání psychologie uživatele je obrovskou výhodou – priorizovat použitelnost a přístupnost aplikace před odvážným designem. Marketing , SEO , ... a mohli bychom jít dál. Důležité je nikdy se nepřestat vzdělávat , získat co největší rozhled v technologiích a v neposlední řadě nepodlehnout popularitě některého z nástrojů, ale zvolit nástroj tak, aby splnil svůj účel.