Front End Day Białystok #2

Lubisz front-endowe wyzwania? Chcesz doskonalić swoje umiejętności pod okiem praktyków?
Przygotowaliśmy dla Ciebie warsztaty, które pozwolą Ci się rozwinąć w wybranym obszarze.

Który warsztat wybrać?
👉TypeScript?
👉HTML&CSS?
👉ES6?
Zobacz szczegóły poniżej:

TypeScript w projektach React

Wyraźnie widoczny jest trend migracji z JavaScript do TypeScript.
TypeScript ma wiele unikatowych, bardzo przydatnych funkcji, które świetnie dobrze pasują do dynamicznej natury JavaScript.

Dzięki warsztatom przygotujesz się do pracy z TypeScript poznając jego najważniejsze właściwości. Omówimy szczegółowo, jak połączyć TypeScript z bazą kodu React.
Zawsze zależy nam na praktycznych aspektach szkolenia dlatego aby przećwiczyć teorię, będziemy wspólnie migrować aplikację Reactową z JavaScript do TypeScript.

• Dla kogo?
  • Warsztaty dedykujemy programistom komercyjnie pracującym w React, planujących poznanie lub migrację z JavaScript do TypeScript w swoich projektach.
• Dlaczego warto?
  • Zapoznasz się z najważniejszymi cechami TypeScript.
  • Wspólnie z nami przepiszesz Reactową aplikację z czystego JavaScript do TypeScript.
  • Zwiększysz swoją wartość na rynku pracy.
  • Ciekawie spędzisz czas z zapalonymi do nauki geekami.
• Wymagania
  • Dobra znajomość React.
  • Komercyjne doświadczenie z React.
  • Bardzo dobra znajomość JavaScript oraz nowoczesnej składni ES2015.
• Agenda
  • Konfiguracja, uruchomienie projektu.
  • Podejścia do migracji.
  • Podstawy: Primitives, interfaces, classes, generics.
  • Type guards.
  • "any", "never", oraz "unknown".
  • Type operators oraz modifiers: "private", "readonly", "&", "|", "infer", "this", "typeof", "is", "?" and "!".
  • Typowanie skomplikowanych funkcji i objektów: mapped types, conditional types, overloading, declaration merging.
  • Typowanie zewnętrznych bibliotek.
• Trenerzy
  • Jakub Dakowicz
  • Tomasz Chmiel
• Bio Trenerów  
  Jakub i Tomek to utalentowani dżentelmeni z Pagepro.
  Zajmują się programowaniem dużych SPA (Single Page Applications) przy użyciu React & Redux dla klientów z UK & USA.
• Co należy przynieść:
  • przeglądarkę internetową Google Chrome,
  • edytor tekstu SublimeText, WebStorm albo Visual Studio Code,
  • narzędzie Git albo program GitHub Desktop (konto na GitHub (http://github.com/)),
  • node.js V8+.

How to use BEM and Atomic Design to make life easier

Czy kiedykolwiek miałeś/aś problem z tworzeniem HTML na stronie?
Nazwy klas nie chciały przyjść do głowy?
Elementy na stronie nie łączyły się w całość?
Kod był ciężki do wytłumaczenia kolejnej osobie w projekcie?

Jeśli na chociaż jedno pytanie odpowiedziałeś/aś sobie TAK, to znaczy, że te workshopy są dla ciebie! Zostań bohaterem w swoim teamie!
W czasie workshopów pokażemy jak w prosty sposób tworzyć kolejne części strony, bez wprowadzania chaosu w projekcie.
Nie będzie już trudności z nazwami klas, z nieuniwersalnym kodem.
Tworzenie stron stanie się o wiele przyjemniejsze, gdy poznasz metodologie BEM i Atomic Design!

Budowanie strony będzie tak proste jak układanie wieży klocków LEGO.

• Dla kogo?
  • Dla wszystkich znających podstawy HTML5 i CSS3, którzy lubią być na bieżąco z najnowszymi technologiami oraz chcą w łatwy, szybki i przyjemny sposób budować strony internetowe.
• Dlaczego warto?
  • Zwiększysz swoją wartość na rynku pracy.
• Wymagania
  • Podstawowa znajomość języka HTML5 i CSS3.
  • Podstawowa umiejętność korzystania z pre-processora SCSS.
  • Umiejętność używania nadzędzi do automatyzacji Gulp/Webpack.
• Trenerzy
  • Katarzyna Kotyńska
  • Joanna Dyszkiewicz
• Bio Trenerów
  Katarzyna i Joanna zajmują się tworzeniem responsywnych stron internetowych.
  Przy pisaniu kodu wykorzystują podejścia BEM oraz Atomic Design, które pozwalają tworzyć komponenty w sposób szybki, elastyczny, łatwy do interpretacji i re-używalny. Chętnie biorą udział w konferencjach i szkoleniach zagranicznych, na których poszerzają swoją wiedzę i poznają nowe technologie.
• Co należy przynieść:
  • przeglądarkę internetową Google Chrome,
  • edytor tekstu SublimeText, WebStorm albo Visual Studio Code,
  • narzędzie Git albo program GitHub Desktop (konto na GitHub (http://github.com/)),
  • node.js V10+.
  • Adobe XD

• Dla kogo?
  • Dla wszystkch początkujących programistów znających podstawy js. Próbujących swoich sił z nowoczesnymi frameworkami jak React lub Angular.
• Dlaczego warto?
  • Poznasz syntax używany w nowoczesnych tutorialach i artykułach. Nauczysz sie pisać czytelny krótki kod.
• Wymagania
  • Podstawy języka JavaScript.
• Agenda
  • Variables, arrays and objects:- let and const instead of var,
    - blocks and a range of variables,
    - spread, that is simpler operations on lists,
    - destructuring assignment which makes it easier to use objects.
  • Functions:- default parameters,
    - grouping parameters,
    - new syntax: arrow functions.
  • Classes:- the introduction of syntax,
    - symbols and private variables,
    - getting and saving data (getters and setters),
    - static variables,
    - expanding classes - inheritance and Object.assign.
  • Collections:- sets - set and WeakSet,
    - maps - Map and WeakMap.
  • Modules, generators and Promises:- definition of modules and loading them,
    - generators,
    - promises.
• Trenerzy
  • Sebastian Kurzynowski
  • Robert Grybowicz
• Bio Trenerów
  Sebastian - programista i trener z wieloletnim doświadczeniem nabytym w Polsce oraz Belgii. Na codzień pracuje w projetach Reactowych. Podczas swoich szkoleń skupia się na praktycznych aspektach omawianych tematów.
  Robert - React Developer z Pagepro, wcześniej pracował jako full stack developer w różnych frameworkach nabywając przekrojowe doświaczenie z dziedziny frontendu i backendu.
• Co należy przynieść:
  • laptop + zasilacz z zainstalowanym: Google Chrome, NodeJS + npm.

O evencie

Dlaczego?

Widzimy potrzebę ciągłego rozwoju i edukacji przede wszystkim przez workshopy z praktykami i wymianę doświadczeń z innymi developerami.
Zależy nam na tym, by integrować środowisko IT, wspierać jego rozwój i wspólnie dążyć podnoszenia kwalifikacji oraz ciągłego zwiększania jakości usług oferowanych w branży.

Dla kogo?

FED jest skierowany do programistów na różnym poziomie zaawansowania i o różnych zainteresowaniach.

www.frontend-day.com/
www.instagram.com/pagepro_

Do zobaczenia!