Unia Europejska
Strony internetowe (kurs z elementami AI) ONLINE
Nauka stron internetowych wydaje się być nudna i skomplikowana? Zajrzyj do nas żeby przekonać się, że jest inaczej. Przy pomocy środowiska Glitch tworzymy strony internetowe, katalogi gier komputerowych, rankingi w sposób projektowy, a efektami naszych prac możemy się dzielić ze wszystkimi znajomymi.
Wprowadzenie
Kurs "Strony internetowe", obejmuje zagadnienie tworzenia stron internetowych. Zajęcia zawierają przyjazne wprowadzenie w świat języka znaczników HTML oraz sposobu stylizowania wyglądu stron przy pomocy stylów CSS. Wprowadzane są również podstawy języka JavaScript Efektem końcowym jest stworzenie własnych stron oraz opublikowanie ich w sieci. Podczas kursu poznamy przydatne narzędzia AI, które wspomogą naszą pracę i naukę.
Program kursu
Przedstawiona zostanie struktura dokumentu HTML. Każdy uczestnik zostanie zapoznany z edytorem online-Glitch. 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 lekcji jest stworzenie pierwszego programu w języku programowania Python oraz zapoznanie się ze środowiskiem Visual Studio Code.
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 nauczenie uczniów, jak tworzyć i stylizować listy grupowe za pomocą Bootstrapa. Uczniowie poznają różne opcje stylizacji, takie jak listy z ikonami, przyciskami czy odnośnikami. Zakończą lekcję, tworząc uporządkowaną 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. Na drugiej części zajęć pokarzemy pythona.c
Gwarantowana satysfakcja albo
zwrot pieniędzy
Możesz zrezygnować po pierwszych zajęciach!
Skontaktuj się jeśli dalej szukasz odpowiedzi
Zapisy i terminarzInformacja 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.