Podstawy funkcjonowania stron www i całego serwisu w sieci Internet
1. HTML i CSS
2. Rozwiązania typu klient-serwer, klient-klient protokół HTTP.
3. Rejestracja domeny,
4. Frontend a backend – różnice wyjaśnienie
5. Hosting, założenie konta, wybór hostingu, na przykładzie trenera
6. Język HTML: elementy, atrybuty, komentarze — podstawowe tagi: tytuły, akapity, listy wypunktowane i numerowane, tabele, rysunki, linki, encje — kodowanie polskich liter
7. Elementy blokowe i elementy liniowe
8. Wewnętrzny podział dokumentu z podziałem na treść i opis
9. Definiowanie podstawowych części dokumentu
10. Kontrola i sprawdzanie dokumentu - walidacja dokumentu HTML i strony
11. CSS: metody budowania kaskadowych arkuszy stylów
12. CSS: Reguły, selektory, deklaracje, właściwości, wartości
13. Metody Tworzenia Selektorów CSS (oraz selektory dodane w CSS 3)
14. Drzewo DOM i pokrewieństwo w CSS
15. klasy, identyfikatory - id, atrybuty wykorzystywane w drzewie DOM.
16. Łączenie selektorów przy użyciu operatorów i selektory grupowe
17. Pseudoklasy i pseudoelementy – wykorzystanie i metody stosowania
18. Ważniejsze właściwości CSS i wartości, które mogą przyjmować
- a. sposoby określania kolorów.
- b. bezwzględne i względne jednostki definiujące strony www
- c. określanie wyglądu tła, formatowanie i ustalanie tła
- d. formatowanie wyglądu tekstu
- e. skrótowe i grupowe zapisywanie niektórych właściwości
19. Model pudełkowy i model formatowania wizualnego, sposoby definiowania przestrzeni pudełka
- a. elementy pudełka, sposoby modyfikowania pudełka/bloku/przestrzeni formatowanej i blokowe, elementy pływające (właściwość float)
20. Pozycjonowanie elementów na stronie
- a. różne sposoby pozycjonowania elementów
- b. problemy oraz pułapki i zachowania nietypowe
21. Sposoby dołączania CSS-a do dokumentu
22. Korzystanie z fontów typowych dostępnych na każdym komputerze i fontów nietypowych
- a. umieszczanie fontów na stronie www
- b. fonty importowane c. korzystanie z fontów udostępnianych przez Google fonts
23. Standaryzacja w przeglądarkach -typowe problemy wynikające z niezgodności między przeglądarkami i ich rozwiązywanie
24. Responsywność stron WWW
25. fixed layout, flow layout, responsive layout – metody tworzenia stron
26. Różne podejścia do wyświetlania stron na urządzeniach o różnej rozdzielczości: telefony, tablety, komputery
27. Dynamiczna modyfikacja elementów HTML CSS – transformacja, przesunięcia, animacje
28. Formularze – Tworzenie i projektowanie
29. Przygotowywanie grafiki na potrzeby WWW — różne metody kompresji fotografii i ich zastosowanie w popularnych formatach graficznych — wady, zalety i typowe zastosowania różnych formatów graficznych — proste przetwarzanie grafiki: przycinanie, skalowanie, konwersja między formatami
30. Ułatwienia w projektowaniu stron – na przykładzie frameworka CSS Twitter Bootstrap
- a. Griid – metoda tworzenia komponowania i budowania stron i serwisów WWW
- b. Gotowe komponenty: elementy animowane różne rodzaje menu i zakładek, formularze, typografia
- c. Zastosowanie frameworka Twitter Bootstrap do tworzenia układów typu fixed layout, flow layout i responsive layout
31. Analiza przykładowych projektów stron i serwisów WWW
Javascript
1. Nowe wersje Javascript - ES5 vs ES6
2. Wprowadzenie do języka JavaScript - Struktury języka JavaScript
- a. Podstawy programowania w JS
- b. Typy danych
- c. Zmienne
- d. Operatory
- e. Instrukcje sterujące
- f. Tablice
- g. Funkcje
- h. Obiekty i klasy
- i. Obsługa daty i czasu
- j. Osadzanie instrukcji JavaScript w kodzie HTML
- k. Używanie komentarzy
3. Formularze HTML i ich obsługa
- a. Tworzenie formularzy
- b. Walidacja wprowadzonych danych w formularzu
- c. Obsługa zdarzeń
- d. walidacja formularzy
4. Funkcje JS
- a. Polecenia przy pomocy funkcji
- b. Dynamizacja strony WWW
5. Najpopularniejsze funkcje i atrybuty
- a. Sortowanie
- b. Filtrowanie
- c. Zliczanie elementów
- d. Redukcja
- e. Odwoływanie się do elementów strony przy użyciu selektorów CSS
- f. Tworzenie efektów wizualnych: ukrywania i odkrywanie elementów,
- g. inne efekty dynamicznie
- h. tworzenie animacji w JS przy pomocy właściwości CSS
- i. obsługa zdarzeń
6. Transpilery, polifile, NPM
7. Popularne Frameworki i biblioteki JS
- a. React
- b. Angular
- c. Bootstrap/Material
- d. Vue