FRONT-END DEVELOPER - JAVASCRIPT, HTML, CSS, POZYCJONOWANIE STRON (SEO) - KURS DLA POCZĄTKUJĄCYCH. CMS WORDPRESS - WYKONANIE WŁASNEJ STRONY WWW (kurs indywidualny).
FRONT-END DEVELOPER - JAVASCRIPT, HTML, CSS, POZYCJONOWANIE STRON (SEO) - KURS DLA POCZĄTKUJĄCYCH. CMS WORDPRESS - WYKONANIE WŁASNEJ STRONY WWW (kurs indywidualny).
Informacje podstawowe
Informacje podstawowe
- KategoriaInformatyka i telekomunikacja / Aplikacje biznesowe
- Grupa docelowa usługi
Kurs przeznaczony jest dla osób początkujących, które wcześniej nie miały nic wspólnego z informatyką w zakresie omawianych tematów i pragną samodzielnie wykonać swoją stronę internetową.
Usługa adresowana również dla Uczestników Projektu Kierunek – Rozwój
- Minimalna liczba uczestników1
- Maksymalna liczba uczestników1
- Data zakończenia rekrutacji09-09-2025
- Forma prowadzenia usługizdalna w czasie rzeczywistym
- Liczba godzin usługi23
- Podstawa uzyskania wpisu do BURZnak Jakości TGLS Quality Alliance
Cel
Cel
Cel edukacyjny
Usługa przygotowuje do samodzielnego wykonania strony internetowej opartej o CMS Wordpress oraz do pozycjonowania stron internetowych (SEO). Usługa przygotowuje także uczestnika do samodzielnego pisania i wdrażania kodu HTM, CSS oraz do pisania prostych programów w języku JavaScript.Efekty uczenia się oraz kryteria weryfikacji ich osiągnięcia i Metody walidacji
| Efekty uczenia się | Kryteria weryfikacji | Metoda walidacji |
|---|---|---|
Efekty uczenia się • Pisze proste programy w języku JavaScript w połączeniu z językiem HTML i CSS.• Korzysta z języka JavaScript do manipulowania elementami DOM. • Podłącza skrypt z językiem Javascript i bibliotekę JQuery do strony www. • Implementuje programy w języku JavaScript na stronę internetową. • Instaluje i konfiguruje CMS Wordpress • Konfiguruje serwer na potrzeby swojej strony • Dokonuje optymalizacji SEO (pozycjonowanie) • Tworzy strategię link buildingu (linkowanie). | Kryteria weryfikacji • Korzysta z języka JavaScript do manipulowania elementami DOM w zakresie rozwiązań dynamicznych ja i stylistycznych (CSS)• Opracowuje teoretyczną koncepcje struktury programu napisanego w języku JavaScript. • Obsługuje zdarzenia myszy i klawiatury. • Korzysta z operatorów relacyjnych i logicznych. • Korzysta z funkcji i tablic w języku JavaScript. • Stosuje w praktyce pętle w języku JavaScript. • Podłącza skrypt z językiem Javascript i bibliotekę JQuery do strony www. • Implementuje programy w języku JavaScript na stronę internetową. • Definiuje strukturę dokumentu HTML; • Stosuje znaczniki HTML w celu formatowania treści i budowy strony internetowej; • Wprowadza style lokalne, wewnętrzne i zewnętrzne w plikach CSS; • Modyfikuje układ strony za pomocą właściwości CSS (m.in. marginesy, padding, pozycjonowanie); • Stosuje klasy oraz animacje w celu poprawy estetyki i funkcjonalności strony. • Edytuje grafikę rastrową i wektorową za pomocą darmowych narzędzi; • Przygotowuje elementy graficzne (logo, banery) do publikacji na stronie internetowej; • Dodaje i modyfikuje galerie oraz slidery na stronie internetowej. | Metoda walidacji Test teoretyczny z wynikiem generowanym automatycznie |
Kryteria weryfikacji • Instaluje CMS Wordpress na swoim hostingu.• Dokonuje niezbędnych ustawień. • Instaluje wyczki i motyw oraz zna potrzebę ich aktualizacji • Modyfikuje stronę opartą o CMS Wordpress (pliki źródłowe). • Dodaje podstrony, zarządza menu i treścią strony; • Stosuje narzędzia takie jak Elementor do edycji wizualnej. • Wstawia odnośniki, obrazy oraz inne elementy multimedialne do strony. • Edytuje grafikę rastrową i wektorową za pomocą darmowych narzędzi; • Przygotowuje elementy graficzne (logo, banery) do publikacji na stronie internetowej; • Dodaje i modyfikuje galerie oraz slidery na stronie internetowej. • Optymalizuje treść strony głównej i podstron pod kątem pozycjonowania (SEO). • Definiuje meta tagi i odpowiednie nagłówki HTML. • Dobiera słowa kluczowe i tworzy treści optymalizowane pod kątem wyszukiwarek. • Generuje mapę strony (sitemap) i indeksuje ją w wyszukiwarce Google. • Tworzy strategię link buildingu (linkowanie). • Zakłada konto hostingowe i tworzy katalogi na serwerze; • Łączy domenę z hostingiem i konfiguruje protokoły HTTP/HTTPS; • Przesyła pliki na serwer za pomocą protokołu FTP. | Metoda walidacji Test teoretyczny z wynikiem generowanym automatycznie |
Kwalifikacje i kompetencje
Kwalifikacje
Kompetencje
Usługa prowadzi do nabycia kompetencji.Warunki uznania kompetencji
Program
Program
Dokładny harmonogram (następna zakładka) szkolenia będzie dostosowany do preferencji uczestnika i będzie uzupełniony na co najmniej 6 dni przed rozpoczęciem kursu. Harmonogram będzie z dokładnym podziałem zajęć i czasem trwania oraz z przerwami między poszczególnymi zajęciami.
Usługa liczona w godzinach lekcyjnych (45 min.). Po 90 minutach zajęć przewidziana jest 15 minutowa przerwa, która nie wlicza się do czasu szkolenia.
Kurs będzie przeprowadzony na platformie Clickmeeting na żywo w czasie rzeczywistym. Kurs ten przeznaczony jest dla osób początkujących, które wcześniej nie miały nic wspólnego z informatyką w zakresie omawianych tematów i pragną samodzielnie wykonać oraz pozycjonować swoją stronę internetową.
Walidacja efektów uczenia się:
Walidacja odbędzie się za pomocą jednolitego, elektronicznego testu wielokrotnego wyboru i pytań zamkniętych, generowanego oraz ocenianego automatycznie przez platformę szkoleniową (test teoretyczny z wynikiem generowanym automatycznie).
I. PODSTAWY KODU HTML - HYPER TEXT MARKUP LANGUAGE.
1. Podstawowe pojecie. Czym jest HTML ?
2. Struktura dokumentu HTML.
3. Margin, border, padding, position - określanie położenia elementów na stronie.
4. Kotwice i odnośniki.
5. Najpopularniejsze komendy.
II. JĘZYK CSS - CASCADING STYLE SHEETS.
1. CSS - podstawowe pojęcia.
2. Dziedziczenie wartości ("rodzic", "dziecko").
3. CSS w kodzie HTML. Styl lokalny (line) oraz wewnętrzne arkusze stylów.
4. Zewnętrzne arkusze stylów. Instalacja (podłączenie) pliku CSS.
5. Klasy i pseudo klasy w CSS.
6. Kolory w CSS (kolory w notacji heksadecymalnej, kolory RGB)
7. Użycie narzędzia Firebug w przeglądarce firefox.
8. Animacje w CSS.
9. Wybrane komendy styli CSS.
10. Modyfikacje własnego szablonu strony www w oparciu o CSS.
III. JĘZYK PROGRAMOWANIA JAVASCRIPT.
1. Informacje wstępne, osadzenie kodu w HTML, komentarze w JavaScript, edytory, zmienne i stałe.
2. Operator przypisania.
3. Operacje na liczbach.
4. Inkrementacja.
5. Dekrementacja.
6. Konkatenacja.
7. Wyprowadzanie zmiennych na ekran
8. Instrukcje warunkowe.
• Instrukcja if.
• Instrukcja if else
9. Operatory relacyjne
10. Operatory logiczne.
13. Tablice. Metody tworzenia i operacje na nich.
• Metoda push
• Metoda pop
• Metoda shift
• Metoda splice
• Metoda slice
• Metoda fill.
• Metoda map
• Metoda filter
14. Funkcje:
• Funkcja z parametrem.
• Funkcja anonimowa.
• Funkcja strzałkowa (ES6 – rok 2015).
• Sposoby wywołania funkcji.
15. Pętle:
• Pętla for.
• Pętla while.
• Pętla do while.
18. Metody – sposób przetwarzania obiektów.
20. Animacje w JavaScript.
21. Zdarzenia i ich przetwarzanie:
• Click
• Scroll.
• Onmouseover.
• Onmouseout.
22. Okienka.
23. Formularze i ich walidacja.
24. ES6 – zmiany w prowadzone w roku 2015:
• Class`y
• Let i const
IV. PRAKTYCZNA PRACA Z KODEM. ANALIZA I TWORZENIE PROSTYCH PROGRAMÓW Z TRENEREM.
1. Obliczanie pól figur geometrycznych.
2. Kostka do gry.
3. Sumowanie liczb z formularza.
4. Test na Refleks
5. Zmiana koloru czcionki w tekście.
6. Animacje w JavaScript.
V. WYKORZYSTANIE JĘZYKA JAVASCRIPT NA STRONIE WWW. BIBLIOTEKA JQUERY
VI. HOSTING.
1. Podstawowe pojęcia. Jaki hosting wybrać ?
2. Zakładanie konta hostingowego. Tworzenie katalogów.
3. Omówienie przykładowego menu hosta.
4. Co to jest domena i subdomena ?
5. Wybór domeny i jej przekierowanie.
6. Co to jest protokół http ?
7. Połączenie szyfrowane - protokół https.
8. Łączenie się z hostem poprzez protokół FTP.
9. Założenie bazy MySql.
VII. GRAFIKA KOMPUTEROWA.
1. Grafika komputerowa - podstawowe pojęcia.
2. Grafika rastrowa i wektorowa.
3. Podstawowe formaty graficzne grafiki rastrowej.
4. Stworzenie własnego logo przy użyciu darmowych programów.
5. Obróbka graficzna zdjęć.
6. Wstawianie grafiki na stronę.
7. Pokazy slajdów - slider`y
VIII. WORDPRESS - CONTENT MANAGEMENT SYSTEM (CMS).
1.Instalacja "czystego" Wordpressa i podpięcie bazy MySql.
2. Podstawowe ustawienia.
3. Co to jest motyw oraz jego konfiguracja ?
4. Dodawanie podstron.
5. Instalacja niezbędnych wtyczek.
6. Praca z edytorem tekstu.
7. Grafika w Wordpress.
8. Elementor - narzędzie usprawniające pracę z Wordpressem.
9. Konfiguracja menu.
10. Aktualizacje Wordpress`a i wtyczek.
11. Wykonanie pełnego backup`u strony.
12. Naprawa błędów na stronie.
IX. POZYCJONOWANIE STRONY - "NATURALNE" WYNIKI WYSZUKIWANIA (SEO - SEARCH ENGINE OPTIMIZATION).
1. SEO - pojęcia podstawowe.
2. Ustalenie meta tagów oraz nagłówków.
3. Wybranie słów kluczowych.
4. Omówienie czynników mających wpływ na pozycję strony w wynikach wyszukiwania.
5. Optymalizacja strony pod SEO.
6. Linkowanie wewnętrzne i zewnętrzne.
7. Co to jest Sitemapa ? Wykonanie Sitemapy.
8. Zaindeksowanie strony do wyszukiwarki Google.
Harmonogram
Harmonogram
| Przedmiot / temat zajęć | Prowadzący | Data realizacji zajęć | Godzina rozpoczęcia | Godzina zakończenia | Liczba godzin |
|---|---|---|---|---|---|
Brak wyników. | |||||
Cena
Cena
Cennik
| Rodzaj ceny | Cena |
|---|---|
Rodzaj ceny Koszt przypadający na 1 uczestnika brutto | Cena 5 175,00 PLN |
Rodzaj ceny Koszt przypadający na 1 uczestnika netto | Cena 5 175,00 PLN |
Rodzaj ceny Koszt osobogodziny brutto | Cena 225,00 PLN |
Rodzaj ceny Koszt osobogodziny netto | Cena 225,00 PLN |
Prowadzący
Prowadzący
Sławomir Bargiel
Posiada 13 letnie doświadczenie w szkoleniach z obszaru IT, twórca programów szkoleniowych, tworzy autorskie materiały szkoleniowe oparte o gotowe szablony symulacji działania kodu danego języka programowania. Doświadczenie zawodowe zdobyte nie wcześniej niż 5 lat przed datą wprowadzenia szczegółowych danych dotyczących oferowanej usługi.
Informacje dodatkowe
Informacje dodatkowe
Informacje o materiałach dla uczestników usługi
Usługa rozwojowa nie jest świadczona przez podmiot pełniący funkcję Operatora lub Partnera Operatora w danym projekcie PSF lub w którymkolwiek Regionalnym Programie lub FERS albo przez podmiot powiązany z Operatorem lub Partnerem kapitałowo lub osobowo.
Zawarto umowę z WUP w Toruniu w ramach Projektu Kierunek – Rozwój.
Cena usługi nie obejmuje kosztów niezwiązanych bezpośrednio z usługa rozwojową, w szczególności kosztów środków trwałych przekazywanych Uczestnikom/-czkom projektu, kosztów dojazdu i zakwaterowania.
Materiały szkoleniowe formie elektronicznej zawierają:
- Plik pdf zawierający opis prezentowanych zagadnień.
- Prezentacja treści merytorycznej kursu w programie PowerPoint.
- Skrypty języka HTML i CSS.
- Skrypty języka JavaScript w zakresie komend i funkcjonalności, służące do praktycznej nauki kodu programowania.
- Skrypty języka JavaScript w zakresie działania określonych programów - praktyczna nauka pisania kodu.
Warunki uczestnictwa
Wymagania wstępne odnośnie uczestnika kursu:
- Podstawowa znajomość obsługi komputera.
- Podstawowa znajomość obsługi dowolnego edytora tekstu.
Wymagania wstępne. Walidacja spełnienia tego kryterium będzie polegać na rozmowie kwalifikacyjnej z uczestniczką/kiem kursu sprawdzającej umiejętności odnośnie podstawowej znajomości obsługi komputera oraz edytora tekstu.
Warunki techniczne
Warunki techniczne
Kurs będzie przeprowadzany w formie zdalnej na żywo (video i audio) na platformie ClickMeeting.
Wymagania sprzętowe:
- Stabilny dostęp do Internetu.
- Prędkość łącza (pobieranie/przesyłanie) - min. 2 Mbps.
- Komputer z systemem Windows (7,8,10,11) wyposażony w kamerkę internetową i mikrofon.
- Przeglądarka internetowa.