Annons

Webbplatsdesign och utveckling är 2000-talets fabriksjobb: bra lön och förmåner, anständiga arbetstider och utsikterna till avancemang. Vi visar dig vilka grundläggande färdigheter du kan börja lära dig nu för att få en rivstart i detta spännande område.

Internet är grunden för hur vi arbetar och spelar idag – oavsett om det är att använda digitala gränssnitt, spendera våra dagar med att koda eller shoppa klockan 03.00 i sängen. Viss kunskap om webbutveckling håller på att bli en viktig färdighet för den moderna kunskapsarbetaren. De som förstår hur man skapar i den här branschen är de som kommer att vara de mest konkurrenskraftiga och säkra under 2000-talet.

Vi listar grunderna för detta område och ger dig en bra grund att gå vidare.

1. HyperText Markup Language, version 5 (HTML5)

En webbutvecklare använder HTML för att skapa webbsidor. Det är både ett språk och en uppsättning tekniker som får den moderna webben att fungera och som kan stödja rikt interaktivt och multimedialt innehåll. Den nya versionen, HTML5, ger många fler alternativ och möjligheter än tidigare.

instagram viewer
Ett diagram som visar huvuddelarna av ett HTML-element

Du behöver en gedigen kunskap om HTML eftersom det är grunden för webbinnehåll, och din skicklighet i HTML5 kommer att avgöra hur väl du kan bemästra andra tekniker som fungerar med det. Lyckligtvis för dig har vi en HTML5-primer redo att användas Kom igång med HTML5Du har hört talas om HTML5. Alla använder det. Det har utropats som Internets räddare, vilket gör det möjligt för människor att skapa rika, engagerande webbsidor utan att behöva använda Flash och Shockwave. Läs mer .

2. Cascading Style Sheets, nivå 3 (CSS3)

CSS används av en webbutvecklare för att tillhandahålla webbläsarens visuella utseende och känsla. Den nuvarande praktiska standarden är CSS Level 3. "Moduler" som bär nivå 3 som befinner sig i den stabila utvecklingsfasen är värda att lära sig. Många moduler i "testning" är också ute i naturen. En av de viktigaste och senaste är flexbox. Även om det var svårt att skapa komplexa layouter tidigare, satte flexbox en ny standard som alla utvecklare vill ta till sig.

7 programmeringsfärdigheter Alla webbplatsutvecklare bör känna till css-regler 563x315

Du kan se hur HTML5 och CSS3 fungerar tillsammans genom att följa med några av handledningarna vi granskade 2015 Lär dig HTML och CSS med dessa steg för steg handledningarNyfiken på HTML, CSS och JavaScript? Om du tror att du har en förmåga att lära dig hur man skapar webbplatser från grunden -- här är några bra steg-för-steg-tutorials värda att prova. Läs mer .

3. JavaScript (JS)

JavaScript gör webbsidor interaktiva. HTML5 ansvarar för vad en webbsida innehåller, CSS skapar dess utseende och känsla, men bara JavaScript talar om för en webbsida hur den ska bete sig. Utan JavaScript skulle webbsidor vara statiska och oföränderliga.

JavaScript är den sista i trion av tekniker som webbutvecklare använder för skapa "gränssnittet" (den del av webbplatsen du ser och interagerar med) Skapa webbgränssnitt: Var ska du börjaVi visar dig hur webbgränssnitt går sönder, och pekar sedan på nyckelbegrepp, verktyg och byggstenar som behövs för att göra dig själv till en webbdesigner från 2000-talet. Läs mer .

Asynkron JavaScript och XML (Ajax)

Detta är mindre en separat teknik än ett sätt att använda JavaScript för att skapa webbapplikationer med förbättrad interaktion. Ajax laddar ner data i bakgrunden (asynkront) och låter en sida uppdateras automatiskt utan att gå in i en uppdaterings-och-vänta-cykel. Gmail, Google Maps och Google Docs använder sig alla mycket av denna teknik. Du kan läs mer på Mozilla-utvecklarens nätverk.

4. PHP Hypertext Processor

PHP är ett skriptspråk på serversidan som webbutvecklare använder för att generera dynamiska sidor på en server - servern kör ett program och skickar sedan utdata till din webbläsare. PHP kommer att generera webbsidan delvis från innehållet i en databas (bilden nedan).

PHP är en av många server-side-lösningar för samma användning. Andra i den här kategorin inkluderar: Java, Ruby on Rails, Asp.net, Pytonorm, och Perl.

7 programmeringsfärdigheter som alla webbplatsutvecklare bör känna till 1015px Scheme dynamic page sv
Bildkredit: Randomicc via Wikimedia

PHP är dock grundläggande för WordPress innehållshanteringssystem, som ligger bakom nästan en tredjedel av webbplatserna på internet. Det finns också inom Drupal, Facebook, Magento, och Slak.

Även om varje språk har sina för- och nackdelar, råder det ingen tvekan om att det finns gott om applikationer för det när du väl har gjort det lär dig PHP Lär dig bygga med PHP: en snabbkursPHP är det språk som Facebook och Wikipedia använder för att betjäna miljarder förfrågningar dagligen; det de facto språk som används för att lära människor webbprogrammering. Det är vackert enkelt, men briljant kraftfullt. Läs mer .

5. Structured Query Language (SQL)

SQL är namnet på en familj av språk som pratar med en databas, som lagrar huvuddelen av den information som behövs för en webbplats idag. MySQL är en av de populära varianterna, både för att den är öppen källkod och för att den presterar bra i genomsnittliga förhållanden.

7 programmeringsfärdigheter som alla webbplatsutvecklare bör känna till 831px SQL ANATOMY wiki
Bildkredit: Ferdna via Wikimedia

Du kan öva på att skriva SQL på din egen dator om du har MS Office installerat Hur man skriver Microsoft Access SQL-frågor från grundenMicrosoft Access är en av de minst använda produkterna i Office-familjen. Men det är också det mest kraftfulla. Så här kan du använda dem med SQL-frågespråket. Läs mer .

6. Version Control Systems (VCS)

Versionskontroll är en uppsättning rutiner för att strukturera ändringar i koden. Versionskontroll löser problemet med att inte förstå vilken ändring av en kodbas som skapade en framgång eller ett misslyckande. Genom att spåra ändringarna i koden i ett grendiagram, webbplatsprogrammerare kan förstå när koden bröts och av vilka skäl Vad är Git och varför du bör använda versionskontroll om du är en utvecklareSom webbutvecklare brukar vi ofta arbeta på lokala utvecklingssajter och sedan ladda upp allt när vi är klara. Det här är bra när det bara är du och förändringarna är små,... Läs mer .

Git är den mest använda mjukvaran för versionskontroll. GitHub är en av de mest populära platserna på internet för utvecklare att prata och jämföra anteckningar, så det är väl värt dags att förstå detta viktiga verktyg och bli en del av en större gemenskap av kodare som utbyter idéer och koda.

7. Agil metodik

Agil metodik är mindre en teknik än en teknik för utveckling. Det står i kontrast till vad som var standarden: sekventiell (eller "vattenfall") utveckling. Denna traditionella utvecklingsmetod sträcker sig från en inledande fas av design, går genom utveckling, till testning och slutligen till release och sedan underhåll. Agil metodik är avsedd att ta itu med den upplevda statiska och oflexibla ordningen för dessa steg.

Med Agile är iteration och evolution viktigare än sekventiell progression. Även om ett "vattenfall" bara kan gå åt ett håll (nedåt), Agile är mer cykliskt. Den mest använda agila metoden är KLUNGA, och om du är intresserad av att arbeta med modern mjukvaruutveckling, förväntas det att du åtminstone har en övergående förtrogenhet med denna arbetsstil.

7 programmeringsfärdigheter Alla webbplatsutvecklare bör känna till 1000px Scrum-process
Bildkredit: Lakeworks via Wikimedia

Slutsats

Även om det finns många fler än åtta programmeringskunskaper som webbplatsutvecklare bör känna till, skulle du vara försumlig om du inte förstod grunderna i var och en av dessa åtta.

Så vad väntar du på? Har du redan börjat lära dig webbutveckling och har ett annat förhållningssätt? Vi vill höra från dig i kommentarerna nedan!

Rodrigo tycker om tekniskt skrivande, webbutveckling och användarupplevelse. När han inte övertänker processen, slår iväg på ett tangentbord eller trycker pixlar, njuter han av naturen och cyberpunkkulturen.