30 Akronymer Webutviklere bør vite

Jargongen til webutviklingsbransjen inneholder så mange akronymer vi bruker dag ut og dag ut, at det ikke bare er skremmende for nybegynnere, men noen ganger også vanskelig for å praktisere utviklere å følge . De fleste av oss bruker trygt mer vanlige akronymer som HTML, CSS eller HTTP, men hva med de mindre brukte eller nyere?

I denne ordlisten har vi samlet 30 akronymer som ofte brukes i dagens webutviklingsartikler og diskusjoner for å hjelpe våre lesere å holde tritt med dagens bransjelingo .

1. ARIA

Tilgjengelig Rich Internet Applications : Noen ganger også brukt som WAI-ARIA .

Webstandarder publisert av World Wide Web Consortium (W3C). ARIA-spesifikasjonen definerer ulike front-end-metoder som gjør at webinnholdet er tilgjengelig for funksjonshemmede som får tilgang til nettet med hjelpemidler (AT), for eksempel skjermlesere.

2. ACSS

Atomic Cascading Style Sheets : en CSS skrivemetode utviklet av Yahoo.

ACSS er basert på gjenbrukbare, single-purpose (Atomic) klasser og korte, forutsigbare klassenavn som gjør det mulig å style direkte HTML. Atomizer er et verktøy som kan bidra til å generere atomklasser for webprosjekter.

3. AMP

Accelerated Mobile Pages : en mobilnettstandard initiert av Google med det formål å gjøre mobilnettsteder raskere .

AMP begrenser hvordan vi kan bruke HTML, CSS og JavaScript for å forbedre ytelsen, og det gir oss komponenter som vi kan bruke til å laste eksterne ressurser og kjøre skript via AMP-kjøretiden.

4. API

Applikasjonsprogrammeringsgrensesnitt : Et sett med forhåndskrevne kodefunksjoner (egenskaper, metoder, klasser, etc.) spesifisert av utgiveren av API, som hjelper oss å bruke beste praksis og skrive konsistent kode .

Vi kan velge mellom mange web-APIer, men sosiale medier og teknologisider, som Facebook, Twitter og Google, publiserer også sine egne APIer.

5. BEM

Blokk, Element, Modifier : En navngivningskonvensjon for å skrive lesbare, konsekvente og vedlikeholdbare CSS-klasser.

Når vi bruker BEM-metoden, oppretter vi klasser gjennom hele prosjektet som følger block__element--modifier .

• Blokker er navnene på frittstående enheter, for eksempel menu eller button .
• Elementer er forskjellige deler eller funksjonaliteter av blokkene, for eksempel success eller alert .
• Modifikatorer endrer stilen til blokker, for eksempel large eller small . For eksempel, .button__alert--large ville være et gyldig BEM-klassenavn.

6. CDN

Content Delivery Network : et nettverk av distribuerte servere som lagrer duplikatkopier av vårt webinnhold.

CDNer tillater oss å levere innhold til hver bruker fra en server som er nærmere plasseringen eller mindre overbelastet . På denne måten kan vi oppnå bedre ytelse og redusere nedetid på serveren.

7. CMS

Content Management System : En programvare som lar oss publisere, modifisere og organisere ulike typer digitalt innhold.

De fleste CMSs brukes til webpublisering, for eksempel WordPress, Drupal og Joomla. CMSer skiller innhold fra presentasjon og funksjonalitet, og gjør det derfor mulig å administrere webinnhold uten kodende kunnskap.

8. KRUD

Opprett, les, oppdater, slett : et begrep som brukes i databaseadministrasjon, den inneholder de fire grunnleggende funksjonene til en vedvarende database.

I SQL er de fire relaterte kommandoene: INSERT (for Create), SELECT (for Read), UPDATE (for Update) og DELETE (for Delete).

CRUD-funksjoner beskriver den typiske data livssyklusen på dynamiske nettsteder.

9. CSSOM

Cascading Style Sheets Objektmodell : Et sett med APIer som brukes av nettlesere for å gjengi CSS-stiler på en nettside.

CSSOM representerer alle CSS-stiler (selektorer og deres egenskaper) på en nettside som et kart over noder . CSSOM har en lignende trestruktur til DOM, men det er en egen datamodell.

10. CTA

Call-to-Action : et markedsføringsbegrep som ofte brukes i webdesign.

En CTA er en melding rettet mot brukere eller potensielle kunder for å treffe umiddelbar handling . I webdesign er CTA vanligvis kledd opp koblinger som tar sikte på å lokke brukere til å klikke på en knapp, et banner, en annonse osv.

11. DOM

Dokumentobjektmodell : En API for HTML- og XML-dokumenter, som brukes av nettlesere til å gjengi disse dokumentene.

DOM angir den logiske strukturen til et dokument, og representerer det som et node-tre der noder er objekter som representerer forskjellige deler av dokumentet. Noder kan opprettes, endres og fjernes.

12. ECMAScript (ES)

European Computer Manufacturers Association Script : en skriptspråkspesifikasjon der syntaksen til JavaScript - sammen med JScript og ActionScript - er basert.

ECMAScript fikk navnet sitt fra European Computer Manufacturers Association, organisasjonen som standardiserte den.

13. FOSS

Gratis og åpen kildekode-programvare : En programvare som er ledig i den forstand at den ikke har noen begrensninger på opphavsrett og åpen kilde i den forstand at alle kan få tilgang til og modifisere kildekoden til programvaren.

Noen ganger også referert til som FLOSS . Se GNUs holdning til FOSS vs. FLOSS-terminologien.

14. FTU

Første gangs bruk : Første gang en bruker laster inn en programvare etter installasjonen .

FTU er en viktig del av app-adopsjonsprosessen . Brukerretensjonshastigheten kan forbedres dersom brukeren på bordet er riktig utformet. Under FTU kan vi vise hvordan en app fungerer, eller la brukerne sette viktige alternativer (tidssone, språk, preferanser, etc.).

15. GUI

Grafisk brukergrensesnitt : En type brukergrensesnitt, i motsetning til kommandobaserte grensesnitt .

En GUI gjør det mulig for brukere uten teknisk kunnskap å samhandle med en programvare uten å lære kommandospråk, for eksempel MS-DOS. GUIer bruker grafiske ikoner og et visuelt språk for å gi brukerne mulighet til å gi kommandoer til applikasjonen, og å ta innspill.

16. IDE

Integrert utviklingsmiljø : Aa-programvare som gir oss et programmeringsmiljø som integrerer ulike verktøy som trengs for utvikling og testing, for eksempel kildekodeditor, byggeautomatiseringsverktøy, kompilator eller tolk og en debugger. Xcode, Eclipse og Visual Studio er eksempler på IDEer.

17. IIFE

Umiddelbart Invoked Function Expression : Et populært JavaScript designmønster som skaper et leksikalsk omfang.

En IIFE er et funksjonsuttrykk som utføres umiddelbart etter at det er evaluert. Den kan brukes til lagring av kode som bare må utføres én gang, namespacing, og opprette private variabler og nedleggelser.

En IIFE bruker følgende syntaks:

 (funksjon () {// kode} ()); 

18. ITCSS

Inverted Triangle Cascading Style Sheets : en skalerbar CSS-arkitektur for gjenbrukbar CSS-kode .

ITCSS deler CSS egenskaper i nivåer basert på deres spesifisering og betydning . Nivåene er representert som en omvendt trekant hvor spesifisiteten øker fra den flate toppen til spissen nederst.

19. JSON

JavaScript Objekt Notation : et språk-uavhengig, menneskelig lesbart dataformat for utveksling av data .

JSON kan lagre objekter som samlinger av navn-verdi par, og arrays som bestilte samlinger av verdier. Syntaxen ligner på JavaScript, derfor er det det vanligste dataformatet i JavaScript-baserte applikasjoner.

20. LAMP

Linux, Apache, MySQL, PHP / Python / Perl : En populær webstabel for å lage dynamiske nettsteder.

LAMP-stakken består av Linux som operativsystem, Apache som webserver, MySQL som databasehåndteringsprogramvare, og PHP, Perl eller Python som skriptspråk. Windows-varianten heter WAMP, mens OS X-varianten er MAMP .

21. LTR / RTL

Venstre til høyre / høyre til venstre : vilkår som brukes i internasjonalisering

LTR og RTL er lokale egenskaper av språk- eller landinnstillingene til en brukergrensesnitt . LTR står for venstre til høyre, RTL står for høyre til venstre. De angir retningen for teksten .

De fleste språk er LTR og grensesnitt er vanligvis designet for dem, men du kan enkelt legge til RTL-støtte til de fleste CMS, for eksempel til WordPress med rtl.css filen.

22. MEAN

MongoDB, Express.js, Angular, Node.js : En JavaScript-kun webstabel for å lage dynamiske nettsteder og webapplikasjoner.

MEAN-stakken består av MongoDB NoSQL-databasen, Express.js webapplikasjonsramme, Angular.js frontend-rammeverket, og Node JavaScript runtime, og det kjører på hvilket som helst operativsystem .

23. MVC

Model-View-Controller : Et arkitektonisk mønster som brukes i objektorientert programmering .

MVC-mønsteret holder datalogikken skilt fra brukergrensesnittet ved å gruppere objekter i tre grupper: Modellobjekter for den underliggende datastrukturen og logikken, Vis objekter for brukergrensesnittet og Controller Objects for å fungere som mellomledd mellom andre objekter og for oppgavekoordinering .

24. OAuth

Åpen godkjenning : En åpen protokoll som muliggjør sikker autorisasjon på en sikker og standardisert måte.

OAuth brukes ofte som en metode for at brukerne kan logge på et nettsted ved hjelp av tredjepartstjenester, for eksempel Facebook, Twitter eller Google - på denne måten fjerner du registreringsbarrieren.

25. OOP

Objektorientert programmering : Et programmeringsparadigm i motsetning til prosessorisk programmering.

I OOP lager vi modeller som ligner det virkelige miljøet ved å bruke fire hovedprinsipper: abstraksjon, innkapsling, arv og polymorfisme . I sentrum av OOP er det objekter som holder innkapslede data i form av egenskaper og metoder .

26. REGEX

Vanlig uttrykk : Et tekstmønster som brukes til å kombinere tegnkombinasjoner i forskjellige strenger.

Regex gjør det mulig å enkelt søke bestemte sekvenser av tegn i en tekst, og å validere brukerinngang . Regex er en del av mange populære programmeringsspråk, for eksempel JavaScript, PHP, Python, Ruby, Java og andre.

27. REST

Representasjonsstatistikkoverføring : Et sett med programvaredesign arkitektoniske retningslinjer for dataoverføring mellom klient og server. Etter prinsippene i REST-arkitekturen kan vi lage RESTful APIer for våre webapplikasjoner.

28. SCM

Source Control Management : et system for å administrere flere versjoner av samme dokument, program, kode eller annen form for informasjon. Også kalt versjon eller revisjonskontrollhåndtering .

SCM gjør det mulig å holde oversikt over endringer, og forhindre tap av informasjon . De mest populære SCM-systemene er Git og SVN .

29. SMACSS

Skalerbar og modulær arkitektur for Cascading Style Sheets : En CSS skrivemetode som lar oss modulere CSS-koden og gjøre den mer lesbar og vedlikeholdsbar.

SMACSS definerer 5 typer stilregler (base, layout, modul, tilstand, tema), og identifiserer dem med forskjellige velgpreferanser.

30. WYSIWYG

Hva du ser er hva du får : En type innholdsredigerer som lar brukerne redigere tekst, bilder og andre innholdstyper uten å skrive noen oppføring .

I en WYSIWYG-editor kan brukerne se hvordan sluttresultatet vil se ut mens de lager innholdet. Postredigeringsgrensesnittet til WordPress og de fleste bloggingplattformer er gode eksempler på WYSIWYG-systemer.

Slik legger du til stiler til TinyMCE og Markdown Content

Mange forfattere foretrekker å jobbe i Markdown fordi det er et enklere språk med færre hindringer å klatre. Gitt det er langt fra perfekt, men det gir en renere visning av teksten din med enkel eksport til HTML .Dessverre er standard Markdown-stiler vanligvis ganske kjedelige. Men med biblioteket wysiwyg.css

(Tekniske og design tips)

15 nyttige slakk tips du bør vite

Slacks enkelhet og allsidighet gjorde det raskt til et av de mest kraftige produktivitetsverktøyene i våre dager, hvor mange lag stoler på sin daglige kommunikasjon . Men på tross av det ukompliserte brukergrensesnittet, kan vi likevel savne noen av sine nyttige og til og med quirky innstillinger - minst hvis vi ikke ser på de riktige stedene.Så,

(Tekniske og design tips)