Internetteknologier: en rejse fra HTML til internet 3.0

denne artikel er især for de læsere, der ønsker at få en vis viden om eller er interesseret i at arbejde som internetudviklere eller på ethvert andet aspekt af internettet.

i denne artikel vil vi fokusere på nitty-gritty af nogle velkendte-såvel som nogle ikke-så-kendte – internet-teknologier. Efter en hurtig og enkel introduktion til Internetteknologi vil vi gennemgå det grundlæggende i forskellige typer Internetteknologi.

i løbet af vores diskussion vil vi også dække en kort historie om Internetteknologi samt nogle funktioner og funktionaliteter af hver type teknologi, som vi taler om.

Hvad Er Internetteknologier?

internetteknologier er de forskellige værktøjer og teknikker, der anvendes i kommunikationsprocessen mellem forskellige typer enheder over Internettet.

for at forstå dette udtryk på en bedre måde, lad os opdele det i to stykker: ‘Internet’ og ‘teknologi’.

internettet henviser i dette tilfælde til internettet, mere almindeligt kendt som VV. Det blev først til i 1989, da den berømte videnskabsmand og ingeniør, Tim Berners-Lee, kom med en effektiv mekanisme til at dele ressourcer mellem forskere over hele verden.

begrebet internettet kan let forklares ved hjælp af et eksempel.

lad os antage, at du leder efter et billede af en sød Lama. Du skriver ‘www.google.com’ ind i din netsøgemaskine. Du indtaster ‘ cute llama ‘i søgefeltet og klikker på fanen’ Billeder’. Google giver dig et væld af Lama billeder indsamlet fra millioner af forskellige kilder.

efter at have rullet lidt, tænker du, “Åh, jeg kan godt lide dette billede!”Men du skal se billedet i fuld størrelse, før du henter det. Så du åbner det originale billede og ankommer til denne side:

Læg mærke til den røde boks?

det er URL ‘ en (en type identifikator) for netop dette billede. På samme måde ville hvert Lama-billede, du har set, have en anden URL, der ville hjælpe med at finde det billede på internettet.

alle disse hjemmesider, dokumenter og andre ressourcer identificeres og lokaliseres ved hjælp af deres URL ‘ er. Disse udgør kollektivt det, vi kalder internettet.

den viden, du akkumulerer om Internettet, og hvordan det fungerer, skal anvendes for at få bedre mening om det. Til dette skal du kende det grundlæggende i nogle almindelige internetteknologier. For at få en bedre forståelse af internettet, lad os tage et kig på nogle grundlæggende typer og eksempler på Internetteknologi, der ofte bruges i dette felt.

Hvad er de forskellige typer af internetteknologier?

da vi har begrænset plads til at undersøge den brede vifte af tilgængelige internetteknologier, har vi valgt nogle få, der oftest bruges af både begyndere og eksperter i branchen. Vi har opdelt dem i følgende afsnit:

1. det grundlæggende, der vil dække internetsøgere og nogle grundlæggende elementer i appudvikling
2. programmeringssprog og rammer, der bruges til udvikling af hjemmesider
3. databaser, der bruges i backend til at gemme data, der kræves eller indsamles af hjemmesider
4. nogle protokoller, det vil sige regler for kommunikation på internettet
5. Grafisk, Audiovisuel, og andre multimedieelementer
6. nogle dataformater, der normalt bruges til at overføre data over Internettet
7. andre diverse internetteknologier

mens vi starter med det grundlæggende, vores diskussion kan blive lidt mere teknisk, når vi går videre i artiklen.

lad os nu komme ind i detaljerne for hver komponent, vi har angivet.

det grundlæggende

i dette afsnit vil vi tale om internetsøgere og nogle andre grundlæggende elementer.

Internetsøgere

internetsøgere, ofte bare kaldet internetsøgere, gør det muligt for os at se alle de ressourcer, der er en del af internettet. De er baseret på en klient-server arkitektur. Kunden er brugeren i dette scenarie. Du kan tænke på serveren som en kombination af programmer og udstyr, der modtager kundens anmodninger og derefter sender den ønskede ressource til klienten.

når du indtaster en URL i adresselinjen, videresender den din anmodning til serveren og henter og viser derefter, hvad brugeren har anmodet om.

nogle populære hjemmesider er Opera, , Google Chrome og Safari.

Frontend vs Backend udviklingsteknologier

Hvad er internetudvikling?

Internet udvikling refererer til processen med at skabe hjemmesider. Denne proces er baseret på en række trin, som vi vil dække mere detaljeret, når vi udforsker de værktøjer, der er involveret i hver proces.

de to dele af en typisk hjemmeside

når vi går videre, vil vi diskutere individuelle internetudviklingsteknologier og værktøjer, der bruges til at oprette hjemmesider. Men før det skal vi være klare på de to forskellige dele af en hjemmeside: frontend og backend.

Frontend refererer til alle de dele af en hjemmeside, som en bruger kan se på deres skærm og interagere med.

Backend henviser til det nøjagtige modsatte af det. Det involverer de skjulte mekanismer, der gør en hjemmeside funktion. En typisk bruger er generelt uvidende om, hvad der foregår på backend.

forskellige internetteknologier bruges i processen med design og udvikling af internettet.

her er en kort oversigt over forskellene mellem de to kategorier af internetudvikling.

Frontend	Backend
klient-side	Server-side
hjemmeside design	databaser
UI / U	servere
nogle UI teknologier:	nogle backend teknologier:
HTML	PHP
CSS	Java
JavaScript	Python
Rubin	Rubin
	.NET

HTML

hypertekst Markup sprog, mere almindeligt benævnt HTML, er, hvor første verdenskrig startede. Det er en kritisk komponent i alle de indledende lektioner, der dækker grundlæggende internet. Det er et klient-side sprog, der bruges til at kode frontend af en hjemmeside. Det hjælper udviklere med at definere, hvordan hjemmesiden skal struktureres, og det gør det ved hjælp af elementer, der identificeres af tags.

her er et meget grundlæggende eksempel på et stykke kode skrevet i HTML:

<!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>

hvert element, der er vedlagt i parenteserne < >, er et element. DOCTYPE er dog kun en erklæring, der kommunikerer til bro.ser, at det, det er ved at indlæse, er et HTML-dokument. Elementet <body> definerer alt det indhold, der danner dokumentets krop. <h1> og <p> angiver starten på henholdsvis en overskrift og et afsnit. </body>, </h> og </p> lukker tags. De angiver, hvor kroppen, overskriften og afsnittet slutter.

i dette eksempel bruges attributten stil til at tildele en bestemt baggrundsfarve, skriftfarve, familie og størrelse til teksten. Det kan udvides yderligere til at omfatte skrifttypestil (fed, kursiv, …), justering (center, venstre,…) osv. Andre attributter bortset fra stil kan også bruges til at ændre elementer på en lignende måde.

(strengen af tilfældige tegn &#128513; i slutningen af afsnittet er et overraskelseselement, som du kan se på outputskærmen nedenfor!)

CSS

CSS er en af de mest grundlæggende hjemmeside design teknologier. For yderligere at forskønne dine hjemmesider kan du integrere CSS (Cascading Style Sheets) i din HTML-kode.

processen med at anvende bestemte stilarter på bestemte elementer i din HTML-kode kan blive en gentagen opgave. For at spare tid og energi kan CSS bruges til at strømline processen med at style dine sider på tværs af hele siden. Når du har udarbejdet et typografiark med alle standardskrifttyper, farver og andre egenskaber, der er relateret til det overordnede layout på en hjemmeside, kan du anvende det på hele siden. CSS er også kombineret med Bootstrap for at designe mobile apps.

programmeringssprog og rammer

programmeringssprog er den mest grundlæggende komponent i oprettelsen af hjemmesiden. For at kode en hjemmeside skal du være fortrolig med et par programmeringskoncepter, nogle sprog og deres syntaks og en god udviklings IDE. Nogle af disse sprog kan være generelle formål, men andre er specielt oprettet med henblik på internetudvikling.

nedenfor er nogle eksempler på almindeligt anvendte udviklingssprog.

1. Java

Java blev oprettet i 1991 som et generelt programmeringssprog, men udviklede sig langsomt til at spille en vigtig rolle i internetudviklingen i midten af 90 ‘ erne.

Java er velkendt på grund af nogle af dens fantastiske funktioner, herunder dens

• objektorienteret natur
• bærbarhed og platform-uafhængighed
• enkel syntaks
• lærbarhed
• robusthed

når det kommer til internetudvikling, bruges Java generelt på serversiden.

2. JavaScript

JavaScript blev først oprettet i 1995. I dag er det en favorit blandt udviklere over hele verden. Det er nu en vigtig del af internetudviklingen, der hjælper med at skabe dynamiske elementer på hjemmesider.

indførelsen af JavaScript skabte den revolutionerende bølge af interaktive hjemmesider. I dag er inkluderingen af grafiske elementer, databaseintegration og den overordnede dynamik på en hjemmeside alle mulige på grund af fremkomsten af JavaScript.

mens JavaScript oprindeligt blev introduceret som et frontend-udviklingssprog, bliver det nu også et populært valg til backend-udvikling.

3. Python

Python har eksisteret i årevis, men er først for nylig vinder popularitet på grund af sin ekstremt let at lære, læsbar syntaks samt dens høje produktivitet. En opgave, der muligvis bruger 10 linjer kode, når den er skrevet på et hvilket som helst andet programmeringssprog, kunne let opnås i 2-3 linjer Python-kode.

til udvikling af serversider bruges Python ofte sammen med Django-eller kolbe-rammerne, hvilket yderligere forenkler udviklingsprocessen.

i år rapporterede Stackoverstrøm, at Python slog lignende Java og C med hensyn til popularitet og rangerede 2.på listen over mest elskede programmeringssprog.

4. PHP

PHP, et rekursivt akronym, står for PHP: Hypertekstforprocessor. Det er det mest populære og udbredte scriptsprog, der foretrækkes af både nybegyndere og erfarne fagfolk inden for internetudviklingsindustrien. Det er meget nemt at lære og er helt gratis.

når det bruges sammen med Apache (eller en hvilken som helst anden) HTTP-server i backend ‘ en, giver PHP dig mulighed for at levere effektive, hurtige og højtydende internetudviklingsprojekter. Da PHP har eksisteret i årevis og kun er blevet større og bedre, er der også omfattende udviklerfællesskabsstøtte, der er let tilgængelig.

5. Ruby

Ruby blev introduceret i midten af 90 ‘ erne og er et kraftfuldt programmeringssprog til generelle formål, der gennem årene er blevet populært blandt backend-udviklere. Det bruges ofte i forbindelse med sin populære ramme Ruby on Rails. Ruby er især anbefales til trafikintensive hjemmesider og dem, der kræver en masse arbejde på databasen ende. Det er også nyttigt til at skrive skalerbare apps.

populære sider som f.eks. Shopify blev bygget med Ruby på backend.

6. Objective-C & hurtig

både Objective-C og hurtig er generelle programmeringssprog, der bruges specifikt til at opbygge apps til Apple-enheder, der kører macOS og iOS.

Objective-C bygger på C, mens hurtig er stærkt baseret på syntaksen for C++. Mens Objective-C har eksisteret i mange flere år end Hurtig har, førstnævnte mister langsomt tilhængere, da det bliver mere og mere forældet. Det forventes, at vi gradvist erstatter Objective – C med de mere avancerede funktioner, brugervenlighed og sikkerhed. Lige siden det var åbent, har udviklere også brugt det til internetudvikling.

rammer

enkelt sagt kan en ramme defineres som skeletkode. Tænk på det som en grov oversigt uden fine detaljer. En ramme definerer de grundlæggende funktioner eller opgaver, som koden forventes at udføre. For at fortælle det pågældende program, hvordan du udfører disse funktioner, skal du dog skrive nogle mere detaljerede, specifikke instruktioner.

lad os se på et par rammer, der ofte bruges af kodere med henblik på backend-udvikling sammen med de sprog, de fungerer bedst med. Denne liste indeholder nogle af de nyeste hjemmeside teknologier.

Rammer	Sprog
Vue.JS	JavaScript
udtrykke	Node.js (JavaScript)
reagere.JS	JavaScript
AngularJS	JavaScript
Django	Python
kolbe	Python
Laravel	PHP
Ruby on Rails	Ruby
Catalyst	Perl
kakao & Cocoa Touch	hurtig

at vælge blandt disse muligheder afhænger af dine udviklingsbehov. Du skal bestemme, hvilken ramme og sprogkombination der bedst opfylder dine skalerbarhed, sikkerhed og produktivitetskrav uden at investere meget i at lære selve teknologien.

databaser

alle data, der udveksles på internettet, skal gemmes et eller andet sted. Til dette formål har de fleste hjemmesider deres egne databaser forbundet med dem.

nedenfor er en liste over nogle databaser – nogle relationelle og andre, ikke-relationelle – der ofte bruges til internetapplikationer.

• Redis
• kvm Server
• Postgres
• Oracle
• MongoDB
• Redis

dataformater

når som helst der er behov for at udveksle data mellem to enheder på nettet, en ordentlig procedure følges. Data pakkes korrekt til transmission fra kilden til destinationen. Særlige API ‘ er (Application Programming Interfaces) er designet og integreret i hjemmesider for bekvem dataudveksling. De arrangerer dataene på en sådan måde, at modtageren nemt kan afkode og forstå det.

nedenfor er to almindelige dataformater, der bruges i internetudvikling.

1.

kml står for udvideligt Markup Language. Vi diskuterede syntaksen for HTML i begyndelsen af denne artikel. Det fungerer på en lignende måde, idet det opdeler data i elementer identificeret af forskellige typer tags. Du kan dog opfinde dine egne tags for at beskrive dine data bedre. Disse data, når de når en internetapp eller server, kan let forstås og analyseres.

lad os se på et eksempel på en registrering af en studerende, hendes biodata og hendes registrerede kurser på universitetet. Sådan ser det ud, som det er gemt i:

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

her er hoved-eller rodnoden studerende. studerendes navn, år og kurser er underordnede noder. Man kan sige, at disse er attributter af rodnoden. Som det er tilfældet med HTML, skrives der også data mellem åbnings-og lukningskoderne på barneknudepunkterne.

2. JSON

efter mange års erfaring med massefylde og kraftigt forbrug af båndbredde kom eksperter op med JSON (JavaScript Object Notation). I modsætning til JSON fokuserer JSON mere på hurtig og nem dataudveksling snarere end detaljeret datadefinition og modellering. Det fjerner også al den ekstra belastning, som HML bærer i form af gentagne tags.

JSON er baseret på den velkendte nøgleværdi-parmekanisme. Dens syntaks ligner JavaScript, hvilket gør det ret nemt at læse og forstå.

lad os se, hvordan vores tidligere eksempel på en studentrekord vises, når den gemmes, er JSON:

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

her er den studerende objektet. student navn er et eksempel på en nøgle, som er en egenskab af objektet studerende. Dens tilknyttede værdi er Regina George. Tilsvarende er kurser også en nøgle. Det er dog i form af et array (angivet med de firkantede parenteser), da det har flere værdier forbundet med det, det vil sige Kompilatordesign, filmstudier og regnskab.

protokoller

internetprotokoller er nogle foruddefinerede regler, der skal følges af alle, der kommunikerer over Internettet.

HTTP

Hypertekstoverførselsprotokol, bedre kendt som HTTP, er en internetprotokol, der definerer to begreber:

1. hvordan klientanmodninger videresendes til servere
2. hvordan servere reagerer på klientanmodninger

anmodningen skal angive følgende fire punkter:

1. URL ‘ en for den ressource, som klienten ønsker
2. en metode, såsom GET (som bruges til at hente data fra serveren) eller POST (som bruges til at sende data, der skal opdateres på serveren)
3. en liste over overskrifter (Anmodningsoverskrifter kan indeholde diverse oplysninger om klienten eller den ressource, de har anmodet om, f.eks. klientens bro. sernavn, operativsystem, meddelelsesstørrelse, tid og dato for anmodning, adgangskontroloplysninger/legitimationsoplysninger mv.)
4. det organ, der indeholder de oplysninger, som klienten ønsker at sende til serveren

serveren sender et svar fra den anden ende, når en anmodning er blevet behandlet. Dette svar angiver tre elementer:

1. en statuskode, der er i form af et 3-cifret tal (en statuskode, som du måske har set under dine daglige internetsøgningssessioner, er 404, hvilket indikerer, at den ønskede ressource ikke kunne findes.)
2. en liste over overskrifter (svaroverskrifter ligner anmodningsoverskrifter i struktur og kan indeholde oplysninger såsom meddelelsesstørrelse, indholdstype osv.)
3. det organ, der indeholder de oplysninger, som klienten anmodede om fra serveren

andre protokoller

nedenfor er en liste over andre almindelige internetprotokoller og deres anvendelser.

protokol	står for	brug
TCP	Transmission Control Protocol	til etablering af en forbindelse mellem to enheder på nettet og styring af levering af datapakker
IP	internetprotokol	til overførsel af datapakker mellem to enheder på nettet
TCP / IP		disse to teknologier arbejder ofte sammen.
UDP	User Datagram Protocol	til oprettelse af en forbindelse mellem to enheder på nettet
FTP	filoverførselsprotokol	til overførsel af filer mellem klienten og serveren
SMTP	Simple Mail Transfer Protocol	til at sende e-mails til serveren
POP	Post Office Protocol	til hentning af e-mails fra serveren
sæbe	simpel Objektadgangsprotokol	til afsendelse SMS-beskeder via HTTP

grafik

grafiske elementer er et centralt element i enhver hjemmeside. De bidrager ikke kun til forskønnelse af en side, men kan også bruges til at formidle vigtige punkter på en bedre måde end tekst gør.

1. Canvas

Canvas er et element, som er en del af HTML. Når det bruges sammen med JavaScript (eller et andet scriptsprog), kan du tegne grafik på en hjemmeside bit for bit. JS-aspektet giver interaktivitet i lærred grafik, herunder animation.

Canvas fungerer bedst i situationer, hvor et stort antal grafiske objekter skal indlæses på en hjemmeside. Det er hurtigt og let i dette aspekt. Det er dog ikke særlig usædvanligt, når det kommer til at ændre størrelse på grafik og skalere dem op, da det er rasterbaseret.

2. SVG

SVG står for skalerbar vektorgrafik. Det er baseret på HTML og fungerer meget godt med HTML. det kan også nemt manipuleres ved hjælp af CSS.

hemmeligheden bag dens popularitet er i sit navn: skalerbarhed. Hvad der adskiller SVG fra andre grafiske stilarter som JPEG og PNG er, at det ikke er billedbaseret. Den er afhængig af numeriske dimensioner (vektorer), som let kan skaleres op eller ned uden tab af kvalitet.

når det kommer til at bruge grafiske elementer på en hjemmeside, er kvaliteten af grafikken en kritisk faktor. SVG opnår ikke kun høj ydeevne til større grafik, men sikrer også interaktivitet. Af disse grunde er SVG i øjeblikket en af de mest foretrukne grafiske teknologier.

3.

grafikbibliotek, bedre kendt som grafikbibliotek, er en internetteknologiressource, der gør det muligt for bro.Serere at gengive både 2D-og 3D-billeder på skærmen. Det eliminerer behovet for eksterne plug-ins og er kompatibelt med både stationære og mobile enheder.

andre

her er nogle andre internetteknologier, som du måske ikke har hørt om før. Vi føler, at de fortjener en æresomtale i vores artikel.

1. Perl& CGI

Perl er et generelt programmeringssprog på tværs af platforme, der gradvist har vundet popularitet i internetudviklingslandskabet. Det bygger på sprog som C og BASIC og fungerer problemfrit med HTML, det mest anvendte markup-sprog. Perl fungerer også godt med almindelige databaser som f.eks.

Perl bruges til at skrive applikationer, der implementerer CGI (fælles Portgrænseflade). CGI er en internetprotokol, der definerer, hvordan et program kommunikerer med internetserveren, når du foretager HTTP-anmodninger. Disse CGI-scripts gør processen med ressourcehentning mere effektiv.

2. MathML

ligesom HTML er MathML (Mathematical Markup Language) et markup sprog. Det bruges dog specifikt til nøjagtig og korrekt repræsentation af matematiske og videnskabelige ligninger på nettet.

et eksempel på matematiske ligninger og grafer vises på en hjemmeside. 4016>

MathML sørger ikke kun for, at ligninger vises korrekt, men tildeler også mening til matematisk indhold. Alt dette opnås ved at bruge HML-elementer til repræsentation af matematisk indhold og symboler. For eksempel oversætter mskrt-elementet til et kvadratrodsymbol, den trigonometriske sinusfunktion er repræsenteret af syndelementet og så videre.

3. Det er et sprog, der bruges til at definere den måde, hvorpå data skal formateres, når de vises til klienten. Mens vi beskæftiger os med selve dataene, styrer vi dens transformation, layout og præsentation. Vi kan sige, at CSS tjener det samme formål til HTML, som CSS gør til HTML.

V3-hjemmesiden angiver de to bestanddele af V3: a) Vslt (transformationer) til håndtering af transformationer og B) VSL-fo (Formateringsobjekter) til håndtering af formatering, paginering osv. I 2013 blev CSS3 dog afbrudt og erstattet af CSS3.

er et sprog, der definerer, hvordan dokumenter skal konverteres til andre, mere menneskelige læsbare formater som HTML. Det er en af de bedste måder at gøre dette på.

det er et middel til at udvide funktionaliteten af det. Det er ikke en officiel del af SSLT, men er et samfundsdrevet projekt. Det sigter mod at gøre stylesheets mere bærbare og øge deres funktionalitet og support ved at tilføje flere funktioner til dem.

fremtiden for internetteknologier

en rapport fra Cisco forudsiger, at næsten 52% af verdens befolkning vil have adgang til internettet inden år 2020. Internettet vil vokse med forbløffende priser for at inkludere et højere antal mennesker, enheder og ressourcer, der er tilgængelige online. Derfor forventes internetteknologier at skalere op. Derfor vil tech-fagfolk stræbe hårdere for at levere tilgængeligt internetindhold til brugere overalt. Der skal træffes strengere sikkerhedsforanstaltninger for at beskytte privat internetindhold mod ondsindede cyberangreb.

første verdenskrig startede som Internet 1.0 med statiske hjemmesider skrevet i almindelig gammel HTML. Det gik derefter videre til internet 2.0 med fremkomsten af JavaScript og andre teknologier, der gjorde det muligt for brugere at interagere med internetindhold og producere deres egne.

snart vil Internettet gå et skridt videre og gå ind i sin tredje fase, dvs.Internet 3.0, som vil være langt mere decentraliseret, end det er i dag. Moderne teknologier som AI og IoT vil snart dominere internettet. Alt vil være meget mere automatiseret med hensyn til både udvikling og forbrug af nyt indhold.

vi håber, at denne artikel hjalp dig med at få nogle værdifulde indsigter i udviklingen og fremtiden for internetteknologier. Bliv ved med at følge vores blog for at holde dig opdateret om andre interessante udviklinger i landskabet!