/community

Polymeristi - tvoříme lepší web zítřka. Czech & Slovak Polymer community.

Polymeristi - tvoříme lepší web zítřka CZ & SK v1.4.0 - 2018-04-18

PRs welcome

Proč Polymer?

Projekt Polymer, kombinace technologií HTTP/2, W3C Service Workers, W3C HTML Templates, W3C Custom Elements, W3C CSS Custom Properties, W3C Shadow DOM, JavaScript ES6 Modules a vzor PRPL-50 nám umožňují tvořit rychlé, silně modulární, dlouhodobě udržitelné a čitelné pro většinu vývojářů SPA nebo PWA aplikace i pro pomalé a nestabilní sítě.

Progresivní webové aplikace (PWA) jsou spolehlivé, rychlé a vytváří dojem plnohodnotné aplikace. Nevyžadují instalaci a centrální app store pro aktualizace a dohledatelnost.

✨ Jen čisté HTML, CSS, JS. ✨ Lehká Polymer knihovna je postavena na Ecma a W3C standardech, takže nás nenutí se učit nové API či jazyky. 👍 🎉

Na projektu Polymer je postaven např. nový YouTube, který je díky němu modulární a rychlejší o 15%. 👍

PWA vs nativní aplikace

PWA aplikace v produkci ukazují, že mají význam, viz statistiky PWA Stats. 👍

Více informací o PWA je na stránce #UseWebPlatform. 👀

Co je to Polymer Project?

Historie Javascript frameworků

Polymer Project je open-source projekt veden týmem front-endových vývojářů v rámci projektu Chrome ve společnosti Google.

Cílem projektu je vytvořit knihovny, nástroje a architektonické vzory, které umožní vývojářům vytvářet moderní progresivní webové aplikace (PWA) s plným využitím špičkových API webové platformy jako jsou W3C Web Components, W3C Service Workers a protokolu HTTP/2.

Lehká Polymer knihovna jen usnadňuje zápis W3C standardů (syntactic sugar) a nevytváří vlastní vrstvu jako ostatní frameworky, tím ji lze použít s libovolným frameworkem nebo knihovnou (např. Angular, Redux) díky projektu Custom Elements Everywhere.

Projekt Polymer nás nepoutá k žádnému full-stack řešení. Je v synergii s moderní architekturou JAMstack. Tento stack dobře vysvětluje přednáška JAMstack, moderní architektura pro stavbu webů.

Vývojáři z projektu Polymer mají vizi ve webovém designeru, kde si budem moci webovou aplikaci poskládat pomocí již hotových elementů. Prvním prototypem byl Polymer Designer (video, git) a druhým wizzywid (video, git).

S Polymerem je již vytvořeno několik webových stránek a aplikací, např. nový YouTube, Google Earth, Google Play Music, Google Sites, Chrome PDF viewer, Chrome Settings, Electronic Arts, IBM Bluemix console, atd.

Webová komponenta

Webová komponenta je modul, který se skládá z několika významných vrstev. Tyto moduly komunikují mezi sebou pomocí vzoru Mediator Pattern.

Webová komponenta

Jak na SEO?

Polymer projekt vyvíjí PRPL server, který umí search bótům podstrčit statickou stránku (bez JavaScriptu) vygenerovanou pomocí Headless Chrome.

Více informací v sekci Polymer is SEO-friendly na stránce Awesome Polymer.

Motto #UseWebPlatform

Naše motto #UseWebPlatform obsahuje pravidla pro lepší web a vysvětluje misi projektu Polymer.

Místa kde diskutujeme

Pravidla diskuse

  1. DRŽÍME TÉMA
    Diskutujeme hlavně o projektu Polymer a na téma #UseWebPlatform. Téma držíme i v otevřených diskuzích.

  2. NESPAMUJEME
    Nabídky práce patří na pracovní forum Polymeristů. Reklama na produkty a služby sem nepatří.

  3. NELADÍME CHYBY
    Bugy softwaru patří do jeho Github issues, technické zádrhele zase na StackOverflow.

  4. PTÁME SE PŘESNĚ
    Pokud vám něco nefunguje: uveďte, v čem je problém a co je očekávaný výsledek. Přiložte ukázku kódu v aplikaci CodeSandbox, JSFiddle nebo CodePen.

  5. NEDUPLIKUJEME DOTAZY
    Než se zeptáte, vyhledáváním si zjistěte, zda už se to v diskusi neřešilo.

  6. DISKUTUJEME VĚCNĚ, SLUŠNĚ A S RESPEKTEM K DRUHÝM
    Všechny názory podepíráme argumenty. Žádné osobní útoky. Nováčkům se nesmějeme, naopak je vřele vítáme.

  7. TYKÁME SI
    Tykání nenutíme, ale připravte se na to, že vám v diskusi tykat budou.

Novinky, události, srazy

Nabídky práce

Nabídky práce podáváme a hlídáme na pracovním foru Polymeristů.

Jak začít?

  1. Zkoukněte videa z playlistu Polycasts.
  2. Objevte sílu lehké knihovny Polymer v online editoru pomocí StartPolymer Playgrounds.
  3. Použijte základní šablonu pro PWA aplikace Polymer Starter Kit.
  4. Zkoukněte kód demo PWA shopu, demo PWA news a PWA aplikace Polymer Summit 2017.
  5. V kolekci zdrojů Awesome Polymer naleznete užitečné odkazy.

FAQ

  • Proč projekt Polymer opustil HTML importy ve verzi 3.0?
    • Během několika let se nepodařilo prosadit HTML importy u ostatních prohlížečů (Safari, Firefox, Edge). JS ES6 moduly jsou na druhou stranu pěknou alternativou. Viz například demo shopu přepsané do Polymer 3.0. Dále díky tomuto přechodu vznikl skvělý lit-html.