Dezvoltare proiecte in HTML5 NetBeans

De ce Acest articol discută exact - și numai - proiecte in HTML5. deoarece NetBeans permite dezvoltarea unui număr mare de alte limbaje de programare?

În primul rând, tehnologia HTML5 se confruntă cu o perioadă de dezvoltare rapidă, și-au exprimat interesul unui număr tot mai mare de specialiști. Acest lucru afectează în mod semnificativ situația în așa-numita tehnologie Front-End, modificări care fac crește foarte semnificativ capacitatea și eficiența aplicațiilor web dezvoltate.

Al doilea motiv rezultă din prima. Concomitent cu dezvoltarea tehnologiei dezvoltate și instrumente de programare pentru ea, acestea sunt de punere în aplicare în mod constant noi abordări și tehnici interesante; medii diferite de dezvoltare pentru a concura în mod activ unele cu altele, și aveți nevoie pentru a menține acest proces sub control, pentru a rămâne în prima linie a noilor oportunități tehnologice.

Instalarea componentelor modificări (actualizări) NetBeans

Din când în când pentru modulele instalate, și nucleul NetBeans, nouă versiune - actualizări. instalare și conectare lor este foarte simplu.

În primul rând, trebuie să acorde o atenție eticheta care indică modificări, amplasate pe bara de stare NetBeans (linia Stare) (rândul de jos pe ecran).

Fig. 1. Indicator de modificare în bara de stare

După cum se poate observa, ea a primit o notificare a prezenței 9 modificări în NetBeans. Pentru a le descărca și instala, trebuie doar să faceți clic pe link-ul din fereastra din dreapta, apoi urmați instrucțiunile de pe instalare. După ce au fost instalate modificările, vi se va cere să reporniți NetBeans, și după o repornire, va fi cea mai recentă versiune a mediului.

După cum sa menționat deja, aplicații HTML5 sprijin pentru dezvoltare dedicate ca proiecte independente a fost implementat pentru prima dată în NetBeans versiunea 7.3.

NetBeans vă permite să efectueze simultan un număr mare de proiecte, precum și pentru diferite limbi și tehnologii, astfel încât HTML5-proiecte pot exista în orice număr și independent de alte proiecte.

Crearea unui nou HTML5-proiect se desfășoară în același mod ca și crearea oricărui proiect în NetBeans. În acest caz, caracteristici NetBeans face posibilă dezvoltarea accelerată a HTML5-aplicații, pornind chiar de la crearea proiectului.

Crearea unui proiect nou poate fi una dintre cele trei moduri:

• Proiect nou din meniul principal
• Buton nou proiect în bara principală de instrumente
• Comanda rapidă Ctrl + Shift + N

Fig. 4. Dialog pentru crearea unui nou proiect

După selectarea opțiunii dorite și făcând clic pe butonul Next, apare un dialog setări HTML5 aplicației, în care doriți să specificați numele proiectului și link-ul proiectului într-un director de disc, în cazul în care acesta va fi plasat.

Făcând clic dreapta pe element și selectați Go To Source meniul pop-up vă permite să sari rapid la acel element în fișierul sursă.

A doua fereastră - Browser DOM - vă permite să vedeți structura curentă a paginii cu unele dintre caracteristicile elementelor sale. Acest ecran prezintă elemente de pagină DOM- împreună cu cererea de a le de stiluri.

Fig. 20. fereastra de browser DOM, care reprezintă membrii ierarhiei-fișier DOM și stilurile lor

Lucrul cu stiluri CSS

Noua versiune include suport pentru NetBeans CSS-preprocesoare Sassy și mai puțin, inclusiv culoarea sintaxa evidențierea și semantica de construcții ale limbajului, indentare automata, reformatarea, pliere cod și șablon fișiere. Pentru toate versiunile de design de sintaxă CSS oferă completarea automată a codului și instrumente de refactoring.

Fig. 22. Lucrul cu stiluri (CSS) în NetBeans

În plus, schimba stilurile document poate fi chiar în celălalt panou de browser Controlați în modul NetBeans, așa cum este descris mai sus.

În cele din urmă, pentru a sprijini stiluri și puse în aplicare pentru dispozitive mobile. și anume pentru Chrome pe Android și Mobile Safari pe iOS folosind platforma Apache Cordova. Versiunea Cordova este, de asemenea, inclusă în distribuția NetBeans, dar necesită o configurare suplimentară pentru a sprijini proiecte Android și iOS.

Suport pentru dispozitive mobile, precum și dezvoltarea de Cordova

Acest articol listează pe scurt numai noi caracteristici NetBeans legate de dezvoltarea de HTML5-proiecte. Dar NetBeans dezvoltă și tradiționale, care au devenit caracteristici standard, practic, ceea ce le face mai convenabil și eficient de utilizat.

În cele din urmă, suport pentru versiunile moderne de instrumente de management - și NetBeans suportă atât instrumente bine cunoscute Mercurial și Subversion, și relativ recent, a apărut și a devenit rapid foarte populare GIT - face ușor de a organiza munca în echipă, asigurând o fiabilitate ridicată a procesului de dezvoltare.

Deci, pentru a rezuma.

Chiar și o scurtă trecere în revistă a noilor caracteristici NetBeans IDE conduce la concluzia că nu este întâmplător este unul dintre liderii în instrumente de dezvoltare a pieței de astăzi pentru web. dezvoltare focusată face posibilă eliberarea unei noi, chiar mai puternic și ușor de utilizat versiuni. Acum, începe testarea preliminară a noului, a opta versiune a IDE. Ce oportunități noi va oferi? Acest lucru vom ști în curând.