Šta trebate naučiti za razvoj modernih web aplikacija.

27.05.2019 Programi

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

Ionako ti treba backend.

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

U redu.

Gde god da krenete, svuda se govori o web razvoju kao o razvoju front-enda, a to je svakako povezano sa Node.js (da biste nešto napisali u angularu, nema šanse bez toga). Kako je frontend povezan sa Node.js - ne razumijem, jer Node.js je u suštini način za pokretanje JS-a izvan pretraživača.

Najvjerovatnije ste čitali članke o frontendu, jer 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 backend-u i koristeći jedan jezik kreirati web stranice.

Ako želim da pokrenem aplikaciju u pretraživaču, zašto mi je onda potreban čvor? Sve me to dovodi u omamljenost, vidim samo kontradiktornosti.

Ne zbunite se. Postoje tehnologije koje se koriste u procesu rad aplikacije i postoje tehnologije koje se koriste u tom procesu razvoj aplikacije. Svi ovi Gulp, Grunt, Babel, Webpack i drugi su razvojni alati. Oni ubrzavaju, pojednostavljuju, poboljšavaju kvalitet rada. U to vrijeme, jQuery, Angular, React su biblioteke i okviri sa kojima će aplikacija raditi.

Ako su ranije stranice kreirane pomoću nekoliko tehnologija, onda moderne aplikacije mogu koristiti desetke, pa čak i stotine potonjih. Pri čemu to mogu biti različiti programski jezici, biblioteke, okviri, servisi itd. Sve se to često naziva "zoološkim vrtom" tehnologije.

Ovdje mogu samo pretpostaviti da server umjesto html-a treba da komunicira sa aplikacijom preko json-a ili nečeg drugog.

Da, JSON kao najčešći. Potreban vam je pozadinski okvir na kojem možete implementirati REST API. 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 na istom jeziku.

Uostalom, server je osnova svake mrežne aplikacije, a prije svega morate razviti serverski dio.

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

Čitava ljepota SPA je u odvojenosti ovih dijelova. Bilo koji od njih može se zamijeniti drugim bez posebnih posljedica. Jedan backend može poslužiti web stranice, mobilne aplikacije, omogućiti pristup podacima za partnerske aplikacije trećih strana, sve kroz jedan API.

Šta još treba proučiti? Ili je gore navedeno znanje dovoljno?

Mislim da to nije dovoljno. Precizno ćete odrediti zadatke koje vaš projekt treba riješiti i za njih odabrati tehnologije. Morate se zaustaviti na jednoj stvari, nećete moći učiti sve moderno, neće biti dovoljno vremena.

Da li je moguće ne koristiti Node.js i, shodno tome, npm, ako je JS (TS) potreban samo u pretraživaču? Međutim, testiranje je takođe neophodno.

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

Ovaj članak je prvenstveno namijenjen korisnicima interneta; njegov cilj je da istakne neke moderne internet tehnologije sa stanovišta njihovog potrošača. Međutim, kao što pokazuje praksa, poznavanje takvih pitanja je neophodno i za neke programere početnike.

Prije 10-15 godina većina web stranica bila je zbirka statičnih HTML stranica. Danas se takvi sajtovi i dalje nalaze – često su tako dizajnirani mali personalni sajtovi, kao i sajtovi malih kompanija koje ne pretenduju da budu ništa drugo osim da hostuju relativno malu količinu informacija koje se retko menjaju. Imajte na umu, međutim, da su se u procesu transformacije Interneta iz skupa informacionih resursa u poslovni alat, tehnologije kreiranja sajtova značajno promenile – većina Web sajtova velikih kompanija je skup aplikacija koje imaju interaktivnost, alate za personalizaciju, Alati za interakciju sa klijentima (do primanja narudžbi i plaćanja) i partnerima, a često - i sredstvima integracije sa "internim" korporativnim aplikacijama kompanije. Alati za kreiranje ovakvih web stranica bit će detaljnije opisani u članku "Proizvodi za kreiranje korporativnih Internet rješenja" u ovom broju časopisa. U ovom članku ćemo samo ukratko istaknuti tehnologije koje su u osnovi modernih web aplikacija. Korisnik koji se bavi web aplikacijama (a odnedavno i web servisima) komunicira s njima putem Internet klijenata (najčešće pretraživača, ali ne samo njih – postoje i druge vrste klijentskih aplikacija, kao što su chat klijenti). Stoga je prikladno govoriti odvojeno o tome šta se može koristiti u klijentskim aplikacijama, a šta na web serverima.

Tehnologije koje se koriste u Web klijentima

Jedan od trendova u razvoju web aplikacija je da se dio logike aplikacije (kao što je provjera valjanosti unosa) smjesti u sam Web klijent, kao što je web pretraživač. Konkretno, moderni web pretraživači su u stanju da tumače kod u skript jezicima, izvršavaju Java aplete i ActiveX kontrole i koriste druge dodatke kao što je Macromedia Flash Player. Razmotrimo sve ove karakteristike pretraživača detaljnije.

Skript jezici

Većina modernih web pretraživača može tumačiti kod u skript jezicima kao što su VBScript i JavaScript. Kôd na ovim jezicima je ugrađen u web stranicu i interpretiran od strane pretraživača. Tipičan primjer upotrebe skriptnih jezika je provjera ispravnosti podataka koje je korisnik unio u odgovarajuća polja HTML obrasca, direktno tokom procesa unosa ili nakon njega, bez kontaktiranja web servera. Slični primjeri korištenja skriptnih jezika mogu se naći prilikom popunjavanja nekih upitnika i primanja poruka da obavezna 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 implementiraju i čisto dizajnerske ideje, na primjer, gumbi koji mijenjaju svoj izgled kada se kursor pređe preko njih, „linije okvira“ i druge funkcionalnosti, na primjer, alati za pristup pretraživačima ugrađenim u web stranice, prikaz dijaloških okvira, 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 pretraživača. Osim toga, skript jezici sadrže ograničen skup alata (na primjer, nemaju pristup sistemu datoteka).

Java appleti

Praktično svi moderni pretraživači su sposobni da prikazuju i pokreću Java aplete, posebne Java aplikacije koje korisnik prima kao deo Web stranice. Ove aplikacije su često uključene u web stranice kako bi dodale funkcionalnost koju je teško ili nemoguće implementirati korištenjem skriptnih jezika. Apleti mogu da rade na svim platformama za koje je Java virtuelna mašina dostupna.

Apleti se obično kreiraju prema pravilima koja određuju koliko dugo trebaju živjeti i kako stupaju u interakciju sa svojim okruženjem. Najčešće su ove metode vrlo ograničene (na primjer, operacije kao što su čitanje i pisanje datoteka su prema zadanim postavkama zabranjene za aplete; ako su takve operacije neophodne, dozvole za njihovo izvođenje za određene apleti i određene datoteke su opisane na klijentskom računaru; mreža pristup sa apleta je moguć samo na računar sa kojeg je preuzet; pokretanje drugih aplikacija na računaru korisnika sa apleta nije moguće). Međutim, aplet može čitati vrijednosti parametara (npr. boje, fontove, grafičke datoteke koje se koriste za pokretanje apleta) sa web stranice koja sadrži i u skladu s tim promijeniti svoje ponašanje. Osim toga, parametri apleta se mogu 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 klijentovom računaru, oni su potencijalno opasan sadržaj u određenoj mjeri. Zbog toga svi moderni pretraživači imaju sredstva dostupna korisnicima za ograničavanje mogućnosti izvršavanja apleta.

ActiveX kontrole

Neki od modernih pretraživača (posebno, Microsoft Internet Explorer) mogu poslužiti kao kontejneri za ActiveX kontrole - posebne COM servere koji rade u adresnom prostoru pretraživača i takođe se primaju kao dio web stranice.

Koristeći ActiveX kontrole, kao i preko Java apleta, možete implementirati bilo koju funkcionalnost, uključujući i one koje su nepovoljne za računar korisnika, dok, za razliku od Java apleta, generalno ne postoje ograničenja pristupa prilikom izvršavanja ActiveX kontrola. datotekama i drugim resursima operativni sistem i mrežu, a kod sadržan u njima se izvršava u ime korisnika koji ih je preuzeo. Kao i Java apleti, ActiveX kontrole mogu čitati svoja svojstva sa stranice koja ih sadrži; osim toga, svojstva ActiveX kontrole mogu se dinamički mijenjati iz koda u skript jezicima koji se nalaze na istoj stranici; u istom kodu, možete rukovati događajima koji se javljaju u takvim kontrolama.

Zatim, treba se prisjetiti banalne istine, koja, kako praksa pokazuje, nije očigledna svim našim čitateljima. Kada radite sa ActiveX kontrolama i Java apletima, apsolutno je beskorisno oslanjati se na antivirusni softver (bilo klijentski ili serverski): znakove karakteristične za viruse (kao što je mogućnost upada unutar izvršnih datoteka i dokumenata), kao što su aplikacije, u pravilu ne sadrže. Možete spriječiti samo preuzimanje ili izvršavanje odgovarajućeg koda, bilo na nivou postavki pretraživača, bilo na nivou korporativnih ili ličnih zaštitnih zidova.

Macromedia Flash aplikacije

Macromedia Flash aplikacije su danas najpopularnije ekstenzije za web pretraživače i koriste ih mnogi web dizajneri da dodaju interaktivnost i originalnost svojim stranicama.

Sigurnosni model Flash aplikacije zasniva se na činjenici da Macromedia Flash Player, poput Java virtuelne mašine, izvršava aplikacije u ograničenom adresnom prostoru, dok pokrenute aplikacije nemaju pristup sistemu datoteka (osim jednog specifičnog direktorijuma koji koristi Macromedia Flash Player za potrebe servisa). ) i drugi resursi računara korisnika; izuzetak je napravljen za mikrofone i video kamere, međutim, korisnik mora dati dozvolu za prijenos podataka primljenih sa ovih uređaja. Pristup mrežnim resursima ograničen je na domen s kojeg je aplikacija dobijena. Imajte na umu da se Flash aplikacije također mogu kontrolirati korištenjem JavaScript koda koji se nalazi na istoj stranici. Sam Macromedia Flash Player za Microsoft Internet Explorer je ActiveX kontrola i koristi moć ActiveX kontrola za pristup svojstvima Flash aplikacije iz jezika za skriptiranje.

Treba napomenuti da pored navedenih najpopularnijih sredstava za proširenje funkcionalnosti pretraživača, postoji niz drugih alata koji se obično implementiraju u obliku tzv. dodataka. Pošto su dodaci takođe izvršni kod, moderni pretraživači imaju sredstva da ograniče mogućnosti povezane sa njihovim učitavanjem i izvršavanjem.

U zaključku, napominjemo da se navedeni alati za proširenje funkcionalnosti HTML stranica mogu koristiti i na dinamičkim stranicama koje generiraju web aplikacije na strani servera. Tako su u posljednje vrijeme postali široko rasprostranjeni alati za kreiranje web aplikacija koje rade pod kontrolom web servera i generiraju dinamičke HTML stranice s kodom ugrađenim u skriptne jezike koji su namijenjeni za interpretaciju pretraživača.

Tehnologije za kreiranje serverskih delova Web aplikacija

Kao što smo već vidjeli, mogućnosti koje se odnose na izvršavanje koda u Web klijentima mogu biti značajno ograničene i tehnološki i kroz administrativne i korisničke postavke. Općenito, ovo odgovara sasvim razumnim sigurnosnim zahtjevima. Zato su se, uz razvoj alata za proširenje funkcionalnosti pretraživača, razvile i tehnologije koje su povezane sa izvršavanjem koda aplikacije ne u pretraživačima, već na samim web serverima. U nastavku ćemo vrlo ukratko pregledati najčešće od njih.

CGI

Common Gateway Interface (CGI) je standardni interfejs koji omogućava pokretanje aplikacija na strani servera koje se pozivaju preko URL-a. Ulazne informacije za takve aplikacije su sadržaj HTTP zaglavlja ili tijelo zahtjeva, ovisno o korištenom protokolu. CGI aplikacije generišu HTML kod koji se vraća pretraživaču. Imajte na umu da je svojevremeno bio široko korišten i izraz „CGI skripta“, čije se porijeklo objašnjava činjenicom da su takve aplikacije napisane u skript jezicima kao što je Perl, koji se, međutim, ne izvršavaju u pretraživaču, ali na serveru. CGI aplikacije se mogu kreirati korištenjem gotovo bilo kojeg razvojnog alata koji generiše konzolne aplikacije za operativni sistem na kojem web server radi.

Glavni problem sa svim CGI aplikacijama je taj što sa svakim zahtjevom klijenta server učitava aplikaciju u poseban adresni prostor, a zatim inicira njeno izvršavanje i istovar. Ova karakteristika ograničava performanse aplikacija i mogućnost obrade velikog broja zahtjeva klijenata u isto vrijeme.

ISAPI i Apache DSO

Problem ograničenih performansi web aplikacija koje se pokreću u zasebnom adresnom prostoru može se riješiti kreiranjem aplikacije kao biblioteke koja se učitava u adresni prostor web servera i, ako je potrebno, ostaje tamo za obradu naknadnih zahtjeva drugih klijenata. ; Naravno, u ovom slučaju, Web server mora podržavati učitavanje takvih biblioteka. Slične aplikacije za Microsoft Internet Information Servise nazivaju se ISAPI (Internet Server Application Program Interface), a za veoma popularni Apache Web server, takve biblioteke se nazivaju Apache DSO (Dynamic Shared Objects). Imajte na umu, međutim, da je prilikom kreiranja i CGI i ISAPI aplikacija bilo prilično teško odvojiti zadatke web dizajna od zadataka koji se odnose na implementaciju funkcionalnosti i logike aplikacija – takve aplikacije generiraju cijele web stranice, tako da svi podaci povezani sa dizajnom ovih stranica, generalno treba da budu sadržane u izvršnoj datoteci.

ASP, JSP, PHP

Sljedeći korak u razvoju tehnologija za kreiranje Internet aplikacija je pojava alata koji omogućavaju odvajanje zadataka web dizajna od zadataka povezanih s implementacijom funkcionalnosti aplikacije. Prva od ovih tehnologija bila je Active Server Pages (ASP), izgrađena na bazi ISAPI filtera. Osnovna ideja ASP-a je kreiranje web stranica sa isječcima koda koji su ugrađeni u njih u skript jezicima. Međutim, za razliku od načina upotrebe jezika za skriptiranje o kojima je gore raspravljano za proširenje funkcionalnosti pretraživača, ove fragmente koda ne tumači pretraživač, već server (tačnije, ISAPI biblioteka dizajnirana za to), a rezultat izvršavanje ovih fragmenata koda zamjenjuje sam fragment koda u toj verziji stranice. , koji se prosljeđuje korisnikovom pretraživaču. Ubrzo nakon ASP-a pojavile su se druge tehnologije koje su implementirale ideju postavljanja koda unutar web stranice koju izvršava web server. Najpoznatija od njih danas je JSP (Java Server Pages) tehnologija, čija je glavna ideja da kompajlira Java kod (servlet) kada mu se prvi put pristupi, izvrši metode ovog servleta i postavi rezultate ovih metoda u skupu podataka koji se šalje pretraživaču. Još jedna popularna tehnologija ovog tipa je PHP (Personal Home Pages), koji koristi CGI aplikacije koje tumače kod ugrađen u HTML stranicu u skript jeziku.

ASP.NET

Najnovija verzija tehnologije Active Server Pages je ASP .NET, koja je ključna za arhitekturu Microsoft .NET Framework. 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 kešira, što prirodno poboljšava performanse aplikacije.

Sa ASP .NET, možete kreirati Web aplikacije i Web usluge koje ne samo da omogućavaju dinamičko generisanje HTML stranica, već se i integrišu sa komponentama na strani servera i mogu se koristiti za rešavanje širokog spektra poslovnih problema sa kojima se suočavaju programeri modernih Web aplikacija. .

Općenito, klijent web servera može biti ne samo osobni računar opremljen konvencionalnim web klijentima (na primjer, web pretraživač), već i mobilni uređaji koje karakterizira ograničena veličina ekrana, mala memorija i često nemogućnost prikazivanja grafika. Ovi uređaji imaju svoje protokole za prijenos podataka (Wireless Access Protocol, WAP) i odgovarajuće jezike za označavanje (WML, Wireless MarkupLanguage, SHTML, Compact HTML, itd.). U tom slučaju je potrebno prenijeti podatke na mobilni uređaj u odgovarajućem formatu, za koji se često kreiraju posebne stranice (na primjer, one koje podržavaju WAP i WML). Čini se pogodnijim kreirati aplikacije koje mogu generirati jedan ili drugi kod ovisno o vrsti klijenta. Ovaj pristup je implementiran u Microsoft ASP .NET.

Nekoliko riječi o aplikacijskim serverima

Kako količina korištenih podataka i broj posjetitelja web stranica rastu, povećavaju se zahtjevi za pouzdanost, performanse i skalabilnost web aplikacija. Da bi se ispunili ovi zahtjevi, poslovna logika implementirana u Web aplikaciji, kao i usluge obrade podataka i transakcija, odvojeni su od sučelja aplikacije i prebačeni na poslužitelj aplikacija kao poslovni objekti. Aplikacioni serveri i povezani poslovni objekti mogu biti različitih tipova (najčešći od njih su danas serveri koji podržavaju specifikaciju Java2 Enterprise Edition i serveri zasnovani na COM i Microsoft .NET tehnologijama). Međutim, razmatranje aplikacijskih servera je izvan okvira ovog članka...

Imajte na umu da poslovni objekti često omogućavaju pristup podacima korporativnih informacionih sistema ili implementiraju neki deo njihove funkcionalnosti, obavljajući funkcije integracije Web aplikacija sa drugim aplikacijama koje se koriste u preduzeću.

Web usluge

Govoreći o web tehnologijama na strani servera, ne možemo zanemariti onu važnu, kao što su XML Web usluge. XML Web usluge se sada često dodjeljuju za rješavanje mnogih zadataka povezanih s integracijom aplikacija, uključujući i one kreirane na različitim platformama. Možete kreirati Web servise u obliku izvršnih datoteka, iu obliku biblioteka, iu obliku interpretiranog koda; postoje i načini izlaganja poslovnih objekata kao Web usluga. Metode Web usluga mogu se pozvati iz normalnih aplikacija, Web aplikacija i drugih Web usluga, a uz rijetke izuzetke, krajnji korisnici ne stupaju u direktnu interakciju sa Web uslugama. Međutim, nedavno je došlo do masovne pojave aplikacija koje koriste Web usluge, uključujući aplikacije dizajnirane za krajnje korisnike.

Zaključak

U ovom članku smo raspravljali o najpopularnijim tehnologijama koje se koriste u izradi Web aplikacija, a to su: ekstenzije pretraživača kao što su skript jezici, ActiveX kontrole, Java apleti i Macromedia Flash aplikacije, kao i tehnologije za kreiranje web aplikacija na strani servera, kao što su npr. poput 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 korisničkog iskustva. Knjiga ima pragmatičan pristup planiranju, dizajniranju i razvoju dinamičkih web aplikacija usmjeren na rješavanje problema. Naučit ćete kako izvući maksimum iz dizajna baziranog na domeni, naučiti kako odrediti optimalnu arhitekturu podrške i savladati moderne pristupe dizajnu usmjerene na UX. Autor razmatra odabir i implementaciju specifičnih tehnologija, kao i glavne teme vezane za korisničko iskustvo, uključujući dizajn mobilnih web aplikacija i adaptivni dizajn. Naučićete kako da maksimalno iskoristite Microsoft tehnologije kao što su ASP.NET MVC i SignaIR u kombinaciji sa drugim tehnologijama kao što su Bootstrap, AJAX, JSON i JQuery. Koristeći ove tehnologije i savladavajući novi ASP.NET Core 1.0 okvir, možete brzo razviti kompleksne web aplikacije koje rješavaju svakodnevne probleme i pružaju odlično korisničko iskustvo.
Dino Esposito, višestruki Microsoft najvredniji profesionalac, naučit će vas:
- dizajn web stranica i web aplikacija koje odražavaju stvarne društvene i poslovne procese;
- koristiti metode domensko orijentisanog dizajna za analizu i smanjenje složenosti predmetnih oblasti;
— koristiti dizajn usmjeren na iskustvo kako bi se smanjili troškovi i zadovoljili zahtjevi korisnika;
- realno uporediti serversku i klijentsku web paradigmu;
- osnove nove platforme ASP.NET Core 1.0;
- pojednostaviti razvoj modernih web stranica koristeći Bootstrap framework;
- praktične i efikasne tehnike za implementaciju ASP.NET MVC projekata;
- uzeti u obzir nove mogućnosti za implementaciju mehanizama skladištenja i rad sa modelima podataka;
- razumiju prednosti, nedostatke i kompromise responzivnog web dizajna;
- kreirajte zaista mobilne i mobilno optimizirane web stranice.

Sakrij se

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

Č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 da nastavite sa svojim projektom, ove aplikacije će vam puno pomoći.

Postoji mnogo sjajnih aplikacija za razvoj weba, a evo nekih od najboljih koje biste mogli razmisliti o korištenju.

Ovo je aplikacija koja vam može pomoći da kreirate vlastite profesionalne standardne web stranice za nekoliko minuta. Ovo je najbolja aplikacija koju biste trebali razmotriti ako tražite alat za web razvoj koji će učiniti sve za vas, posebno ako ste korisnik Windowsa. Postoje dvije verzije - besplatna i premium (plaćena verzija), ali su obje podjednako impresivne. Aplikacija kombinuje WYSIWYG dizajn i kodiranje, pružajući vam alat koji je ne samo vrlo brz, već i vrlo lak za učenje. Besplatnoj verziji možda nedostaju neke od funkcija koje ima plaćena verzija, ali to je i dalje nevjerojatna aplikacija koja zaslužuje vašu pažnju.

Ovo je najbolja aplikacija za korištenje, responzivne web stranice koje će također izgledati estetski ugodno na desktop i mobilnim uređajima. Uz Mobirise, izrada web stranica može biti jako zabavna. Alat dolazi s raznim blokovima koje web programeri mogu odabrati i povući gdje god žele da ih smjeste, a zatim promijeniti zadane postavke kako bi odgovarale njihovim potrebama.

To je svestrani uređivač teksta koji dolazi s mnogo nevjerovatnih alata za web programere. Možda nije najbolji, ali je svakako dobar. To je Windows interfejs koji nudi odličan uređivač programiranja koji uključuje šablone za najčešće programske jezike kao što su HTML, VBScript, FTP klijent, PHP.

Vrlo prilagodljiva aplikacija za web razvoj koju svakako trebate uzeti u obzir kao jedan od alata za svoje projekte. Postoji besplatna verzija s ograničenim funkcijama koje možete koristiti i plaćena verzija koja nudi punu funkcionalnost koju možete koristiti u svom web razvoju. TOWeb je aplikacija koja je vrlo jednostavna za korištenje koja sadrži nevjerovatne šablone 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 nevjerovatne animacije za svoje web stranice. Najčešće je koriste dizajneri direktno uključeni u animaciju i oglašavanje, pa ako ste tip dizajnera koji kreira animirane elemente za korištenje u drugim programima koji mogu biti dostupni na svim platformama, onda je ova aplikacija ono što vam treba. Postoji niz funkcija 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 drag-and-drop editor, najprikladniji za početnike koji razvijaju svoje prve stranice. Ova aplikacija dolazi s besplatnim hostingom i neograničenim brojem stranica, među svim ostalim sjajnim funkcijama. Ako želite da napravite fantastičan sajt bez trošenja previše vremena na njegovo kreiranje, onda će vam ovaj program dobro doći.

Odlična aplikacija koju možete početi koristiti odmah. Alat je baziran na Firefoxu i nudi moderan pristup izgradnji sjajnih web stranica. Ima izvanredne karakteristike, i iako većina njih zahtijeva kupovinu licence, postoje neke koje vam se nude besplatno, iako sa ograničenom upotrebom.

Ovo je web aplikacija koja je odlična za web razvoj, ali zbog svoje složenosti nije baš prikladna za početnike. Međutim, unatoč činjenici da alat nije tako jednostavan za korištenje, pruža ogromnu priliku za one koji već imaju određeno iskustvo u web razvoju.

Uređivač teksta dizajniran samo za najnaprednije web programere. Činjenica da se radi o tekstualnom alatu čini ga ne baš pogodnim za početnike, ali ako imate iskustva u kodiranju, onda je ovo aplikacija vrijedna razmatranja za projekte web razvoja. Mali je i lagan, čak ga možete nositi i na fleš disku. SynWrite je potpuno opremljen alat, sa snimanjem makroa, historijom međuspremnika, dodacima, tonom pomoći za kodiranje, najavama i paletama. Također omogućava programerima da pretražuju i zamjenjuju više datoteka, kao i šablone koda. Ovo je vjerojatno najbolja aplikacija koja se može koristiti u cijelom projektu, od makete do kodiranja.

To je elegantna aplikacija za web razvoj koja vam može pomoći da kreirate sjajne, estetski ugodne web stranice. Online aplikacija koja nudi sjajne funkcije ako ih platite, što znači da možete očekivati malo više funkcija ako ste voljni odvojiti se s nekoliko dodatnih dolara. Postoji i besplatna verzija, ali nema toliko funkcija kao plaćena verzija.

Aplikacije za web razvoj dizajnirane su da vam olakšaju posao pružanjem nekih funkcija i alata koji će vam trebati kao programeru. Vaš izbor bi trebao ovisiti o funkcijama koje tražite i vrsti web stranice koju želite kreirati.

U posljednje vrijeme, uglavnom u odnosu na UX i performanse.

Želim predstaviti 7 principa koji se mogu primijeniti za web stranice koje žele koristiti JavaScript za kontrolu svog korisničkog sučelja. Ovi principi su rezultat mog rada kao web dizajnera, ali i dugogodišnjeg korisnika WWW-a.

JavaScript je nesumnjivo postao nezamjenjiv alat za front-end programere. Sada se njegov opseg širi na druga područja, kao što su serveri i mikrokontroleri. Ovaj programski jezik odabrali su prestižni univerziteti kako bi podučavali studente osnovama informatike.

Istovremeno, postoji niz pitanja u vezi sa njegovom ulogom i specifičnom upotrebom, na koja je mnogima teško odgovoriti, uključujući i autore okvira i biblioteka.

Da li bi se JavaScript trebao koristiti kao zamjena za funkcije pretraživača: historiju, navigaciju, renderiranje?
Da li backend umire? Trebam li uopće renderirati HTML?
Je li istina da su jednostrane aplikacije (SPA) budućnost?
Treba li JS generirati stranice na web stranici i renderirati stranice u web aplikacijama?
Trebam li koristiti tehnike kao što su PJAX ili TurboLinks?
Koja je tačna razlika između web stranice i web aplikacije? Treba li ostati jedan?

Ono što slijedi je moj pokušaj da odgovorim na ova pitanja. Pokušao sam istražiti kako koristiti JavaScript iz perspektive korisnika (UX). Posebno je posebnu pažnju posvetio ideji minimiziranja vremena koje je potrebno korisniku da dobije podatke koji ga zanimaju. Počevši od osnova mrežnih tehnologija pa do predviđanja budućeg ponašanja korisnika.

1. Renderiranje stranica na serveru je opciono

tl;DR: Renderiranje na serveru se ne radi radi SEO, već radi performansi. Razmotrite dodatne zahtjeve za skripte, stilove i naknadne API zahtjeve. U budućnosti razmislite o korištenju HTTP 2.0 push metode.

Prije svega, moram ukazati na uobičajenu grešku odvajanja "aplikacija koje se prikazuju na serveru" od "aplikacija na jednoj stranici". Ako želimo postići najbolje iskustvo sa stanovišta korisnika, onda se ne bismo trebali ograničavati na takva ograničenja i napuštati jednu alternativu u korist druge.

Razlozi su prilično očigledni. Stranice se prenose putem interneta, koji ima fizička ograničenja, kao što je Stuart Cheshire nezaboravno ilustrovao u svom čuvenom eseju "To je kašnjenje, 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.
Kašnjenje jednosmjernog prijenosa do Bostona 4320 km / 200 x 10^6 m/s = 21,6 m/s.
Kašnjenje povratnog puta je 43,2 m/s.
Ping od Stanforda do Bostona na modernom internetu je oko 85 ms (…)
Dakle, savremena internet oprema prenosi signal brzinom od 0,5 brzine svjetlosti.

Naznačeni rezultat od 85 ms može se poboljšati (i već je nešto bolji), ali je važno shvatiti da postoji fizičko ograničenje kašnjenja u prijenosu informacija preko Interneta, bez obzira na to koliko se povećava propusnost na računarima korisnika.

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