Tworzenie stron i aplikacji No Code.

Szkolenie obejmuje 32 godziny dydaktyczne tj. 24 godziny zegarowe.

Każdego dnia przewidziana jest przerwa po 15 minut.

Dzień I: Od Zera do Działającej Strony-Wizytówki.

Dzień pierwszy koncentruje się na zbudowaniu solidnych podstaw. Uczestnicy przejdą drogę od zrozumienia, jak myślą profesjonalni web developerzy, przez opanowanie kluczowych narzędzi Webflow, aż do samodzielnego opublikowania swojej pierwszej w pełni responsywnej strony internetowej.

1. Myślenie jak Web Developer – Krajobraz No-Code i Fundamenty Sieci.

• Omówienie rynku no-code i możliwości tworzenia stron bez programowania.
• Wyjaśnienie podstaw działania stron internetowych (HTML, CSS, struktura).
• Analiza typowych elementów stron wizytówek i ich funkcji.
• Planowanie układu i nawigacji strony.
• Praktyczne ćwiczenia w tworzeniu pierwszych szkiców i makiet.

2. Architektura Strony w Webflow – Od Pustej Karty do Szkieletu.

• Tworzenie struktury strony od zera.
• Organizacja bloków, sekcji i komponentów.
• Praca nad hierarchią treści i układem graficznym.
• Intensywne ćwiczenia praktyczne w Webflow.
• Testowanie funkcjonalności szkieletu przed dodaniem stylów.

3. Sztuka Stylu i Komponentów – Design System i Reużywalność.

• Projektowanie spójnej palety kolorów, typografii i stylów.
• Tworzenie komponentów wielokrotnego użytku.
• Zasady spójności wizualnej na wszystkich stronach.
• Praca nad responsywnością elementów i przyjaznym układem.
• Ćwiczenia kreatywne z zastosowaniem gotowych komponentów.

4. Mistrzostwo Responsywności (RWD) – Publikacja Pierwszego Projektu.

• Dopasowanie strony do różnych urządzeń i rozdzielczości.
• Testowanie działania strony na komputerach i urządzeniach mobilnych.
• Publikacja projektu online i sprawdzenie poprawności linków.
• Wprowadzenie prostych poprawek po testach.
• Omówienie pierwszych doświadczeń z realnym użytkownikiem.

Dzień II: Ożywienie Strony i Profesjonalny Workflow.

Dzień drugi to przejście od stron statycznych do żyjących, dynamicznych portali. Uczestnicy nauczą się zarządzać treścią za pomocą CMS, dodawać zaawansowane interakcje i animacje oraz poznają narzędzia i techniki, które radykalnie przyspieszają pracę profesjonalistów.

1. Potęga CMS (Część 1) – Projektowanie Dynamicznej Treści.

• Wprowadzenie do CMS i jego roli w nowoczesnych stronach.
• Tworzenie bazy danych dla artykułów, produktów lub portfolio.
• Planowanie struktury dynamicznych kolekcji w Webflow.
• Określanie powiązań między danymi a elementami wizualnymi.
• Ćwiczenia praktyczne w projektowaniu dynamicznej treści.

2. Potęga CMS (Część 2) – Od Danych do Designu na Żywo.

• Łączenie danych CMS z widocznymi elementami strony.
• Testowanie i modyfikacja treści dynamicznych przy użyciu narzędzi online.
• Praca na przykładach stron z rzeczywistymi treściami.
• Automatyzacja wczytywania i wyświetlania treści.
• Analiza poprawności i spójności wizualnej dynamicznych elementów.

3. Magia Interakcji – Ożywianie Projektu za Pomocą Animacji.

• Dodawanie animacji do elementów strony.
• Tworzenie efektów interaktywnych przy przewijaniu lub kliknięciu.
• Synchronizacja animacji z treścią dynamiczną.
• Wskazówki dotyczące zachowania szybkości strony mimo animacji.
• Praktyczne ćwiczenia z animacjami w Webflow.

4. Workflow Superbohatera – Praca z Relume i Checklista SEO.

• Wprowadzenie do optymalizacji workflow projektowego.
• Wykorzystanie narzędzi wspierających projektowanie (Relume, szablony).
• Sprawdzenie zgodności strony z wymaganiami SEO.
• Testowanie szybkości ładowania i poprawności linków.
• Przygotowanie checklisty do dalszej pracy i publikacji strony.

Dzień III: Monetyzacja Umiejętności i Finałowy Test Bojowy.

Dzień trzeci jest dedykowany przekształceniu zdobytych umiejętności technicznych w realny biznes. Skupia się na tworzeniu oferty, wycenie projektów i pozyskiwaniu klientów a kulminacją jest finałowy hackathon symulujący pracę nad prawdziwym zleceniem pod presją czasu.

1. Produkt, Cena, Oferta – Jak Wyceniać Projekty No-Code?

• Analiza wartości projektów no-code dla klientów.
• Wyznaczanie ceny w zależności od złożoności projektu.
• Tworzenie ofert i prezentacja propozycji dla klientów.
• Ćwiczenia praktyczne w przygotowaniu umów i ofert.
• Omówienie realnych przykładów wycen projektów.

2. Od Portfolio do Pierwszego Klienta – Marketing i Komunikacja.

• Tworzenie portfolio pokazującego umiejętności i projekty.
• Budowanie strategii zdobywania pierwszych klientów.
• Komunikacja i prezentacja własnych usług.
• Ćwiczenia praktyczne w kontakcie z klientem.
• Analiza działań marketingowych i sposobów promocji.

3. Warsztat: Finałowy Hackathon – Realny Brief (praca projektowa w warunkach wyzwania).

• Organizacja i zarządzanie zadaniami w dynamicznych warunkach.
• Wykorzystanie wszystkich umiejętności zdobytych w poprzednich modułach (Webflow, CMS, animacje, design system).
• Reagowanie na bieżąco na problemy i wprowadzanie szybkich usprawnień.

4. Warsztat: Finałowy Hackathon – Realny Brief (prezentacja i komunikacja efektów).

• Przygotowanie wstępnej prezentacji projektu przed grupą.
• Uzasadnianie wyborów projektowych (layout, kolorystyka, komponenty, CMS, interakcje).
• Przekazywanie informacji zwrotnej współuczestnikom i wymiana doświadczeń.
• Wzmacnianie umiejętności komunikacji w zespole i prezentacji rozwiązań no-code.

5.Walidacja szkolenia.

• Test teoretyczny i praktyczny – sprawdzający wiedzę, umiejętności i kompetencje społeczne:
• Poziom wiedzy: pytania z zakresu no-code, Webflow, CMS, responsywności i SEO,
• Poziom umiejętności: wykonanie strony internetowej w Webflow na podstawie briefu projektowego,
• Poziom kompetencji społecznych: obserwacja pracy podczas projektu oraz prezentacja efektów.

Materiały są przygotowane w formie elektronicznej.

Poziom frekwencji na szkoleniu pozwalający na wydanie zaświadczenia o ukończeniu szkolenia powinien wynosić 100%.

Uczestnicy szkolenia otrzymają zaświadczenie o odbyciu szkolenia oraz certyfikat potwierdzający nabyte umiejętności, które stanowią potwierdzenie nabytych kompetencji dotyczących wiedzy z zakresu tworzenia stron internetowych i aplikacji no-code.

W przypadku uczestnictwa w usłudze osoby z niepełnosprawnością dostawca usługi zapewni realizację usługi rozwojowej uwzględniając potrzeby osób z niepełnosprawnościami (w tym również dla osób ze szczególnymi potrzebami) zgodnie ze Standardami dostępności dla polityki spójności 2021-2027.

Koszt walidacji jest uwzględniony w cenie szkolenia.

Uczestnik powinien posiadać:

• Komputer lub laptop z kamerą i mikrofonem (smartfon lub tablet tylko pomocniczo).
• Stabilne łącze internetowe o przepustowości min. 10 Mbps (pobieranie) i 5 Mbps (wysyłanie).
• Zestaw słuchawkowy (słuchawki z mikrofonem) zapewniający dobrą jakość dźwięku podczas zajęć online.
• Dostęp do przeglądarki internetowej w aktualnej wersji (zalecane: Google Chrome, Microsoft Edge, Firefox, Safari).