Kurs: Podstawy layoutu Webflow

W porównaniu do wielu podobnych narzędzi lub pluginów, Webflow wyróżnia się “czystością” wyjściowego generowanego kodu, co z kolei przekłada się nie tylko na szybkość tworzonych w nim stron, ale także na ich dostępność i widoczność w wyszukiwarkach. Jest to jedna z najszybciej obecnie rozwijanych technologii no-code, z której korzystają nie tylko freelancerzy i agencje marketingowe, ale też duże organizacje, takie jak Zendesk, Lattice, Dropbox.

Webflow charakteryzuje się dużą swobodą kreatywną - z odrobiną praktyki będziesz w stanie odtworzyć większość layoutów, które widzisz w sieci, niezależnie od tego jak skomplikowane wydają się na pierwszy rzut oka. Świetną wizytówką może być galeria oficjalnego podsumowania roku 2022.

‍

Warsztaty odbywają się stacjonarnie, w Warszawie.

‍

Dla kogo?

Na szkoleniu skorzystają najbardziej osoby, które:

• Chcą zbudować własne strony, blogi i portfolio bez konieczności angażowania osób programujących,
• Tworzą regularnie proste strony internetowe dla klientów i potrzebują elastyczności kreatywnej,
• Chcą szybko prototypować interaktywne serwisy internetowe,
• Mają ambicje na tworzenie większych produktów cyfrowych w ekosystemie narzędzi no-code i chcą używać Webflow jako front-endu do ich wyświetlania.

Jako, że w Webflow krzywa nauki obejmuje nie tylko obsługę narzędzia, ale też naukę podstaw zasad CSS, przed szkoleniem rekomendujemy zapoznanie się z koncepcjami CSS dotyczącymi fontów (font weight, line height etc.), rozmiaru (size) pozycji (position) oraz układu (display). Nie jest to konieczne, ale z pewnością ułatwi skupienie się na nauce narzędzia.

‍

Czego się nauczysz?

• Obsługi interfejsu Webflow i jego podstawowych funkcji zarówno pod kątem ustawień projektu, jak i panelu Designer,
• Używania zarówno gotowych komponentów w Webflow lub tworzenia nowych od zera,
• Efektywnej pracy z klasami i combo-klasami, które są podstawą stylowania stron,
• Pracy z takimi konceptami layoutu strony jak ustawienia position, size i display, których użyjesz przy prawie każdym elemencie strony,
• Budowy podstawowych sekcji strony internetowej, włączając w to m.in. nawigację, sekcję hero, listę kart lub stopkę,
• Stworzenia działającego formularza kontaktowego,
• Wdrożenia podstawowych interakcji i animacji do projektu,
• Efektywnej pracy za pomocą symboli,
• Publikacji swojej strony do sieci.