30 acroniemen die webontwikkelaars moeten weten

Het jargon van de webontwikkelindustrie bevat zoveel afkortingen die we dag in dag uit gebruiken, dat het niet alleen ontmoedigend is voor beginners, maar soms ook moeilijk voor praktiserende ontwikkelaars om te volgen . De meesten van ons gebruiken veilig meer gebruikelijke acroniemen zoals HTML, CSS of HTTP, maar hoe zit het met de minder gebruikte of nieuwere?

In deze woordenlijst hebben we 30 acroniemen verzameld die veel worden gebruikt in de artikelen en discussies over de hedendaagse webontwikkeling om onze lezers te helpen bij te blijven met het hedendaagse industrielogo .

1. ARIA

Toegankelijke Rich Internet-toepassingen : soms ook gebruikt als WAI-ARIA .

Webstandaarden gepubliceerd door het World Wide Web Consortium (W3C). De ARIA-specificatie definieert verschillende front-endmethodologieën die webinhoud toegankelijk maken voor mensen met een handicap die internet gebruiken met ondersteunende technologieën (AT), zoals schermlezers.

2. ACSS

Atomic Cascading Style Sheets : een CSS-schrijfmethodologie ontwikkeld door Yahoo.

ACSS is gebaseerd op herbruikbare, single-purpose (Atomic) klassen en korte, voorspelbare klassennamen die het mogelijk maken om direct HTML te stijlen. Verstuiver is een hulpmiddel dat kan helpen bij het genereren van Atomic-klassen voor webprojecten.

3. AMP

Versnelde mobiele pagina's : een mobiele webstandaard geïnitieerd door Google met als doel het sneller maken van mobiele sites .

AMP beperkt de manier waarop we HTML, CSS en JavaScript kunnen gebruiken om de prestaties te verbeteren en biedt ons componenten die we kunnen gebruiken om externe bronnen te laden en scripts uit te voeren via de AMP-runtime.

4. API

Application Programming Interface : een set vooraf geschreven codefuncties (eigenschappen, methoden, klassen, enz.) Die zijn opgegeven door de uitgever van de API en die ons helpen best practices te gebruiken en consistente code te schrijven .

We kunnen kiezen uit veel web-API's, maar sociale media- en technologiesites, zoals Facebook, Twitter en Google publiceren ook hun eigen API's.

5. BEM

Block, Element, Modifier : een naamgevingsconventie voor het schrijven van leesbare, consistente en onderhoudbare CSS-klassen.

Wanneer we de BEM-methodologie gebruiken, creëren we klassen gedurende het hele project dat volgt op de syntaxis block__element--modifier .

• Blokken zijn de namen van zelfstandige eenheden, zoals het menu of de button .
• Elementen zijn verschillende delen of functionaliteiten van de blokken, zoals success of alert .
• Modifiers veranderen de stijl van blokken, zoals large of small . Bijvoorbeeld .button__alert--large zou een geldige BEM-klassenaam zijn.

6. CDN

Content Delivery Network : een netwerk van gedistribueerde servers die dubbele kopieën van onze webcontent opslaan .

Met CDN's kunnen we inhoud aan elke gebruiker leveren vanaf een server die dichter bij hun locatie staat of minder overbelast is . Op deze manier kunnen we betere prestaties behalen en de downtime van de server verminderen.

7. CMS

Content Management System : een software waarmee we verschillende soorten digitale inhoud kunnen publiceren, wijzigen en organiseren.

De meeste CMS's worden gebruikt voor webpublicatie, zoals WordPress, Drupal en Joomla. CMS's scheiden inhoud van presentatie en functionaliteit en maken het daarom mogelijk om webinhoud te beheren zonder enige codeerkennis.

8. CRUD

Maken, lezen, bijwerken, verwijderen : een term die wordt gebruikt in databasebeheer en bevat de vier basisfuncties van een permanente database.

In SQL zijn de vier gerelateerde opdrachten: INSERT (voor maken), SELECT (voor lezen), UPDATE (voor update) en DELETE (voor verwijderen).

CRUD-functies beschrijven de typische gegevenslevenscyclus op dynamische websites.

9. CSSOM

Cascading Style Sheets Objectmodel : een set API's die door browsers wordt gebruikt om CSS-stijlen correct weer te geven op een webpagina.

De CSSOM vertegenwoordigt alle CSS-stijlen (selectors en hun eigenschappen) op een webpagina als een kaart van knooppunten . CSSOM heeft een vergelijkbare boomstructuur als DOM, maar het is een afzonderlijk gegevensmodel.

10. CTA

Call-to-Action : een marketingterm die vaak wordt gebruikt in webdesign.

Een CTA is een bericht gericht aan gebruikers of potentiële klanten om onmiddellijk actie te ondernemen . In webontwerp zijn CTA's meestal verkapte links die erop gericht zijn gebruikers te verleiden om op een knop, banner, advertentie enzovoort te klikken .

11. DOM

Document Object Model : een API voor HTML- en XML-documenten, gebruikt door browsers om deze documenten weer te geven.

De DOM specificeert de logische structuur van een document en vertegenwoordigt het als een knoopboom waarin knooppunten objecten zijn die verschillende delen van het document vertegenwoordigen. Knooppunten kunnen worden gemaakt, gewijzigd en verwijderd.

12. ECMAScript (ES)

European Computer Manufacturers Association Script : een scripttaalspecificatie waarop de syntaxis van JavaScript - samen met JScript en ActionScript - is gebaseerd.

ECMAScript dankt zijn naam aan de European Computer Manufacturers Association, de organisatie die het heeft gestandaardiseerd.

13. FOSS

Gratis en Open Source-software : een software die vrij is in de zin dat deze geen beperkingen bevat voor auteursrechten en open-source in de zin dat iedereen de broncode van de software kan openen en wijzigen.

Soms ook aangeduid als FLOSS . Zie GNU 's standpunt over de FOSS vs. FLOSS-terminologie.

14. FTU

Eerste gebruik : de eerste keer dat een gebruiker een software laadt na de installatie .

FTU is een cruciaal onderdeel van het app-acceptatieproces . Gebruikersretentiegraden kunnen worden verbeterd als de gebruiker onboarding goed is ontworpen. Tijdens FTU kunnen we laten zien hoe een app werkt, of gebruikers belangrijke opties laten instellen (tijdzone, taal, voorkeuren, etc.).

15. GUI

Grafische gebruikersinterface : een type gebruikersinterface, in tegenstelling tot opdrachtgestuurde interfaces .

Een GUI maakt het mogelijk voor gebruikers zonder technische kennis om met een software te communiceren zonder commandotalen te leren, zoals MS-DOS. GUI's gebruiken grafische pictogrammen en een visuele taal om gebruikers in staat te stellen opdrachten aan de toepassing te geven en om invoer te verrichten.

16. IDE

Integrated Development Environment : Aa softwaretoepassing die ons voorziet van een programmeeromgeving die verschillende hulpmiddelen bevat die nodig zijn voor ontwikkeling en testen, zoals een broncode-editor, build automation tools, een compiler of interpreter en een debugger. Xcode, Eclipse en Visual Studio zijn voorbeelden van IDE's.

17. IIFE

Onmiddellijk opgeroepen functie-uitdrukking : een populair JavaScript-ontwerppatroon dat een lexicale reikwijdte creëert.

Een IIFE is een functie-uitdrukking die wordt uitgevoerd onmiddellijk nadat deze is geëvalueerd. Het kan worden gebruikt voor het opslaan van code die slechts één keer moet worden uitgevoerd, naamsamenstelling en het maken van privévariabelen en sluitingen.

Een IIFE gebruikt de volgende syntaxis:

 (function () {// code} ()); 

18. ITCSS

Cascading Style Sheets in omgekeerde driehoek : een schaalbare CSS-architectuur voor herbruikbare CSS-code .

ITCSS splitst CSS-eigenschappen op in niveaus op basis van hun specificiteit en belangrijkheid . De niveaus worden weergegeven als een omgekeerde driehoek waarin de specificiteit toeneemt van de platte bovenkant naar de punt aan de onderkant.

19. JSON

JavaScript-objectnotatie : een taalonafhankelijk, door mensen leesbaar gegevensformaat voor het uitwisselen van gegevens .

JSON kan objecten opslaan als verzamelingen van paren van naamwaarden en arrays als geordende waardenverzamelingen. De syntaxis is vergelijkbaar met die van JavaScript, daarom is dit het meest gebruikte gegevensformaat in JavaScript-gebaseerde applicaties.

20. LAMP

Linux, Apache, MySQL, PHP / Python / Perl : een populaire webstack voor het maken van dynamische websites.

De LAMP-stack bestaat uit Linux als besturingssysteem, Apache als webserver, MySQL als databasebeheersoftware en PHP, Perl of Python als scripttaal. De Windows-variant wordt WAMP genoemd, terwijl de OS X-variant MAMP is .

21. LTR / RTL

Links naar rechts / van rechts naar links : termen die worden gebruikt bij internationalisering

LTR en RTL zijn landinstellingen van de taal- of landinstellingen van een gebruikersinterface . LTR staat voor Left To Right, RTL staat voor Right to Left. Ze geven de richting van de tekst aan .

De meeste talen zijn LTR en interfaces zijn meestal voor hen ontworpen, maar u kunt eenvoudig RTL-ondersteuning toevoegen aan de meeste CMS's, zoals WordPress met het bestand rtl.css .

22. MEAN

MongoDB, Express.js, Angular, Node.js : een JavaScript-only webstack voor het maken van dynamische websites en webapplicaties.

De MEAN-stack bestaat uit de MongoDB NoSQL-database, het Express.js- webtoepassingsraamwerk, het Angular.js- frontendraamwerk en de JavaScript-runtime met knooppunten en werkt op elk besturingssysteem .

23. MVC

Model-View-Controller : een architecturaal patroon dat wordt gebruikt bij objectgeoriënteerd programmeren .

Het MVC-patroon houdt de datalogica gescheiden van de gebruikersinterface door objecten in drie groepen te groeperen: Modelobjecten voor de onderliggende gegevensstructuur en logica, View Objects voor de gebruikersinterface en Controller Objects voor het optreden als intermediair tussen andere objecten en voor taakcoördinatie .

24. OAuth

Open authenticatie : een open protocol dat veilige autorisatie mogelijk maakt op een veilige en gestandaardiseerde manier.

OAuth wordt vaak gebruikt als een methode om gebruikers in staat te stellen in te loggen op een site met behulp van services van derden, zoals Facebook, Twitter of Google - op deze manier wordt de barrière voor registratie verwijderd.

25. OOP

Object-georiënteerd programmeren : een programmeringsparadigma in tegenstelling tot procedurele programmering.

In OOP creëren we modellen die lijken op de echte wereld door gebruik te maken van vier hoofdprincipes: abstractie, inkapseling, overerving en polymorfisme . In het midden van OOP zijn er objecten die ingekapselde gegevens bevatten in de vorm van eigenschappen en methoden .

26. REGEX

Reguliere expressie : een tekstpatroon dat wordt gebruikt voor het matchen van tekencombinaties in verschillende tekenreeksen.

Regex maakt het mogelijk om eenvoudig bepaalde reeksen tekens in een tekst te zoeken en gebruikersinvoer te valideren . Regex is onderdeel van veel populaire programmeertalen, zoals JavaScript, PHP, Python, Ruby, Java en andere.

27. RUST

Representational State Transfer : een set van architecturale richtlijnen voor het ontwerpen van software voor gegevensoverdracht tussen client en server. Volgens de principes van de REST-architectuur kunnen we RESTful API's maken voor onze webapplicaties.

28. SCM

Source Control Management : een systeem voor het beheren van meerdere versies van hetzelfde document, dezelfde toepassing, dezelfde code of andere soorten informatie. Dit wordt ook versie- of revisiebeheer genoemd .

SCM maakt het mogelijk wijzigingen bij te houden en informatieverlies te voorkomen . De meest populaire SCM-systemen zijn Git en SVN .

29. SMACSS

Schaalbare en modulaire architectuur voor trapsgewijze stijlfolders : een CSS-schrijfmethodologie waarmee we CSS-code kunnen modulariseren en leesbaar en onderhoudbaar maken.

SMACSS definieert 5 soorten stijlregels (basis, lay-out, module, staat, thema) en identificeert ze met verschillende selectorprefixen.

30. WYSIWYG

Wat u ziet, is wat u krijgt : een type inhoudeditor waarmee gebruikers tekst, afbeeldingen en andere inhoudstypen kunnen bewerken zonder enige opmaak te hoeven schrijven .

In een WYSIWYG-editor kunnen gebruikers zien hoe het eindresultaat eruit zal zien terwijl ze de inhoud maken. De interface voor het bewerken van berichten van WordPress en de meeste blogplatforms zijn goede voorbeelden van WYSIWYG-systemen.

25 Awesome GoPro HERO3 + accessoires die u kunt kopen

GoPro-oprichter Nick Woodman heeft onlangs de nieuwste update voor HERO3 uitgebracht, de HERO3 +, die de lens verbeterde onder andere extra functies voor dezelfde prijs. Met de GoPro kun je geweldige actievolgorde-foto's en video's maken, want deze is klein en kan eenvoudig overal worden gemonteerd (zelfs als Superman erop staat)

(Technische en ontwerptips)

10 Killer Adobe Photoshop-tips voor ontwerpers

Geloof het of niet, als je Photoshop gebruikt om een ​​website te ontwerpen, ben je op het goede pad om een ​​succesvolle webontwerper te worden. Dit komt simpelweg doordat Photoshop een van de meest geavanceerde tools in de ontwerpindustrie is die uw creatieve verbeeldingskracht kunnen laten uitkomen met zijn overvloed aan professionele tools die uw productiviteit op hetzelfde moment verhogen.Maar ho

(Technische en ontwerptips)