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

Front-End development technologie

Lubo Herko
30.07.2017
11 minut čtení
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.
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ů.

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ů.
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.
Lubo Herko
Ruby on Rails programátor, otec štyroch detí, manžel jednej manželky. V Skillmea vediem vývoj a raz za dva roky publikujem článok.

Mohlo by tě zajímat

Frontend vs Backend: v čem je rozdíl?
Vzdělávání
28.05.2017
Lubo Herko

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ář.
Programování bez Ing. - i bez diplomu z informatiky
Vzdělávání
21.03.2017
Lubo Herko

Programování bez Ing. - i bez diplomu z informatiky

Nemáte titul v oboru informatiky a chcete být programátorem ( ka )? Žádný problém! Během mého rozhovoru pro pozici programátora v Learn2Code se nikdo nestaral o to, co studuji. Důležité byly zkušenosti, portfolio a ( možná ) přiměřené odpovědi na otázky.[Image] Pro programování nepotřebujete titul Kniha o JavaScriptu, kterou jsem nikdy nečetlNaučil jsem se programovat webové aplikace sám. Stavěl jsem na základech střední školy, kde jsem zjistil, že web může postavit “ obyčejného smrtelníka. V té době jsme programovali Pascala ve třídách informatiky, později ve vyšším roce také VisualBasic nebo C + +. O tyto jazyky jsem se však příliš nezajímal. V mém životě nevyřešili žádný hlavní problém, takže CounterStrike 1.6 nebo Wild Tribes - online hra prohlížeče - vždy zářily na hlavním panelu. Po ukončení studia jsme však v tomto předmětu multimédia naučili se vytvářet jednoduché weby pomocí pravidel HTML a CSS. HTML a CSS jsou skvělé v tom, že jakmile změníte svůj kód, stačí osvěžit můžete vidět prohlížeč a okamžitě se změnit.  Žádné kompilace kódu, žádné použití komplikovaných knihoven pro zobrazení grafiky. Jednoduchý systém: pravidlo - výsledek. Web také stačil k nahrání přes FTP na jeden z volně dostupných bezplatných hostingových serverů a celý svět to viděl. Pacienti to poklepali reklamou shora dolů, ale poslal jsem jen odkaz a voila svým přátelům... Fotografie z dozvuků si mohl prohlédnout kdokoli, kdo měl internet. Během prodloužených prázdnin před studiem na vysoké škole jsem si vybudoval svou domovskou stránku. Opravdu jsem tam chtěl mít moderní vyhazovací menu. Zjistil jsem, že takové menu nedám bez JavaScriptu. Koupil jsem si tedy svou první knihu “ programátora ”: JavaScript - programujeme internetovou aplikaci. V českém jazyce. Nikdy jsem se nedostal do kapitoly 1: Začínáme - Stáhl jsem hotový soubor nabídky .js, který vypadal tak, jak jsem chtěl. Netušil jsem, jak to všechno funguje, ale díval jsem se. Tehdy mě Google poslal na neskutečný zdroj informací, web, který jsem si jako jediný přečetl: jakpsatweb.cz. Výložník!  Kniha návštěv.PHPProtože web je zdarma knihy hostů nebyl web, zkoumal jsem možnosti. Potřeboval jsem nějaké PHP a to zase vyžadovalo nějaké MySQL a nějak to bylo připojeno. Pochopení principu PHP a databází mi pomohlo českým tutoriálem, který jsem bohužel dnes nenašel. Podařilo se mi sestavit soubor s asi 500 řádky kódu špaget PHP a Kniha návštěv.php byl na světě.  Výběr vysoké školy neměl nic společného s kariérou programátora. Studoval jsem anglický jazyk a informatiku na Katolické univerzitě v Ružomberoku. Studium informatiky se příliš neliší od středoškolské informatiky na technické škole, takže jsem se vrátil do divokých kmenů prostřednictvím přednášek. Můj spolužák hledal někoho, kdo by pomohl jejímu příteli propagovat neziskovou organizaci, která pomáhá africkým dětem. Za peníze. Protože jsem spravoval guestbook.php, zvládnu to také. Nevěřil jsem svým vlastním očím, když jsem při psaní tohoto textu našel svůj první řád v životě: LliveAid CZ. Pamatuji si, že můj poplatek byl 400, - SK. WordPressProtože jsem stále chrápal kolem PHP, narazil jsem také na redakční systém Wordpress. Pomohl mi pracovat efektivněji a rychleji zpracovávat smlouvy. Při práci s Wordpressem jsem také řídil programování objektů v PHP - pomáhal mi vynikající kniha O'reilly: Programování PHP, ale je to spíše průvodce než výukový program.  Ruby na kolejíchPo celou tu dobu jsem byl v kontaktu se svým přítelem, spolužákem ze střední školy. Stále jsme diskutovali o Apple, IT, programování. Nikdy se mu neposadilo. Vždy byl trendy a stále něco programoval - ale nevěděl jsem, v jakém jazyce. Protože jsme oba studovali na GENERAL ( na FEI STUBA ) a bylo pro nás jako studenty relativně snadné se dostat do USA, využili jsme to. Po několika týdnech práce jsme si objednali náš první MacBook Pro. Důležité je, že za ty tři měsíce v USA naprogramoval ve večerních hodinách svou vlastní verzi prohlížečové hry Babylon ( a nikdy ji nezveřejnil online ). Někdy se zmínil o některých kolejnice, ale nikdy jsem tomu nevěnoval pozornost. Když jsme začali kecy a postupně jsem nahradil PHP Ruby on Rails.  Majitel hotelu, ve kterém jsme pracovali, si také všiml, že jsme investovali do notebooků. Vystoupili jsme, zjistili jsme, že bychom mu mohli pomoci s webem pro jeho hotely a od té doby jsme měli teplé místo v kanceláři, kde jsme vytvořili http://angelinnhotels.com/. Web design nic moc, ale nemuseli jsme čistit klimatizace a pokoje po Američanech s hrubými dětmi.  VIVANTPo návratu z USA jsme s Josephem intenzivněji komunikovali. Vytvořili jsme společnost a dostali jsme se k ziskovému řádu od ministerstva školství. Vyhráli jsme soutěž o vytvoření systému správy neziskových organizací ve Slovenské republice. Rozdělili jsme úkoly a začali. Bylo to vzrušující období. Koupili jsme si vlastní server, který jsme umístili do serverové místnosti v Bratislavě. S pomocí Josefova bratra - gurua Linuxu - jsme ho nakonfigurovali. K vývoji aplikace jsme samozřejmě použili Ruby on Rails a databázi PostgreSQL. Byl to první seriózní projekt, ale měl také smluvní podmínky. Jak jsme nazvali, dosáhli jsme úspěšného ukončení projektu VIVANT. Používá se dodnes (http://adam.iuventa.sk).  Restart - online kurzyBěhem práce na VIVANT jsem promoval na vysoké škole a začal jsem pracovat jako učitel na ZŠ. Nevím, jestli to bylo správné rozhodnutí nebo ne. Řekl jsem si, že budu moci programovat kromě práce učitele. Zatímco jsem učil na částečný úvazek, bylo to také možné. Později jsem však zjistil, že práci učitele na plný úvazek lze ve večerních hodinách jen stěží kombinovat s jinou mentálně náročnou prací. Učení mě však vzalo natolik, že jsem postupně přestal programovat téměř úplně. Sledoval jsem trendy, zajímal jsem se o to, co se děje, ale na žádném projektu jsem nepracoval.  Přestávka trvala téměř 6 let. Myšlenka na sebe - učitele v důchodu - mě později vyděsila natolik, že jsem se rozhodl opustit vzdělání a pokusit se restartovat své programátorské řemeslo. Problém byl v tom, že jsem zametl dvě verze Ruby On Rails, do světa PHP byl přidán nový důležitý rámec pro Laravel a zjistil jsem to, že svět JavaScriptu je úplně někde jinde než před pěti lety - React, Angular, EmberJS, NodeJS... Nic z toho jsem neovládal. Zbytky know-how před pěti lety byly také zastaralé. Moje znalosti potřebovaly aktualizaci. Vybral jsem si cestu online kurzů. Díky dobré angličtině jsem oslovil kurzy Udemy. Později jsem objevil další portály - Codeschool, Pluralsight, Egghead, Codecademy. Z každého portálu jsem absolvoval alespoň jeden kurz. Dozvěděl jsem se, co je nového v Ruby a Ruby on Rails, jak mohu vyzkoušet své webové aplikace. Vylepšil jsem se v Gitu. Pochopil jsem, jak JavaScript funguje. Naučil jsem se základy EmberJS, React a NodeJS. Vylepšil jsem své znalosti v oblasti databází, naučil jsem se také pracovat s databázemi NoSQL. Nemusel jsem nikam chodit. Všechno jsem zvládl v pohodlí domova, vlastním tempem. Úloha v Learn2CodeKdyž jsem se vrátil ke své sebevědomí a realizoval několik malých projektů, někdo sdílel pozici programátora Ruby on Rails v Learn2Code na Facebooku. Dostal jsem svůj životopis, přišel jsem do velkého města na pohovor. Rada ( CEO ) Upozornil jsem na svou zničenou učitelskou kariéru a hovořil jsem o svých projektech. Rozhodli se to zkusit se mnou. Nelituji to, ale musíte se zeptat: ) Udělej to! Naučit se programovat weby není tak náročné, jak by se mohlo zdát na první pohled. Absolvování online kurzů bylo hezké a ve většině případů zábavné, ale někdy to byla také skutečná otrava - ale musí to vydržet. Lidé, kteří tam dělají šance, nikdy nedávají bavlněnou vlnu na natažení. Teď mám příležitost se na to podívat Yablka kurzy a prohlašuji, že můj hostbook.php by neměl formu 500 řádkového špagetového kódu, kdybych si mohl vyměnit český tutoriál za jeho webrebel.
Pomozte nám darováním 2% daní
Vzdělávání
14.02.2017
Martina Baumann

Pomozte nám darováním 2% daní

Daňová přiznání se blíží, takže bychom vám rádi připomněli. Také v letošním roce mají zaměstnanci, fyzické a právnické osoby příležitost pomoci našemu občanskému sdružení. Darováním 2% vašich daní nám pomůžete dále poskytovat a šířit vzdělávání v oblasti digitálních dovedností. Občanské sdružení Learn2Code funguje od prosince 2012 a naším hlavním cílem je přinést kvalitní vzdělání v nejmodernějších technologiích dětem, studentům, absolventům, uchazečům o zaměstnání, mladým lidem a zároveň všem, kdo by se chtěl naučit mluvit IT. Jaký byl rok 2016?V roce 2016 jsme s týmem přinesli několik zajímavých online a prezenčních kurzů a nezmeškali jsme různé události ani zprávy. Zmiňme alespoň několik z nich. Vytvořili jsme několik bezplatných seminářů pro učitele, kde se naučili vše, co potřebují vědět pro oddělené řízení programových prstenů ve své škole, jakož i kompletní materiály a metodické postupy. [Image] Nezapomínáme na ty nejmenší a letos jsme také uspořádali letní kódové tábory, kde se děti naučily vytvářet vlastní hru. Zpravidla jsme letos mysleli na ženy, když se více než 40 žen naučilo programovat Rails Girls v Bratislavě. Zkušení mentoři pocházeli nejen ze Slovenska, ale také přivítali hosty z Prahy a Vídně. Organizátoři semináře mysleli na všechno, dívky byly rozděleny do skupin podle dosavadních zkušeností s programováním. [Image] Rails Girls Bratislava 2016  V říjnu jsme uspořádali kurzy popularizace programování na základních školách v rámci Týdne EU Code Week a kromě Bratislavy jsme také přivítali Žilinu, Banskou Bystrici a Košice.[Image] V roce 2016 jsme také naučili naši nejstarší generaci základy počítačové práce, jak hledat internet a zabezpečení počítače. Více o tomto projektu Na webu najdete vnitřek. [Image] Co jsme pro vás připravili v roce 2017V letošním roce pokračujeme opět s dětskými kurzy, ve kterých se děti od 8 let učí základům programování v Scratch, MIT App Inventor nebo dokonce JavaScript u dospělých. Pokračujeme v přípravě různých akcí, samozřejmě, že pro ženy Rails Girls nebude žádná oblíbená událost nebo soutěž pro programátory - frontenisty Kód ve tmě. Zase jsme se více zaměřili na učitele. Jak? I v letošním roce nabízíme vzdělávání učitelů prostřednictvím pracovních seminářů, které jsou zcela zdarma. Začátkem února 2017 jsme připravili školení pro učitele informatiky, ve kterém představujeme interaktivní vzdělávací hru pro děti. Díky tomu se děti naučí programovat v hravé formě. A to je také velká novinka, kterou bychom chtěli co nejvíce rozšířit na základní školy. Interaktivní vzdělávací hra GalaxyCodr je zdarma a děti od 7 let jej používají k tomu, aby se naučily základy programování v hravé formě.[Image] Také jsme mysleli na samotné školy a během roku připravujeme řadu vzdělávacích materiálů, které budeme distribuovat všem základním a středním školám na Slovensku zcela zdarma. Jak darovat 2%?Identifikační údaje o občanském sdružení, které mají být uvedeny v daňovém přiznání nebo sděleny vašemu zaměstnavateli: Název: Learn2Code Forma: občanské sdružení Sídlo: Vajnorská 100 / A, 83104 Bratislava IČO: 42346703 DIČ: 2023850763 Pokud jste zaměstnanec a nepodáváte daňové přiznání: Do 15.2.2017 požádejte svého zaměstnavatele, aby provedl roční vypořádání placených daňových záloh. Požádejte ho, aby vystavoval Osvědčení o zaplacení daně. Pokud jste v roce 2016 pracovali dobrovolně minimálně 40 hodin a dostanete se o tom Potvrzení od organizace / organizace, pro které jste dobrovolně pracovali v roce 2016, vypočítejte 3% zaplacené daně. Vyplňte PROHLÁŠENÍ o poukaz 2% a doručte oba formuláře spolu s potvrzením daňovému úřadu podle vašeho bydliště (, pokud poukážete na 3% daně, povinná příloha je také potvrzením práce nejméně 40 hodin dobrovolnictví ). Pokud jste fyzická osoba, která sama podá daňové přiznání ( SZČO ): Pokud jste nebyli dobrovolníkem v roce 2016 nebo jste dobrovolně méně než 40 hodin, musíte vypočítat 2% zaplacené daně ( suma alespoň 3 € ). Pokud jste v roce 2016 pracovali dobrovolně minimálně 40 hodin a dostanete se o tom Organizace pro dobrovolnictví a vysílání 2016 nebo Dobrovolnictví-příjemce 2016, vypočítat 3% zaplacené daně. V daňovém přiznání pro fyzické osoby jsou voucher boxy 2 ( 3 )% daně ve prospěch Learn2Code o.z. Do 31.3.2017 doručte řádně vyplněné daňové přiznání daňovému úřadu podle svého bydliště a v této lhůtě zaplatíte daň z příjmu. Pokud jste právnická osoba: Pokud do 31. března 2017 věnujete částku alespoň 0,5% své daně pro účely veřejné výhody, můžete nahlásit 1,5% své daně z příjmu. Pokud darujete alespoň 0,5% své daně pro veřejné účely až do data podání daňového přiznání, můžete nahlásit pouze 1% své daně z příjmu. Dodejte řádně vyplněné daňové přiznání daňovému úřadu podle svého sídla ve lhůtě, kterou máte k podání daňového přiznání, a v této lhůtě zaplatíte daň z příjmu. Máte-li jakékoli dotazy, napište nám nebo zavolejte na číslo 0948 828 228. Děkujeme za podporu našich vzdělávacích aktivit.

Nezmeškaj info o nových kurzoch a špeciálnych ponukách