Frontend (HTML/CSS/JavaScript) - tworzenie stron i aplikacji internetowych - kurs

Kurs skierowany jest do osób zainteresowanym solidną nauką podstaw tworzenia nowoczesnych i responsywnych stron internetowych oraz warstwy frontend w aplikacjach webowych.

Podczas kursu skupiamy się na praktycznym opanowaniu HTML i CSS oraz elementów JSa – wszystko w codziennym środowisku pracy dewelopera oraz na bazie realnych projektów.

Podczas naszego szkolenia, w kompleksowy sposób uczymy tworzyć nowoczesne strony internetowe oraz aplikacje webowe z wykorzystaniem HTML, CSS i elementami JavaScript, poznasz zasady kodowania oraz opanujesz narzędzia wykorzystywane w codziennej pracy frontend developera.

Uczestnicy kursu nie muszą posiadać żadnego wcześniejszego doświadczenia w zakresie programowania, czy też w zakresie technologii HTML, CSS, JavaScript - kurs prowadzony jest od podstaw.

Kurs uwzględnia również zielone kompetencje, takie jak min. projektowanie energooszczędnych interfejsów, optymalizacja wydajności kodu, czy też świadome korzystanie z zasobów sieciowych w trosce o środowisko. Wiedza pozyskana podczas kursu wykorzystywana jest w wielu sektorach zielonej gospodarki, takich jak zrównoważony transport, GOZ, zielone technologie i innowacje etc., wspierając tym samym zrównoważony rozwój, ochronę środowiska lub transformację energetyczną.

Uczestnicy podczas kursu zdobywają praktyczne umiejętności tworzenia nowoczesnych interfejsów użytkownika oraz aplikacji webowych wykorzystywanych w inteligentnych usługach cyfrowych, systemach wspierających zarządzanie danymi, rozwiązaniach dla e-usług, platformach biznesowych oraz nowoczesnych środowiskach przemysłu i usług opartych na cyfryzacji procesów.

Program kursu obejmuje także zagadnienia związane z optymalizacją wydajności aplikacji internetowych, ograniczaniem zużycia transferu danych oraz tworzeniem zasobooszczędnych rozwiązań cyfrowych.

Kompetencje rozwijane podczas kursu mogą być wykorzystywane przy tworzeniu rozwiązań wspierających inteligentne usługi, transformację cyfrową przedsiębiorstw, systemy analityczne, aplikacje dla sektora usług i przemysłu 4.0 oraz nowoczesne platformy komunikacji cyfrowej.

--

STRUKTURA KURSU:

- kurs obejmuje 84h lekcyjne (45 min) = w przeliczeniu 63h zegarowe (60 min) zajęć prowadzonych na żywo (on-line), na platformie webinarowej, w formie wirtualnej klasy, w formule live-coding - przez cały czas z trenerem

- dodatkowo planowana jest samodzielna praca własna kursantów w domu (ćwiczenia, projekty), z możliwością konsultacji na platformie Slack - praca ta pozwala utrwalić zdobytą podczas zajęć wiedzę i nie jest wliczana do czasu trwania usługi (nie jest to obowiązkowe)

-zajęcia odbywają się na żywo (online, w formie wirtualnej klasy) w formule wieczorowo-weekendowej - 2x w tygodniu (wieczorem) oraz w wybrane soboty;

- grupa liczy maksymalnie 12 osób i jest jedną z najmniejszych grup na rynku

--

1. Wprowadzenie do programowania i aspektów środowiskowych:

- środowisko pracy programisty

- co składa się na finalny wygląd i funkcjonowanie serwisów internetowych, front i backend, czyli fullstack

- w jaki sposób zbudowany jest internet i jak przesyłane są dane, protokół HTTP

system kontroli wersji git, terminal, bash

- rola programisty w zielonej gospodarce

- charakterystyka głównych poglądów dotyczących zrównoważonego rozwoju

- omówienie zasad środowiskowych 6R w zakresie tworzenia oprogramowania

2.HTML i CSS

- wprowadzenie do HTML i CSS, struktura dokumentu HTML

- znaczniki HTML, elementy tekstowe, elementy liniowe i blokowe

- struktura strony internetowej

- tworzenie list, tabeli oraz formularzy

- grafiki i wideo na stronach www

- optymalizacja zasobów cyfrowych w celu ogrniczenia wykorzystywanych surowców

- podstawy CSS: selektory, właściwości, box model, flexbox

- bardziej zaawansowane techniki CSS: grid layout, zmienne CSS, animacje

- preprocesory CSS: Sass, SCSS nesting, mixins, funkcje

- projekty responsywne, flex, media queries

- projekty z wykorzystaniem HTML oraz kaskadowych arkuszy stylów CSS, pozwalającę na szybsze ładowanie stron, zużywając mniej transferu danych i energii

- tworzenie ekologicznych interfejsów aplikacji i stron internetowych

- tworzenie responsywnych interfejsów użytkownika dla systemów webowych i aplikacji danych

3.Programowanie w języku JavaScript (frontend):

- zmienne, typy danych, wyrażenia warunkowe, pętle i stringi

- template literal, strict mode, konwersje typów, equality operators, switch, funkcje, tablice, metody, this

- zielone programowanie - optymalizacja kodu dla minimalizacji zasobów w aplikacjach, efektywność zarządzania typami danych

- klasy i obiekty, DOM, localStorage, css + eventy

- asynchroniczność, fetch, wykonanie aplikacji

- zastosowanie zasad środowiskowych 6R

- scope, hoisting, spread na tablicy, destrukturyzacja, local storage

- rest, filter, setTimeout, event loop, speech API

- algorytmy, git, vercel, fetch

- optymalizacja zasobów cyfrowych (np. kompresja obrazów, lazy loading oraz inne techniki) w celu zmniejszenia zużycia zasobów

- typescript - typy podstawowe, instalacja i konfiguracja

-podstawy tworzenia komponentów dla aplikacji webowych wspierających procesy biznesowe i analityczne

-tworzenie wydajnych interfejsów zgodnych z zasadami efektywności cyfrowej

-optymalizacja wydajności aplikacji i ograniczanie zużycia zasobów cyfrowych

-minimalizacja transferu danych i poprawa efektywności energetycznej aplikacji webowych

4.Walidacja efektów kształcenia

Na zakończenie szkolenia uczestnicy podchodzą do egzaminu W3.CSS realizowanego przez W3Schools.

Egzamin odbywa sie w 100% online na zewnętrznej platformie.

W ramach egzaminu zapewniona jest rozdzielność szkolenia od walidacji oraz certyfikacji.

--

Dodatkowo materiały z zakresu:

- wprowadzenie do zielonej gospodarki - charakterystyka poglądów dotyczących zrównoważonego rozwoju, Europejskie ramy kompetencji w zakresie zrównoważonego rozwoju

- zasady środowiskowe 6R (refuse, reduce, reuse, recover, recycle, rethink)

--

- całość zajęć prowadzona jest na żywo online.

- aby osiągnąć zakładany cel realizacji usługi, uczestnik powinien być obecny w trakcie zajęć zdalnych w czasie rzeczywistym.

- usługa szkoleniowa realizowana jest w godzinach dydaktycznych (1 godzina dydaktyczna = 45 min.) - łącznie 84h dydaktyczne, w tym. ok. 14h teoretycznych oraz 70h praktycznych (live coding w formie wirtualnej klasy)

- w ramach usługi przewidziane są przerwy podczas zajęć 6 godzinnych w soboty, które zostały uwzględnione w harmonogramie usługi, jednak nie wliczają się do ilości godzin samej usługi

--

Z racji dynamicznego rozwoju branż zielonych technologii, kurs uczy tworzenia projektów w sposób pozytywnie wpływający na środowisko i wspierających zrównoważony rozwój. Wiedza przekazywana podczas szkolenia pozwala tworzyć projekty w sposób mniej ingerujący w środowisko (m.in. mniejsze obciążenie pamięci i procesora, mniejsze zużycie energii, mniiejsza ilości przesyłanych danych klient - serwer, optymalizacja zpaytań do bazy danych itd.).

Dzięki przekazywaniu umiejętności ogólnych niezbędnych do pracy w sektorze zielonej gospodarki, szkolenie przyczynia się również do tworzenia tzw. “zielonych miejsc pracy” zarówno w sektorach zielonej gospodarki, jak również w sektorach tradycyjnych.

Wiedza zdobyta podczas szkolenia wykorzystywana może być m.in. w celu realizacji inwestycji opisanych m.in. w Rozp. nr 2021/1056PEiR (UE) ustanawiającym Fundusz Sprawiedliwej Transformacji, tj.w przypadku tworzenia warstw frontendowych dla systemów i infrastruktury zapewniającej czystą energię, redukcję emisji gazów cieplarnianych, inwestycji w energię odnawialną i w efektywność energetyczną, warstwy frontend w systemach inteligentnej i zrównoważonej mobilności lokalnej.

Kurs wpisuje się bezpośrednio w założenia zarówno RIS WSL, jak i PRT WSL, poprzez wspieranie rozwóju kompetencji cyfrowych wykorzystywanych w sektorze technologii informacyjno-komunikacyjnych (ICT), który został wskazany jako jedna z inteligentnych specjalizacji województwa śląskiego.

Szkolenie rozwija niezbędne, praktyczne umiejętności wykorzystywane w ICT tj. programowanie, tworzenie nowoczesnych aplikacji internetowych, czy projektowanie interfejsów użytkownika.

Program Rozwoju Technologii WSL wskazuje technologie ICT i cyfryzację jako jeden z kluczowych obszarów rozwoju technologicznego regionu. Kurs odpowiada na te potrzeby poprzez zwiększania kompetencji cyfrowych mieszkańców regionu, co wspiera budowanie gospodarki opartej na wiedzy I nowych technologiach.

Kurs wspiera także rozwój kompetencji związanych z projektowaniem wydajnych i zoptymalizowanych aplikacji webowych zgodnych z ideą green IT, ograniczaniem zużycia danych i zasobów cyfrowych oraz tworzeniem nowoczesnych rozwiązań wspierających inteligentną transformację regionu.

W ramach szkolenia uczestnik otrzymuje:

• dostęp do materiałów oraz ćwiczeń podsumowujących zdobytą wiedzę (materiały on-line na github i/lub w formie pdf / html)
• zbiory danych / kod wykorzystywany podczas ćwiczeń
• dla chętnych bezpłatna licencja edukacyjna na wybrane IDE Jetbrains
• dostęp do kanałów Slack dedykowanych szkoleniu
• dostęp do nagrań z odbytych zajęć

• uczestnicy kursu nie muszą posiadać żadnego wcześniejszego doświadczenia w zakresie programowania, czy też w zakresie technologii HTML, CSS, JS - kurs prowadzony jest od podstaw
• w przypadku korzystania z dofinansowania, warunkiem uczestnictwa jest zapisanie się przez BUR wraz z podaniem aktualnego ID wsparcia

- zapisanie się w BUR nie jest jednoznaczne z zarezerwowaniem miejsca. W celu potwierdzenia miejsca prosimy o dodatkowy kontakt telefoniczny, mailowy, lub za pośrednictwem messengera albo www

- zawarto umowę z WUP w Krakowie w ramach projektu Małopolski Pociąg do Kariery

- zawarto umowę z WUP w Toruniu w ramach projektu Kierunek Rozwój

- usługi dedykowane również uczestnikom innych programów dofinansowań

- zdobyte kompetencje dotyczą cyfrowej transformacji

- podst. zw. z VAT: Rozp. Min. Fin. ws. zwolnień od podatku od towarów i usług oraz warunków stosowania tych zwolnień, art. 3, ust. 1, pkt. 14 - usługi kształcenia zawodowego lub przekwalifikowania zawodowego, finansowane w co najmniej 70% ze środków publicznych (tekst jednolity: Dz.U. 2023 poz. 955)

- zakres zg. z RSI Woj. Śl. 2030: Techn. Inf. i kom. (gr. Techn. Informacyjne) oraz z RSI Woj. Mał.

• zajęcia prowadzone są w czasie rzeczywistym na platformie Zoom, wraz z dostępem do kanałów grupowych na platformie Slack
• Minimalne wymagania sprzętowe: komputer / laptop / lub inne urządzenie ze stałym dostępem do internetu, wyposażone w kamerę internetową
• Minimalne wymagania dotyczące parametrów łącza sieciowego: szybkość pobierania / przesyłania: minimalna 2 Mb/s / 128 kb/s, zalecana: 4 Mb/s / 512 kb/s
• Niezbędne oprogramowanie umożliwiające dostęp do zajęć oraz materiałów: przeglądarka internetowa, Zoom w wersji bezpłatnej dla użytkownika
• Uczestnicy otrzymują linki do spotkań przed każdymi zajęciami. Link umożliwiający uczestnictwo w kursie jest aktywny w godzinach wskazanych na karcie usługi