FRONT-END DEVELOPER - JAVASCRIPT, HTML, CSS, POZYCJONOWANIE STRON (SEO) - KURS DLA POCZĄTKUJĄCYCH. CMS WORDPRESS - WYKONANIE WŁASNEJ STRONY WWW.

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.

Walidacja kursu

Walidacja jest oddzielona od procesu szkolenia - osobne spotkanie z osobą przeprowadzająca walidację (Andrzej Bolewski). Walidacja polega napisaniu przez uczestników kursu testu teoretycznego jednokrotnego wyboru w zakresie programowania (HTML, CSS, Javascript), pozycjonowania (SEO) stron www oraz na budowy stron internetowych opartych o CMS Wordpress. Test został podzielony na dwie części. Pierwsza część obejmuje programowanie w języku HTML, CSS i Javascript; natomiast druga część obejmuję pozycjonowanie stron www (SEO) oraz ich budowę opartą o CMS Wordpress. Przyjmuje się, że uczestnik pozytywnie przeszedł proces walidacji, jeśli uzyska z każdej z dwóch części testu teoretycznego co najmniej 70 % poprawnych odpowiedzi.

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.

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.

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.