Share
Webutvikling kan ofte være en helt forvirrende affære. I dag, rettet mot nybegynnere, vil jeg gjerne introdusere deg til tjuefem konsepter eller teknologier, hver kartlegging til et bokstav i alfabetet. Høres bra ut? Det er sannsynligvis! La oss komme i gang etter hoppet.
Publisert opplæringNoen få uker besøker vi noen av leserens favorittinnlegg fra hele historien til nettstedet. Denne opplæringen ble først publisert i mars 2011.
AJAX står for asynkron JavaScript og XML og er den viktigste drivkraften bak alle disse superglatte webapplikasjonene du har brukt de siste årene.
AJAX, som en teknologi, har vært ganske mye allsidig. GMail? Kryss av. Flickr? Kryss av. eBay? Kryss av. Du kan til og med finne den i WordPress 'administrasjonspanel. Så hva gjør det og hvordan gjør det det?
I sentrum av alt er XMLHttpRequest som tillater samtaler å bli sendt og mottatt, etter en side er fullstendig gjengitt uten å berøre resten av siden. Dette betyr i hovedsak at et webprogram ikke trenger å gå gjennom en fullstendig oppdatering for hver handling. Dette gir igjen en mye jevnere, mye nedslående, desktop-lignende brukeropplevelse.
Relatert lesing
En nettleser er den underbygde strukturen som du rammer dine fantastiske mesterverk, det være seg nettsteder eller applikasjoner. De er ikke begrenset til å hente nettsteder selv - moderne nettlesere er ganske multitasking dyrene. Min installasjon, for eksempel, tapper til IRC, FTPs i utviklingsserverne og synkroniserer legitimasjonene mine på alle enheter jeg bruker.
Som du kanskje har surmised, er nettlesere samtidig årsaken til mye hurrarop og raseri til den moderne webutvikleren - de er uvurderlige verktøy, så vel som irriterende dyr. Enhver utvikler som må sørge for at hans arbeid må se ut perfekt i hver nettleseren vil vite smerten.
Relatert lesing
CSS er en tønne av utviklingstridenten på frontenden. CSS, som står for Cascading Style Sheets, er språket du definerer hvordan en side vises - presentasjonen, hvis du vil.
Under horror dager av webutvikling, vil utviklere ofte veve presentasjonskoden i sin kilde. CSS, blant andre teknologier, lindret dette sterkt ved å gi en metode for å splitte presentasjonen fra innholdet.
Relatert lesing
DOM, en forkortelse av Document Object Model, er den aksepterte konvensjonen for interaksjon med HTML [eller XML] dokumenter. DOM API gir deg mulighet til å krysse og manipulere et dokument programmatisk.
DOM oppretter et hierarki som samsvarer med strukturen til det analyserte HTML-dokumentet. Barnene kalles noder eller DOM noder.
Hvis du hører noen som snakker om DOM, er det sjansene, de snakker om DOM-skripting. Dette er begrepet som brukes til å beskrive programmatisk tilgang og manipulering av DOM gjennom JavaScript. Dette er teknologien bak de fleste moderne nettsider og applikasjoner du ser i dag.
Relatert lesing
Moderne webapplikasjoner er dypt hendelsesdrevne saker. Men hva er en hendelse? De fleste ting du gjør på en nettside utgjør en hendelse. Den trepidatiske hoveren over en morsom, men muligens NSFW-lenke, ved å klikke på en knapp, trykker du på kategorien for å flytte til neste tekstfelt er alle gyldige hendelser.
Hendelsehåndtering refererer til prosessen der vi legger til en bestemt del av koden som skal kjøres når en bestemt hendelse blir sparket. Igjen er dette et av de grunnleggende konseptene bak moderne webutvikling som du må mestre.
Relatert lesing
Noen håndverkere trenger verktøyene sine for å jobbe effektivt. Webutviklere er ikke avvik fra denne regelen. En av de mest robuste verktøyene rundt er Firebug.
Firebug er en Firefox-utvidelse som vil galvanisere arbeidsflyten din. Det lar deg redigere og overvåke en side er alle aspekter i fly. Jeg kan ikke forklare alle funksjonene det gir, så sørg for å treffe linkene under.
Relatert lesing
Gitter er de visuelle rammene på hvilke sider struktureres. Ported over fra den en gang voksende utskriftsindustrien, er grids en viktig del av den moderne webutviklings arbeidsflyten.
Det finnes en rekke CSS-rammer som tilrettelegger for akkurat dette behovet siden å bygge et nettbasert layout, for et ikke-trivielt antall sider og layouter, kan være en øvelse i masochisme.
Relatert lesing
Hvis du leser dette i dag, har du sannsynligvis allerede en vag idé om hva dette er. Hvis du ble lurt inn i denne lenken skjønt, les videre. Forresten, velkommen til Nettuts! Vi skriver om webutvikling, informasjonskapsler og Justin Bieber.
HTML står for HyperText Markup Language, defacto markup språket på nettet - det er til nettsider som murstein er til boliger. HTML består av flere komponenter eller elementer - koder, tagattributter og innholdet som er vedlagt i kodene.
Den nyeste versjonen av HTML-standarden, HTML5, ligger nå over oss, og inneholder en rekke nye funksjoner, strømlinjeforme arbeidsflyten og fikse noen inkompatibiliteter.
Relatert lesing
Ahh, Internet Explorer. Navnet fremkaller både ærefrykt og sinne. En gang en helt som førte fram imponerende nye funksjoner til markedet, gikk det med en hånd for å flytte bransjen fremover, og den droppet også ballen ved å la nettleseren stablere. Til dato er det også den ledende årsaken til alopecia i fremre endene utviklere. Etter et tiår med vold, er den nyeste versjonen av Internet Explorer 9, nok en gang på riktig vei mot innovasjon.
Uansett hva din holdning til Internet Explorer er, er det en inneboende og uløselig del av webutviklingsprosessen.
Relatert lesing
JavaScript er det endelige medlemmet av den viktige webutviklings-trioen. JavaScript, som ikke er Java, er skriptspråket på nettet. Dens bruk i milliarder av nettsider og, enda viktigere, nettsider stakes som hevder. Du definerer oppførsel gjennom JavaScript - administrerer hendelser, manipulerer DOM og snakker til serveren.
Takket være den utrolige adopsjonen av biblioteker, som jQuery, har kunnskap og kunnskap om JavaScript vokst hvert år, år etter år. Jeg synes det er riktig å si at JavaScript er et absolutt must for hver moderne webutvikler.
Relatert lesing
SEO relaterer seg bare tangentielt til webutvikling, men selv da er det viktig for en webutvikler å ha grunnleggende kunnskap om hva SEO er og hva det gjør.
Søkeordoptimalisering refererer til prosessen med å velge riktige søkeord for nettstedet ditt og deretter optimere dem slik at målgruppen din kan finne nettstedet ditt. Mens du er dabbling med alle tenets av SEO, husk dette: innhold er konge. Hvis du har dårlig innhold med utmerket SEO, vil brukerne finne deg, men forlate kort tid etter. Hvis du har godt innhold, vil brukerne finne deg og bli.
Relatert lesing
Mindre er et stilarkspråk med noen få esser på ermene. Deres nettsted sier det LESS utvider CSS med dynamisk oppførsel som variabler, mixins, operasjoner og funksjoner og jeg er tilbøyelig til å være enig.
Mindre er CSS på anabole steroider. Ja, det hørtes bedre i hodet mitt, men du vet hva det betyr. Det bringer konseptene til et dynamisk språk til CSS og gjør dermed humongous stylesheets mye lettere å administrere.
Relatert lesing
Model View Controller-mønsteret, bedre kjent som MVC, er en av de mest brukte i webutviklingsverdenen. Det er et arkitektonisk mønster som skiller hver del av et webprogram i logiske biter for bedre vedlikehold - modeller håndterer data, visninger håndterer presentasjon mens kontrolleren koordinerer informasjonsflyten mellom de to.
Hvis du har brukt et moderne webutviklingsramme, har du brukt MVC. Ruby on Rails, Code Igniter og Zend Framework bruker alle dette mønsteret.
Relatert lesing
Node.JS innledet en ny epoke med webutvikling. Det gjør det mulig å kjøre JavaScript på en utrolig rask VM [V8]. Konsekvensene av et slikt paradigmeskifte kan ikke være umiddelbart synlige, men en time eller så med det vil gjøre det klart som dag.
Utrolig fart samt evnen til å administrere tusenvis av samtidige IO-hendelser er de viktigste snakkepunktene sammen med den nærmeste universelle JavaScript-utviklerbrukerbasen.
Relatert lesing
Objektorientert programmering har blitt mye vedtatt av programmeringssamfunnet for fleksibiliteten det bringer til bordet. Med OOP kan du skrive noen linjer med kode, gjøre det mer DRYer og dermed mye lettere å vedlikeholde.
Men hva er et objekt? Det er ganske vanskelig å forklare det i en enkelt semantisk selvstendig setning, så vær sikker på å treffe linkene under!
Relatert lesing
PHP er utvilsomt det mest populære språket for server-siden - det står for millioner, muligens milliarder, av nettsider og applikasjoner.
Selv i møte med en rekke nyere, uten tvil bedre alternativer for å skrive webapplikasjoner, har PHP ikke bare overlevd men blomstret. WordPress, Joomla, Drupal, MediaWiki alle bruker PHP bak kulissene. En av hovedgrunnene er den enkle distribusjonen og den relative lettheten som du kan finne verter som støtter PHP.
Relatert lesing
En forespørsel, i vår sammenheng, kan referere til en rekke ting. Et spørrespråk brukes til å koble til eksterne systemer for å få informasjon. SQL er et fint eksempel som brukes til å skaffe informasjon fra relasjonsdatabaser.
En spørringsstreng, derimot, er biter av informasjon som sendes til webapplikasjon som en del av nettadressen. Disse dataene er kanskje alt fra siden brukeren prøver å få tilgang til autorisasjons-IDen til en transaksjon. Forespørselsstrenger er formatert som nøkkelverdipar.
Relatert lesing
Vanlige uttrykk gir en fleksibel måte å matche tekststrenger med bestemte mønstre. Den er skrevet på et spesifikt språk som tolkes av en parser. Alle moderne språk kommer med jevn uttrykksstøtte.
Relatert lesing
Kildekontroll er et uttrykk som er utbredt i hele utviklingssamfunnet, uansett hvilket aspekt de er fokusert på - programmerere som arbeider med alt fra bare metall til cloud computing, bruker kildekontroll.
Men hva er det? Enkelt sagt, gir kildekontroll et team av utviklere arbeid på samme delmengde av filer med endringer gjort av hvert medlem som kan spores og identifiseres. Hver versjon av kodebasen kan sammenlignes, slås sammen eller til og med gjenopprettes.
Relatert lesing
Igjen, en av de vanlige elementene blant nesten alle utviklere. TDD står for testdrevet utvikling og refererer til prosessen der kode og automatiserte tester for å teste at koden er skrevet nær samtidig. Dette fjerner mye av kjedelig programvare testing og dermed oppfordrer utviklere til å teste oftere.
Relatert lesing
Enhetstesting er en delmengde av TFF hvor små enheter av kildekoden blir testet for å sikre at de er klare for produksjon. Mens en enhet ofte refererer til en metode i OOP, refererer det generelt til den minste delen av et program som kan testes uavhengig.
Relatert lesing
Vim er en dyppolariserende tekstredaktør som den kjente hip Nettuts-redaktøren, Jeffrey Way, bruker. Vim er gratis, åpen kildekode og toppfunksjon pakket. På baksiden er lærekurven nesten uutholdelig bratt og uten de riktige ressursene, vil du gå tapt i lang tid. Klikk på linkene under for å se om det er verdt bryteren.
Relatert lesing
Redaktørens merknad: Nettuts + teamet kan verken bekrefte eller nekte at Nettuts + editoren er ... "hip".
WordPress startet som et minimalt blogging system, men i sin nåværende tilstand er imponerende utvidbar. Det er utvidbart til det punktet at det blir brukt som alt fra et CMS til et e-handelssystem til alt i mellom.
Det har også en nesten kult gruppe tilhenger som består av både utviklere og designere som sverger på plattformen, og gjør det til en pålitelig plattform for å basere din kommende nettside.
Relatert lesing
XSS står for cross-site scripting. Det er en av en rekke mulige sikkerhetskomchaser du kan møte når du oppretter en webapplikasjon.
XSS refererer til at man laster opp det sårbare nettstedet eller programmet med skadelige skript for å få forhøyede rettigheter eller sensitiv informasjon, ofte begge.
Relatert lesing
Yahoo User Interface Library er et JavaScript-bibliotek som forenkler prosessen med å lage interaktive webapplikasjoner. Som de fleste moderne biblioteker, gir den støtte til DOM-manipulasjon og AJAX ut av boksen.
Selv om det ikke er så godt kjent som jQuery, har YUI fortsatt en ikke-triviell brukerbase. og er aktivt utviklet.
Relatert lesing
Z-indeksen er en CSS-egenskap som definerer hvordan et element er stablet på en side - det definerer hvor nær et element er øverst på visningsporten. Et høyere tall betyr at det vil vises på toppen av elementer med et lavere nummer.
Selv om denne egenskapen kan være relativt spesialisert, kommer dette inn i spillet nesten med en gang når du bygger widgets eller mer kompliserte webdesign.
Relatert lesing
Og vi er ferdige. Jeg håper du hadde så mye å lese dette som jeg hadde satt sammen. Takk så mye for å lese!
Accentsconagua