JS a gyakorlatban I.
avagy hogyan csináljunk boltkereső alkalmazást
Kezdés:
Ez a tanfolyam már véget ért,
figyeld az új időpontokat!
Hossz:
40 óra
Az egyes alkalmak
Ár:
69 000 Ft+áfa
ingyenes!
Részvételi mód:
Visszanézhető videók
A kurzus alatt elkészítünk egy teljes interaktív térképes alkalmazást. Megtanulhatod egy komplex webalkalmazás elkészítését. Magabiztossá válhatsz a JavaScript kódok írásában és értelmezésében. Rutint szerezhetsz a hibakeresésben, kódszervezésben, újrahasznosításban. Csinálhatsz egy szuper okostérképet, amin rengeteg hasznos funkció van. Saját alkalmazásokat tervezhetsz, és a szerver oldalt is létre tudod hozni. Mindent tudni fogsz a Google Maps API-ról és a hozzá kapcsolódó szolgáltatásokról. Szükséges ismeretek: Alapvető HTML, CSS, JavaScript ismeret
Nézd online!
Ezt a tanfolyamot kényelmesen, otthonról is követheted, a képzésrol készült felvételeket bármikor visszanézheted. Kérdés esetén beépített chat segítségével léphetsz kapcsolatba az oktatóval vagy más hallgatókkal. Ha ez a tanfolyam már véget ért, az elkészült videóanyagot Elofizetéssel megvásárolhatod!
Kinek ajánljuk?
Ha szeretnél végre egy igazán látványos és hasznos JavaScript alkalmazást készíteni az eddigi JavaScript alapjaidból. Ha érdekelnek a Google API-kban rejlő, szinte korlátlan lehetőségek. Ha úgy érzed a Front End fejlesztés leginkább a szíved csücske. Ha ellenállhatatlan vonzalmat érzel a térképek iránt, akkor ez a tanfolyam pont neked való.
Témakörök
1. Google Maps testreszabása

Google Maps API beillesztése, használati feltételek. Interaktív alaptérkép létrehozása. Utcai, műholdas, hibrid és terep térképtípusok. Rugalmas megjelenés. Felületi elemek használata: markerek, egyedi ikonok, vonalak, körök, síkidomok, infóablakok. Google Maps API események: kattintás a térképen, nagyítás, középpont beállítás, stb. Vezérlők megjelenítése és testreszabása. Nyelvi lokalizáció.

2. Helymeghatározás

HTML5 Geolocation. Helymeghatározásról dióhéjban. GPS koordináták, POI-k. Pozíció meghatározása, hibakezelés. Aktuális helyzetünk feljelölése statikus és interaktív térképre. Nyomkövetés. Helymeghatározás finomítása. GPS szélesség, GPS hosszúság, magasság, sebesség, irány. Google térképszolgáltatások áttekintése: Geocoding, reverse geocoding, directions, matrix distance, elevation, street view, places.

3. AJAX működése

AJAX működése. XMLHttpRequest objektum. Kérés összeállítása. GET vagy POST metódus? HTTP státuszkódok, readyState állapotok, onreadystatechange eseménykezelő. XML felépítése, keresés a DOM-ban. JSON objektum megismerése, használata konzol segítségével. JSON validátor. HTML, XML, JSON válasz feldolgozása. Űrlapok feldolgozása és eseménykezelők. Google Maps API szolgáltatások igénybevétele. Kliens oldali megvalósítás. Natív AJAX geokódoló alkalmazás elkészítése Google Geocoding szolgáltatás segítségével. 

4. Budapesti nevezetességek a térképre

Címek kötegelt geokódolása. Statikus POI pontok csoportos feljelölése térképre. Infóablakok testreszabása. Budapest nevezetességei alkalmazás elkészítése. Rétegek használata: közlekedési, tömegközlekedési, kerékpárút réteg. Hol vagyok? Útvonaltervező készítése directions szolgáltatás használatával. 

5. POI szolgáltató API készítése

GPS koordináták távolsága. POI szolgáltató API tervezése és elkészítése szerver oldalon PHP, MySQL segítségével. Fejlesztőkörnyezet összetevői, telepítése. Adatbázis tervezés, táblák, mezőtípusok. SQL lekérdezések, Haversine formula. Csatlakozás az adatbázishoz PHP-val. JSON adatok készítése az adatbázisból. Paraméteres adatszűrés, alapértelmezett értékek, MIME típusok, karakterkódolás. Biztonságos üzemeltetés, SQL befecskendezés elleni védelem.

6. API-k általános felépítése

API-k általános felépítése. Boltkereső alkalmazás áttekintése. Google Maps API dokumentáció tanulmányozása, XML/JSON válaszok feldolgozása. Feladatok meghatározása. Projekt tervezés. Google Maps API kulcs igénylése. Címek összegyűjtése, geokódolása. Saját rádiusz jelölése térképen. POI pontok feljelölése adatbázisból. Helyinformációk megjelenítése infó ablakban. Nagyítások kezelése, középponthoz ugrás. 

7. Google Maps Geocoding szolgáltatás

Szűrök készítése. Saját vezérlők készítése: találatok számának meghatározása, boltok távolságának beállítása. Jelenlegi pozíció meghatározása és jelölése Geolocation segítségével. Tetszőleges cím keresése és helyinformációk megjelenítése geocoding és reverse geocoding szolgáltatások implementációjával. 

8. Útvonaltervező készítése

Közlekedési és tömegközlekedési réteg vezérlők alkalmazása. Vezérlők testreszabása. Útvonaltervező beépítése az alkalmazásba. GeoJSON alkalmazási lehetőségei. Térképes alkalmazásokban rejlő lehetőségek. Fejlettebb boltkereső, Virtuális idegenvezető. Merre vannak a barátaim? stb. alkalmazások ötletei.

9. Hibakeresés, gyakorlati praktikák

Kódszervezés. Rebuild a gyakorlatban. Hibák keresése. Gyakorlati praktikák. Alkalmazás áttekintése és bug-ok kijavítása. Továbbfejlesztési lehetőségek: POI csoportok szebb megjelenítése markerek összevonásával, kategória választók megvalósítása. Checkbox-ok használata. Adatbázis bővítés, táblák összekapcsolása. Összefoglalás az eddigiekből.

10. Hibrid mobil alkalmazások és keretrendszerek

Natív kontra hibrid webappok. Hibrid mobil alkalmazásokban rejlő lehetőségek. Betekintés az Apache Cordova titkaiba. A telefon hardvereinek elérése. Divatos hibrid mobil keretrendszerekről pár szóban: A jQuery Mobile és Ionic Framework. JavaScript framework-ök: jQuery és AngularJS. Single Page Application. Utak és lehetőségek a webalkalmazások világában.

Technikai információk
Részletes technikai információkat csak a képzés hallgatói nézhetik meg bejelentkezés után!
JS a gyakorlatban I. tanfolyami videók
Maps API használata, térképtípusok, felületi elemek, események
89 perc
2015. október 19.
Vezérlők, rétegek, nyelvi lokalizáció, szolgáltatások
72 perc
2015. október 19.
Hosszúsági és szélességi körök, helymeghatározás, saját pozíció
116 perc
2015. október 22.
Saját pozíció jelölése interaktív térképen, GPS távolság
48 perc
2015. október 22.
XMLHttpRequest, HTTP működése, GET és POST, HTML és JSON válasz
85 perc
2015. október 28.
XML, Geokódoló API készítése, Openweather map API használata
92 perc
2015. október 28.
Csoportos geokódolás, több marker feljelölése a térképre
76 perc
2015. október 29.
Útvonal tervezése útinfóval Direction szolgáltatással
96 perc
2015. október 29.
POI pontok beszerzése, Haversine formula, Szerver API készítése
92 perc
2015. november 02.
Élelmiszerbolt keresés cím geokódolás segítségével
49 perc
2015. november 02.
Specifikáció, POI kezelés, koordináták dinamikus feljelölése
124 perc
2015. november 05.
Vezérlők lekérdezése, Nagyítás és rádiusz kezelése, Infóablak
48 perc
2015. november 05.
Geokódolás, helymeghatározás, közlekedési rétegek megvalósítása
114 perc
2015. november 09.
Útvonaltervezés, fogyasztás számítás, útvonal szövegesen
70 perc
2015. november 09.
Térképes alkalmazások, Fejlesztési lehetőségek, Google Places
99 perc
2015. november 12.
Szerver oldal kiegészítése, POI koordináták felvitele
87 perc
2015. november 12.
Kategória kereső, új POI adatbázis, optimalizált Haversine
82 perc
2015. november 16.
Google Chart ikonok, Marker csoportok, API újragondolás OOP-vel
100 perc
2015. november 16.
Firefox OS, Android környezet, Cordova, AngularJS, Sass, Ionic
113 perc
2015. november 19.
jQuery Mobile keretrendszer áttekintése példákkal
63 perc
2015. november 19.