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ą.

--

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

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

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.

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