Zostań Developerem Front-end

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

• Najczęściej zadawane pytania
• Opinie uczestników szkoleń
• Webinar – Jak zostać Developerem?
• Webinar – Zacznij karierę w IT

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.