Stvari koje treba naučiti za razvoj modernih web aplikacija.

27.05.2019 Programi

S tim u vezi postavlja se pitanje – što još trebate znati?

Ionako vam treba backend.

Ako sam dobro razumio, Angular, Vue i drugi okviri su samo frontend.

Sve je točno.

Gdje god krenete, svugdje se govori o web razvoju kao o razvoju frontenda, a to je sigurno povezano s Node.jsom (da biste nešto napisali u angularu, bez toga nema šanse). Kako je frontend povezan s Node.js - ne razumijem, jer Node.js je u biti način za pokretanje JS-a izvan preglednika.

Najvjerojatnije čitate članke o frontendu, pa u njima nema ništa o backendu. Kao što znate, frontend je napisan u JS-u i mnogi su očarani činjenicom da možete podići NodeJS na backendu i koristeći jedan jezik izraditi web stranice.

Ako želim pokrenuti svoju aplikaciju u pregledniku, zašto mi je onda potreban čvor? Sve me to dovodi u omamljenost, vidim samo kontradiktornosti.

Nemojte se zbuniti. Postoje tehnologije koje se koriste u procesu raditi aplikacije i postoje tehnologije koje se koriste u procesu razvoj aplikacije. Svi ovi Gulp, Grunt, Babel, Webpack i drugi su razvojni alati. Ubrzavaju, pojednostavljuju, poboljšavaju kvalitetu rada. U to vrijeme jQuery, Angular, React su biblioteke i okviri s kojima će aplikacija raditi.

Ako su prijašnje stranice stvorene pomoću nekoliko tehnologija, tada moderne aplikacije mogu koristiti desetke, pa čak i stotine potonjih. Štoviše, to mogu biti različiti programski jezici, knjižnice, okviri, usluge itd. Sve se to često naziva "zoološkim vrtom" tehnologije.

Ovdje mogu samo pretpostaviti da bi poslužitelj umjesto html-a trebao razmjenjivati podatke s aplikacijom koristeći json ili nešto drugo.

Da, JSON je najčešći. Potreban vam je pozadinski okvir u kojem možete implementirati REST API-je. Koliko ja znam, većina modernih okvira modernih programskih jezika koji se koriste za web razvoj to mogu učiniti. Ne mogu sa sigurnošću reći, radim u okviru jednog jezika.

Uostalom, poslužitelj je okosnica svake mrežne aplikacije, a prije svega morate razviti poslužiteljsku stranu.

Definitivno. Moderne aplikacije za jednu stranicu (SPA) sastoje se od dva odvojena dijela - front-end i back-end. Mogu ih izraditi potpuno odvojeno različiti programeri, glavna stvar je dogovoriti se o formatu prijenosa podataka i svim nijansama.

Ljepota SPA je u razdvajanju ovih dijelova. Bilo koji od njih može se zamijeniti drugim bez posebnih posljedica. Jedna pozadina može posluživati web stranice, mobilne aplikacije, pružati pristup podacima za partnerske aplikacije trećih strana, sve kroz jedan API.

Što još trebate naučiti? Ili je nabrojano znanje dovoljno?

Mislim da to nije dovoljno. Precizno ćete definirati zadatke koje vaš projekt treba riješiti i za njih odabrati tehnologije. Trebate se fokusirati na jednu stvar, nećete moći proučavati sve moderno, neće biti dovoljno vremena.

Je li moguće ne koristiti Node.js, a time i npm ako je JS (TS) potreban samo u pregledniku? U ovom slučaju potrebno je i testiranje.

Da, prilično je. Na strani klijenta, na primjer JS + Angular. A na pozadinskoj strani, na primjer, PHP + Laravel. Sada postoji puno jezika i još više okvira za njih. Odaberite ono što vam je lakše.

Ovaj je članak prvenstveno namijenjen korisnicima interneta; cilj mu je istaknuti neke od današnjih internetskih tehnologija sa stajališta njihova potrošača. Međutim, kao što pokazuje praksa, znanje o takvim pitanjima također je potrebno za neke programere početnike.

Prije 10-15 godina većina web stranica bila je zbirka statičnih HTML stranica. Danas se još uvijek nalaze ovakve stranice — često su tako dizajnirane male osobne web stranice, kao i stranice malih tvrtki koje ne traže ništa osim relativno male količine informacija koje se rijetko mijenjaju. Napominjemo, međutim, da su se u procesu transformacije interneta iz skupa informacijskih resursa u alat za poslovanje značajno promijenile tehnologije izrade web stranica – većina web stranica velikih tvrtki je skup aplikacija koje imaju interaktivnost, alati za personalizaciju, sredstva interakcije s kupcima (do prihvaćanja narudžbi i plaćanja) i partnerima, a često i putem integracije s "internim" korporativnim aplikacijama tvrtke. Alati za izradu takvih web stranica bit će malo detaljnije opisani u članku "Proizvodi za izradu korporativnih internetskih rješenja" u ovom broju časopisa. U ovom članku samo ćemo ukratko istaknuti tehnologije koje su u osnovi modernih web aplikacija. Korisnik koji se bavi web aplikacijama (a odnedavno i web uslugama) s njima komunicira putem internetskih klijenata (najčešće preglednika, ali ne samo njih – postoje i druge vrste klijentskih aplikacija, na primjer, chat klijenti)... Stoga je prikladno govoriti odvojeno o tome što se može koristiti u klijentskim aplikacijama i što se može koristiti na web poslužiteljima.

Tehnologije koje se koriste u web klijentima

Jedan smjer u kojem su se razvijale web aplikacije bio je postavljanje dijela logike aplikacije (kao što je provjera valjanosti ulaznih podataka) u sam web klijent, kao što je web preglednik. Konkretno, moderni web-preglednici su sposobni tumačiti kod skriptnog jezika, izvršavati Java applete i ActiveX kontrole i koristiti druge dodatke kao što je Macromedia Flash Player. Pogledajmo pobliže sve ove mogućnosti preglednika.

Skriptni jezici

Većina modernih web preglednika sposobna je interpretirati kod u skriptnim jezicima kao što su VBScript i JavaScript. Kôd na tim jezicima ugrađen je u web stranicu i tumači ga preglednik. Tipičan primjer korištenja skriptnih jezika je provjera ispravnosti podataka koje je korisnik unio u odgovarajuća polja HTML obrasca, izravno tijekom ili nakon procesa unosa, bez pristupa web poslužitelju. Slični primjeri korištenja skriptnih jezika mogu se pronaći prilikom ispunjavanja nekih upitnika i primanja poruka da tražena polja nisu popunjena (pravedno radi, napominjemo da nisu svi upitnici implementirani na ovaj način).

Međutim, postoje i drugi primjeri upotrebe skriptnih jezika koji provode i čisto dizajnerske ideje, na primjer, gumbi koji mijenjaju izgled kada se pokazivač pređe preko njih, "puzajuće linije" i druge funkcionalnosti, na primjer, ugrađene na web stranicama znači upućivanje na tražilice, dijaloške okvire za prikaz, kontrolu nad drugim objektima ugrađenim u web stranicu (na primjer, Java apleti ili ActiveX kontrole, o čemu će biti riječi u nastavku).

Imajte na umu da kod kreiran korištenjem skriptnih jezika ne može raditi sam - izvršava se u adresnom prostoru preglednika. Osim toga, skriptni jezici sadrže ograničen skup alata (na primjer, nemaju alate za pristup datotečnom sustavu).

Java apleti

Gotovo svi moderni preglednici sposobni su prikazivati i izvršavati Java applete, posebne Java aplikacije koje korisnik prima kao dio web stranice. Te su aplikacije često uključene u web stranice kako bi dodale funkcionalnost koju je teško ili nemoguće implementirati korištenjem skriptnih jezika. Apleti se mogu izvoditi na svim platformama za koje je dostupan Java Virtual Machine.

Apleti se obično stvaraju prema pravilima koja određuju njihovo razdoblje života i način interakcije sa svojim okruženjem. Najčešće su ove metode vrlo ograničene (na primjer, operacije poput čitanja i pisanja datoteka su prema zadanim postavkama zabranjene za apleta; ako su takve operacije potrebne, dopuštenja za njihovo izvršavanje za određene applete i određene datoteke opisana su na klijentskom računalu; mreža pristup iz apleta moguć je samo na računalo s kojeg je učitan; pokretanje drugih aplikacija na korisničkom računalu iz apleta je nemoguće). Međutim, aplet može čitati vrijednosti parametara (na primjer, boje, fontove, datoteke sa grafičkim slikama koje se koriste prilikom izvršavanja appleta) s web stranice koja ga sadrži i mijenjati svoje ponašanje u skladu s tim parametrima. Osim toga, parametri appleta mogu se dinamički mijenjati iz koda u skript jezicima koji se nalaze na istoj stranici.

Imajte na umu da budući da apleti implementiraju izvršavanje koda na klijentskom stroju, oni su u određenoj mjeri potencijalno štetan sadržaj. Zato svi moderni preglednici imaju na raspolaganju alate za ograničavanje mogućnosti pokretanja apleta.

ActiveX kontrole

Neki od modernih preglednika (posebno Microsoft Internet Explorer) mogu poslužiti kao spremnici za ActiveX kontrole - posebne COM poslužitelje koji rade u adresnom prostoru preglednika i također se primaju kao dio web stranice.

Koristeći ActiveX kontrole, kao i korištenje Java apleta, možete implementirati bilo koju funkcionalnost, uključujući i one nepovoljne za računalo korisnika, dok, za razliku od Java appleta, pri izvršavanju ActiveX kontrola općenito nema ograničenja u pristupu datotekama i drugim resursima operativnog sustava i mreže, a kod sadržan u njima se izvršava u ime korisnika koji ih je učitao. Poput Java appleta, ActiveX kontrole mogu čitati svoja svojstva sa stranice koja ih sadrži; osim toga, svojstva ActiveX kontrole mogu se dinamički mijenjati iz koda skriptnog jezika koji se nalazi na istoj stranici; isti kod može rukovati događajima koji se događaju na takvim kontrolama.

Nadalje, trebamo se prisjetiti banalne istine, koja, kako praksa pokazuje, nije očita svim našim čitateljima. Kada radite s ActiveX kontrolama i Java programima, apsolutno je beskorisno oslanjati se na antivirusni softver (nije važno je li klijent ili poslužitelj): te aplikacije obično ne sadrže. Možete spriječiti samo preuzimanje ili izvršavanje odgovarajućeg koda, bilo na razini postavki preglednika, bilo na razini korporativnog ili osobnog vatrozida.

Macromedia Flash aplikacije

Macromedia Flash aplikacije danas su najpopularnija proširenja funkcionalnosti web preglednika - koriste ih mnogi web dizajneri kako bi svojim stranicama dali interaktivnost i originalnost.

Sigurnosni model Flash aplikacije temelji se na činjenici da Macromedia Flash Player, poput Java virtualnog stroja, pokreće aplikacije u ograničenom adresnom prostoru, dok pokrenute aplikacije nemaju pristup datotečnom sustavu (osim jednom specifičnom direktoriju koji koristi Macromedia Flash Player za poslovne svrhe) i drugi resursi računala korisnika; iznimka je napravljena za mikrofone i video kamere, ali korisnik mora dati dopuštenje za prijenos podataka primljenih s tih uređaja. Pristup mrežnim resursima ograničen je na domenu s koje je aplikacija dobivena. Imajte na umu da se Flash aplikacijama također može kontrolirati pomoću JavaScripta na istoj stranici. Sam Macromedia Flash Player za Microsoft Internet Explorer je ActiveX kontrola i koristi moć ActiveX kontrola za pristup svojstvima Flash aplikacija iz skriptnih jezika.

Imajte na umu da osim gore navedenih najpopularnijih alata za proširenje funkcionalnosti preglednika, postoji niz drugih alata koji se obično implementiraju u obliku tzv. dodataka. Budući da su dodaci također izvršni kod, moderni preglednici imaju način da ograniče što mogu učiniti da ih učitaju i izvedu.

Zaključno, napominjemo da se navedeni alati za proširenje funkcionalnosti HTML stranica mogu koristiti i na dinamičkim stranicama koje generiraju poslužiteljske web aplikacije. Na primjer, posljednjih su godina široko rasprostranjeni alati za izradu web-aplikacija koje se pokreću pod kontrolom web-poslužitelja i generiraju dinamičke HTML stranice s ugrađenim kodom skriptnog jezika namijenjenog tumačenju u pregledniku.

Tehnologije za izradu dijelova web-aplikacija na strani poslužitelja

Kao što smo već vidjeli, mogućnosti vezane uz izvršavanje koda u web klijentima mogu biti značajno ograničene i tehnološki i kroz administrativne i korisničke postavke. To je općenito u skladu s razumnim sigurnosnim zahtjevima. Zato su se, uz razvoj alata za proširenje funkcionalnosti preglednika, razvile tehnologije vezane uz izvršavanje koda aplikacije ne u preglednicima, već na samim web poslužiteljima. U nastavku ćemo vrlo ukratko pogledati one najčešće.

CGI

Common Gateway Interface (CGI) je standardno sučelje koje omogućuje pokretanje aplikacija na strani poslužitelja koje se pozivaju putem URL-ova. Ulazne informacije za takve aplikacije su sadržaj HTTP zaglavlja ili tijelo zahtjeva, ovisno o korištenom protokolu. CGI aplikacije generiraju HTML kod koji se vraća pregledniku. Imajte na umu da je svojedobno bio široko korišten i izraz "CGI skripta", čije se porijeklo objašnjava činjenicom da su takve aplikacije napisane u skriptnim jezicima kao što je Perl, koji se ipak ne izvode u pregledniku, ali na serveru. Možete kreirati CGI aplikacije koristeći gotovo svaki razvojni alat koji generira konzolne aplikacije za operativni sustav koji pokreće web poslužitelj.

Glavni problem sa svim CGI aplikacijama je taj što sa svakim zahtjevom klijenta poslužitelj učitava ovu aplikaciju u zaseban adresni prostor, a zatim pokreće njeno izvršavanje i istovar. Ova značajka ograničava performanse aplikacije i mogućnost istodobnog rukovanja velikim brojem zahtjeva klijenata.

ISAPI i Apache DSO

Usko grlo u izvedbi za web aplikacije koje se pokreću u zasebnom adresnom prostoru može se riješiti stvaranjem aplikacije kao biblioteke koja se učitava u adresni prostor web poslužitelja i ostaje tamo ako je potrebno za obradu naknadnih zahtjeva drugih klijenata; naravno, u ovom slučaju, web poslužitelj mora podržavati učitavanje takvih knjižnica. Takve aplikacije za Microsoft Internet Information Servise nazivaju se ISAPI (Internet Server Application Program Interface), a za vrlo popularni Apache web poslužitelj takve se biblioteke nazivaju Apache DSO (Dynamic Shared Objects). Međutim, imajte na umu da je pri izradi i CGI i ISAPI aplikacija bilo prilično teško odvojiti zadatke web dizajna od zadataka koji se odnose na implementaciju funkcionalnosti i logike aplikacije – takve aplikacije generiraju cijele web stranice, tako da svi podaci povezani s dizajnom ovih stranica općenito treba biti sadržana unutar izvršne datoteke.

ASP, JSP, PHP

Sljedeći korak u razvoju tehnologija za izradu internetskih aplikacija je pojava alata koji vam omogućuju da odvojite zadatke web dizajna od zadataka povezanih s implementacijom funkcionalnosti aplikacija. Prva od ovih tehnologija bila je Active Server Pages (ASP), izgrađena na temelju ISAPI filtera. Osnovna ideja ASP-a je stvaranje web stranica s isječcima skriptnog jezika koji su ugrađeni u njih. Međutim, za razliku od gornjih alata za korištenje skriptnih jezika za proširenje funkcionalnosti preglednika, ove fragmente koda ne tumači preglednik, već poslužitelj (točnije, ISAPI biblioteka namijenjena za to), a rezultat izvršavanje ovih fragmenata koda zamjenjuje sam fragment koda u toj verziji stranice koja se prosljeđuje korisnikovu pregledniku. Ubrzo nakon ASP-a pojavile su se druge tehnologije koje su implementirale ideju postavljanja koda unutar web stranice za izvršavanje web poslužitelja. Najpoznatija od njih danas je JSP (Java Server Pages) tehnologija, čija je glavna ideja jednokratna kompilacija Java koda (servleta) kada mu se prvi put pristupi, izvršavanje metoda ovog servleta i postavljanje rezultata izvršenja ovih metoda u skup podataka koji se šalje pregledniku. Još jedna popularna tehnologija ovog tipa je PHP (Personal Home Pages), koja koristi CGI aplikacije koje tumače kod skripte ugrađen u HTML stranicu.

ASP .NET

Najnovija verzija tehnologije Active Server Pages je ASP .NET, koja je temeljna arhitektura Microsoft .NET Frameworka. Glavna razlika između ove tehnologije i ASP-a u smislu arhitekture aplikacije je u tome što se kod prisutan na web stranici ne interpretira, već kompajlira i sprema, što prirodno poboljšava performanse aplikacije.

Koristeći ASP .NET, možete kreirati web aplikacije i web usluge koje ne samo da vam omogućuju implementaciju dinamičkog generiranja HTML stranica, već se i integriraju s komponentama poslužitelja i mogu se koristiti za rješavanje širokog spektra poslovnih problema s kojima se susreću programeri modernog weba. aplikacije....

Općenito, klijent web poslužitelja može biti ne samo osobno računalo opremljeno konvencionalnim web klijentima (na primjer, web preglednik), već i mobilni uređaji koje karakterizira ograničena veličina zaslona, malo memorije i često nemogućnost prikaza grafika. Ovi uređaji imaju svoje protokole za prijenos podataka (Wireless Access Protocol, WAP) i odgovarajuće označne jezike (WML, Wireless MarkupLanguage, SHTML, Compact HTML, itd.). U tom slučaju potrebno je prenijeti podatke na mobilni uređaj u odgovarajućem formatu, za što se često izrađuju posebne stranice (na primjer, podržavaju WAP i WML). Čini se prikladnijim za stvaranje aplikacija koje mogu generirati jedan ili drugi kod ovisno o vrsti klijenta. Upravo je to pristup implementiran u Microsoft ASP .NET.

Nekoliko riječi o poslužiteljima aplikacija

Kako se količina korištenih podataka i broj posjetitelja web stranica povećavaju, tako se povećavaju i zahtjevi za pouzdanost, performanse i skalabilnost web aplikacija. Kako bi se ispunili ti zahtjevi, poslovna logika implementirana u web aplikaciji, kao i usluge obrade podataka i transakcija, odvajaju se od sučelja aplikacije i prenose na poslužitelj aplikacija kao poslovni objekti. Aplikacijski poslužitelji i povezani poslovni objekti mogu biti različitih tipova (najčešći su danas poslužitelji koji podržavaju specifikaciju Java2 Enterprise Edition i poslužitelji koji se temelje na COM i Microsoft .NET tehnologijama). Međutim, razmatranje aplikacijskih poslužitelja je izvan dosega ovog članka...

Imajte na umu da poslovni objekti često pružaju pristup podacima iz korporativnih informacijskih sustava ili implementiraju neki dio svoje funkcionalnosti integracijom web aplikacija s drugim aplikacijama koje se koriste u poduzeću.

Web usluge

Kada govorimo o web tehnologijama na strani poslužitelja, ne možemo zanemariti onu važnu kao što su XML web usluge. XML web-usluge sada često imaju zadatak rješavanja mnogih zadataka povezanih s integracijom aplikacija, uključujući one stvorene na različitim platformama. Web usluge možete kreirati kao izvršne datoteke, kao knjižnice i kao interpretirani kod; postoje i načini predstavljanja poslovnih objekata kao web usluga. Metode web usluga mogu se pozvati iz uobičajenih aplikacija, web aplikacija i drugih web usluga, a uz rijetke iznimke, krajnji korisnici ne rade izravno s web uslugama. Međutim, nedavno je došlo do masovne pojave aplikacija koje koriste web usluge, uključujući aplikacije namijenjene krajnjim korisnicima.

Zaključak

U ovom članku raspravljali smo o najpopularnijim tehnologijama koje se koriste u izradi web aplikacija, a to su: proširenja preglednika kao što su skriptni jezici, ActiveX kontrole, Java apleti i Macromedia Flash aplikacije, kao i tehnologije za izradu web aplikacija na strani poslužitelja, kao što je CGI , ISAPI, ASP, JSP, PHP, ASP .NET.

Pročitajte u potpunosti

Naučite moćne nove pristupe web arhitekturi i dizajnu web stranice na temelju iskustva. Knjiga pruža pragmatičan pristup planiranju, dizajnu i razvoju dinamičkih web aplikacija usmjeren na rješavanje problema i korisnika. Naučit ćete kako izvući maksimum iz dizajna vođenog domenom, identificirati optimalnu arhitekturu podrške i svladati moderne pristupe dizajnu koji se temelje na iskustvu. Autor razmatra odabir i implementaciju specifičnih tehnologija, kao i glavne teme vezane uz iskustvo interakcije, uključujući dizajn mobilnih web aplikacija i responsive dizajn. Naučit ćete kako izvući maksimum iz Microsoftovih tehnologija kao što su ASP.NET MVC i SignaIR u kombinaciji s drugim tehnologijama kao što su Bootstrap, AJAX, JSON i JQuery. Iskorištavanjem ovih tehnologija i svladavanjem nove platforme ASP.NET Core 1.0 možete brzo razviti složene web aplikacije koje rješavaju izazove dana i pružaju izvrsno korisničko iskustvo.
Dino Esposito, višestruki Microsoft najvredniji profesionalac, uči vas:
- dizajnirati web stranice i web aplikacije koje odražavaju stvarne društvene i poslovne procese;
- koristiti tehnike dizajna specifične za područje za analizu i smanjenje složenosti predmetnih područja;
- koristiti dizajn orijentiran na iskustvo za smanjenje troškova i zadovoljavanje zahtjeva korisnika;
- Realno usporediti serverske i klijentske web paradigme;
- osnove nove ASP.NET Core 1.0 platforme;
- Pojednostavite razvoj modernih web stranica koristeći Bootstrap framework;
- praktične i učinkovite tehnike za implementaciju ASP.NET MVC projekata;
- uzeti u obzir nove mogućnosti implementacije mehanizama pohrane i rada s modelima podataka;
- razumjeti prednosti, nedostatke i kompromise responzivnog web dizajna;
- izradite uistinu mobilne i mobilno optimizirane web stranice.

Sakriti

Aplikacije za web dizajn promijenile su način na koji dizajneri razvijaju web stranice već dugo vremena. Korištenje modernih alata čini stvari mnogo lakšim i bržim, na primjer ako koristite aplikacije i makronaredbe za automatsko dovršavanje. Danas dizajneri koji više vole vizualno dizajnirati mogu koristiti neke od ovih aplikacija za izradu dizajna koji se mogu pretvoriti u kod koji se zatim može prikvačiti na mreži.

Činjenica je da većina platformi za web razvoj ovih dana znatno olakšava profesionalcima razvoj svojih web stranica. Na primjer, ako ste izvan dometa internetske veze i želite nastaviti raditi na svom projektu, ove aplikacije će vam u tome puno pomoći.

Postoji mnogo sjajnih aplikacija za razvoj weba, a ovdje su neke od najboljih koje biste mogli upotrijebiti.

Ovo je aplikacija koja vam može pomoći u izradi vlastitih profesionalnih standardnih web stranica u nekoliko minuta. Ovo je najbolja aplikacija koju biste trebali uzeti u obzir ako tražite alat za web razvoj koji će učiniti sve umjesto vas, pogotovo ako ste korisnik Windowsa. Postoje dvije verzije, besplatna i premium (plaćena), no obje su jednako impresivne. Aplikacija kombinira WYSIWYG dizajn i kodiranje, dajući vam alat koji ne samo da radi vrlo brzo, već ga je i vrlo lako naučiti. Besplatnoj verziji možda nedostaju neke od značajki koje ima plaćena verzija, ali to je još uvijek nevjerojatna aplikacija koja zaslužuje vašu pozornost.

To je najbolja aplikacija za korištenje, responzivna web-mjesta koja će također izgledati estetski ugodno na jednostavnim računalima i mobilnim uređajima. Uz Mobirise, izrada web stranice može biti jako zabavna. Alat dolazi s raznim okvirima koje web programeri mogu odabrati i povući na mjesto gdje ih žele postaviti, a zatim promijeniti zadane postavke kako bi odgovarale svojim potrebama.

To je svestrani uređivač teksta koji dolazi s mnogim sjajnim alatima za web programere. Možda nije najbolji, ali je svakako dobar. To je Windows sučelje koje nudi izvrstan uređivač programiranja koji uključuje predloške za najčešće programske jezike kao što su HTML, VBScript, FTP klijent, PHP.

Vrlo prilagodljiva aplikacija za razvoj weba koju biste trebali uzeti u obzir kao jedan od alata za svoje projekte. Postoji besplatna verzija s ograničenim značajkama koje možete koristiti i plaćena verzija koja vam nudi punu funkcionalnost koju možete koristiti u svom web razvoju. TOWeb je aplikacija vrlo jednostavna za korištenje koja sadrži nevjerojatne predloške koji se mogu prilagoditi vašim željama. Kao i prethodni alat, TOWeb podržava mnoge programske jezike.

Ovo je najbolja aplikacija koju možete koristiti ako želite stvoriti sjajne animacije za svoje web stranice. Najčešće ga koriste dizajneri izravno uključeni u animaciju i oglašavanje, pa ako ste upravo vi dizajner koji kreira animirane elemente za korištenje u drugim programima koji mogu biti dostupni na svim platformama, onda je ovo aplikacija za vas. Postoji niz komponenti koje će vam se svidjeti u ovoj aplikaciji, uključujući integraciju Google diska, događaje, 3D objekte, slojeve i još mnogo toga.

Vrlo jednostavan uređivač povuci i ispusti, najprikladniji za početnike koji razvijaju svoje prve web stranice. Ova aplikacija dolazi s besplatnim hostingom i neograničenim brojem stranica, među svim ostalim sjajnim značajkama. Ako želite napraviti fantastičnu web stranicu bez trošenja previše vremena na njeno kreiranje, onda će vam ovaj program dobro doći.

Sjajna aplikacija koju možete početi koristiti odmah. Alat se temelji na Firefoxu i nudi moderan pristup izgradnji sjajnih web stranica. Ima izvanredne značajke i iako većina njih zahtijeva kupnju licence za korištenje, postoje neke koje vam se nude besplatno, iako ograničene u upotrebi.

Ovo je web aplikacija koja je izvrsna za web razvoj, no zbog svoje složenosti nije baš prikladna za početnike. Međutim, iako alat nije tako jednostavan za korištenje, nudi ogromne mogućnosti za one s nekim prethodnim iskustvom u web razvoju.

Uređivač teksta koji je namijenjen samo najnaprednijim web programerima. Činjenica da se radi o tekstualnom alatu čini ga neu potpunosti prikladnim za početnike, ali ako imate malo iskustva u kodiranju onda je ovo aplikacija vrijedna razmatranja za projekte web razvoja. Mali je i lagan, a možete ga čak i nositi na USB sticku. SynWrite je potpuno opremljen alat, sa snimanjem makronaredbi, poviješću međuspremnika, dodacima, tonom pomoći za kodiranje, pregledima i paletama. Također omogućuje programerima da pretražuju i zamjenjuju više datoteka, kao i predloške koda. Ovo je vjerojatno najbolja aplikacija za korištenje tijekom cijelog projekta - od kreiranja izgleda do pisanja koda.

To je elegantna aplikacija za razvoj weba koja vam može pomoći u izradi sjajnih, estetski ugodnih web stranica. Online aplikacija koja nudi sjajne značajke ako ih platite, što znači da možete očekivati malo više značajki ako ste voljni odvojiti se od nekoliko dodatnih dolara. Postoji i besplatna verzija, ali nema toliko značajki kao plaćena verzija.

Aplikacije za razvoj weba osmišljene su kako bi vam olakšale posao pružanjem nekih značajki i alata koji će vam biti potrebni kao programeru. Vaš izbor bi trebao ovisiti o značajkama koje tražite i vrsti web stranice koju želite izraditi.

U posljednje vrijeme uglavnom se odnosi na UX i performanse.

Želim predstaviti 7 djelotvornih načela za web stranice koje žele koristiti JavaScript za kontrolu svog korisničkog sučelja. Ova načela rezultat su mog rada kao web dizajnera, ali i dugogodišnjeg korisnika WWW-a.

JavaScript je nedvojbeno postao nezamjenjiv alat za front-end programere. Sada se njegov opseg širi na druga područja kao što su poslužitelji i mikrokontroleri. Ovaj programski jezik odabrala su prestižna sveučilišta za podučavanje studenata osnovama računalnih znanosti.

Istodobno, postoji niz pitanja u vezi s njegovom ulogom i specifičnom uporabom, na koja je mnogima teško odgovoriti, uključujući i autore okvira i knjižnica.

Treba li se JavaScript koristiti kao zamjena za funkcije preglednika: povijest, navigaciju, renderiranje?
Umire li backend? Trebam li uopće generirati HTML?
Je li istina da su jednostrane aplikacije (SPA) budućnost?
Treba li JS generirati stranice na web stranici i generirati stranice na web aplikacijama?
Trebam li koristiti tehnike kao što su PJAX ili TurboLinks?
Koja je točna razlika između web stranice i web aplikacije? Treba li ostati nešto?

Slijedit će moji pokušaji da odgovorim na ova pitanja. Pokušao sam istražiti kako koristiti JavaScript iz perspektive korisnika (UX). Posebno je posebnu pozornost posvetio ideji minimiziranja vremena koje je potrebno korisniku da dobije podatke od interesa. Počevši od osnova mrežnih tehnologija i završavajući predviđanjem budućeg ponašanja korisnika.

1. Renderiranje stranica na poslužitelju nije obavezno

tl; DR: renderiranje na poslužitelju nije za SEO, već za performanse. Uzmite u obzir dodatne zahtjeve za skripte, stilove i naknadne API zahtjeve. U budućnosti razmislite o korištenju metode HTTP 2.0 Push.

Prije svega, prisiljen sam skrenuti pozornost na uobičajenu pogrešku odvajanja "aplikacija koje se prikazuju na poslužitelju" i "aplikacije na jednoj stranici". Ako želimo postići najbolje korisničko iskustvo, onda se ne bismo trebali ograničavati na takav okvir i napuštati jednu alternativu u korist druge.

Razlozi su sasvim očiti. Stranice se prenose putem interneta, koji ima fizička ograničenja, kao što je Stuart Cheshire slavno ilustrirao u svom poznatom eseju "To je latencija, budalo":

Udaljenost između Stanforda i Bostona je 4320 km.
Brzina svjetlosti u vakuumu je 300 x 10 ^ 6 m/s.
Brzina svjetlosti u optičkom vlaknu je približno 66% brzine svjetlosti u vakuumu.
Brzina svjetlosti u optičkom vlaknu je 300 x 10 ^ 6 m / s * 0,66 = 200 x 10 ^ 6 m / s.
Jednosmjerno kašnjenje u prijenosu do Bostona 4320 km / 200 x 10 ^ 6 m / s = 21,6 m / s.
Kašnjenje povratnog prijenosa 43,2 m / s.
Ping od Stanforda do Bostona na modernom internetu je oko 85 ms (...)
Dakle, moderna internetska oprema prenosi signal brzinom koja je 0,5 puta veća od brzine svjetlosti.

Naznačeni rezultat od 85 ms može se poboljšati (i sada je malo bolji), no važno je razumjeti da postoji fizičko ograničenje kašnjenja u prijenosu informacija putem Interneta, bez obzira na propusnost na računalima korisnika povećava.

To je posebno važno zbog rastuće popularnosti JavaScript aplikacija, koje obično sadrže samo oznake.