Kurs Front-end Developer - zagadnienia z zakresu programowania w języku PHP, elementy HTML5 i CSS i efektywne wykorzystanie podstawowej znajomości JavaScript

1. Wprowadzenie do języka HTML

• co to jest HTML,
• jak wygląda HTML,
• kaskadowe arkusze stylów – wprowadzenie,
• podstawowa struktura strony i jej elementy.

2. Podstawowe znaczniki na stronie www

• znacznik HTML,
• znacznik HEAD,
• znacznik TITLE,
• znacznik BODY,
• komentarze na stronach www.

3. Znaczniki opisujące zawartość strony

• nagłówki H,
• akapity P.

4. Znaczniki definiujące listy na stronach

• lista numerowana,
• lista wypunktowana,
• lista definicji,
• listy zagnieżdżone.

5. Hiperłącza, linki, odnośniki

• znacznik A,
• łącza do stron lokalnych,
• łącza do fragmentów strony – zakotwiczenie,
• łącza do poczty – mailto.

6. Formatowanie tekstu na stronie www

• style logiczne,
• style fizyczne.

7. Formatowanie tekstu za pomocą CSS

• ozdabianie tekstu,
• właściwości czcionek,
• tekst predefiniowany,
• linia pozioma,
• zadanie – sygnaturki,
• cytowanie tekstu,
• znaki specjalne,
• wyrównywanie tekstu,
• kroje pisma i wielkość czcionki,
• zadanie – pierwsza prawdziwa strona www.

8. Trochę grafiki i kolorów na stronie

• zmiana koloru tła strony i koloru tekstu,
• obrazki na stronie www,
• wyrównywanie obrazków i tekstu,
• oblewanie obrazków tekstem,
• obrazki jako hiperłącza,
• skalowanie obrazków,
• obramowanie obrazków.

9. Tabele

• znaczniki tworzące tabelę,
• formatowanie tabeli,
• szerokość i obramowanie tabeli,
• kolor tabeli i komórek,
• wyrównywanie komórek i obramowanie,
• grupowanie i wyrównywanie kolumn,
• grupowanie i wyrównywanie wierszy,
• atrybuty FRAME i RULES,
• zadanie – tabelaryczny szkielet strony (niezalecany).

10. Kaskadowe arkusze stylów

• osadzanie arkuszy stylów na stronie www,
• selektory,
• klasy i identyfikatory,
• jednostki miar w stylach CSS,
• właściwości pól,
• rozmiar,
• obramowanie,
• wypełnienie i marginesy,
• elementy pływające.

11. Interakcja z użytkownikiem – formularze

• tworzenie formularza,
• dodatkowe opcje formularza,
• pole hasła,
• przycisk zerowania,
• obraz jako przycisk wysyłający,
• przycisk typu BUTTON,
• ukrywanie pól formularza,
• etykiety pól formularzy,
• grupowanie elementów,
• klawisze dostępu i kolejność poruszania się po polach formularza,
• elementy nieaktywne i tylko do odczytu,
• formatowanie formularza za pomocą CSS.

12. Publikowanie strony na serwerze

13. Typy danych

• liczby,
• łańcuchy znaków,
• wartości logiczne.

14. Zmienne

• tworzenie,
• używanie,
• zasięg (globalne, lokalne).

15. Funkcje

16. Operacje na stringach

• indexOf(),
• replace(),
• substring(),
• split().

17. Operatory

• arytmetyczne,
• inkrementacji, dekrementacji,
• porównania,
• logiczne,
• przypisania.

18. Instrukcje warunkowe

• if,
• if…else,
• if…elseif,
• zagnieżdżenia,
• złożone instrukcje warunkowe,
• instrukcja Switch.

19. Pętle

• pętla for,
• pętla while,
• pętla do…while,
• zagnieżdżanie pętli,
• przerywanie pętli,
• kontynuowanie pętli.

20. Tablice

• tworzenie tablic,
• zapisywanie danych,
• odczytywanie danych,
• indeksy, wartości.

21. Obiekty

• Window,
• document,
• history,
• location.

22. DOM – dostęp do elementów strony

23. Najczęstsze błędy

24. Podstawy języka PHP

• zmienne,
• stałe,
• typy danych,
• instukcje warunkowe if ... elseif ... else oraz switch,
• pętle (for, do while, while, foreach),
• instrukcje continue,
• instrukcje break,
• tablice.

25. Funkcje użytkownika

• wygląd,
• argumenty,
• zwracanie wartości.

26. Funkcje wbudowane

• tekstowe,
• daty i czasu,
• matematyczne.