A HTML5-el kapcsán eddig csak ígérgetéseket kaptunk, meg persze megnézhettünk néhány minta oldalt, de komolyabb támogatót nem láttunk. A Youtube megtette az első lépést a mindennapi böngészés új szintje felé: Mostantól lehetőségünk van a Youtube videóinak lejátszására flash plugin nélkül a HTML5 beépített hang és videó lejátszójának köszönhetően. Jelenleg még nem kell HTML5 támogató böngésző a videózáshoz, de bárki nyugodtan kipróbálhatja és ha nem tetszik neki visszaválthat a hagyományos módszerre. A HTML5-re váltást a YouTube TestTube oldalán teheted meg. (Persze ha Chrome, Safari, vagy IE (ChromeFrame beépülővel) böngészővel próbálkozol.)
Ez volt a friss HTML5 videó néző (Chrome alatt) és itt pedig a régi Flash lejátszó, lehet összehasonlítani.
Sajnos nem minden videónál megy még a funkció, a reklámokkal vagy felirattal ellátott videók még mindig a hagyományos flash alapú lejátszóval jönnek be. A probléma oka az, hogy nem lehet a videó fölé rakni elemeket. Továbbá a HTML5-ös lejátszónál kicsit kockásabb a kép, de ez is még a jövő zenéje.
Lehet, hogy semmi különbséget nem lehet felfedezni a flash vagy HTML5 lejátszó között (max akkor, ha jobbklikkelünk és nem jön elő a flash menüje). Ez részben jó, hiszen különösebb változás nélkül akár már plugin nélkül is nézhetünk videókat, ennyi az extra. Nagy megtörést fog jelenteni az Adobe Flash-nak, ha a Youtube a jövőben teljesen átáll a HTML5-féle videó lejátszóra. Ideje lenne megdönteni a Flash hosszú évek óta tartó monopóliumát.
Ma úgy gondoltam összedobok egy kis leírást azokról a progikról/oldalakról, amiket fontosnak tartok a webes fejlesztéseimhez. Szerencsére ez egy olyan munka, amit bárhonnan lehet végezni és még otthonról sem kell kimozdulni (de egy laptot + pendrive és máris új munkahely). Persze ha neten kell dolgozni, jó ha a laptop mellé befigyel egy kis mobil internet vagy egy közeli WiFi HotSpot.
Ezt a bejegyzést főként a kezdőknek ajánlom, akik egy része engem is zaklat… Már nem kell tovább.
Néhány alap dolog, amit érdemes tudni:
A lehető legjobb módszer, ha a helyi számítógépünkön tárolunk mindent a fejlesztés alatt lévő weblappal kapcsolatban (fájlok + adatbázis). Azonban ez nem elég ahhoz, hogy teszteljük is, amit összehoztunk, ezért szükség van egy nagyon fontos programra/programcsomagra. Tegyük fel, hogy a leg általánosabb fejlesztői környezet pont megteszi nekünk, ezért szükségünk lesz a PHP + mySQL és az Apache szolgáltatásokra.
A PHP a fejlesztői nyelv maga, aminek legtöbb esetben HTML a kimenete, a mySQL az adatbázis kezelő szolgáltatás, az Apache pedig a webkiszolgáló.
Annak ellenére, hogy nem vagyunk rácsatlakozva a netre, szükség van az Apache-re is, hiszen ez végzi a HTTP lekérések teljesítését.
Ajánlott környezet: XAMPP 1.7.2
Az alkalmazás feltelepítés után a helyi gépünkön elérhetővé válik a PHP kódok futtatása és szerver imitálása. Ebben az esetben a 127.0.0.1 vag http://localhost oldalon keresztül érhetjük el (és php esetében futtathatjuk) a fájljainkat.
A fájlokat a XAMPP telepítési könyvtárának /htdocs/ almappájában találjuk (alapértelmezett esetben: c:/program files/XAMPP/htdocs) és ezeket a böngészőbe a 127.0.0.1 mögé beírva el tudjuk érni.
Példa: c:/program files/XAMPP/htdocs/alma.php fájl eléréséhez a 127.0.0.1/alma.php címet kell bírnunk a böngésző címsorába.
Ezt követően az Apache beindul, átadja az alma.php fájlt a PHP-nak ami lefuttatja a fájl kódját, ha a kód kéri, a mySQL is beszáll és az adatbázis kezelés is elérhetővé válik.
Maga a fejlesztés:
A fejlesztéshez főként egy PHP/HTML/JavaScript/CSS kód kiemelős alkalmazásra van szükségünk. Ez a része a feladatnak korántsem ilyen egyszerű, hiszen ez már nem a programokon múlik, hanem a szakmai tudáson. (Amire utánnaolvasással tudunk szert tenni.)
Ajánlott Programok fejlesztéshez (kezdőknek):
Frontpage (fizetős, magyar) – A Microsoft irodai csomagjának grafikus honlap kreáló progija.
Dreamweaver (fizető, próbaverzió, angol) – Az Adobe grafikus HTML szerkesztője.
NVU (ingyenes, magyar) – Kevésbé felhasználóbarát, grafikus HTML szerkesztő.
Ajánlott Program fejlesztéshez (haladóknak):
Notepad++ (ingyenes, magyar) – Népszerű szerkesztő, hiszen ingyenes, magyar és sok mindent tud.
phpDesigner 7 (fizetős, próbaverzió, magyar) – Én ezt használom, profi progi, megéri a pénzét.
A kezdő és haladó progik közt annyi a különbség, hogy utóbbi főként a tudásra épít, míg az elsők a grafikus tervezésre, azaz programozási tudás nélkül és létrehozhatók weblapok.
Sose legyünk hetekig a szobánk rabjai, ha mégis, legalább másokkal is beszéljünk:
twitter.com – Micro Blog szolgáltatás. Sokak közt a Yamm.hu és a Turulcsirip.hu is erre épül, tehát ezek nem különálló Micro Blog szolgáltatások.
facebook.com – Közösségi oldal, pontosan mint a magyar MyVip.hu és iWiW.hu is.
+MSN massenger & Skype – Azonnali üzenetváltó progik, jó dumálni ismerősökkel még ilyenkor is.
// a.) Ha nincsenek ismerőseink ezeken a hálózatokon, ideje szerezni párat.
// b.) Azért csak óvatosan ezekkel a cuccokal, mert könnyen elvonják a figyelmet.
Ügyeljünk a szórakozásra is, kell a móka és kacagás, hiszen a boldog ember dolgozik jól:
Youtube.com – Videók és jó kis zenék, ez fontos hely a kikapcsolódásra.
RSS olvasó – keressünk nekünk tetsző oldalakat, gyűjtsük be az RSS linkjeiket és olvasgassunk néha, ha már a régi oldalakon nem szörfözünk. (RSS olvasóval gyorsabb és több idő jut minden másra)
+Zene hallgatás – Személy szerint nagyon fontosnak tartom, hogy szóljon vmi jó kis zene fejlesztés közben, úgy nem ül az ember a kukaságban.
Ne fél segítséget kérni:
php.net – A PHP hivatalos oldala, felül lehet keresni bármilyen függvényre, nagyon hasznos oldal.
prog.hu – Nagyszerű közösség rengeteg segítőkész taggal, bármire válaszolnak.
google.com – Gondold végig mit keresel és nézz végig pár lapot, de csak okosan…
A google a barátod.
Ma már másodjára… De muszály:D ez olyan dolog, amit nem lehet nem leírni.
A phpDesigner ma megjelent legújabb Hetes változata a jól megszokott különböző formátumokat (PHP, HTML, XHTML, CSS, XML, Python, C#, Perl, Java, JavaScript, VBScript, SQL) támogató szerkesztő programból.
Ami igazán megragadott, az a kódkiemelés és a kiegészítő funkciók, hiszen nem nagyon ismerek olyan programot ami egységesen ennyi formátumban képes lenne kódkiegészítésre.
Meglepetésemre az új v7-es változat már képes JavaScript függvények és változók eltárolására és kiegészítésére is. Azonban ami még ennél is izgalmasabb, hogy az új változat már a főbb JS keretrendszereket is támogatja (jQuery, MooTools, Yahoo! UI Library, Dojo, Prototype).
Aki még nem döntötte el, hogy milyen programmal fogja az oldalait kreálni, annak azt hiszem ez a legjobb választás. Nagyon profi kis program, kellemes felület, alacsony memóriaigény és aki megvásárolná a 21 napos próbaidő után, annak sem kell nagyon mélyre nyúlnia.
És természetesen mindez MAGYAR nyelven.
Fórráskódra phpDesigner…
Friss válaszok