dla ucznia


JSON (JavaScript Object Notation) to lekki format wymiany danych, który jest łatwy do odczytu zarówno dla ludzi, jak i maszyn. Jest standardem w komunikacji między aplikacjami webowymi. REST API (Representational State Transfer) to architektura tworzenia API wykorzystująca protokół HTTP do komunikacji. 1. JSON – Podstawy Struktura JSON Typy danych w JSON: 2. […]

24. PHP – JSON i REST API


Debugowanie to proces znajdowania i naprawiania błędów w kodzie. To umiejętność, która odróżnia początkującego od doświadczonego programisty. Rodzaje błędów w PHP 1. Parse Errors (Błędy składni) Błędy w składni kodu – PHP nie może nawet uruchomić skryptu. Komunikat błędu: 2. Fatal Errors (Błędy krytyczne) Błędy krytyczne przerywające wykonanie skryptu. Komunikat błędu: 3. Warning (Ostrzeżenia) Ostrzeżenia nie przerywają wykonania skryptu, ale wskazują na problemy. Komunikat błędu: 4. […]

23. PHP – Debugowanie i obsługa błędów


Bezpieczeństwo aplikacji webowych to najważniejszy aspekt tworzenia profesjonalnych systemów. Nawet najpiękniejszy kod nie ma sensu, jeśli pozwala hakerom ukraść dane użytkowników, przejąć konta lub zniszczyć bazę danych. Najczęstsze zagrożenia (OWASP Top 10): 1. SQL Injection – Wstrzykiwanie kodu SQL SQL Injection to atak polegający na wstawieniu złośliwego kodu SQL do zapytania, co pozwala: Przykład ataku – Logowanie Kod podatny na atak (NIGDY TAK NIE RÓB!): Co się stanie gdy haker wpisze: Zapytanie SQL stanie się: […]

22. PHP – bezpieczeństwo aplikacji webowych



Superglobals (superzmienne globalne) to specjalne wbudowane tablice w PHP, które są automatycznie dostępne w każdym  zakresie (scope) – w funkcjach, metodach, klasach i skryptach. Nie musisz ich deklarować ani importować za pomocą słowa kluczowego global. Poznaliśmy już tablice $_GET, $_POST, $_SESSION i $_COOKIE.  UWAGA: ZAWSZE waliduj dane – nigdy nie ufaj danym od użytkownika Lista wszystkich Superglobals w PHP PHP udostępnia 9 superglobalnych […]

21. PHP – Superglobals


PDO (PHP Data Objects) – ZALECANE dla większości projektów PDO to obecnie najlepszy wybór dla nowoczesnych aplikacji PHP ze względu na: Szczegółowe porównanie tabelaryczne Kryterium PDO MySQLi (obiektowo) MySQLi (proceduralnie) Obsługiwane bazy danych MySQL, PostgreSQL, SQLite, Oracle, MS SQL Server Tylko MySQL/MariaDB Tylko MySQL/MariaDB Styl programowania Tylko obiektowy (nowoczesny) Obiektowy Proceduralny […]

20. PHP – które rozwiązanie wybrać? Kompleksowe porównanie – mysqli ...


Nauczycie się pisać szybszy i wydajniejszy kod HTML i CSS. Aby Tab w Emmet działał plik musi być zapisany jako html. Jeżeli piszemy skrót dla Emmeta i przejdziemy do innej linijki to nasze polecenie zostanie „zapomniane”, należy wtedy wykasować ostatnią literkę i kontynuować pisanie polecenia.  Proponuję korzystać z Visual’a (ma więcej podpowiedzi niż Sublime).   Lista skrótów Po każdym skrócie klikamy Tab ! – struktura witryny <!DOCTYPE html> <html lang=”en”> <head>     <meta charset=”UTF-8″>     <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>     <title>Document</title> </head> <body>      </body> </html>   Wstawianie css i skryptów link:css – wstawianie linków <link rel=”stylesheet” href=”style.css”>   link:css[href=bla] – wstawianie linków i określanie ściezki […]

EMMET – plugin usprawniający pisanie kodu



Ćwiczenia: Wykorzystując poniższy kod, Twoim zadaniem jest: <body> <div>to jest element - div</div> <p>to jest element - p</p> <p>to jest element - p</p> <p>to jest element - p</p> <div>to jest element - div</div> </body> 1) dodanie właściwości color:red; do wszystkich elementów p, które znajdują się w elemencie body. 2) dodanie […]

CSS – combinator selectors


  selektor elementu – element selector to nic innego jak selektor znacznika HTML, selektorem może być np. <p>, <h1>, <div> i każdy inny znajdujący się w specyfikacji tego języka: h1 {color: blue;}p {text-align: left;}div {background-color: grey;}   selektor uniwersalny – universal selector „*” pozwala ustalić określone cechy dla wszystkich elementów […]

CSS – Simple selectors


Listy pomagają w usystematyzowaniu treści na stronie i można wypunktować najważniejsze elementy. Listy służą również do tworzenia menu. W HTML mamy do wyboru listy nieuporządkowane, listy uporządkowane oraz listy definicji. Większość znaczników HTML, jak również nazwy funkcji i metod w językach programowania, tworzy się od nazw angielskich odpowiednich tłumaczeń. Listy […]

HTML5 – listy



Na potrzeby tej lekcji poznacie selektor background-color, który służy do ustawiania tła elementu. Kolory definiujemy na kilka sposobów, najczęstsze z nich to: rgb, rgba /* kolor bez przezroczystości zawiera tylko 3 argumenty RGB*/ background-color: rgb(52, 117, 117); /* jeżeli chcemy dodać przezroczystość, dodajemy też 4ty argument "A", który określa stopień […]

Kolory