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

Usługa liczona w godzinach lekcyjnych (45 min.).

I.    FRONT-END,  BACK-END I FULL-STACK DEVELOPER. KIM SĄ I CZYM SIĘ ZAJMUJĄ ?

II.     KOD HTML I CSS.

1.  Podstawy kodu html - hyper text markup language.
1.1. Czym jest HTML ? Podstawowe pojecie.
1.2. Struktura dokumentu HTML.
1.3. Margin, border, padding, position - określanie położenia elementów na stronie.
1.4. Kotwice i odnośniki.
1.5. Najpopularniejsze komendy.
2.  Kod CSS - Cascading Style Sheets.

2.1. CSS - podstawowe pojęcia.
2.2. Dziedziczenie wartości ("rodzic", "dziecko")
2.3. CSS w kodzie HTML. Styl lokalny (line) oraz wewnętrzne arkusze stylów.
2.4. Zewnętrzne arkusze stylów. Instalacja (podłączenie) pliku CSS.
2.5. Klasy i pseudo klasy w CSS.
2.6. Kolory w CSS (kolory w notacji heksadecymalnej, kolory RGB)
2.7. Użycie narzędzia Firebug w przeglądarce firefox.
2.8. Animacje w CSS.
2.9. Wybrane komendy styli CSS.
2.10. Modyfikacje własnego szablonu strony www w oparciu o CSS.

III.    JĘZYK JAVASCRIPT. BIBLIOTEKA JQUERY.   

1.  Język JavaScript – informacje wstępne.  
1. 1. Informacje wstępne. Język JavaScript na tle innych języków programowania.
1. 2. Edytory.
1.3. Osadzenie kodu w HTML.
1.4. Komentarze w JavaScript.
2. JavaScript – składnia języka i podstawowe komendy.
2.1. Zmienne i stałe.
2.2. Operator przypisania.
2.3. Operacje na liczbach.
 2.4. Inkrementacja.
2.5. Dekrementacja.
2.6. Konkatenacja.
2.7. Wyprowadzanie zmiennych na ekran:
           • Alert.
           • Document_write.
           • InnerHTML.
           • Console.
2.8. Instrukcje warunkowe.
            • Instrukcja if.
            • Instrukcja if else.
            • Instrukcja switch case.
2.9. Operatory relacyjne
2.10. Operatory logiczne.
2.11. Funkcje, metody, właściwości, wartości.
2.12. Tablice. Metody tworzenia i operacje na nich.
             • Metoda push
             • Metoda pop
             • Metoda shift
             • Metoda splice
             • Metoda slice
             • Metoda fill.
             • Metoda map
              • Metoda filter
2.13. Funkcje:
              • Funkcja z parametrem.
              • Funkcja anonimowa.
              • Sposoby wywołania funkcji.
2.14. Pętle:
               • Pętla for.
               • Pętla while.
               • Pętla do while.
               • Instrukcja break.
               • Instrukcja continua.
2.15. Obiekty wbudowane.
2.16. Metody – sposób przetwarzania obiektów.
2.17. Animacje w JavaScript.
2.18. Zdarzenia i ich przetwarzanie:
              • Click
              • Scroll.
              • Onmouseover.
              • Onmouseout.
 2.19. Okienka.
2.20. Formularze i ich walidacja.
3. Programowanie proceduralne, obiektowe, funkcyjne (literał obiektowy, konstruktor).
4. Biblioteka JQUERY.
4. 1. Biblioteka jQuery - pojęcia podstawowe.
4.2. Podpięcie biblioteki ze skryptem.
4.3. Najpopularniejsze zastosowania biblioteki jQuery.

IV.PRAKTYCZNA PRACA Z KODEM. ANALIZA I TWORZENIE GRY W JAVASCRIPT.      

V.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

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. SYSTEM ZARZĄDZANIA TREŚCIĄ  - CONTENT MANAGEMENT SYSTEM (CMS).

1.Instalacja „czystego” Systemu Zarządzania Treścią  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.
8.Co to są wpisy ?
9.Konfiguracja menu.

VIII.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.

Materiały szkoleniowe formie elektronicznej zawierają:

• Plik pdf zawierający opis prezentowanych zagadnień.
• Prezentacja treści merytorycznej kursu programie PowerPoint.
• Skrypty kodu HTML, CSS oraz Java Script do lekcji związanych z tymi zagadnieniami.

Wymagania wstępne odnośnie uczestniczki/ka kursu:

•     Podstawowa znajomość obsługi komputera.
•     Podstawowa znajomość edytora tekstu - Microsoft Word.

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 (Microsoft Word). 

Natomiast po kursie zostanie sprawdzona nabyta wiedza uczestniczki/ka w zakresie całego programu kursu. Walidacja zostanie przeprowadzona na podstawie testu oraz oceny  projektu w zakresie programowania wykonanego przez uczestniczkę/ka kursu.

Usługa liczona w godzinach lekcyjnych (45 min.).

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.