Zpět na blog
Vzdělávání

Java nejnovější verze – Java 9 moduly (1. část)

Skillmea
09.12.2018
8 minut čtení
Java nejnovější verze – Java 9 moduly (1. část)
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.

Instalace

Nejprve 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.
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.

Moduly

V 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.

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.

Distribuce

Modul 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í moduly

Slí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>.
Každý modul, který vytvoříme, použije implicitní modul java.base. Použití dalších modulů bude k dispozici po konfiguraci.

Vytvoření modulu

Modul 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.
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.
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ěr

Nakonec 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.

Skillmea
🥇 Sme jednotka v online vzdelávaní na Slovensku.
Na našom webe nájdeš viac ako 300 rôznych videokurzov z oblastí ako programovanie, tvorba hier, testovanie softwaru, grafika, UX dizajn, online marketing, MS Office a pod. 
Vyber si kurz, ktorý ťa posunie vpred ⏩

Mohlo by tě zajímat

Využij toto léto: Online kurzy, za které neplatíš!
Vzdělávání
12.08.2017
Martina Baumann

Využij toto léto: Online kurzy, za které neplatíš!

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. 
Front-End development technologie
Vzdělávání
30.07.2017
Lubo Herkoo

Front-End development technologie

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.
Frontend vs Backend: v čem je rozdíl?
Vzdělávání
28.05.2017
Lubo Herkoo

Frontend vs Backend: v čem je rozdíl?

V únoru 1997 bylo na síti Internet přístupných milion webů. To bylo před dvaceti lety  (také jsem si právě uvědomil jak jsem starý) . Dnes bychom je počítali ve stovkách milionů. Od té doby prošel vývoj webů neskutečnými změnami. Z jednoduchých prezenčních stránek nakreslených ve skicáři a oživených HTML, CSS a JavaScript kódem se staly složité CMS, LMS, CRM a WTF systémy postavené na některých z desítek back-end technologií. Data můžeme ukládat do SQL nebo NoSQL databáze a soubory již nenahráváme jednoduše na server přes FTP, ale používáme složité build systémy, které náš kód nejprve otestují a teprve poté posunou do produkce. Aplikace otevíráme na tabletech, chytrých telefonech, laptopech, ledničkách, … – proto je dobré pokud mají responzivní design. Aby té terminologie nebylo málo. Jednomu programátorovi to množství technologií, se kterými se denně potýká, začíná přerůstat přes hlavu. Proto se web vývojáři začínají specializovat. Dvě nejvýraznější skupiny jsou front-end a back-end vývojáři. Další by byli  full-stack  vývojáři,  DevOps .. Tento text ti pomůže pochopit, co je úkolem front-end a back-end vývojáře as jakými technologiemi nejčastěji tyto dvě skupiny vývojářů pracují. PolopatistickyPokud chce programátor postavit dům, nejprve zavolá back-end tým: zedníka a tesaře. Back-end zedník mu vybetonuje základy, postaví stěny, vyzdí otvory na dveře a okna. Později mu pomůže back-end tesař. Ten postaví střechu. V takovém domě by se však bývalo těžko – proto přijde front-end tým: malíř a bytový designér. Front-end tým zútulní cihlové zdi a zařídí dům – aby vše vypadalo parádně, spolu ladilo a hlavně  plnilo svůj účel . Pokud to přeměníme na web-development svět, tak back-end je základem pro naši aplikaci. Je to skrytá část aplikace (uživatel ji nevidí), která úzce spolupracuje se serverem, databází. Úkolem back-end programátora je tvořit kód, který je efektivní, zbytečně nezatěžuje server, databázi. aby uživatel nečekal příliš dlouho na potřebná data. Už dvě vteřiny jsou nekonečno. Front-end je zase ta část aplikace, kterou vidí a pracuje s ní uživatel. Často je označována pojmem  User Interface  (UI). Úkolem front-end programátora je, aby se aplikace zobrazovala každému uživateli správně a aby mu co nejvíce usnadnila práci s aplikací. Front-end programátor umí z tvého jednoduchého kliku na tlačítko vyrobit parádní animaci, která ti např. odkryje další možnosti práce s aplikací. Jazyky, nástrojeVývojáři pracují s řadou technologií, které se někdy mění od projektu k projektu. Diagramy zobrazují jen nejpoužívanější technologie . Důležité je rozumět, že ne všechny technologie z diagramu musí vývojář ovládat – je však dobré o většině z nich alespoň něco vědět – u velkých projektů může mít některá technologie výhody, jiná nevýhody. To je ale na dlouhou debatu a měl by to řešit vývojářský tým interně, nejlépe face-to-face. V žádném případě nedoporučuji ptát se na sociálních sítích, zda je lepší React, nebo Vue JS. Nikam to nevede :)  [Backend technologie] [Frontend technologie] Samostatnou kapitolu by mohly tvořit webové frameworky jako Ruby on Rails, Laravel nebo ExpressJS. Ty nám usnadňují postavit celou aplikaci – front-end i back-end část. Technologie v Learn2CodeKaždá webová aplikace má jiné nároky a výběr technologií často souvisí i se zkušenostmi a preferencemi týmu řízeného zkušeným CTO. Takový koktejl technologií jsme namíchali v Learn2Code pro naše projekty: Front-EndPracujeme s frameworkem Ruby on Rails. S  front-end  částí aplikace nám v Rails pomáhá SASS preprocesor, díky kterému máme CSS styly pořádané v komponentech a velmi snadno se v nich orientuje. Základ našeho layoutu tvoří framework Bootstrap, jehož vzhled je upraven pomocí CSS stylů – opět s využitím SASS. Na některé části aplikace https://skillmea.sk jsme nasadili React – prohlížení videí, fórum. Ve starších projektech stále využíváme jQuery. Uvažovali jsme nad experimentováním s Vue.js, nakonec tuto technologii neimplementujeme. Yablko však bude dělat online kurz na Vue.js :) React a všechny jeho závislosti spravuje NPM – Node Package Manager a WebPack, který nakonec vyplivuje jeden velký  bundle.js soubor. Back-EndJelikož používáme Rails,  back-end  je psán ve skriptovacím jazyce Ruby. K testování používáme RSpec. Používáme relační databázi PostgreSQL, kde máme uložena všechna  data. DevOpsAplikace nám běží na serverech Heroku. Obrázky skladujeme na Amazon S3. Video obsah je uložen na serverech Vimeo, se kterými komunikuje React prostřednictvím REST API. Kód všech projektů skladujeme v privátních repozitářích na GitHub. Na nekvalitní kód nás neustále upozorňuje RuboCop a JSHint. Nasazení nových funkcí do hlavní aplikace je řízeno s pomocí Continuous Integration-CodeShip.com . Některé z technologií, které používáme možná znáš. Některé z nich tě dokonce umíme naučit iu nás v Learn2Code, stačí podívat se na seznam kurzů . V dalších blozích se podíváme na front-end i back-end detailněji. Pokud máš nějaké otázky, postřehy nebo jsi něčemu nerozuměl, napiš komentář.

Nezmeškej info o nových kurzech a speciálních nabídkách