Zapytaj o szkolenie Nasza oferta szkoleń
PL
angle-down

Sii Polska

SII UKRAINE

SII SWEDEN

Dołącz do nas Kontakt
Wstecz

Sii Polska

SII UKRAINE

SII SWEDEN

Zapytaj o szkolenie Nasza oferta szkoleń
Lokalizacja:
On-line
Termin:
05.10.2024 - 17.11.2024
Język:
PL
Cena netto:
4 999 PLN
Najniższa cena z 30 dni przed obniżką: 4 799
Cel i adresaci szkolenia

Zadaniem kursu jest przygotowanie Cię do podjęcia pracy w zawodzie Front-end Developera. Kompletne, 10-dniowe szkolenie zostało zaprojektowane tak, żeby przekazać Ci praktyczną i kompleksową wiedzę z obszaru środowiska developerskiego w zakresie metod tworzenia i testowania oprogramowania oraz obsługi różnych źródeł danych.

Czy to szkolenie jest dla Ciebie?

Tak, jeśli chcesz zacząć karierę w obszarze tworzenia stron www i zyskać kompetencje Front-end developera, które przygotują Cię do pracy na tym stanowisku. Pracujesz już jako developer i znasz podstawy JavaScript? Szkolenie pozwoli Ci ugruntować wiedzę z zakresu tworzenia Front-endu z użyciem nmp, node.js czy React oraz da szansę na zdobycie certyfikatu Front-end Certified Developer Sii.

Nie wymagamy wcześniejszego przygotowania ani doświadczenia, dlatego w szkoleniu mogą wziąć udział wszyscy zainteresowani pracą w tym zawodzie:

  • studenci i absolwenci różnych kierunków studiów,
  • osoby chcące się przekwalifikować,
  • osoby, które swoją przyszłość chcą związać z zawodem Front-end developera,
  • osoby, które chcą poszerzyć swoją wiedzę.
Dlaczego my?

 

  • Kompleksowość – uczestniczysz w unikalnym programie szkoleniowym na rynku, który w pełni przygotuje Cię do uzyskania kwalifikacji w zakresie programowania Front-end
  • Doświadczenie – pracujesz z wykwalifikowanymi trenerami pracującymi w zawodzie developera na co dzień, którzy potrafią przekazać praktyczną wiedzę oraz podzielić się bogatym doświadczeniem
  • Praktyka – uczysz się na konkretnych przykładach ze środowisk developerskich (case study),  wykorzystując narzędzia i programy informatyczne
  • Certyfikacja – po ukończeniu kursu masz możliwość uzyskania certyfikatu Front-end Certified Developer Sii potwierdzającego wiedzę oraz umiejętności w zakresie programowania w Front-end
  • Silna marka – szkolisz się z wiarygodnym, doświadczonym i rozpoznawalnym na rynku dostawcą szkoleń oraz największym pracodawcą w obszarze usług IT i inżynieryjnych w Polsce
Efekty szkolenia

Po ukończeniu szkolenia zdobędziesz podstawy teoretycznej i praktycznej wiedzy z zakresu tworzenia oprogramowania z użyciem HTML, CSS, JavaScript, node.js oraz React.

Twoje umiejętności:

  • instalacja i konfiguracja środowiska developerskiego
  • podstawy tworzenia stron www (HTML, CSS)
  • pisanie aplikacji w języku JavaScript
  • znaczenie i używanie node.js
  • npm – organizowanie kodu w moduły i pakiety
  • metody tworzenia i testowania oprogramowania
  • tworzenie skryptów automatyzujących zadania
  • obsługa różnych źródeł danych, zasady wywołań asynchronicznych
  • przetwarzanie struktur JSON

Dodatkowo poznasz:

  • najlepsze praktyki oraz zaawansowane techniki
  • najczęściej popełniane błędy i przyczyny nieprawidłowości działania systemu
  • używanie narzędzi, technik i oprogramowania
Zakres szkolenia

Dzień 1

  • Instalacja i konfiguracja środowiska developerskiego
  • Wprowadzenie i zakres szkolenia
  • Podstawowe pojęcia
  • Podstawy HTML
  • Tagi i atrybuty HTML
  • DOM HTML – co to jest
  • Strona HTML
  • Znaczniki HTML i struktura
    • Atrybuty (class, id…)
    • Komentarze
  • Document Info
  • Struktura dokumentu
    • Drzewo DOM – relacje między elementami
    • HTML5 – semantyka
  • Podstawowe tagi HTML

Dzień 2

  • Formularze
    • <form>
      • action=”url”
      • method=” ”
      • enctype=” ”
      • novalidate
      • accept-charsets
      • target
    • input types – checkbox, radio, …
    • placeholders & labels <Fieldset>, <label>, <legend>, …
    • <input>, <texarea>, <select>, <button>
    • atrybuty <input>, atrybuty <select>
  • Tabele
    • układ
    • formatowanie
  • Tagi HTML5
    • <progress>
    • <details>
    • <summary>
    • <dialog>
    • HTML5 Character Objects
  • Figma – Responsive Web Design
    • Szybkie prototypowanie
    • Wireframing
    • Figma

Dzień 3

  • Podstawy CSS
  • Zastosowanie CSS i dynamiczna zmiana wyglądu strony
  • Obsługa zdarzeń z użyciem CSS
  • Chrome Dev tools – styles + computed
  • Zapis selektorów i reguł
  • Kaskadowość
  • Selektory
    • uniwersalny, typ, klasa, id, atrybut, dziecko
  • Waga selektorów – specificity
  • Właściwości
    • kolory
    • jednostki miary
    • background – color, image, repeat
    • czcionki – face (google fonts), size, color, weight, align, line height
  • Box model  + Box sizing
  • Pseudo
    • selektory – hover, first lub last-child ,n-th child, first lub last-element
    • elementy – before, after
  • Position
    • relative
    • absolute
    • fixed
  • Flexbox
    • osie
    • justify content
    • align-items
    • flex-direction
    • flex-wrap
    • flex-grow lub flex-shrink
    • align-self
  • Dobre praktyki
    • reset css
    • organizacja plików i struktury kodu

Dzień 4

  • npm – co to jest?
    • package.json
    • dependecies
    • package.lock
  • node.js – środowisko uruchomieniowe skryptów js
    • zalety
    • ograniczenia
    • uruchamianie skryptów
  • JavaScript
    • Wprowadzenie do programowana w JS
    • Podstawy JavaScript
  • Typy zmiennych
    • null
    • boolean
    • string
    • number
    • Symbol
    • Object
    • Function i Array jako Obiekt
    • array + nested arrays
  • Operatory
    • arytmetyczne
    • porównania
    • logiczne – not, and, or
    • instance of, typeof, ternary operator
  • Kontrola przepływu
    • if
    • for , while, do while
    • switch

Dzień 5

  • Funkcje
    • definiowanie funkcji i parametrów
    • parametry default
    • funkcje wbudowane
    • zakres zmiennych – let lub const lub var
    • stos wywołań
    • callbacks
    • funkcje generatora I obiekt generatora
  • Metody tablicowe
    • mutacyjne
    • dostępowe
    • iteracyjne
  • Obiekty
    • właściwości i metody + dostęp do pól
    • tworzenie obiektów
    • referencja vs kopia w porównywaniu
    • this w obiekcie
    • prototype
  • ES6
    • klasy

Dzień 6

  • Zakresy, domknięcia, hoisting
    • zakres zmiennych – let lub const lub var
    • hoisting – reguły, działanie
    • domknięcie
  • Promesy
    • Stan promesy
    • callbacks
  • Funkcje asynchroniczne
  • Manipulacje DOM
    • querySelector i querySelectorAll
    • parentElement
    • HTMLElement właściwości i manipulacja
      • innerText
      • classList
      • style
  • Eventy
    • podpinanie even listenera i callbacks
    • rodzaje eventow – właściwości wspólne i specyficzne
    • this w eventach
  • Formularze
    • podstawowa walidacja
    • wysyłanie

Dzień 7

Angular

  • Wprowadzenie do Angulara
    • Architektura aplikacji
    • Elementy składowe frameworka
    • Podstawy działania
    • Angular CLI
  • Widoki
    • Tworzenie komponentów
    • Przekazywanie danych
    • Obsługa zdarzeń DOM
    • Cykl życia komponentu
    • Wstrzykiwanie kodu HTML
  • Pipes
    • Transformacje danych w widokach (templates)
    • Omówienie najpopularniejszych wbudowanych pipes
    • Tworzenie własnego pipe
  • Dyrektywy
    • Omówienie najpopularniejszych wbudowanych dyrektyw
    • Tworzenie własnej dyrektywy
  • Serwisy
    • Dostarczanie i wstrzykiwanie serwisów
    • Tworzenie własnych serwisów
    • Komunikacja z użyciem Observables
  • Routing
    • Budowanie tablicy routingu
    • Ścieżki zagnieżdżone
    • Parametry routingu
    • Nawigacja z poziomu HTML i TS
    • Dostęp do danych routingu w komponencie
  • Formularze
    • Template driven forms
    • Reactive forms
    • Walidacja danych
  • Komunikacja z API
    • Omówienie modułu HttpClient
    • Tworzenie zapytań RESTful

Dzień 8

Wprowadzenie do React

  • Instalacja
  • Podstawowe pojęcia
  • Pierwsza aplikacja npx create-react-app
  • Tworzenie komponentów
  • Programowanie funkcyjne
  • Proxy
  • Class vs function component
  • webhook
  • stany (useEffect, useState, useContext, …)
  • Props
    • Default values
    • Functions,
    • Drill
    • Childrens
  • EventHandler
  • Routing

Dzień 9

  • Formularze
  • Walidacja
    • onBlur, onTouch, …
  • Proptypes
  • CRUD
  • Lokalizacja (multilanguage)
  • Testy (Jest)
  • Firebase – wprowadzenie do CI/CD
  • Projekt praktyczny – warsztat projektowy

Dzień 10

  • Projekt praktyczny – warsztat projektowy
Informacje dodatkowe
Najbliższe terminy szkolenia
  • Szkolenie On-line, weekendowe
    (sb-nd, 9:00-17:00):

    1-2 dzień: 05-06.10.2024

    3-4 dzień: 12-13.10.2024

    5-6 dzień: 19-20.10.2024

    7-8 dzień: 26-27.10.2024

    Przerwa 2 tyg.

    9-10 dzień: 16-17.11.2024

  • Szkolenie On-line, wieczorowe
    (pn-czw, 17:30-21:00):

    1-3 spotkań: 1-2-3.10.2024
    4-7 spotkań: 7-8-9-10.10.2024

    8-11 spotkań: 14-15-16-17.10.2024

    12-15 spotkań: 21-22-23-24.10.2024

    16-19 spotkań: 28-29-30-31.10.2024

    20-23 spotkań: 4-5-6-7.11.2024

Cena promocyjna obowiązuje do 3 tyg. przed rozpoczęciem szkolenia.

Cel i adresaci szkolenia

Zadaniem kursu jest przygotowanie Cię do podjęcia pracy w zawodzie Front-end Developera. Kompletne, 10-dniowe szkolenie zostało zaprojektowane tak, żeby przekazać Ci praktyczną i kompleksową wiedzę z obszaru środowiska developerskiego w zakresie metod tworzenia i testowania oprogramowania oraz obsługi różnych źródeł danych.

Czy to szkolenie jest dla Ciebie?

Tak, jeśli chcesz zacząć karierę w obszarze tworzenia stron www i zyskać kompetencje Front-end developera, które przygotują Cię do pracy na tym stanowisku. Pracujesz już jako developer i znasz podstawy JavaScript? Szkolenie pozwoli Ci ugruntować wiedzę z zakresu tworzenia Front-endu z użyciem nmp, node.js czy React oraz da szansę na zdobycie certyfikatu Front-end Certified Developer Sii.

Nie wymagamy wcześniejszego przygotowania ani doświadczenia, dlatego w szkoleniu mogą wziąć udział wszyscy zainteresowani pracą w tym zawodzie:

  • studenci i absolwenci różnych kierunków studiów,
  • osoby chcące się przekwalifikować,
  • osoby, które swoją przyszłość chcą związać z zawodem Front-end developera,
  • osoby, które chcą poszerzyć swoją wiedzę.
Dlaczego my?

 

  • Kompleksowość – uczestniczysz w unikalnym programie szkoleniowym na rynku, który w pełni przygotuje Cię do uzyskania kwalifikacji w zakresie programowania Front-end
  • Doświadczenie – pracujesz z wykwalifikowanymi trenerami pracującymi w zawodzie developera na co dzień, którzy potrafią przekazać praktyczną wiedzę oraz podzielić się bogatym doświadczeniem
  • Praktyka – uczysz się na konkretnych przykładach ze środowisk developerskich (case study),  wykorzystując narzędzia i programy informatyczne
  • Certyfikacja – po ukończeniu kursu masz możliwość uzyskania certyfikatu Front-end Certified Developer Sii potwierdzającego wiedzę oraz umiejętności w zakresie programowania w Front-end
  • Silna marka – szkolisz się z wiarygodnym, doświadczonym i rozpoznawalnym na rynku dostawcą szkoleń oraz największym pracodawcą w obszarze usług IT i inżynieryjnych w Polsce
Efekty szkolenia

Po ukończeniu szkolenia zdobędziesz podstawy teoretycznej i praktycznej wiedzy z zakresu tworzenia oprogramowania z użyciem HTML, CSS, JavaScript, node.js oraz React.

Twoje umiejętności:

  • instalacja i konfiguracja środowiska developerskiego
  • podstawy tworzenia stron www (HTML, CSS)
  • pisanie aplikacji w języku JavaScript
  • znaczenie i używanie node.js
  • npm – organizowanie kodu w moduły i pakiety
  • metody tworzenia i testowania oprogramowania
  • tworzenie skryptów automatyzujących zadania
  • obsługa różnych źródeł danych, zasady wywołań asynchronicznych
  • przetwarzanie struktur JSON

Dodatkowo poznasz:

  • najlepsze praktyki oraz zaawansowane techniki
  • najczęściej popełniane błędy i przyczyny nieprawidłowości działania systemu
  • używanie narzędzi, technik i oprogramowania
Zakres szkolenia

Dzień 1

  • Instalacja i konfiguracja środowiska developerskiego
  • Wprowadzenie i zakres szkolenia
  • Podstawowe pojęcia
  • Podstawy HTML
  • Tagi i atrybuty HTML
  • DOM HTML – co to jest
  • Strona HTML
  • Znaczniki HTML i struktura
    • Atrybuty (class, id…)
    • Komentarze
  • Document Info
  • Struktura dokumentu
    • Drzewo DOM – relacje między elementami
    • HTML5 – semantyka
  • Podstawowe tagi HTML

Dzień 2

  • Formularze
    • <form>
      • action=”url”
      • method=” ”
      • enctype=” ”
      • novalidate
      • accept-charsets
      • target
    • input types – checkbox, radio, …
    • placeholders & labels <Fieldset>, <label>, <legend>, …
    • <input>, <texarea>, <select>, <button>
    • atrybuty <input>, atrybuty <select>
  • Tabele
    • układ
    • formatowanie
  • Tagi HTML5
    • <progress>
    • <details>
    • <summary>
    • <dialog>
    • HTML5 Character Objects
  • Figma – Responsive Web Design
    • Szybkie prototypowanie
    • Wireframing
    • Figma

Dzień 3

  • Podstawy CSS
  • Zastosowanie CSS i dynamiczna zmiana wyglądu strony
  • Obsługa zdarzeń z użyciem CSS
  • Chrome Dev tools – styles + computed
  • Zapis selektorów i reguł
  • Kaskadowość
  • Selektory
    • uniwersalny, typ, klasa, id, atrybut, dziecko
  • Waga selektorów – specificity
  • Właściwości
    • kolory
    • jednostki miary
    • background – color, image, repeat
    • czcionki – face (google fonts), size, color, weight, align, line height
  • Box model  + Box sizing
  • Pseudo
    • selektory – hover, first lub last-child ,n-th child, first lub last-element
    • elementy – before, after
  • Position
    • relative
    • absolute
    • fixed
  • Flexbox
    • osie
    • justify content
    • align-items
    • flex-direction
    • flex-wrap
    • flex-grow lub flex-shrink
    • align-self
  • Dobre praktyki
    • reset css
    • organizacja plików i struktury kodu

Dzień 4

  • npm – co to jest?
    • package.json
    • dependecies
    • package.lock
  • node.js – środowisko uruchomieniowe skryptów js
    • zalety
    • ograniczenia
    • uruchamianie skryptów
  • JavaScript
    • Wprowadzenie do programowana w JS
    • Podstawy JavaScript
  • Typy zmiennych
    • null
    • boolean
    • string
    • number
    • Symbol
    • Object
    • Function i Array jako Obiekt
    • array + nested arrays
  • Operatory
    • arytmetyczne
    • porównania
    • logiczne – not, and, or
    • instance of, typeof, ternary operator
  • Kontrola przepływu
    • if
    • for , while, do while
    • switch

Dzień 5

  • Funkcje
    • definiowanie funkcji i parametrów
    • parametry default
    • funkcje wbudowane
    • zakres zmiennych – let lub const lub var
    • stos wywołań
    • callbacks
    • funkcje generatora I obiekt generatora
  • Metody tablicowe
    • mutacyjne
    • dostępowe
    • iteracyjne
  • Obiekty
    • właściwości i metody + dostęp do pól
    • tworzenie obiektów
    • referencja vs kopia w porównywaniu
    • this w obiekcie
    • prototype
  • ES6
    • klasy

Dzień 6

  • Zakresy, domknięcia, hoisting
    • zakres zmiennych – let lub const lub var
    • hoisting – reguły, działanie
    • domknięcie
  • Promesy
    • Stan promesy
    • callbacks
  • Funkcje asynchroniczne
  • Manipulacje DOM
    • querySelector i querySelectorAll
    • parentElement
    • HTMLElement właściwości i manipulacja
      • innerText
      • classList
      • style
  • Eventy
    • podpinanie even listenera i callbacks
    • rodzaje eventow – właściwości wspólne i specyficzne
    • this w eventach
  • Formularze
    • podstawowa walidacja
    • wysyłanie

Dzień 7

Angular

  • Wprowadzenie do Angulara
    • Architektura aplikacji
    • Elementy składowe frameworka
    • Podstawy działania
    • Angular CLI
  • Widoki
    • Tworzenie komponentów
    • Przekazywanie danych
    • Obsługa zdarzeń DOM
    • Cykl życia komponentu
    • Wstrzykiwanie kodu HTML
  • Pipes
    • Transformacje danych w widokach (templates)
    • Omówienie najpopularniejszych wbudowanych pipes
    • Tworzenie własnego pipe
  • Dyrektywy
    • Omówienie najpopularniejszych wbudowanych dyrektyw
    • Tworzenie własnej dyrektywy
  • Serwisy
    • Dostarczanie i wstrzykiwanie serwisów
    • Tworzenie własnych serwisów
    • Komunikacja z użyciem Observables
  • Routing
    • Budowanie tablicy routingu
    • Ścieżki zagnieżdżone
    • Parametry routingu
    • Nawigacja z poziomu HTML i TS
    • Dostęp do danych routingu w komponencie
  • Formularze
    • Template driven forms
    • Reactive forms
    • Walidacja danych
  • Komunikacja z API
    • Omówienie modułu HttpClient
    • Tworzenie zapytań RESTful

Dzień 8

Wprowadzenie do React

  • Instalacja
  • Podstawowe pojęcia
  • Pierwsza aplikacja npx create-react-app
  • Tworzenie komponentów
  • Programowanie funkcyjne
  • Proxy
  • Class vs function component
  • webhook
  • stany (useEffect, useState, useContext, …)
  • Props
    • Default values
    • Functions,
    • Drill
    • Childrens
  • EventHandler
  • Routing

Dzień 9

  • Formularze
  • Walidacja
    • onBlur, onTouch, …
  • Proptypes
  • CRUD
  • Lokalizacja (multilanguage)
  • Testy (Jest)
  • Firebase – wprowadzenie do CI/CD
  • Projekt praktyczny – warsztat projektowy

Dzień 10

  • Projekt praktyczny – warsztat projektowy
Najbliższe terminy szkolenia
  • Szkolenie On-line, weekendowe
    (sb-nd, 9:00-17:00):

    1-2 dzień: 05-06.10.2024

    3-4 dzień: 12-13.10.2024

    5-6 dzień: 19-20.10.2024

    7-8 dzień: 26-27.10.2024

    Przerwa 2 tyg.

    9-10 dzień: 16-17.11.2024

  • Szkolenie On-line, wieczorowe
    (pn-czw, 17:30-21:00):

    1-3 spotkań: 1-2-3.10.2024
    4-7 spotkań: 7-8-9-10.10.2024

    8-11 spotkań: 14-15-16-17.10.2024

    12-15 spotkań: 21-22-23-24.10.2024

    16-19 spotkań: 28-29-30-31.10.2024

    20-23 spotkań: 4-5-6-7.11.2024

Cena promocyjna obowiązuje do 3 tyg. przed rozpoczęciem szkolenia.

Egzamin
  • Egzamin wewnętrzny
  • Test, 60 pytań
  • Pozytywny wynik: (80%) poprawnych odpowiedzi z każdego testu
  • Czas trwania: 90 min. jęz. polski
  • Korzystanie z materiałów: nie
  • Korzystanie ze słownika: nie

Liczebność grupy: 8-15 uczestników

Czas trwania: 10 dni

Dostępny język: PL

Dostępny język materiałów: PL

Dostępny egzamin: PL

Forma kursu

Dobraliśmy narzędzia tak, żeby umożliwić Ci zdobycie najważniejszych umiejętności, które przygotują Cię w pełni do podjęcia pracy w zawodzie Front-end developera:
Prezentacje – służą do efektywnego przekazania wiedzy teoretycznej.
Liczne warsztaty, ćwiczenia i praca na praktycznych zadaniach ( case study ) gwarantują zdobycie konkretnych umiejętności developerskich. Użycie aktualnych narzędzi i programów informatycznych przygotowuje Cię do samodzielnego stawienia czoła pierwszym wyzwaniom w nowym zawodzie.
Egzamin
  • Egzamin wewnętrzny
  • Test, 60 pytań
  • Pozytywny wynik: (80%) poprawnych odpowiedzi z każdego testu
  • Czas trwania: 90 min. jęz. polski
  • Korzystanie z materiałów: nie
  • Korzystanie ze słownika: nie

Sprawdź m.in. jaką technologię wybrać na start i jakie stanowisko będzie dla Ciebie najlepsze

Pobierz

Możliwość płatności w ratach

Dowiedz się jak kupić szkolenie NA RATY – w kilku prostych krokach. Pobierz informator!

Poznaj opinie naszych absolwentów

Zobacz, jak oceniają szkolenia z serii Zostań Specjalistą IT

Jeśli masz pytania dotyczące naszych szkoleń, skontaktuj się z ekspertami Sii

Natalia i Agata

Zespół Praktyki Szkoleniowej

Skontaktuj się z ekspertami

Natalia i Agata

Załączony plik:

  • danieltroc.pdf

Dopuszczalne rozszerzenia: DOC, DOCX, PDF (max 5MB)

Dziękujemy za wypełnienie formularza.

Zapoznamy się z treścią Twojej wiadomości i skontaktujemy się z Tobą tak szybko, jak będzie to możliwe

Przepraszamy, coś poszło nie tak i Twoja wiadomość nie została dostarczona.

Odśwież stronę i spróbuj ponownie

Błąd przesyłania pliku

Żaden plik nie został przesłany

Nieprawidłowy rozmiar pliku (maks. 5 MB)

Nieprawidłowy format pliku

Pusty plik

Przetwarzanie...

ITIL®, PRINCE2® są zarejestrowanymi znakami handlowymi należącymi do firmy AXELOS Limited i używanymi za jej zgodą. Wszelkie prawa zastrzeżone.
AgilePM® jest zastrzeżonym znakiem towarowym Agile Business Consortium Limited. Wszelkie prawa zastrzeżone.
Kursy AgilePM® są oferowane przez Sii, spółkę stowarzyszoną z Quint Wellington Redwood, akredytowaną organizację szkoleniową The APM Group Ltd.
Lean IT® Association jest zastrzeżonym znakiem towarowym Lean IT Association LLC. Wszelkie prawa zastrzeżone.
SIAM™ jest zastrzeżonym znakiem towarowym EXIN Holding B.V.
Wszystkie ceny podane na stronie to ceny netto. Należy doliczyć podatek VAT 23%.

Änderungen im Gange

Wir aktualisieren unsere deutsche Website. Wenn Sie die Sprache wechseln, wird Ihnen die vorherige Version angezeigt.

This content is available only in one language version.
You will be redirected to home page.

Are you sure you want to leave this page?

Einige Inhalte sind nicht in deutscher Sprache verfügbar.
Sie werden auf die deutsche Homepage weitergeleitet.

Möchten Sie fortsetzen?