Unia Europejska

Panel klienta

Potrzebujesz pomocy przy wyborze?

Strony internetowe z AI ONLINE

Przestań scrollować internet – zacznij go tworzyć! Zbuduj własną stronę od zera, używając HTML, CSS i JavaScript. AI (Gemini, ChatGPT) pomoże Ci dopracować design i funkcje. Poczuj efekt „wow” i stwórz fundament pod swój pierwszy e-biznes. Pokaż światu, na co Cię stać!

przez cały rok 1 x w tyg., 2 x 45 min.

Małe grupy Średnio 6 osób w grupie

Płatność miesięczna, kwartalna lub roczna

cena za miesiąc od: 330,00 zł

Zapisy i terminarz

Wypróbuj nas! Jeśli zajęcia Ci się nie spodobają, masz możliwość bezpłatnej rezygnacji po pierwszej lekcji!

Masz jakieś pytania?

Wprowadzenie

Nauczymy się tworzyć strony w Trinket. Poznamy HTML, CSS oraz podstawy JavaScrip. Zaprojektujemy katalogi gier. Wykorzystamy Gemini i ChatGPT do generowania grafiki, logo, tekstów i planowania układu. Nauczymy się budować strukturę, tworzyć elementy interaktywne, dodawać muzykę i głos AI

Program kursu

Przedstawiona zostanie struktura dokumentu HTML. Każdy uczestnik zostanie zapoznany z edytorem online -Trinket. Zostaną pokazane podstawowe znaczniki, umożliwiające dodawanie treści na stronie takie jak np. nagłówki, tekst oraz hiperłącza.
Na lekcji zostanie pokazane jak dodać zasoby pochodzące z innych stron. Uczniowie dodadzą na swojej stronie obrazy, ikonki ,filmy, dokument pdf i interaktywną mapę. Każdy uczestnik stworzy projekt „Moje miasto”.
Uczniowie przygotują projekt bloga kulinarnego. Poznają listy i ich rodzaje, a także język CSS za pomocą, którego zmienią wygląd swojej strony. Ponadto, każdy uczestnik zaimportuje i użyje w swoim projekcie wybrane czcionki Google Fonts oraz system dodawania komentarzy Disqus.
Celem zajęć będzie kontynuacja i rozbudowanie projektu z poprzednich zajęć.
Prezentacja danych odbędzie się za pomocą tabel. Uczniowie nauczą się tworzyć oraz odpowiednio formatować tabele. Uczestnicy przygotują tabelę, w której zestawią ze sobą według nich najlepsze telefony i umieszczą w tabeli najważniejsze informacje o danym modelu.
Celem lekcji jest zapoznanie ze sposobami tworzenia formularzy za pomocą różnych komponentów – pól tekstowych, przycisków, pól wyboru, list rozwijanych. Na zajęciach zostanie przygotowany obszerny formularz kontaktowy oraz mechanika przesyłania danych z formularza na skrzynkę pocztową
Na zajęciach uczniowie tworzą stronę na wybrany przez siebie temat, strona powinna zawierać jak najwięcej elementów poznanych do tej pory.
Celem lekcji jest zapoznanie się ze znacznikiem
i za jego pomocą wydzieleniem sekcji na stronie. Uczniowie stworzą projekt strony na temat swojego ulubionego zwierzaka.
Celem zajęć będzie stworzenie strony informacyjnej sklepu LEGO, zawierającego logo, baner, favicon, czcionki Google Fonts, interaktywne menu oraz podstronę z formularzem kontaktowym.
Celem zajęć będzie kontynuacja i rozbudowanie projektu z poprzednich zajęć.
Celem zajęć będzie stworzenie responsywnej strony restauracji z użyciem Flexbox oraz Media queries. Strona będzie posiadać wydzielone sekcje, menu, galerie oraz stopkę z kontaktem i lokalizacją.
Celem zajęć będzie kontynuacja i rozbudowanie projektu z poprzednich zajęć.
Celem zajęć będzie powtórzenie wiadomości poprzez wykonanie projektu „karty z gier”, uczestnicy wykorzystają możliwości Flexbox do stworzenia układu strony.
Automatyczna galeria restauracji. Na zajęciach zostanie udoskonalony projekt restauracji. Za pomocą języka JavaScript zostanie dodana automatyczna galeria.
Celem zajęć będzie stworzenie responsywnej strony z użyciem modułu Flexbox oraz Media queries. Strona będzie posiadać wydzielone sekcje. Uczestnicy będą mogli spersonalizować swoje strony poprzez własne materiały (zdjęcia, filmy).
Lekcja zostanie przeznaczona na urozmaicenie projektu z poprzednich zajęć.
Celem zajęć będzie przygotowanie interaktywnego quizu o bossach z naszych ulubionych gier. Całość zostanie sformatowana przy użyciu języka CSS.
Celem zajęć będzie kontynuacja i rozbudowanie projektu z poprzednich zajęć.
Celem lekcji jest przypomnienie dzieciom, czym są zmienne. Nauczą się je tworzyć oraz wykorzystywać w języku JavaScript. Dodatkowe uczestnicy poznają różne rodzaje operatorów arytmetycznych oraz przypisania.
Celem lekcji jest przypomnienie dzieciom, czym jest instrukcja warunkowa. Uczniowie poznają sposób tworzenia instrukcji warunkowych w języku JavaScript. Uczestnicy poznają operatory logiczne służące to tworzenia rozbudowanych warunków, a także instrukcje switch.
Celem lekcji jest poznanie przez uczestników funkcji. Dodatkowo, uczestnicy poznają popularne metody operacji na typach tekstowych.
Celem lekcji jest poznanie przez uczestników Tablic. Uczestnicy poznają popularne operacje na tablicach.
Celem lekcji jest poznanie przez uczestników pętli. Uczestnicy poznają pętle for oraz while i wykorzystają je w zadaniach.
Celem lekcji jest poznanie przez czym są i jak tworzy się obiekty w JavaScript.
Powtórzenie wiadomości - quiz.
Celem lekcji jest poznanie przez uczestników idei DOM. Uczestnicy stworzą proste interakcje na stronie internetowej.
Celem lekcji będzie przygotowanie listy do której będziemy mogli dodawać nowe zadania oraz usuwać już te wykonane. Całość będzie można wydrukować.
Celem zajęć będzie stworzenie gry „Wisielec” (szubienica) która, polega na odgadywaniu słów.
Celem zajęć będzie kontynuacja i rozbudowanie projektu z poprzednich zajęć.
Celem zajęć będzie stworzenie rozbudowanej gry dla dwóch graczy polegającej na rzucaniu kością i zdobywaniu punktów. Dodatkowo, w grze określimy warunki zwycięstwa i przegranej, utraty punktów.
Celem zajęć będzie kontynuacja i rozbudowanie projektu z poprzednich zajęć.
Celem zajęć będzie dodanie nowych funkcjonalności do gry w kości oraz zaprezentowanie Visual studio oraz język Python.
Celem zajęć będzie stworzenie aplikacji do tworzenia memów z możliwością ich zapisywania.
Celem zajęć będzie rozbudowanie projektu z poprzednich zajęć.
Na lekcji przygotujemy własną wersję Twittera. Skupimy się na dodaniu odpowiednich elementów naszego forum, ostylowaniu ich jak w klasycznej wersji Twittera oraz przejdziemy do pracę nad funkcjonalnością naszego forum.
Celem zajęć będzie rozbudowanie projektu z poprzednich zajęć.
Celem lekcji jest wprowadzenie do Bootstrapa, uczniowie dowiedzą się, czym jest Bootstrap i jak go zainstalować za pomocą CDN. Nauczą się korzystać z podstawowych klas i komponentów Bootstrapa do stylizacji elementów HTML.
Celem lekcji jest zapoznanie się z systemem siatki Bootstrapa. Uczniowie nauczą się, jak tworzyć responsywne układy stron internetowych, wykorzystując kontenery, wiersze i kolumny.
Celem lekcji jest zapoznanie uczniów z klasami typograficznymi Bootstrapa do stylizacji tekstu, takimi jak nagłówki, paragrafy, listy i cytaty. Uczniowie nauczą się również, jak korzystać z klas do wyrównywania i formatowania tekstu oraz jak dodawać niestandardowe czcionki.
Celem lekcji jest zapoznanie uczniów z tworzeniem i stylizacją przycisków za pomocą klas Bootstrapa oraz integracją z ikonami. Uczniowie nauczą się tworzyć przyciski w różnych stylach i rozmiarach.
Celem lekcji jest zapoznanie uczniów z komponentem kart Bootstrapa. Nauczą się, jak tworzyć karty do wyświetlania informacji, takich jak produkty, profile użytkowników czy posty na blogu.
Celem lekcji jest nauczenie uczniów, jak tworzyć responsywne paski nawigacyjne za pomocą komponentu Navbar Bootstrapa. Uczniowie nauczą się dodawać linki, logo i przyciski nawigacyjne oraz dostosowywać styl paska nawigacyjnego.
Celem lekcji jest nauczenie uczniów, jak tworzyć i stylizować formularze za pomocą Bootstrapa. Uczniowie nauczą się tworzyć różne typy pól formularza, przyciski oraz jak walidować dane w formularzach.
Celem lekcji jest zapoznanie uczniów z komponentem modali Bootstrapa i nauka tworzenia okien dialogowych do wyświetlania dodatkowych informacji lub formularzy. Na zakończenie lekcji uczniowie stworzą prostą stronę, na której modale będą wywoływane za pomocą przycisków.
Celem lekcji jest zapoznanie się z komponentem karuzeli Bootstrapa. Uczniowie nauczą się tworzyć interaktywne karuzele do wyświetlania obrazów lub treści oraz dostosowywać ich wygląd i zachowanie.
Celem lekcji jest pokazanie uczniom, jak tworzyć i stylizować listy grupowe za pomocą Bootstrapa. Uczniowie poznają różne opcje stylizacji, takie jak listy z ikonami, przyciskami czy odnośnikami. Na koniec stworzymy naszą własną listę rzeczy do zrobienia (to-do list).
Uczniowie rozpoczną pracę nad większym projektem końcowym, którym będzie strona fanowska o ich ulubionej postaci z gry lub filmu. W tej lekcji uczniowie zaplanują układ strony, stworzą podstawową strukturę i zaczną implementować kluczowe komponenty Bootstrapa.
Celem lekcji jest kontynuacja pracy nad stroną fanowską. Uczniowie dodadzą ostatnie szlify i funkcjonalności. W Na drugiej części zajęć zaprezentujemy możliwości języka Python.

Informacja o plasowaniu ofert

Kursy są wyświetlane w zależności od wieku potencjalnych uczestników (pierwsze wyświetlane są kursy dla najmłodszych) oraz poziomu zaawansowania (pierwsze wyświetlane są kursy dla najmniej zaawansowanych uczestników). Wyświetlanie kursów nie jest uzależnione od dokonania jakichkolwiek płatności na naszą rzecz przez ich organizatorów lub od płatnej reklamy.