JavaScript
Skoro już kliknąłeś odnośnik do podstrony związanej z językiem javascript, to domyślam się, że zainteresowały cię efekty i możliwości tego pięknego języka Masz racje ! to piękny, ale również trudny język do opanowania, jednak daje niewyczerpane możliwości budowy aplikacji internetowych. Przygotowałem dla ciebie 3 krótkie pokazy w postaci ćwiczeń. Tak wszystkie animacje tutaj są wykoanen właśnie w JavaScript. Jeżeli przeczytałeś krótki wstęp na stronie głównej do javascript musisz wiedzieć, że wszystkie dynamiczne akcje jakie dzieją się w interakcji z użytkownikiem są pisane właśnie w tym języku ponieważ działa po stronie przeglądarki a nie serwera jak PHP
ĆWICZENIE 1
A o to ćwiczenie numer 1. Pokażę cię w jaki sposób wykonać dynamicznie kwadrat o wartościach pobranych ze slidera. Ciekawy efekt prawda?
ĆWICZENIE 2
ĆWICZENIE 3
Witaj w ćwiczeniu 3. Jak myślisz, co tak na prawdę robi to proste pole tekstowe i dwa przyciski ? Jeżeli nie wiesz, spokojnie, jest to najtrudniejsze ćwiczenie ze wszystkich tutaj pokazanych ponieważ integruje ze sobą aż 4 technologie które poznałeś na początku. Mianowicie:
- HTML
- CSS
- PHP
- JavaScript
A Teraz ci wytłumaczę co tak na prawdę to robi. Wyobraź sobie wyszukiwarkę na stronie internetowej. Wpisujesz początek nazwy miasta i wyszukiwarka zwraca się szukaną pozycję lub wiele wyników pasujących do kryteriów. Tak ! ta prosta struktura pozwala na to samo jednak z racji, że jest to ćwiczenie zostało okrojone do listy ok 10 miast zapisany w innym pliku. Zauważ, że po kliknięciu radio buttona strona się nie przeładowuje w żaden sposób. Brawo ! właśnie odkryłeś kolejną techonlogię. Zwie się ona AJAX i pozwala na interakcję z użytkownikiem bez podtrzeby przeładowania strony wwww.
Lista miast zawartych w zewnętrznym pliku:- Opole
- Poznań
- Wrocław
- Katowice
- Warszawa
- Białystok
- Gdańsk
- Frombork
- Chorzów
- Szczecin