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

Proces szkoleniowy

Analiza potrzeb szkoleniowych

Jeśli masz życzenie dotyczące programu szkolenia, przeprowadzimy dla Ciebie analizę potrzeb szkoleniowych, która będzie wskazówką dla nas, na jakie aspekty programu położyć większy nacisk – tak, by program szkolenia spełniał konkretne potrzeby.

Co zyskujesz?

Semantyczny HTML od podstaw - Nauczysz się budować poprawną strukturę strony w HTML, używać najważniejszych znaczników i przygotowywać przejrzysty kod, który łatwiej rozwijać, testować i publikować.

Stylowanie stron w CSS - Opanujesz selektory, klasy, identyfikatory, kolory, czcionki, marginesy i obramowania, dzięki czemu samodzielnie nadasz stronie czytelny układ i spójny wygląd.

Tworzenie elementów interfejsu - Dowiesz się, jak budować listy, linki, tabele, formularze i osadzać grafiki, więc przygotujesz kompletne podstrony, z którymi użytkownik może wygodnie pracować.

JavaScript do działania strony - Nauczysz się używać zmiennych, funkcji, operatorów, warunków, pętli i tablic, aby dodawać logikę do strony oraz tworzyć proste mechanizmy reagujące na działania użytkownika.

Praca z DOM i przeglądarką - Zrozumiesz, jak pobierać elementy strony i modyfikować je przez DOM oraz jak korzystać z obiektów window, document, history i location w praktycznych scenariuszach.

Unikanie typowych błędów - Poznasz najczęstsze pomyłki w HTML, CSS i JavaScript, dzięki czemu szybciej znajdziesz przyczynę problemu, poprawisz kod i ograniczysz frustrację podczas pracy nad projektem.

Podstawy PHP po stronie serwera - Zdobędziesz praktyczne podstawy PHP: zmienne, tablice, funkcje, warunki i pętle, co pozwoli Ci lepiej rozumieć działanie prostych aplikacji i formularzy po stronie serwera.

Publikacja gotowej strony - Przejdziesz od lokalnych plików do opublikowanej strony, więc zobaczysz, jak przygotować projekt do wdrożenia i udostępnić go na serwerze, aby był dostępny online.

Program szkolenia

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.

Jakie są wymagania wstępne do udziału w szkoleniu?

Podstawowa obsługa komputera - Powinieneś sprawnie korzystać z komputera, klawiatury i myszy, tworzyć foldery oraz zapisywać i odnajdywać pliki, bo na szkoleniu będziesz pracować z wieloma dokumentami projektu.

Sprawne korzystanie z przeglądarki - Powinieneś swobodnie używać przeglądarki internetowej, otwierać karty, pobierać pliki i wklejać adresy, ponieważ będziesz testować strony oraz sprawdzać efekty swojej pracy.

Podstawy pracy z tekstem - Powinieneś umieć pisać na klawiaturze, kopiować, wycinać i wklejać tekst oraz dbać o dokładność zapisu, bo szkolenie wymaga samodzielnego tworzenia i edycji kodu.

Gotowość do nauki składni - Powinieneś być gotów uczyć się nowych poleceń i zapisów technicznych, bo podczas kursu będziesz pracować z HTML, CSS, JavaScript oraz podstawami PHP krok po kroku.