Browsed by
Archiv rubriky: Javascript

React Workshop

React Workshop

Připravujeme další z našich otevřených vývojářských workshopů, tentokrát zaměřený na React, který se uskuteční v sobotu 25.2.2017 od 10h v Plzni na adrese náměstí Republiky 28 (https://www.id-sign.com/kontakt). Místo může být v případě velkého zájmu změněno, proto prosím sledujte naší FB stránku ať vám neuniknou žádné změny. K akci je rovněž i vytvořena FB událost a registrovat se lze na srazy.info

V průběhu workshopu vás Jarda Šnajdr provede základními principy Reactu, vysvětlí klíčové vlastnosti a pokud si přinesete svůj počítač, tak vám pomůže napsat vaší první reactí aplikaci :-) Plánovaná osnova workshopu je následující:

  • Základní principy a proč je React tak populární?
  • Komponenty, rendering, virtuální DOM
  • Změny stavu, obsluha událostí
  • Flux, Redux, Immutable – architektura aplikace
  • Jak optimalizovat rychlost a spotřebu paměti

Pro koho je workshop určen? Pro všechny zájemce o React, kteří chtějí pomoci se začátkem, mají alespoň základní znalost javascriptu a ES6 syntaxe a v počítači funkční npm příkaz. Pokud něco z toho nesplňujete, tak čas zbývající do workshopu můžete vyplnit nápravou.

Naučte se s námi React nebo Symfony

Naučte se s námi React nebo Symfony

Připravujeme krásný projekt, který bude startovat ve více zemích EU a má potenciál ovlivnit určitý trh obdobně, jako bezrealitky.cz ovlivnily realitní trh. Tentokrát v celoevropském měřítku.

Technicky se jedná o frontend v Reactu a backend v Symfony. Zdatní frontend developeři, kteří umí, nebo mají chuť naučit se React by byli velmi vítané posily týmu. Obdobná nabídka platí i pro PHP vývojáře, kteří buďto mají zkušenost se Symfony, nebo mají chuť se jej naučit pod vedením zkušených borců :-)

Více se o nás můžete dozvědět na stránce o nás, co jsme již dokázali na přehledu našich projektů a koho hledáme a co nabízíme na stránce kariéry v iD-SIGN.

Ke kontaktu a zvídavým otázkám můžete využít jak kontaktní formulář, tak i email info@id-sign.com. Rádi vás přivítáme! :-)

Jak na nechtěné horizontální scrollbary

Jak na nechtěné horizontální scrollbary

Když kóduji stránky, tak se mi občas u složitějších responzivních šablon stane, že nějaký element přesáhne šířku dokumentu a způsobí horizontální scrollbary. Ne vždy si toho rychle všimnu, protože k tomuto přetečení může docházet jenom při některých šířkách a i oprava se může zvrhnout v detektivní práci.

Mazání jednotlivých nodů dokud přesah nezmizí nevede vždy rychle k cíli. Se zkoumátkem jsem také ne vždy uspěl. Využíval jsem i Firefox a jeho režim 3D pohledu, který dokázal vykreslit hranice všech vrstev ve 3D včetně hranic základního dokumentu. Tento režim byl již ale z firefoxu odstraněn a tak nezbývalo podívat se po jiném řešení.

Na CSS-Tricks jsem našel skvělý článek https://css-tricks.com/findingfixing-unintended-body-overflow/ s šikovným snippetem, který vám po zkopírování do konzole najde všechny viníky a výpíše je v seznamu.


var docWidth = document.documentElement.offsetWidth;

[].forEach.call(
  document.querySelectorAll('*'),
  function(el) {
    if (el.offsetWidth > docWidth) {
      console.log(el);
    }
  }
);

Pokud podobný problém občas řešíte i vy, tak to také zkuste takto. Pokud vám to pomůže, tak enjoy :-)