KAASAEGSED TÖÖRIISTAD INTERNETISAITIDE JA VEEBIRAKENDUSTE ARENDAMISEKS
Krupina Tatjana Aleksandrovna 1, Štšerbakova Svetlana Mihhailovna 1
1 Moskva Pedagoogika Riiklik Ülikool, bakalaureuseõppe
annotatsioon
See artikkel on ülevaade kaasaegsed vahendid Interneti-saitide ja veebirakenduste arendamine. Samuti käsitletakse õpilaste ja kooliõpilaste nende tehnoloogiate õpetamise probleeme.
KAASAEGSED ARENDUSVAHENDID VEEBISAIDID JA VEEBIRAKENDUSED
Krupina Tatiana Aleksandrovna 1, Shcherbakova Svetlana Mikhajlovna 1
1 Moskva Riiklik Pedagoogikaülikool, rakendusmatemaatika ja IT osakonna lõpetanud
Abstraktne
See artikkel annab ülevaate kaasaegsete veebisaitide ja veebipõhiste rakenduste arendamisest. Samuti arutletakse õpilaste ja õpilaste nende tehnoloogiate koolitamise probleemi üle.
Informatiseerimine kaasaegne ühiskond seotud teabevahendite ja meetodite kasutuselevõtuga ning sidetehnoloogiad(IKT) erinevates inimtegevuse valdkondades. Eriline roll selles protsessis kuulub kahtlemata areng võrgutehnoloogiad ja side, mis muuhulgas väljendub ettevõtete automatiseeritud infosüsteemide loomises ja võrguprojektid pood. Tõepoolest, tegevus tahes kaasaegne ettevõte, on ühel või teisel viisil seotud ettevõtte veebisaidi loomise ja hooldamisega.
Kaasaegsed föderaalsed haridusstandardid (FSES) paljudes mitte ainult inseneri-, vaid ka humanitaarvaldkondades nõuavad lõpetajatelt veebisaitide arendamise ja haldamise oskusi.
Interneti-saitide ja veebirakenduste arendamise meetodid ja tööriistad arenevad dünaamiliselt alates lihtsate visiitkaardisaitide loomise võimalusest kuni serverirakenduste väljatöötamiseni, mis töötlevad ja salvestavad suuri andmemahtusid.
Lihtsa saidi, sealhulgas visiitkaartide saidi koos kirjelduse ja kontaktandmetega väljatöötamiseks võite kasutada erinevatel viisidel:
- HTML-dokumendi loomine, st. Tippige kood redaktori "Notepad" abil HTML keel V käsitsi režiim ja rakendage see kliendi tööjaama brauseri abil ning avaldage see seejärel teenusepakkujaga, kasutades tema hostimisteenuseid;
- kasutades sama HTML-dokumendi loomist Adobe redaktor Dreamweaver, kasutades ära laia valikut funktsioone ja mugavusi;
- kasutada valmis shell-saite erinevate teemavaldkondade ja kujundusega veebisaitide arendamiseks ning avaldada saiti Internetis, kasutades tasuta või tasulisi hostimisteenuseid.
Erinevalt lihtsate ja mitteinteraktiivsete saitide arendamisest vajab serveris andmetöötlust töötavate ja teostavate veebirakenduste arendamine lisaks eelmises lõigus nimetatutele ka meetodeid ja tööriistu. Veebirakenduste arendamine on lisaks HTML-koodi loomisele seotud ka spetsiaalses keeles programmeerimisega. Veebirakenduste arendamiseks kasutatav keel PHP programmeerimine ja sellest ei saa ka loobuda näiteks kohalik server Apache ja MySQL andmebaasid.
Vaatame veebirakenduste programmeerimise tööriistu:
- keel JavaScripti programmeerimine kasutatakse interaktiivsete HTML-dokumentide loomiseks;
- VBScripti kasutatakse nii kliendi skriptimiseks kui ka serveri skriptimiseks;
- Perlit kasutatakse tööriistade väljatöötamiseks süsteemi administreerimine, samuti CGI-skriptide, automaatsete meilitöötlussüsteemide ja veebisaitide toe arendamisel.
Veebirakenduste isearenduseks saate kasutada vabalt levitatavat ressurssi Denwer.
Denwer (lühendist DNVR - härrasmeeste komplekt Veebiarendaja) - distributsioonide komplekt ja tarkvara kest, mis on loodud veebirakenduste ja muu veebilehtede dünaamilise sisu loomiseks ja silumiseks OS-iga arvutis.
Denweri komplekt sisaldab:
- kohalik Apache server rakenduste käivitamiseks kasutaja arvutis, simuleerides funktsionaalsust serverisse, kuhu teenusepakkuja seejärel arendatud rakenduse installib. Apache on platvormideülene tarkvara, mida levitatakse vabalt ja mida toetavad erinevad operatsioonisüsteemid;
- PHP programmeerimissüsteem on C-tüüpi keel saidi HTML-koodi manustatud ja serveris käivitatavate programmikoodide arendamiseks, et töödelda konkreetse saidi kasutajatelt saadud andmeid. PHP (Hypertext Preprocessor - "Hypertext Preprocessor", algselt isikliku kodulehe tööriistad - "Tööriistad loomiseks isiklikud veebilehed"") on skriptikeel Üldine otstarve, mida kasutati veebirakenduste arendamiseks, lõi Rasmus Lerdorf 1994. aastal;
- MySQL on tasuta tarkvara andmebaaside töötlemiseks, sealhulgas kliendibrauseritest tulevate andmetega töötamiseks. MySQL (struktureeritud päringu keel – " Struktureeritud keel taotlused") lõi Michael Widenius aastast Rootsi firma TCX 1995. aastal.
Määra Denweri programmid või selle komponente eraldi kasutavad nii amatöörid kui ka professionaalid veebirakenduste ja saitide loomiseks ja silumiseks. Seda komplekti kasutatakse laialdaselt ka hariduslikel eesmärkidel, et õpetada koolilastele ja üliõpilastele veebiprogrammeerimist.
Veebikujundusrakendused on muutnud seda, kuidas disainerid on pikka aega veebisaite kujundanud. Kaasaegsete tööriistade kasutamine muudab asjad palju lihtsamaks ja kiiremaks, näiteks kui kasutate automaatse täitmise rakendusi ja makrosid. Tänapäeval saavad disainerid, kes eelistavad visuaalselt kujundada, kasutada mõnda neist rakendustest, et luua kujundusi, mis muutuvad koodiks, mille saab seejärel veebis kinnitada.
Fakt on see, et enamik tänapäeval veebiarendusplatvorme muudab professionaalide jaoks oma veebisaitide arendamise palju lihtsamaks. Näiteks kui olete Interneti-ühenduse levialast väljas ja soovite oma projektiga jätkata, aitavad sellised rakendused seda palju.
On suur hulk suurepärased rakendused veebiarenduseks ja siin on mõned parimad, mida võite kasutada.
See on rakendus, mis aitab teil mõne minutiga luua oma professionaalseid standardseid veebisaite. See parim rakendus mida peaksite kaaluma, kui otsite veebiarendustööriista, mis teeb teie eest kõik, eriti kui olete Windowsi kasutaja. On kaks versiooni - tasuta ja laiendatud ( tasuline versioon), kuid mõlemad on võrdselt muljetavaldavad. Rakendus ühendab WYSIWYG disaini ja kodeerimise, pakkudes teile tööriista, mis pole mitte ainult väga kiire, vaid ka väga lihtne õppida. Tasuta versioonil võivad puududa mõned tasulise versiooni funktsioonid, kuid see on siiski suurepärane rakendus, mis väärib teie tähelepanu.
See on parim rakendus kasutamiseks, reageerivad saidid, mis näevad ka esteetiliselt meeldivad lihtsad arvutid, nii edasi mobiilseadmed. Mobirise abil võib veebisaitide loomine olla väga lõbus. Tööriist tuleb kaasa erinevad plokid, mille veebiarendajad saavad valida ja lohistada sinna, kuhu nad soovivad need paigutada, ning seejärel muuta vaikesätteid vastavalt oma vajadustele.
See on universaalne tekstiredaktor, mis sisaldab veebiarendajatele palju hämmastavaid tööriistu. See ei pruugi olla parim, kuid see on kindlasti hea. See Windowsi liides, mis pakub suurepärast programmeerimisredaktorit, mis sisaldab malle kõige levinumate programmeerimiskeelte jaoks, nagu HTML, VBScript, FTP klient, PHP.
Väga tundlik veebiarendusrakendus, mida peate lihtsalt oma projektide üheks tööriistaks pidama. Saadaval tasuta versioon piiratud funktsioonidega, mida saate kasutada, ja tasulise versiooniga, mis pakub teile kõiki funktsioone, mida saate oma veebiarenduses kasutada. TOWeb on väga lihtsalt kasutatav rakendus, mis sisaldab hämmastavaid malle, mida saab oma maitse järgi kohandada. Nagu eelmine tööriist, toetab TOWeb paljusid programmeerimiskeeli.
See on parim rakendus, mida saate kasutada, kui soovite oma veebisaitidele hämmastavaid animatsioone luua. Seda kasutavad kõige sagedamini disainerid, kes on otseselt seotud animatsiooni ja reklaamiga, nii et kui olete seda tüüpi disainer, kes loob animeeritud elemente kasutamiseks muudes programmides, mis võivad olla saadaval kõigil platvormidel, siis see rakendus on see, mida vajate. Selles rakenduses on mitmeid funktsioone, mis teile meeldivad, sealhulgas Google Drive'i integreerimine, sündmused, 3D-objektid, kihid ja palju muud.
Väga lihtne pukseerimisredaktor, mis sobib kõige paremini algajatele, kes arendavad oma esimesi saite. Sellel rakendusel on kõigi muude suurepäraste funktsioonide hulgas tasuta hostimine ja piiramatu arv lehti. Kui soovite luua fantastilise saidi ilma selle loomisele liiga palju aega kulutamata, on see programm kasulik.
Suurepärane rakendus, mida saate kohe kasutama hakata. Tööriist põhineb Firefoxil ja pakkumistel kaasaegne lähenemine suurepäraste veebisaitide loomiseks. Sellel on silmapaistvad funktsioonid ja kuigi enamik neist nõuab litsentsi ostmist, pakutakse mõnda neist teile tasuta, ehkki piiratud kasutusega.
See on veebirakendus, mis sobib suurepäraselt veebiarenduseks, kuid oma keerukuse tõttu ei sobi see eriti algajatele. Hoolimata asjaolust, et tööriista kasutamine pole aga nii lihtne, annab see tohutu võimaluse neile, kellel on juba veebiarenduse kogemus.
Tekstiredaktor, mis on mõeldud ainult kõige arenenumatele veebiarendajatele. Asjaolu, et tegemist on tekstipõhise tööriistaga, ei sobi just algajatele, kuid kui teil on kodeerimiskogemust, siis on see rakendus, mida tasub veebiarendusprojektide jaoks kaaluda. See on väike ja kerge, saate seda isegi mälupulgal kaasas kanda. SynWrite on täisfunktsionaalne tööriist makrosalvestuse, lõikepuhvri ajaloo, pistikprogrammide, hulga kodeerimisabi, teadaannete ja palettidega. Samuti võimaldab see arendajatel otsida ja asendada mitme faili ja koodimustrite vahel. See on ilmselt parim rakendus, mida kasutada kogu projekti vältel – alates paigutuse loomisest kuni koodi kirjutamiseni.
See on stiilne veebiarendusrakendus, mis aitab teil luua säravaid ja esteetiliselt meeldivaid veebisaite. Veebirakendus, mis pakub suurepäraseid võimalusi, kui maksate nende eest, see tähendab, võite oodata natuke rohkem funktsioone kui olete nõus mõne lisadollariga lahku minema. Saadaval on ka tasuta versioon, kuid sellel pole nii palju funktsioone kui tasulisel versioonil.
Veebiarenduse rakendused on loodud teie töö hõlbustamiseks, pakkudes mõningaid funktsioone ja tööriistu, mida arendajana vajate. Teie valik peaks sõltuma funktsioonidest, mida otsite, ja veebisaidi tüübist, mida soovite luua.
Mis on veebirakenduste arendus?
Veebirakenduste arendus on üldine termin veebilehtede või saitide loomise protsessi kohta. Veebilehti luuakse kasutades HTML-i kasutades, CSS ja JavaScript. Need lehed võivad sisaldada lihtsat teksti ja graafikat, mis meenutavad staatilist dokumenti. Lehed võivad olla ka interaktiivsed või kuvada muutuvat teavet. Interaktiivsete lehtede loomine on veidi keerulisem, kuid need võimaldavad teil luua rikkaliku sisuga veebisaite. Tänapäeval on enamik lehti interaktiivsed ja pakuvad kaasaegset interaktiivsed teenused, nagu veebipõhised ostukärud, dünaamilised visualiseeringud ja isegi keerukad sotsiaalvõrgustikud.
Kaasaegsete arvutite rakenduste väljatöötamine toimub spetsiaalsete programmeerimiskeelte abil. Need sissejuhatavad materjalid aitavad teil nendega tuttavaks saada.
Video | 15 minutit | Programmeerimiskeeled
See aruanne räägib sellest, miks programmeerimiskeeli vaja on, mis need on, millistel eesmärkidel need on mõeldud. Lühidalt mainitakse ka märgistuskeeli (HTML), andmete esitamist (XML) ja päringukeeli (SQL).
Video | 23 minutit | Programmeerimiskeeled
See aruanne annab lühike ülevaade Programmeerimiskeel C#, selle peamised funktsioonid ja kujundused näitavad näiteid Windowsi jaoks kõige lihtsamate konsooli- ja aknarakenduste loomisest Visual Studio 2010-s.
Avastage operatsioonisaali rikkalikke funktsioone Windowsi süsteemid, mida saab ja tuleks kasutada veebirakenduste arendamisel.
| 4 | arendustööriistad |
Video | 10 minutit | veebimaatriks
Lühike lugu WebMatrixist – veebiarenduskeskkonnast. WebMatrix võimaldab teil luua erineva keerukusega saite: avalehest väikeseni ettevõtte portaal. Keskkond sisaldab saidimallide komplekti, mida saab kasutada oma saidi loomise aluseks. WebMatrix võimaldab teil luua ja redigeerida saidi märgistust ja koodi, samuti hallata andmebaase ja avaldada hostimiseks valmis saite.
Video | 11 minutit | Internet Explorer
See jutt annab lühikese ülevaate Internet Explorer 9-s kasutusele võetud Kinnitatud saitide tehnoloogiast. See näitab, kuidas töötada hüpeloendi, ülekatteikoonide ja pisipiltide tööriistariba nuppudega.
Allolevad ressursid aitavad teil omandada täiendavaid oskusi teie huvivaldkonnas.
Sellega seoses tekib küsimus – mida veel on vaja teada?
Teil on igal juhul vaja taustaprogrammi.
Kui ma õigesti aru saan, on Angular, Vue ja muud raamistikud lihtsalt frontend.
Hästi.
Kuhu iganes sa lähed, igal pool räägitakse veebiarendusest kui esiotsa arendusest ja kindlasti on see seotud ka Node.js-iga (selleks, et midagi nurgeliselt kirjutada, ei saa kuidagi ilma). Kuidas kasutajaliides on Node.js-iga ühendatud – ma ei saa aru, sest Node.js on sisuliselt viis JS-i käivitamiseks väljaspool brauserit.
Tõenäoliselt loete artikleid esiprogrammi kohta, kuna neis pole taustaprogrammi kohta midagi. Nagu teate, on kasutajaliides kirjutatud JS-is ja paljusid köidab asjaolu, et saate NodeJS-i taustaprogrammis tõsta ja kasutades ühte keelt veebisaite luua.
Kui ma tahan brauseris rakendust käivitada, siis miks on mul vaja sõlme? See kõik ajab mind jonni, ma näen ainult vastuolusid.
Sa ei aja segadusse. Protsessis kasutatakse tehnoloogiaid tööd rakendusi ja on tehnoloogiaid, mida protsessis kasutatakse arengut rakendusi. Kõik need Gulp, Grunt, Babel, Webpack ja teised on arendustööriistad. Need kiirendavad, lihtsustavad, parandavad töö kvaliteeti. Sel ajal on jQuery, Angular, React teegid ja raamistikud, millega rakendus töötab.
Kui varasemad saidid loodi paari tehnoloogia abil, siis tänapäevased rakendused saavad kasutada kümneid või isegi sadu viimaseid. Mis võivad olla erinevad programmeerimiskeeled, raamatukogud, raamistikud, teenused jne. Seda kõike nimetatakse sageli tehnoloogia "loomaaiaks".
Siin saan vaid oletada, et server peaks html-i asemel rakendusega suhtlema jsoni või millegi muu kaudu.
Jah, JSON on kõige levinum. REST API juurutamiseks vajate taustaraamistikku. Minu teada saavad seda teha enamik kaasaegsete programmeerimiskeelte raamistikke, mida veebiarenduseks kasutatakse. Ma ei saa kindlalt öelda, töötan samas keeles.
Lõppude lõpuks on server mis tahes aluseks võrgurakendus, ja kõigepealt peate arendama serveriosa.
Kindlasti. Kaasaegsed ühelehelised rakendused (SPA) koosnevad kahest eraldi osast – esiosast ja tagaosast. Neid saab luua täiesti eraldi erinevad arendajad, peaasi on kokku leppida andmeedastusformaat ja kõik nüansid.
Kogu SPA ilu peitub nende osade eraldatuses. Ükskõik milline neist saab asendada teisega ilma eriliste tagajärgedeta. Üks taustaprogramm võib teenindada saite mobiilirakendused, võimaldama kolmandatele isikutele juurdepääsu andmetele partnerite rakendused ja seda kõike ühe API kaudu.
Mida on veel vaja uurida? Või piisab ülaltoodud teadmistest?
Ma arvan, et sellest ei piisa. Määrate täpselt ülesanded, mida teie projekt peaks lahendama, ja valite nende jaoks tehnoloogiad. Peate peatuma ühel asjal, te ei jõua kõike kaasaegset õppida, aega ei jätku.
Kas Node.js-i ja vastavalt ka npm-i on võimalik mitte kasutada, kui JS (TS) on vajalik ainult brauseris? Siiski on vajalik ka testimine.
Jah, see on üsna. Kliendi poolel näiteks JS + Angular. Ja taustapoolel näiteks PHP+Laravel. Nüüd on nende jaoks palju keeli ja veelgi rohkem raamistikke. Valige, mis on teie jaoks lihtsam.
Viimasel ajal peamiselt seoses kasutuskogemuse ja jõudlusega.
Soovin tutvustada 7 rakendatavat põhimõtet veebisaitidele, mis soovivad kasutada oma kasutajaliidese juhtimiseks JavaScripti. Need põhimõtted on minu töö tulemus veebidisainerina, aga ka kauaaegse WWW kasutajana.
JavaScript on vaieldamatult muutunud asendamatu tööriist frontendi arendajatele. Nüüd laieneb selle ulatus teistele valdkondadele, nagu serverid ja mikrokontrollerid. Selle programmeerimiskeele on valinud mainekad ülikoolid, et õpetada õpilastele arvutiteaduse põhitõdesid.
Samal ajal on selle rolli ja konkreetse kasutuse kohta mitmeid küsimusi, millele paljudel on raske vastata, sealhulgas raamistike ja teekide autoritel.
- Kas JavaScripti tuleks kasutada brauseri funktsioonide asendajana: ajalugu, navigeerimine, renderdus?
- Kas tagaprogramm sureb? Kas ma pean HTML-i üldse renderdama?
- Kas on tõsi, et ühelehelised rakendused (Single Page Applications – SPA-d) on tulevik?
- Kas JS peaks veebisaidil lehti genereerima ja veebirakendustes lehti renderdama?
- Kas ma pean kasutama selliseid tehnikaid nagu PJAX või TurboLinks?
- Mis vahe on täpselt veebisaidil ja veebirakendusel? Kas üks peaks jääma?
Järgnev on minu katse neile küsimustele vastata. Proovisin uurida, kuidas JavaScripti kasutaja vaatenurgast (UX) kasutada. Eelkõige andis ta Erilist tähelepanu idee minimeerida aega, mis kasutajal kulub teda huvitavate andmete hankimiseks. Alustades võrgutehnoloogiate põhitõdedest ja lõpetades kasutajate tulevase käitumise ennustamisega.
1. Lehtede renderdamine serveris on valikuline
tl;DR: Serveris renderdamist ei tehta SEO, vaid jõudluse jaoks. Kaaluge täiendavaid skriptide, stiilide ja järgnevate API päringute esitamist. Tulevikus kaaluge HTTP 2.0 tõukemeetodi kasutamist.
Esiteks pean ma välja tooma levinud vea, mille kohaselt eraldatakse "server-renderdatud rakendused" "ühe lehe rakendustest". Kui tahame saavutada kasutaja vaatevinklist parimat kogemust, siis ei tohiks selliste piiridega piirduda ja loobuda ühest alternatiivist teise kasuks.
Põhjused on üsna ilmsed. Lehekülgi edastatakse Interneti kaudu, millel on füüsilised piirangud, nagu Stuart Cheshire meeldejäävalt illustreeris oma kuulsas essees "It's latency, stupid":
Stanfordi ja Bostoni vaheline kaugus on 4320 km.
Valguse kiirus vaakumis on 300 x 10^6 m/s.
Valguse kiirus optilises kius on ligikaudu 66% valguse kiirusest vaakumis.
Valguse kiirus optilises kius on 300 x 10^6 m/s * 0,66 = 200 x 10^6 m/s.
Ühesuunalise edastuse viivitus Bostonisse 4320 km / 200 x 10^6 m/s = 21,6 m/s.
Edasi-tagasi reisi hilinemine on 43,2 m/s.
Ping Stanfordist Bostonisse kaasaegses Internetis on umbes 85 ms (…)
Niisiis, kaasaegsed seadmed Internet edastab signaali kiirusega, mis on 0,5 korda suurem kui valguse kiirus.
Näidatud tulemust 85 ms saab parandada (ja on juba veidi parem), kuid on oluline mõista, et Interneti kaudu teabe edastamise viivitamisel on füüsiline piir, olenemata sellest, kui palju ribalaiust kasutajate arvutites suurendatakse. .
See on eriti oluline JavaScripti rakenduste kasvava populaarsuse tõttu, mis tavaliselt sisaldavad ainult märgistusi.
