Nowoczesne standardy JavaScriptu

Kod: JS-ESx
Kategoria: JavaScript
Forma: 33% teoria, 66% ćwiczenia
Czas trwania: 3 dni
Odbiorcy: developerzy, architekci
Zapisy: Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.

Szkolenie przeznaczone jest dla programistów mających doświadczenie z klasycznym JavaScript (ES5), chcących zacząć skutecznie używać nowych standardów języka, jak również dla osób rozpoczynających pracę w JavaScripcie. Każda z części szkolenia jest najpierw omawiana teoretycznie, a następnie uczestnicy rozwiązują liczne ćwiczenia w stylu Test-Driven Development.

Ćwiczenia te badają zrozumienie danego zagadnienia oraz umiejętność samodzielnego rozwiązywania problemów. Kładą nacisk na dobre praktyki programistyczne. Są także „naszpikowane” klasycznymi pułapkami, w jakie programiści często wpadają – pod okiem trenera zdobywają „doświadczenie w boju”, mające na celu uchronienie przed popełnianiem błędów w projektach.

Wyróżniki szkolenia

  • Praktyczne zastosowanie ES6 w codziennej pracy
  • Porównanie mechanizmów ES6/7/8 z odpowiednikami ES5
  • Nauka w oparciu o TDD

Program Szkolenia

Program jest ramą w jakiej możemy się poruszać merytorycznie - program dla konkretnego szkolenia dedykowanego ustalamy z grupą na podstawie analizy przed-szkoleniowej.

  1. Basics & Syntax
    1. var, let & const keywords
    2. Symbols
    3. Destructuring Objects & Arrays
    4. Spread and Rest Operators
    5. Default Parameters
    6. Template Literals
      1. Tagged template literals
  2. Arrow functions
    1. Lexical Scope
    2. ES5 functions vs ES6 arrow functions
      1. Managing function context (this)
    3. Advanced usage, common mistakes
    4. Functional programming with Arrow Functions
  3. Classes
    1. Prototypal inheritance in ES6 classes
    2. Class Properties
    3. ES5 constructors, ES6 classes, TypeScript classes – comparison
    4. OOP and FP – two approaches in JavaScript
  4. Iterators
    1. for..of loops
    2. Iteration Protocol
    3. Generators
  5. Modules
    1. Imports, exports
    2. ESM, CommonJS, AMD - comparison
  6. Promises
    1. Asynchronicity in JS (event loop, message queue, …)
    2. Basic promise usage
    3. Parallel and Sequential processing
    4. Aggregate operations
    5. Deferred anti-pattern (deferred vs ES6 promise)
    6. Best practices and anti-patterns
    7. ES6 promises vs jQuery, bluebird
  7. Async Functions
    1. Coroutines
      1. coa, bluebird.coroutine
    2. Async Await
  8. Automation
    1. Transpiling with Babel
    2. Unit Testing with Karma preprocessors


Pobierz program w formacie PDF

Trenerzy

Poznaj ekspertów, którzy mogą poprowadzić Twoje szkolenie.

Materiały związane ze szkoleniem

Idea renesansowej pracowni - Bottegi zakłada nieustanną pracę jej członków i dzielenie się jej wynikami.

  • Looking for the Holy Grail of Mobile Web Performance
    KATEGORIE: Front-end

    W świecie mobilnym Istnieje przeświadczenie, że jedynie aplikacje natywne są w stanie sprostać oczekiwaniom użytkowników. Wraz z pojawieniem się Progresywnych Aplikacji Webowych, które mają przenieść na platformę webową wiele cech zarezerwowanych dotąd tylko dla rozwiązań natywnych, oczekiwania dotyczące wydajności są silniejsze niż kiedykolwiek wcześniej. Czy Web jest w stanie im sprostać?

    Autor Bottega:

    Adam Bar

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

  • JSON taki albo owaki... czyli kontrolowanie struktur z JSON Schema
    KATEGORIE: Front-end

    Slides

    JSON jest najpopularniejszym formatem definiowania/wymiany danych w sieci. Jest elastyczny niczym XML oraz zwięzły, jak to tylko możliwe. Nie mniej, rozwiązłość strukturalna JSONów powoduje utratę kontroli nad tym, jakie dane są przechowywane. Jeśli chcesz kontrolować, co może być przechowywane w formacie JSON, zerknijmy na JSON Schema.

    Autor Bottega:

    Tomasz Ducin

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

  • A Ty co zrobisz bez frameworka
    KATEGORIE: Front-end

    Podczas tej prezentacji poznamy lit-html – bibliotekę, która w prosty sposób abstrahuje zawiłości operacji na DOM-ie – oraz jej kuzyna lit-element, dzięki któremu Web Componenty są dziś na wyciągnięcie ręki. Sprawdzimy, jak wiele można mieć za tak niewiele i zastanowimy się, czy lit-html może stanowić alternatywę dla frameworków.

    Autor Bottega:

    Adam Bar

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

  • Async Functions Awaiting You - Tomasz Ducin
    KATEGORIE: JavaScript

    Slides

    Farewell callback hell, farewell promise chaining... the most awaited upcoming feature of ES8, async await, is taking async JavaScript by storm. Let's code async processes in a more readable, concise and extensible manner.

    During this talk we'll discuss the fundamentals: promises, generators and coroutines - and introduce async await. We'll have sequential and parallel processing explained, along with most common usecases - and gotchas. After this talk you'll never say that generators scare you or that async await is complicated - expect to find them simple.

  • badass.js - na drodze do biegłości
    KATEGORIE: JavaScript

    Co odróżnia biegłych oraz ekspertów od reszty ludzi - w jaki sposób myślą i jak się uczą? Na czym się skoncentrować, gdy wszyscy wokół zmieniają frameworki tak często jak skarpetki? Jak przygotować się do życia w świecie gdzie głęboka praca i wiedza zaczną wypierać mało wymagające zadania. Postaram się odpowiedzieć na te poważne pytania w kontekście nauki języka JavaScript. Będą też poruszanie mniej poważne tematy: Dlaczego przestałem słuchać smutnych trenerów rozwoju osobistego. Z jaką książką warto sobie wrzucić zdjęcie na Instagrama. Powiem też do czego doprowadziły mnie poszukiwania związku JS z używkami i hazardem.

  • All that JS
    KATEGORIE: JavaScript

    Slides

Zamów szkolenie

Imię i nazwisko:
Firma:
E-mail:
Nr tel:
Temat:
Wiadomość:

Jeżeli preferujesz osobisty kontakt to zawsze możesz zadzwonić.

Iwona Sobótka

Koordynatorka szkoleń


Twoje dane osobowe przetwarzamy, aby udzielić odpowiedzi na Twoje pytanie. Administratorem Twoich danych osobowych jest Bottega It Minds Sławomir Sobótka. Przysługuje Ci prawo wniesienia sprzeciwu wobec przetwarzania, prawo dostępu do danych, prawo żądania ich sprostowania, usunięcia lub ograniczenia ich przetwarzania. Szczegółowe informacje dotyczące przetwarzania Twoich danych osobowych znajdują się TUTAJ.