Web Technologies: matka HTML Web 3.0

tämä artikkeli on erityisesti niille lukijoille, jotka haluavat saada tietoa tai ovat kiinnostuneita toimimaan web-kehittäjät tai muulla osa web.

tässä artikkelissa keskitytään joidenkin tunnettujen-samoin kuin joidenkin ei-niin – tunnettujen-web-teknologioiden nittyarkuuteen. Jälkeen nopea ja yksinkertainen johdatus web-tekniikka, käymme läpi perusasiat erilaisia web-tekniikka.

keskustelumme aikana käymme läpi myös lyhyen web-teknologian historian sekä joitakin ominaisuuksia ja toimintoja jokaisesta teknologiatyypistä, josta puhumme.

Mitä Web-Teknologiat Ovat?

Web-teknologiat ovat erilaisia välineitä ja tekniikoita, joita käytetään erityyppisten laitteiden välisessä viestinnässä Internetin välityksellä.

ymmärtääksemme tämän termin paremmin, jakakaamme se kahteen osaan: ”web” ja ”technology”.

verkko viittaa tässä tapauksessa World Wide Webiin, joka tunnetaan yleisemmin nimellä WWW. Se sai alkunsa vuonna 1989, kun kuuluisa tiedemies ja insinööri Tim Berners-Lee keksi tehokkaan mekanismin jakaa resursseja tutkijoiden kesken ympäri maailmaa.

 Mitä Web-Teknologiat Ovat?
The World Wide Web. Kohteliaisuus: Engadget

verkon käsite on helposti selitettävissä esimerkin avulla.

oletetaan, että etsit kuvaa söpöstä laamasta. Kirjoita. www.google.com ’ selaimeesi. Syötät ’Söpö laama’ hakupalkkiin ja klikkaa ’Kuvat’ välilehti. Google antaa sinulle lukuisia laama kuvia kerätty miljoonista eri lähteistä.

vain joukko söpöjä laamoja
vain joukko söpöjä laamoja

kun vierittää vähän, ajattelee, että ” Oi, tykkään tästä kuvasta!”Mutta sinun täytyy nähdä täysikokoinen kuva ennen kuin lataat sen. Niin, avaat alkuperäisen kuvan ja saapuvat tälle sivulle:

onnelliset laamat
onnelliset laamat

Huomaatko punaisen laatikon?

se on kyseisen kuvan URL-osoite (tunnistetyyppi). Samalla tavalla, jokainen laama Kuva olet katsonut olisi eri URL, joka auttaisi paikantaa, että kuva internetissä.

kaikki nämä verkkosivut, asiakirjat ja muut resurssit tunnistetaan ja paikannetaan niiden URL-osoitteiden avulla. Nämä muodostavat yhdessä sen, mitä kutsumme World Wide Webiksi.

tietoa, jota keräät verkosta ja sen toiminnasta, on sovellettava, jotta se olisi järkevämpää. Tätä varten, sinun täytyy tietää perusasiat joidenkin yhteisten web-teknologioita. Jotta saataisiin parempi käsitys web, Katsotaanpa katsomaan joitakin perustyyppejä ja esimerkkejä web-tekniikkaa, joita käytetään yleisesti tällä alalla.

mitkä ovat eri Verkkoteknologiatyypit?

koska meillä on rajoitetusti tilaa tutkia laajaa verkkoteknologioiden valikoimaa, olemme poimineet muutamia, joita käyttävät useimmiten sekä aloittelijat että alan asiantuntijat. Olemme jakaneet ne seuraaviin osiin:

  1. perusteet, jotka kattavat Verkkoselaimet ja jotkin verkkosovellusten kehittämisen perusteet
  2. ohjelmointikielet ja kehykset, joita käytetään verkkosivustojen kehittämisessä
  3. tietokannat, joita käytetään taustajärjestelmässä tallentamaan verkkosivustojen vaatimia tai keräämiä tietoja
  4. jotkin protokollat, toisin sanoen säännöt verkossa tapahtuvaa viestintää varten
  5. Graafiset, audiovisuaaliset ja muut multimediaelementit
  6. jotkin tietomuodot, joita yleensä käytetään tiedon siirtämiseen Internetin kautta
  7. muut sekalaiset verkkoteknologiat

kun me aloitamme perusasioilla, keskustelumme voi muuttua hieman teknisemmäksi, kun etenemme artikkelissa.

menkäämme nyt jokaisen luettelemamme komponentin yksityiskohtiin.

perusasiat

tässä osiossa puhutaan verkkoselaimista ja joistakin muista www-perusteista.

Verkkoselaimet

Verkkoselaimet, joita usein kutsutaan vain selaimiksi, mahdollistavat kaikkien World Wide Webiin kuuluvien resurssien katselemisen. Ne perustuvat asiakas-palvelin-arkkitehtuuriin. Asiakas on selain tässä skenaariossa. Voit ajatella palvelinta ohjelmiston ja laitteiston yhdistelmänä, joka vastaanottaa asiakkaan pyynnöt ja lähettää pyydetyn resurssin asiakkaalle.

aina kun syötät URL-osoitteen selaimen osoiteriville, se välittää pyyntösi palvelimelle ja sitten hakee ja näyttää mitä käyttäjä pyysi.

verkkosivujemme näkymä Mozilla Firefox-selaimella
verkkosivujemme näkymä Mozilla Firefox-selaimella

joitakin suosittuja verkkoselaimia ovat Opera, Mozilla Firefox, Google Chrome ja Safari.

Frontend vs Backend Development Technologies

mitä on web development?

Web development viittaa verkkosivujen luomisprosessiin. Tämä prosessi perustuu useisiin vaiheisiin, joita käsittelemme yksityiskohtaisemmin, kun tutkimme kuhunkin prosessiin liittyviä työkaluja.

tyypillisen verkkosivuston kaksi osaa

kun menemme pidemmälle, keskustelemme yksittäisistä web-kehitysteknologioista ja-työkaluista, joita käytetään verkkosivustojen luomiseen. Sitä ennen meidän on kuitenkin oltava selvillä verkkosivuston kahdesta erillisestä osasta: frontendista ja backendistä.

Frontend tarkoittaa kaikkia niitä verkkosivuston osia, jotka käyttäjä voi nähdä näytöllään ja joiden kanssa hän on vuorovaikutuksessa.

Backend viittaa täysin päinvastaiseen. Siihen liittyy piilotettuja mekanismeja, jotka tekevät verkkosivun funktion. Tyypillinen käyttäjä ei yleensä tiedä, mitä backendissä tapahtuu.

Frontend vs Backend
Frontend vs Backend

WWW: n suunnittelu-ja kehitystyössä käytetään erilaisia verkkoteknologioita.

tässä on lyhyt katsaus näiden kahden web-kehityksen kategorian välisiin eroihin.

Frontend Backend
asiakaspuoli Palvelinpuoli
Verkkosivujen suunnittelu tietokannat
UI / UX palvelimet
jotkut KÄYTTÖLIITTYMÄTEKNOLOGIAT: jotkut taustateknologiat:
HTML PHP
CSS Java
JavaScript Python
AJAX Ruby
.Netto

HTML

HyperText Markup Language, yleisemmin HTML, on mistä WWW sai alkunsa. Se on kriittinen osa kaikkia johdantotunteja, jotka kattavat web perusasiat. Se on asiakaspuolen kieli, jota käytetään koodaamaan verkkosivuston etuosaa. Se auttaa kehittäjiä määrittelemään, miten verkkosivun rakenne, ja se tekee niin avulla elementtejä, jotka tunnistetaan tunnisteet.

tässä on hyvin perusesimerkki HTML-kielellä kirjoitetusta koodinpätkästä:

<!DOCTYPE html><html><body><h1 style="background-color:SteelBlue; color:LightSteelBlue; font-family:Cambria; font-size:200%">Hello, We Are GoodCore Software.</h1><p style="background-color:LightSteelBlue; color:SteelBlue; font-family:Calibri; font-size:150%">Good to the Core! &#128513;</p></body></html>

jokainen < > suluissa oleva kohta on osa. DOCTYPE on kuitenkin vain ilmoitus, joka viestii selaimelle, että se mitä se on lataamassa, on HTML-dokumentti. <elin > Elementti määrittelee kaiken asiakirjan rungon muodostavan sisällön. <h1> ja <p> osoittavat otsikon alun ja kappaleen. </body>, </h> ja < / P> ovat loppulappuja. Ne osoittavat, mihin kappale, suunta ja kappale päättyvät.

tässä esimerkissä style-attribuuttia käytetään antamaan tekstille tietty taustaväri, kirjasinväri, suku ja koko. Sitä voidaan laajentaa koskemaan myös kirjasintyyliä (lihavoitu, kursivoitu,…), linjausta (keskellä, vasemmalla,…) jne. Myös muita attribuutteja tyylin lisäksi voidaan käyttää muokkaamaan elementtejä vastaavalla tavalla.

(satunnaisten merkkien merkkijono &#128513; kappaleen lopussa on yllätyselementti, jonka näet alla olevasta lähtöruudusta!)

tämä pätkä tuotettiin w3schoolsin käyttämän HTML-editorin avulla.
tämä pätkä tuotettiin w3schoolsin käyttämän HTML-editorin avulla.

CSS

CSS on yksi keskeisimmistä verkkosivujen suunnittelutekniikoista. Voit edelleen kaunistaa web-sivuja, voit integroida CSS (Cascading Style Sheets) osaksi HTML-koodi.

tiettyjen tyylien soveltaminen tiettyihin HTML-koodin elementteihin voi muuttua toistuvaksi tehtäväksi. Säästää aikaa ja energiaa, CSS voidaan virtaviivaistaa prosessi muotoilu sivuja koko sivuston. Kun olet laatinut tyylisivun, jossa on kaikki oletuskirjasintyylit, värit ja muut verkkosivun yleiseen ulkoasuun liittyvät ominaisuudet, voit soveltaa sitä koko sivuston laajuisesti. CSS on myös yhdistetty Bootstrap suunnitella mobiili-ensimmäinen web-sovelluksia.

ohjelmointikielet ja viitekehykset

ohjelmointikielet ovat verkkosivuston luomisen perustekijä. Jotta voit koodata sivuston, sinun täytyy tuntea muutamia ohjelmointikonsepteja, joitakin kieliä ja niiden syntaksia,ja hyvä kehityside. Jotkut näistä kielistä voivat olla yleiskäyttöisiä, mutta toiset on luotu nimenomaan web-kehitystä varten.

Popular programming languages and frameworks
Popular programming languages and frameworks

alla on muutamia esimerkkejä yleisesti käytetyistä web-kehityskielistä.

1. Java

Java luotiin vuonna 1991 yleiskäyttöiseksi ohjelmointikieleksi, mutta kehittyi hitaasti merkittävään rooliin web-kehityksessä 90-luvun puolivälissä.

Java on tunnettu joistain hämmästyttävistä ominaisuuksistaan, kuten sen

  • Oliokeskeisyys
  • siirrettävyys ja alustariippumattomuus
  • yksinkertainen syntaksi
  • Opittavuus
  • luotettavuus

verkkokehityksessä Javaa käytetään yleensä palvelinpuolella.

2. JavaScript

JavaScript luotiin ensimmäisen kerran vuonna 1995. Nykyään se on kehittäjien suosikki ympäri maailmaa. Se on nyt tärkeä osa web-kehitystä, joka auttaa luomaan dynaamisia elementtejä web-sivuja.

JavaScriptin käyttöönotto sai aikaan interaktiivisten verkkosivujen vallankumouksellisen aallon. Tänään, sisällyttäminen graafisia elementtejä, tietokannan integrointi, ja yleinen dynamiikka sivuston ovat kaikki mahdollisia, koska kynnyksellä JavaScript.

vaikka JavaScript otettiin alun perin käyttöön frontend-kehityskielenä, on siitä nyt tulossa suosittu valinta myös backend-kehittelyyn.

3. Python

Python on ollut olemassa jo vuosia, mutta on vasta viime aikoina saavuttanut suosiota erittäin helposti opittavan, luettavan syntaksinsa sekä korkean tuottavuutensa ansiosta. Tehtävä, joka saattaa käyttää 10 riviä koodia millä tahansa muulla ohjelmointikielellä kirjoitettuna, voidaan helposti saavuttaa 2-3 rivillä Python-koodia.

palvelinpuoleisessa web-kehityksessä Pythonia käytetään usein yhdessä Django – tai Flask-kehysten kanssa, mikä yksinkertaistaa kehitysprosessia entisestään.

tänä vuonna StackOverflow raportoi Pythonin päihittäneen Javan ja C: n suosiossa ja sijoittuneen rakastetuimpien ohjelmointikielten listalla sijalle 2.

4. PHP

PHP, rekursiivinen lyhenne, tulee sanoista PHP: Hypertext Preprocessor. Se on suosituin ja laajalti käytetty skriptauskieli, jota suosivat sekä aloittelijoille että kokeneille ammattilaisille web-kehitysalalla. Se on erittäin helppo oppia ja on täysin ilmainen.

kun käytetään Apachen (tai minkä tahansa muun) HTTP-palvelimen kanssa taustajärjestelmässä, PHP mahdollistaa tehokkaiden, nopeiden ja suorituskykyisten web-kehitysprojektien toteuttamisen. Myös, koska PHP on ollut olemassa vuosia ja on vain kasvanut isompi ja parempi, on laaja Kehittäjä yhteisön tukea helposti saatavilla.

5. Ruby

90-luvun puolivälissä esitelty Ruby on tehokas yleiskäyttöinen ohjelmointikieli, joka on vuosien saatossa tullut suosituksi backend-kehittäjien keskuudessa. Sitä käytetään usein yhdessä sen suositun kehyksen Ruby On Rails kanssa. Rubya suositellaan erityisesti ruuhkaisille verkkosivustoille ja niille, jotka vaativat paljon työtä tietokannan päässä. Siitä on hyötyä myös skaalautuvien sovellusten kirjoittamisessa.

Suositut sivustot, kuten Twitter ja Shopify, rakennettiin Rubyn kanssa taustapielessä.

6. Objective-C & Swift

sekä Objective-C että Swift ovat yleiskäyttöisiä ohjelmointikieliä, joita käytetään erityisesti MacOS-ja iOS-käyttöjärjestelmiä käyttävien Applen laitteiden sovellusten rakentamiseen.

Objective-C perustuu C: hen, kun taas Swift perustuu vahvasti C++: n syntaksiin. Vaikka Objective-C on ollut olemassa monta vuotta enemmän kuin Swift on, ensin mainittu on hitaasti menettää seuraajia, koska se on yhä vanhentunut. Swiftin odotetaan vähitellen korvaavan Objective-C: n kehittyneemmillä ominaisuuksillaan, helppokäyttöisyydellään ja turvallisuudellaan. Siitä lähtien, kun Swift oli avoin lähdekoodi, kehittäjät ovat käyttäneet sitä myös web-kehitykseen.

Frameworks

yksinkertaistettuna kehys voidaan määritellä yleiskoodiksi. Ajattele sitä karkeana hahmotelmana, jossa ei ole hienoja yksityiskohtia. Viitekehys määrittelee ne perustehtävät tai tehtävät, jotka koodin odotetaan tekevän. Kuitenkin, jotta kertoa kyseisen ohjelman miten suorittaa nämä toiminnot, sinun täytyy kirjoittaa joitakin yksityiskohtaisempia, erityisiä ohjeita.

Katsotaanpa muutamia kehyksiä, joita koodarit yleisesti käyttävät backend web-kehitystyöhön, sekä kieliä, joiden kanssa he toimivat parhaiten. Tämä luettelo sisältää joitakin viimeisimpiä sivuston tekniikoita.

Viitekehykset Kielet
Vuelta.js JavaScript
Express solmu.js (JavaScript)
reagoi.js JavaScript
AngularJS JavaScript
Django Python
pullo Python
Laravel PHP
Ruby On Rails Ruby
katalyytti Perl
Cocoa & Cocoa Touch Swift

valinta näistä vaihtoehdoista riippuu kehitystarpeistasi. Sinun täytyy määrittää, mitkä puitteet ja kieliyhdistelmät täyttävät parhaiten skaalautuvuus -, turvallisuus-ja tuottavuusvaatimukset investoimatta paljon itse teknologian oppimiseen.

tietokannat

kaikki verkossa vaihdettavat tiedot on tallennettava jonnekin. Tätä tarkoitusta varten useimmilla verkkosivustoilla on niihin liittyvät omat tietokantansa.

verkkosivustoihin liittyvät tietokannat
verkkosivustoihin liittyvät tietokannat

alla on luettelo joistakin tietokannoista – joistakin relaatio-ja muista, ei – relaatio-joita käytetään yleisesti verkkosovelluksissa.

  • MySQL
  • SQL Server
  • Postgres
  • Oracle
  • MongoDB
  • Redis

tietomuodot

kun on tarve vaihtaa tietoja kahden laitteen välillä verkossa, asianmukaista menettelyä noudatetaan. Tiedot pakataan asianmukaisesti, jotta ne voidaan siirtää lähteestä määränpäähän. Erityiset sovellusliittymät (Application Programming Interfaces) on suunniteltu ja integroitu verkkosivustoihin tietojen vaihtoa varten. Ne järjestävät tiedot siten, että vastaanottaja voi helposti purkaa ja ymmärtää ne.

alla on kaksi yleistä tietomuotoa, joita käytetään web-kehityksessä.

1. XML

XML tulee sanoista Extensible Markup Language. Keskustelimme HTML: n syntaksista tämän artikkelin alussa. XML toimii samalla tavalla, että se pilkkoo dataa eri tyyppisillä tageilla tunnistettaviksi elementeiksi. XML: n avulla voit kuitenkin keksiä omia tunnisteita, joilla voit kuvata tietojasi paremmin. Nämä tiedot ovat helposti ymmärrettävissä ja analysoitavissa web-sovelluksen tai palvelimen kautta.

katsotaanpa esimerkki kirjaa opiskelija, hänen biodata, ja hänen rekisteröity kursseja yliopistossa. Tältä se näyttäisi tallennettuna XML: ään:

<student><studentname>Regina George</studentname><year>2</year><courses><course>Compiler Design</course><course>Film Studies</course><course>Accounting</course></courses></student>

tässä pää-tai juurisolmu on opiskelija. opiskelijan nimi, vuosi ja kurssit ovat lasten solmukohtia. Voisi sanoa, että nämä ovat juurisolmun attribuutteja. Kuten HTML: ssä, myös XML-dataa kirjoitetaan lapsisolmujen avautumis-ja sulkemistagien väliin.

2. JSON

koettuaan vuosia XML: n bulkkisuuden ja kaistanleveyden runsaan kulutuksen asiantuntijat keksivät JSONin (JavaScript Object Notation). Toisin kuin XML, JSON keskittyy enemmän nopeaan ja helppoon tiedonvaihtoon yksityiskohtaisen tiedon määrittelyn ja mallintamisen sijaan. Se myös poistaa kaikki ylimääräinen kuormitus, että XML kuljettaa muodossa toistuvia tageja.

JSON perustuu tuttuun avainarvoparimekanismiin. Sen syntaksi muistuttaa JavaScriptin, joten se on melko helppo lukea ja ymmärtää.

Katsotaanpa, miltä aiempi esimerkkimme opiskelijarekisteristä näyttäisi tallennettuna on JSON:

{"studentname": "Regina George","year": "2","courses": }

tässä opiskelija on kohde. opiskelijan nimi on esimerkki avaimesta, joka on objektin opiskelijan attribuutti. Sen rinnakkaisarvo on Regina George. Samoin kurssit ovat myös avainasemassa. Kuitenkin, se on muodossa array (merkitty hakasulkeilla), koska se on useita arvoja liittyy siihen, eli kääntäjä suunnittelu, elokuva tutkimukset ja kirjanpito.

protokollat

Web-protokollat ovat joitakin ennalta määriteltyjä sääntöjä, joita jokaisen verkon kautta kommunikoivan on noudatettava.

HTTP

hypertekstin siirtoprotokolla, joka tunnetaan paremmin nimellä HTTP, on verkkoprotokolla, joka määrittelee kaksi käsitettä:

  1. miten asiakaspyynnöt välitetään palvelimille
  2. miten palvelimet vastaavat asiakkaan pyyntöihin
miten HTTP-pyynnön vastaussykli toimii. Courtesy WebNots
How the HTTP request-response cycle works. Courtesy WebNots

the request must specify the following four items:

  1. asiakkaan haluaman resurssin URL
  2. menetelmä, kuten GET (jota käytetään tietojen hakemiseen palvelimelta) tai POST (jota käytetään tietojen lähettämiseen palvelimelle päivitettäväksi)
  3. luettelo otsikoista (pyyntöjen otsikot voivat sisältää sekalaisia tietoja asiakkaasta tai resurssista, jota asiakas on pyytänyt, kuten asiakkaan selaimen nimi, käyttöjärjestelmä, viestin koko, kellonaika ja päivämäärä pyyntö, kulunvalvontatiedot/valtakirjat jne.)
  4. elin, joka sisältää tiedot, jotka asiakas haluaa lähettää palvelimelle

palvelin lähettää vastauksen toisesta päästä, kun pyyntö on käsitelty. Tämä vastaus määrittää kolme tekijää:

  1. tilakoodi, joka on 3-numeroisen luvun muodossa (tilakoodi, jonka olet saattanut nähdä päivittäisissä verkkoselailussasi, on 404, mikä osoittaa, että pyydettyä resurssia ei löytynyt.)
  2. otsakkeiden luettelo (vastausten otsakkeet muistuttavat rakenteeltaan pyyntöjen otsakkeita, ja niissä voi olla tietoja, kuten viestin koko, Sisältötyyppi jne.)
  3. elin, joka sisältää asiakkaan palvelimelta pyytämät tiedot

muut protokollat

alla on luettelo muista yleisistä web-protokollista ja niiden käyttötarkoituksista.

protokolla tarkoittaa käyttöä
TCP Transmission Control Protocol kahden verkossa olevan laitteen välisen yhteyden muodostamiseen ja datapakettien toimituksen hallintaan
IP Internet-protokolla datapakettien siirtämiseksi kahden laitteen välillä verkossa
TCP / IP nämä kaksi web-teknologiaa toimivat usein yhdessä.
UDP User Datagram Protocol kahden laitteen välisen yhteyden muodostamiseen verkossa
FTP Tiedostonsiirtoprotokolla tiedostojen siirtoon asiakkaan ja palvelimen välillä
SMTP yksinkertainen Sähköpostisiirtoprotokolla sähköpostiviestien lähettämiseen palvelimelle
POP Post Office Protocol for fetching email messages from the server
SOAP Simple Object Access Protocol lähetettäväksi XML-viestit HTTP: n kautta

grafiikka

graafiset elementit ovat minkä tahansa verkkosivun keskeinen ominaisuus. Ne eivät ainoastaan edistä sivun kaunistamista, vaan niillä voidaan myös välittää tärkeitä kohtia paremmin kuin tekstillä.

1. Canvas

Canvas on elementti, joka on osa HTML: ää. Kun sitä käytetään JavaScriptin (tai minkä tahansa muun skriptauskielen) kanssa, voit piirtää grafiikkaa verkkosivulle vähän kerrallaan. JS-aspekti tarjoaa interaktiivisuutta Kangasgrafiikassa, myös animaatiossa.

kangas toimii parhaiten tilanteissa, joissa verkkosivulle pitää ladata suuri määrä graafisia esineitä. Se on nopea ja kevyt siinä mielessä. Se ei kuitenkaan ole kovin poikkeuksellinen grafiikan koon ja skaalauksen suhteen, koska se on rasteripohjainen.

2. SVG

SVG tarkoittaa skaalautuvaa vektorigrafiikkaa. Se perustuu XML ja toimii erittäin hyvin HTML. sitä voi myös helposti manipuloida CSS: n avulla.

sen suosion salaisuus on sen nimessä: skaalautuvuus. SVG eroaa muista graafisista tyyleistä, kuten JPEG: stä ja PNG: stä, sillä se ei ole pikselipohjainen. Se perustuu numeerisiin ulottuvuuksiin (vektoreihin), joita voidaan helposti skaalata ylös tai alas laadun heikkenemättä.

joitakin esimerkkejä yksinkertaistetuista SVG-kuvakkeista. Courtrops.
joitakin esimerkkejä yksinkertaistetuista SVG-kuvakkeista. Courtrops.

verkkosivujen graafisten elementtien käytössä grafiikan laatu on ratkaiseva tekijä. SVG: llä saavutetaan suuren suorituskyvyn lisäksi myös vuorovaikutteisuus. Näistä syistä johtuen SVG on tällä hetkellä yksi suosituimmista graafisista verkkoteknologioista.

3. WebGL

Web Graphics Library, joka tunnetaan paremmin nimellä WebGL, on web-teknologian resurssi, jonka avulla selaimet voivat esittää sekä 2D-että 3D-kuvia näytöllä. Se poistaa ulkoisten laajennusten tarpeen ja on yhteensopiva sekä työpöytä-että mobiiliselainten kanssa.

muut

Tässä muutamia muita verkkoteknologioita, joista et ehkä ole ennen kuullut. Meistä tuntuu, että he ansaitsevat kunniamaininnan kirjoituksessamme.

1. Perl & CGI

Perl on yleiskäyttöinen cross-platform – ohjelmointikieli, joka on vähitellen kasvattanut suosiotaan web-kehityspiireissä. Se perustuu C: n ja Basicin kaltaisiin kieliin ja toimii sujuvasti HTML: n kanssa, joka on yleisimmin käytetty merkintäkieli. Perl toimii hyvin myös valtavirran tietokantojen, kuten MySQL: n ja Oraclen kanssa.

Perliä käytetään CGI: tä (Common Gateway Interface) toteuttavien sovellusten kirjoittamiseen. CGI on verkkoprotokolla, joka määrittelee, miten sovellus kommunikoi WWW-palvelimen kanssa HTTP-pyyntöjä tehtäessä. Nämä CGI-skriptit tehostavat resurssien hakemista.

2. MathML

HTML: n tavoin MathML (Mathematical Markup Language) on merkintäkieli. Sitä käytetään kuitenkin erityisesti matemaattisten ja tieteellisten yhtälöiden täsmälliseen ja asianmukaiseen esittämiseen verkossa.

esimerkki matemaattisista yhtälöistä ja kaavioista, jotka näkyvät verkkosivulla. WolframAlpha
esimerkki verkkosivulla näkyvistä matemaattisista yhtälöistä ja kaavioista. WolframAlpha

MathML paitsi varmistaa, että yhtälöt näytetään oikein, myös antaa merkityksen matemaattiselle sisällölle. Kaikki tämä saavutetaan käyttämällä XML-elementtejä matemaattisen sisällön ja symbolien esittämiseen. Esimerkiksi msqrt-Elementti kääntyy neliöjuurisymboliksi, trigonometristä sinifunktiota edustaa sin-elementti ja niin edelleen.

3. XSL, XSLT & EXSLT

XSL (Extensible Stylesheet Language) on kieli, jota käytetään määrittelemään tapa, jolla XML-tieto on muotoiltava, kun se näytetään asiakkaalle. Siinä missä XML käsittelee itse dataa, XSL hallinnoi sen muuntamista, asettelua ja esittämistä. Voimme sanoa, että XSL palvelee samaa tarkoitusta XML että CSS tekee HTML.

W3: n verkkosivuilla mainitaan XSL: n kaksi osatekijää: a) XSLT (Transformations) käsittelemään transformaatioita ja B) XSL-FO (formating Objects) käsittelemään muotoilua, sivutusta jne. Vuonna 2013 XSL-FO kuitenkin lopetettiin ja sen korvasi CSS3.

XSLT (Extensible Stylesheet Language Transformations) on kieli, joka määrittelee, miten XML-dokumentit muunnetaan muihin, ihmisten luettaviin formaatteihin, kuten HTML: ään. Se soveltaa XSL tyylisivuja XML-dokumentteihin XSL-prosessorin avulla XML-datan kaunistamiseksi.

EXSLT on keino laajentaa XSLT: n toiminnallisuutta. Se ei ole XSLT: n virallinen osa, vaan se on yhteisövetoinen projekti. Sen tavoitteena on tehdä XSL tyylisivut kannettaviksi ja parantaa niiden toimivuutta ja tukea lisäämällä niihin enemmän toimintoja.

Web Technologiesin tulevaisuus

Ciscon raportti ennustaa, että lähes 52% maailman väestöstä pääsee internetiin vuoteen 2020 mennessä. World Wide Web kasvaa hämmästyttävän nopeasti sisällyttää suurempi määrä ihmisiä, laitteita ja resursseja saatavilla verkossa. Siksi web-teknologioiden odotetaan laajenevan. Näin ollen tekniikan ammattilaiset pyrkivät vaikeammin tarjoamaan saatavilla web-sisältöä käyttäjille kaikkialla. On ryhdyttävä tiukempiin turvatoimiin yksityisen verkkosisällön suojaamiseksi haitallisilta kyberhyökkäyksiltä.

WWW alkoi nimellä Web 1.0 staattisilla verkkosivuilla, jotka oli kirjoitettu pelkällä vanhalla HTML-kielellä. Sen jälkeen siirtyi Web 2.0 kynnyksellä JavaScript ja muut teknologiat, jotka mahdollistivat käyttäjät vuorovaikutuksessa web-sisältöä ja tuottaa omia.

pian Web menee askeleen pidemmälle ja siirtyy kolmanteen vaiheeseensa, eli Web 3.0: aan, joka on huomattavasti nykyistä hajautetumpi. Nykyaikaiset teknologiat, kuten tekoäly ja IoT, hallitsevat pian verkkoa. Kaikki tulee olemaan paljon automatisoidumpaa sekä uuden sisällön kehittämisen että kuluttamisen osalta.

toivomme, että tämä artikkeli auttoi sinua saamaan arvokasta tietoa web-teknologioiden kehityksestä ja tulevaisuudesta. Seuraa blogiamme pysyäksesi ajan tasalla muista mielenkiintoisista käänteistä WWW-maisemassa!

Arvostele tämä artikkeli!

lähetä arvosana

keskimääräinen arvosana 4,9 / 5. Ääntenlaskenta: 11

ei ääniä toistaiseksi! Arvioi tämä viesti ensimmäisenä.

Vastaa

Sähköpostiosoitettasi ei julkaista.

Previous post miten hiilihydraatit muuttuvat Fatnoviksi 11, 2015
Next post Heinrich Hertz