| 10.07.2015
Kada radite na kodu, vrlo je lako previdjeti i propustiti neki zarez ili zagradu. A ponovno čitanje dugog neradnog koda u potrazi za takvom pogreškom općenito je nezahvalan zadatak. U tom slučaju može pomoći provjera koda posebnim programima alata. Naš izbor posvećen je nekoliko posebno popularnih validatora za JavaScript jezik.
« JSLint će povrijediti vaše osjećaje” - takvo upozorenje može se vidjeti na stranici validatora JSLint, koji je 2002. godine stvorio Douglas Crockford. I to je istina, jer vrlo često JSLint pronalazi puno grešaka u apsolutno radnom kodu. Ako želite poboljšati svoj kod i dovesti ga u idealno stanje - koristite ovu uslugu.
JSHint je praktičnija i prilagodljivija te popularnija verzija JSLint validatora. Programeri preferiraju JSHint jer mogu odabrati postavke i pravila za provjeru koda, a dolazi s dobrom dokumentacijom. Lako se integrira u uređivače.
Ovaj alat također ima priličan broj prilagođenih pravila, koja mogu imati dodatne prilagodljive opcije. Dostupni su različiti dodaci. ESLint je jednostavan za razumijevanje i ima mnogo značajki koje nema u drugim uslugama.
JSCS
Alat JavaScript Code Style razlikuje se od prethodnih po tome što ne provjerava kod za potencijalne bugove i pogreške. Zadatak JSCS-a je provjeriti i otkriti kršenja u stilu koda. Postoji mnogo unaprijed postavljenih i gotovih konfiguracija dostupnih korisnicima koje možete odmah početi koristiti ako se držite istog stila koda.
Provjerava html kod, bilo dan vezom na stranicu ili jednostavno kao učitanu datoteku ili kopirani tekst. Daje popis komentara s preporukama za njihovo ispravljanje.
http://validator.w3.org/
css provjera valjanosti (css validator)
Provjerava stilove dokumenta ili stilsku tablicu koja se nalazi u zasebnoj datoteci.
http://jigsaw.w3.org/css-validator/
Provjera feedova (feed) RSS i Atom
Provjerava rade li RSS i Atom feedovi ispravno.
http://validator.w3.org/feed/
Provjera pravopisa na web stranici
Ističe pogreške na danom URL-u stranice.
http://webmaster.yandex.ru/spellcheck.xml
Prikazuje pogreške u tekstu kopiranom u prozor za provjeru.
http://api.yandex.ru/speller/
Provjera strukture web stranice
Prikazuje strukturu web stranice. Relevantno za provjeru html5 dokumenata. Neispravan prikaz ćiriličnih znakova (:.
http://gsnedders.html5.org/outliner/
Provjera jedinstvenosti sadržaja
U besplatnoj verziji prikazuje do 10 stranica na internetu s tekstom koji djelomično odgovara vašoj stranici.
http://www.copyscape.com
Provjerava jedinstvenost teksta unesenog u obrazac. U besplatnoj verziji možete pričekati rezultate.
http://www.miratools.ru/Promo.aspx
Provjerava jedinstvenost i unesenog teksta i teksta na danom URL-u, prikazuje razinu jedinstvenosti u postocima. Ima vlastiti algoritam provjere.
http://content-watch.ru
Desktop programi za provjeru jedinstvenosti sadržaja s burzi copywritera. Rade dugo, ali kvalitetno. Etxt ima verzije za tri operativna sustava: Mac, Linux i Windows.
http://advego.ru/plagiatus/
http://www.etxt.ru/antiplagiat/
Prikazuje stranice sa sličnim sadržajem i sličnom unutarnjom strukturom.
http://similarsites.com
CMS provjera web stranice
Provjerava značajke najpoznatijih cms-ova.
http://2ip.ru/cms/
Provjera upotrebljivosti web stranice za različite skupine korisnika
Provjera dostupnosti s mobilnih uređaja
Ocjenjuje mogućnost pregleda stranice s mobilnih uređaja i daje popis komentara i pogrešaka.
http://validator.w3.org/mobile/
Provjera pogodnosti stranice za telefone iz Googlea.
https://www.google.com/webmasters/tools/mobile-friendly/
Prikazuje brzinu učitavanja stranice na mobilnim uređajima.
https://testmysite.withgoogle.com/intl/ru-ru
Izlaz emulatora web stranice s mobilnog telefona. Prikazuje stranicu kroz oči odabranog modela.
http://www.mobilephoneemulator.com/
Provjera pristupačnosti za osobe s invaliditetom
Usluga provjere stranice za osobe oštećena vida. Dostupan online i kao dodatak za Firefox.
http://wave.webaim.org/
Gledanje sadržaja stranice očima robota za pretraživanje
Prikazuje tekst web-mjesta blizu onoga što vidi indeksator pretraživanja.
http://www.seo-browser.com/
Distribucija lynx tekstualnog preglednika za win32 sustave. Prije upotrebe morate urediti lynx.bat, navodeći put do direktorija u kojem se nalazi lynx.
http://www.fdisk.com/doslynx/lynxport.htm
Uklanja sve oznake i prikazuje tekst stranice, meta i naslovne oznake, broj vanjskih i unutarnjih poveznica. Prikazuje pregled stranice u Googleu.
http://www.browseo.net
Provjera strukture veza stranice
Provjera neispravnih veza
Prikazuje popis odlaznih veza za URL i provjerava njihov odgovor. Može provjeravati rekurzivno, odnosno samostalno prelaziti s jednog dokumenta na drugi.
http://validator.w3.org/checklink
Besplatni alat za provjeru neispravnih poveznica. Za rad morate ga instalirati na svoje računalo. Rekurzivno indeksira web mjesto, izrađuje izvješća, može biti korisno za mapiranje web mjesta.
http://home.snafu.de/tilman/xenulink.html
Provjera poveznica i naslova stranica
Skenira do 500 web stranica u besplatnoj verziji. Provjerava broj vanjskih i unutarnjih poveznica. Prikazuje informacije o skeniranim stranicama: ugniježđenje, kodove odgovora, naslove, meta informacije i naslove.
http://www.screamingfrog.co.uk/seo-spider/
Provjera strukture linkova i težine internih stranica
Program skenira stranicu, gradi matricu internih poveznica, dodaje vanjske (dolazne) veze sa zadanih URL-ova i na temelju tih podataka izračunava interne težine stranica stranice. Program se može koristiti za pronalaženje vanjskih (odlaznih) veza za popis URL-ova za stranice na web mjestu.
Provjera kodova odgovora poslužitelja, vidljivosti stranice od strane robota za pretraživanje, tehničkih karakteristika stranice
Provjera HTTP zaglavlja i odgovora poslužitelja, vidljivost stranice za robote
Provjerava kodove odgovora poslužitelja, predviđa brzinu učitavanja stranice ovisno o veličini stranice u bajtovima podataka, prikazuje sadržaj html head taga, unutarnje i vanjske poveznice za stranicu, sadržaj stranice kroz oči pretraživačkog robota .
http://urivalet.com/
Provjerava kodove odgovora poslužitelja. Omogućuje provjeru preusmjeravanja (kodovi odgovora 301, 302), zaglavlja Last-Modified, itd.
http://www.rexswain.com/httpview.html
Prikazuje količinu i sadržaj prenesenih podataka kada se stranica učita.
http://www.websiteoptimization.com/services/analyze/
Provjerava preusmjeravanja, upotrebu kanonskog atributa, meta oznake, neke aspekte sigurnosti stranice. Pruža preporuke za poboljšanje učitavanja stranice.
http://www.seositecheckup.com
Provjera informacija o domeni i IP adresi
WHOIS usluga centra za registraciju domena RU centar. Daje informacije o IP adresama i domenama diljem svijeta. Ponekad se smrzne.
https://www.nic.ru/whois/?wi=1
Whois usluga RosNIIROS-a (RIPN). Pruža informacije za domene u RU zoni i IP adrese iz baze podataka RIPE (Europa).
http://www.ripn.net:8080/nic/whois/
Određuje gdje je domena hostirana i također prikazuje IP adresu stranice.
http://www.whoishhostingthis.com
Provjera je li IP adresa na crnoj listi za slanje e-pošte.
http://whatismyipaddress.com/blacklist-check
http://en.smart-ip.net/spam-check/
Provjera MX zapisa za domenu. Provjera SMTP poslužitelja za domenu. Provjera IP-a na crnim listama za slanje poštom.
https://mxtoolbox.com/
Pretraživanje registriranih zaštitnih znakova u SAD-u.
http://tmsearch.uspto.gov/
Provjera datoteka robots.txt
Provjerava dostupnost stranica web mjesta za indeksiranje od strane Yandex robota.
http://webmaster.yandex.ru/robots.xml
Provjerava ispravnost datoteke robots.txt.
https://www.websiteplanet.com/webtools/robots-txt
pregled mjesta
Praćenje dostupnosti stranice. Omogućuje vam besplatno povezivanje jedne stranice s minimalnim opcijama provjere.
http://www.siteuptime.com
Provjera brzine učitavanja web stranice. Šalje izvještaj e-poštom. Ima plaćene usluge za praćenje dostupnosti stranice.
http://webo.in
Provjera brzine učitavanja stranica web mjesta.
http://www.iwebtool.com/speed_test
Provjera indeksiranja i prikaza stranice od strane tražilica
Vidljivost stranice u tražilicama
Servis koji prikazuje ključne riječi za stranicu, za koju je u TOP 20 (top dvadeset) Google rezultata kroz vrijeme. Podaci o prometu pretraživanja i oglašavanja.
http://www.semrush.com/
Pozicija u TOP50 Yandex i Google. Naslov stranice i PR glavne stranice, prisutnost u važnim imenicima, vidljivost na vrhu za visokofrekventne upite.
http://pr-cy.ru/
Provjera zabrana i razine povjerenja u stranicu
Provjera povjerenja web stranice. Servis koji tvrdi da mjeri povjerenje za Yandex (ionako nitko ne može provjeriti :).
http://xtool.ru/
Provjera filtara preklapanja Panda i Penguin iz Googlea. Usluga vam omogućuje vizualno određivanje je li se stranica srušila na datume ažuriranja Pande i Penguina.
http://feinternational.com/website-penalty-indicator/
Provjera Page Ranka stranica web-mjesta (prilikom kopiranja URL-a u alat morate obrisati zadnje slovo i zatim ga ponovno napisati).
http://www.prchecker.net/
Provjera povijesti stranice
Prikazuje povijest razvoja stranice i omogućuje vam da vidite snimke zaslona starih stranica.
http://www.archive.org/web/web.php
Povijest pozicija stranice u Google TOP-u (ključne fraze, stranice, naslovi), PR indikatori, TIC, Alexa Rank, broj povratnih poveznica za popularne stranice.
http://SavedHistory.com
SEO dodaci za provjeru web stranica
SEO Doctor je dodatak za Firefox. Prikazuje poveznice na stranici i pruža prikladno sučelje za razne SEO usluge.
http://www.prelovac.com/vladimir/browser-addons/seo-doctor/
SeoQuake je dodatak za Firefox. Prikazuje najvažnije karakteristike stranice: TIC, PR, povratne veze, Alexa Rank. Radi s Google i Yandex rezultatima pretraživanja. Omogućuje brzu analizu konkurenata.
http://www.seoquake.com/
IEContextHTML je dodatak za Internet Explorer. Provjerava indeksiranje veza u Yandexu i Googleu, prikazuje popis vanjskih i unutarnjih veza, omogućuje vam uvoz podataka s web stranica.
O lokaciji ovisi vidljivost stranice u tražilicama
Ažurirani popis besplatnih proxy poslužitelja, uključujući ruske.
http://www.checker.freeproxy.ru/checker/last_checked_proxies.php
http://spys.ru/proxys/ru/
Anonimni besplatni proxy s mogućnošću predstavljanja iz tri zemlje. Radi s Google pretraživanjem.
https://hide.me/en/proxy
Google emulatori pretraživanja u različitim zemljama postavljanjem parametara pretraživanja.
http://searchlatte.com/
http://isearchfrom.com/
Provjera pozicija u Yandexu i Googleu
Usluga omogućuje dubinsku provjeru (do 500) položaja stranice po regijama u Yandexu.
Mrežna analiza stranice, provjera povratnih linkova
Analiza povratnih veza
Analizira masu poveznica na web mjestu, formira odjeljke prema različitim kriterijima: vrsta veze, sidra, stranice. Prikazuje težinu povratnih veza. Usluga je dostupna samo registriranim korisnicima.
http://ahrefs.com
Provjera povratnih veza na stranicu
Provjerava prisutnost povratnih veza na web mjesto na predloženom popisu URL-ova (do 100 stranica).
http://webmasters.ru/tools/tracker
Provjera popularnosti stranice na društvenim mrežama
PlusOneChecker
Prikazuje broj lajkova (plusone) na Google+. Možete odmah unijeti popis provjerenih URL-ova.
http://www.plusonechecker.net/
Facebook Graph API Explorer
SharedCount
Pokazuje popularnost na Twitteru, Google+, Facebooku, LinkedInu, Pinterestu, Deliciousu, StumbleUponu, Diggsu.
http://sharedcount.com
kul društveno
Prikazuje popularnost prve stranice stranice na Twitteru, Google+, Facebooku, Deliciousu, StumbleUponu. Za ruske stranice podaci su ponekad netočni.
http://www.coolsocial.net
društvena popularnost
Social Crawlytics
Skenira stranicu i generira izvješća o "dijeljenjima" glavnih stranih društvenih mreža za te stranice. Registrira korisnike putem twitter računa. Izvješća se mogu vidjeti već sljedeći dan.
https://socialcrawlytics.com
Provjeravam web mjesto na viruse
Dr. Web
Provjerava navedeni URL za sumnjivi kod, prikazuje učitane skripte i rezultate njihove provjere.
http://vms.drweb.com/online/
VirusTotal
Provjerava URL-ove na viruse s 30 skenera.
https://www.virustotal.com/#url
Uzbunjivač
Sustav zaštite stranice od virusa. Svakodnevno skenira datoteke stranice i šalje izvješće o njihovim promjenama e-poštom.
3,6 od 5
Bok svima!
Danas ćemo vidjeti kako možete testirati izvedbu svog JS koda i optimizirati ga u skladu s tim.
Prije nekoliko mjeseci napisao sam članak o tome, u kojem smo pogledali kako koristiti ovu konzolu. Danas ćemo koristiti metodu console.profile() i vidjeti kako se može koristiti za testiranje i zatim poboljšanje skripti.
Pješčanik
Prvo, napravimo mali HTML dokument koji će sadržavati nekoliko elemenata i kod koji ćemo testirati.
neki tekst
- Neki element s tekstom
Sam ćemo kod smjestiti između console.profile() i console.profileEnd() .
Provjera postojanja elementa
Često se događa da se iste skripte učitavaju za sve stranice web mjesta, odnosno ponekad možda nema potrebnih elemenata. Iako jQuery neće izvršiti kod za elemente koji ne postoje, ipak je dobra ideja provjeriti postojanje elementa. Razmotrimo dvije varijante koda i obratimo pozornost na vrijeme njihovog izvršenja. Prvi kod ne provjerava:
Konzola.profil();
$("#glavna stavka");
konzola.profileEnd();
Kao rezultat izvršavanja ovog koda, dobivamo sljedeću sliku u Firebug konzoli:
Drugi kod provjerava postoje li elementi na koje treba djelovati:
Konzola.profil() ;
var ele = $("#somethingThatisNotHere");
ako (ele) (
ele.text("Neki tekst").slideUp(300).addClass("uređivanje");
}
$("#glavna stavka");
konzola.profileEnd();
I ispisuje ovo na konzolu:
Kao rezultat toga, zaključujemo da je bolje provjeriti postojanje elementa - brzina izvršenja će biti veća. Ali to ne znači da trebate provjeriti sve redom: obično postoji glavni element grupe, bez kojeg sve ostalo ionako ne može biti. To je ono što treba provjeriti.
Učinkovito korištenje selektora
Najvjerojatnije ste pročitali moje. Ako ne, onda čitajte dalje. Tamo sam govorio o tome kako preglednici analiziraju selektore i koji selektori rade kojom brzinom. Ukratko, id selector radi najbrže, dok su univerzalni najsporiji.
Pa napravimo eksperiment. Napominjem da se brzina izvršavanja skripte može razlikovati na različitim računalima i preglednicima.
Prvo, pokušajmo odabrati elemente prema klasi:
Konzola.profil() ;
$(".odabrano");
konzola.profileEnd();
Konzola.profil() ;
$("li.odabrano");
konzola.profileEnd();
Rezultat 0,291ms - smanjeno za 0,027ms. Sada još malo pročistimo selektor: elementi koji su nam potrebni moraju biti unutar spremnika s id="someList" :
Konzola.profil() ;
$("#someList .odabrano");
konzola.profileEnd();
0,283 ms je malo poboljšanje. Pročistimo selektor s nazivom oznake:
Konzola.profil() ;
$("#someList li.selected");
konzola.profileEnd();
Dobio 0,275 ms. Odaberimo sada element izravno po ID-u radi interesa:
Konzola.profil() ;
$("#glavna stavka");
konzola.profileEnd();
0,165 ms je naš novi rekord. Sada mislim da je jasno kako najbolje napisati selektore.
Izbjegavanje suvišnih operacija
Ponekad u kodu mogu postojati konstrukcije poput:
// Neki kod
$(element).doSomething();
// Zatim još koda
$(element).doSomethingElse();
// I još koda
$(element).doMoreofSomethingElse();
Nikad to ne činite. Jedan element se uvijek iznova traži. Preskupo je u smislu izvedbe.
Uzmimo naš pješčanik i izvedimo sličan postupak u njemu:
Konzola.profil() ;
$("#glavna stavka").hide();
$("#mainItem").val("Bok");
$("#mainItem").html("Zdravo!");
$("#glavna stavka").show();
konzola.profileEnd();
Gornji kod se također može ulančati:
Konzola.profil();
$("#mainItem").hide().val("Bok").html("Bok!").show();
konzola.profileEnd();
Kada se koristi ulančavanje, element se zahtijeva jednom, a zatim se referenca na njega prosljeđuje metodama. Time se smanjuje vrijeme izvršenja.
Također možete spremiti element u predmemoriju i izvršiti radnje na onom koji je već predmemoriran:
Konzola.profil() ;
var elem = $("#mainItem");
elem.hide();
elem.val("Zdravo");
elem.html("Oh, zdravo!");
elem.show();
konzola.profileEnd();
Kao što možete vidjeti iz primjera, predmemoriranje i korištenje lanaca radnji smanjuje vrijeme izvršavanja skripti.
Pametna manipulacija DOM-om
Kao što znate, operacije s DOM-om (Document Object Model), kao što je dobivanje ili umetanje elemenata, vrlo su zahtjevne. Pogledajmo kako možemo ubrzati ove operacije.
Moderni trendovi i web aplikacije dramatično su promijenile mogućnosti programera. Nema sumnje da im treba neka vrsta IDE-a za kodiranje novih datoteka i njihovo spremanje za kasniji smještaj. Ali što ako samo provjerimo isječke koda? Srećom, danas postoji mnogo različitih alata za to!
U ovom ćemo članku govoriti o 15 web aplikacija za online testiranje koda. Svi rade uz uvjet internetske veze; neki od njih nude profesionalne planove za dodatni paket nekretnina. Većina njih bit će korisna kada pokušavate pronaći i otkloniti pogreške u dijelovima javascripta ili PHP-a.
1.Codepad
Stvorio Steven Hazel, jedinstvena je web aplikacija s kojom možete kodirati sintaktičke konstrukcije diljem weba. Osim otklanjanja pogrešaka, Codepad svojim korisnicima omogućuje kopiranje/lijepljenje važnih dijelova kodova i njihovo dijeljenje na mreži.
Izlazni zaslon prikazuje sve poruke o pogreškama koje se odnose na vaš kod. Pomoću gumba na lijevom izborniku možete promijeniti jezik (C/C++, Perl, PHP, Python, Ruby i više). Codepad je više za programere softvera koji trebaju surađivati i otklanjati pogreške u najproblematičnijim programima.
2. Napišite kod na mreži
Glavna web stranica preusmjerit će vas na njihov uređivač Java Scripta. Možete birati između JS, PHP i osnovnog URL kodiranja. Aplikacija nije samo sigurna i pouzdana, već je i vrlo jednostavna za korištenje.
Zanimljivo je da ćete rezultate rada vidjeti odmah ispod tekstualnog polja. Dakle, ako kliknete "pokreni kod", rezultat će se prikazati na ekranu. Otklanjanje pogrešaka u velikim PHP skriptama može biti teško jer zahtijeva uključivanje drugih datoteka.
Ipak, aplikacija će vam pružiti neizostavnu pomoć u testiranju snage nove ideje.
3.Tinkerbin
Lako mogu nazvati svoj omiljeni mrežni resurs za uređivanje koda. Podržava HTML5/CSS3/JS i prikazuje rezultat izravno na ekranu. Aplikacija je još uvijek u alpha razvoju, ali većina alata radi dobro i brzo pronalaze pogreške u programima.
Motor za renderiranje podržava jezike kao što su Coffeescript i Sass unutar CSS-a. Mogu se pohvaliti naprednim sustavom upravljanja i podrškom za mnoge brandove web dizajna koje biste radije koristili za daljnji rad.
Nemoguće je zanemariti činjenicu da postoje prečaci za najpopularnije opcije. A takva se funkcionalnost ne nalazi u svim web aplikacijama, a da ne spominjemo uređivače koda ugrađene u preglednik. Kada unesete nove oznake, IDE automatski umeće nove retke. Tinkerbin je front-end alat koji bi svakako trebao biti u vašem alatu za web razvoj.
4.JS spremnik
Početnicima rad sa sučeljem može izazvati određene poteškoće. Kako bi to izbjegli, mogu koristiti . JS Bin nudi veliki broj biblioteka za odabir - jQuery, jQuery UI, jQM Prototype, MooTools itd.
Ako kodirate različite elemente, projekti će se automatski spremiti. Osim toga, imate priliku preuzeti konačni rezultat svog rada ili spremiti izvor na mreži. Ovaj je sustav prikladniji za izvoz i spremanje vašeg koda nego uobičajeni predložak.
5.JsFiddle
Svatko tko je posjetio Stack Overflow trebao bi znati za . Njihovo se sučelje razlikuje od JSBin-a po tome što nude više opcija.
Također podržava biblioteke kao što su Prototype i jQuery. Štoviše, možete uključiti dodatne vanjske izvore u JS/CSS datoteke u bilo koji dokument koji testirate. Nevjerojatno, aplikacija čak podržava XHP Ajax, gdje možete proslijediti informacije s poslužitelja na klijentov prozor preglednika i obrnuto.
6.CSSDesk
Prelazak sa skripti na jezik stila i . Sve izgleda gotovo isto kao u prethodnim alatima: izvorni tekst je s lijeve strane, konačna web stranica je s desne strane. Ova web aplikacija izvrsna je za izradu predložaka web stranice i testiranje CSS3 svojstava.
7.Jsdo.It
Neke aplikacije su na japanskom, zbog čega mislim da su stvorene negdje u Aziji. Ono što mi se najviše sviđa kod njihovog sučelja je kako učitavaju datoteke koje su upravo stvorili i pohranjuju ih u projekt. Možete jednostavno pohraniti cijele izglede web stranica na mreži te im pristupati i uređivati ih s bilo kojeg računala.
8. Google Code Playground
Iznenadilo me koliko programera ne zna za postojanje . Dobivate potpuni pristup njihovom API-ju, au istom prozoru možete debugirati sve svoje kodove.
Kad govorim o API-jima, mislim na to da možete dobiti podatke iz Googleovih najvećih proizvoda: postova na Bloggeru, znamenitosti Google karata, pa čak i videozapisa na YouTubeu. Kada kliknete različite opcije, ažuriraju se i podaci u prozoru za pregled.
Savjetovao bih vam da ovaj alat zadržite samo kao resurs jer neće biti prikladan za sve što napišete. Međutim, Google je velika tvrtka s mnogo API-ja podataka izvornog koda. Ako vam ikada zatrebaju materijali s YouTubea ili Google tražilice, ovaj alat će vam sigurno dobro doći.
9.IDEOne
- još jedan alat za "duboko" programiranje i razvoj softvera. Njihov mrežni uređivač podržava isticanje sintakse za brojne važne jezike, uključujući Objective-C, Java, C#, VB.NET, SQL i druge. drugi
10.Viper7 Codepad
Ova web aplikacija, također poznata kao , nalazi se na web mjestu koje preusmjerava na isti mrežni urednik. Njihovi su alati postavljeni za otklanjanje pogrešaka PHP izlazne varijable, koja može varirati između PHP5 i PHP4, ovisno o vašem izboru.
Stvaranjem računa Codepad se može koristiti kao sustav za pohranu osobnih podataka. Ovdje, kao i u drugim mrežnim uređivačima, možete imenovati svaki PHP projekt i besplatno ga pohraniti na mreži. Ovaj uređivač koda razlikuje se po tome što korisnici ne moraju instalirati nikakav softver na svoje računalo. Tijekom tumačenja svake od skripti, urednik će predložiti dodatne meta-detalje kao što je pozivanje preglednika ili zaglavlja odgovora.
11.JSLint
Samo po sebi malo čudno, dok uređivač koda radi po potpuno standardnoj shemi.
Ponuđene opcije mogle bi vas zbuniti ako se prije niste susreli s ovakvim uzorkom. Ako imate skup specifičnih vještina, možete raditi s otvorenim kodom. Međutim, mnogi izvori čak ne podržavaju isticanje sintakse, što je propust s tako širokim rasponom opcija. Preporučio bih da se igrate ako imate slobodnog vremena, ali nema jamstva da će postati vaš omiljeni alat za otklanjanje pogrešaka u javascriptu.
12.SQL fiddle
Nešto ranije, pogledali smo web aplikaciju pod nazivom jsFiddle. Sada je vrijeme da razgovaramo o , koji radi na isti način, osim sintakse SQL baze podataka. Uspio sam pronaći pristojnu alternativu za testiranje koda baze podataka.
Sav izlaz iz vašeg SQL koda pojavit će se u tablici ispod uređivača. Možete napisati novi kod za primjenu podataka s desne strane i generiranje sheme s lijeve strane. Ova shema baze podataka je SQL kod koji možete spremiti da izvezete svoju trenutnu bazu podataka i ponovno instalirate sve na novi poslužitelj.
Ako niste upoznati s bazama podataka ili SQL jezikom, onda vam ova aplikacija vjerojatno neće biti od koristi. Ali za programere koji se žele upoznati sa SQL-om, ovaj je alat savršen!
13.Cloud9 IDE
Po mom mišljenju, to je najbolji uređivač izvornog koda dostupan na webu. Ovo nije samo uređivač, već cijeli sustav alata i resursa; možete pohraniti sva svoja spremišta izvornog koda na njihove poslužitelje.
Registracija je besplatna za sve projekte zajednice. Ako vam je potreban osobni prostor prije razvoja, onda će to koštati 15 USD mjesečno ili 180 USD godišnje. Privatna spremišta kodova možete dijeliti s kim god odaberete. Ova opcija programerima omogućuje suradnju na različitim projektima.
Svaki novi projekt pohranjuje se u podmapu u kojoj se mogu stvoriti stvarne fizičke datoteke. HTML, CSS, JS, PHP i sve što vam je potrebno za kodiranje bit će na vašem računu. S vremenom ćete te datoteke moći poslati kao cijeli projekt ili ih preuzeti na svoje računalo.
Spektar mogućnosti koje nudi Cloud9 vrlo je širok. Preporučam 10-15 minuta da pogledate uokolo na besplatnom računu i odmah ćete se zaljubiti u način rada korisničkog sučelja. Tvrtka nastavlja dobivati na zamahu, pa se nadam da ću u sljedećih nekoliko godina dodati nove korisne opcije.
14.CodeRun
je mrežni uređivač za bilo koju dinamičku web aplikaciju. Uređivač teksta vrlo je sličan Microsoft Visual Studiju; možete čak i kodirati u C# za ASP.NET. Njihove knjižnice uključuju resurse trećih strana kao što su Facebook Connect i Silverlight.
Uz Microsoftove web aplikacije, možete kodirati izravno u javascript ili PHP. Kako CodeRun radi ne razlikuje se puno od Visual Studija: stvaranje novog projekta web stranice i rad na pojedinačnim datotekama. Na dnu zaslona nalaze se alati za otklanjanje pogrešaka i rezultati iz prozora konzole.
Nezamjenjiv ako imate iskustva s Visual Studiom. Sučelje je gotovo isto i možete čak preuzeti/uploadati projektne datoteke na svoje računalo. Ovo je još jedan alat koji iskusni web programeri mogu uzeti u obzir.
15. Sastavljač
Predložak je vrlo sličan predlošku Windows aplikacija. Možete raditi s otvorenim dokumentima i uređivati datoteke u pokretu. Međutim, prije nego počnete stvarati nove projekte, morat ćete se registrirati.
Budući da izgled stranice podsjeća na običnu desktop aplikaciju, dovoljno je jednostavan za rad čak i početnicima. Alati podržavaju tehnike programiranja kao što su C++, C# i Visual Basic. Sve u svemu, Compilr bi trebao biti rezervna aplikacija za testiranje i otklanjanje pogrešaka izvornog koda.
Konačno
Broj povezanih računala raste, što programerima olakšava zajednički rad u pregledniku. Nove tehnologije se pojavljuju unutar lokalnih aplikacija, a tko zna dokle će to ići.
Nadam se da vas je zbirka alata za testiranje koda u ovom članku natjerala na razmišljanje o suvremenom razvojnom prostoru. U današnje vrijeme ne košta ništa sastaviti HTML/CSS web projekt u nekoliko minuta i dobiti mali demo video. Imajte na umu da su ovi alati tu samo da vam pomognu kroz proces stvaranja konačnog proizvoda.
Koliko god se činilo čudno, još uvijek postoje korisnici koji onemogući JavaScript. I većina webmasteri samo ih "zakolju", međutim, ponekad želite dati savjet tako da korisnik ima omogućen JavaScript. A evo kako to učiniti provjerite: "JavaScript je omogućen", a ako ne, onda prikažite redak s upitom da ga uključite, reći ću vam u ovom članku.
Donji kod mora biti postavljen unutar oznake tijelo:
Dopustite mi da malo objasnim ovaj kod. Ako korisnik ima JavaScript omogućen, zatim metoda pisati() radit će i ispisati niz. Ako JavaScript onemogućen, zatim cijelu oznaku skripta bit će zanemaren. Međutim, ide dalje noscript oznaka. Ova oznaka sadrži elemente koji prikazat će preglednik, Ako JavaScript onemogućen. To je sadržaj noscript oznake prikazuje se kada je JavaScript onemogućen, a kada je omogućeno, korisnik bez scenarija ne vidi.
Na tako jednostavan način, Webmasteričesto pišem: Omogućite JavaScript“, ili prikazati neke lijepe slike sa sličnim zahtjevom, ili nešto drugo, jer unutra noscript oznaka možete staviti bilo koji HTML oznake. A sada stečeno znanje možete primijeniti na svojoj stranici, jer nije tajna da sada nije tako lako pronaći stranicu koja ne bi koristila JavaScript.
