30 Acronimi Gli sviluppatori Web dovrebbero sapere

Il gergo del settore dello sviluppo web contiene così tanti acronimi che usiamo giorno dopo giorno, che non è solo scoraggiante per i principianti, ma a volte anche difficile da seguire per gli sviluppatori . Molti di noi usano tranquillamente acronimi più comuni come HTML, CSS o HTTP, ma per quanto riguarda quelli meno utilizzati o più recenti?

In questo glossario abbiamo raccolto 30 acronimi che sono frequentemente utilizzati negli articoli e nelle discussioni di sviluppo web di oggi per aiutare i nostri lettori a tenere il passo con il gergo dell'industria contemporanea .

1. ARIA

Applicazioni Internet Rich accessibili : talvolta utilizzate anche come WAI-ARIA .

Standard Web pubblicati dal World Wide Web Consortium (W3C). Le specifiche ARIA definiscono diverse metodologie front-end che rendono il contenuto Web accessibile per le persone disabili che accedono al web con tecnologie assistive (AT), come gli screen reader.

2. ACSS

Atomic Cascading Style Sheets : una metodologia di scrittura CSS sviluppata da Yahoo.

L'ACSS è basato su classi monouso (Atomico) riutilizzabili e nomi di classi brevi e prevedibili che rendono possibile lo stile direttamente in HTML. Atomizer è uno strumento che può aiutare a generare classi Atomic per progetti web.

3. AMP

Pagine mobili accelerate : uno standard web mobile avviato da Google allo scopo di rendere i siti mobili più veloci .

AMP limita il modo in cui possiamo utilizzare HTML, CSS e JavaScript per migliorare le prestazioni e ci fornisce componenti che possiamo utilizzare per caricare risorse esterne ed eseguire script tramite il runtime AMP.

4. API

Interfaccia di programmazione dell'applicazione : una serie di funzioni di codice pre-scritte (proprietà, metodi, classi, ecc.) Specificate dall'editore dell'API, che ci aiutano a utilizzare le migliori pratiche ea scrivere codice coerente .

Possiamo scegliere tra molte API Web, ma i social media e i siti tecnologici, come Facebook, Twitter e Google, pubblicano anche le proprie API.

5. BEM

Block, Element, Modifier : una convenzione di denominazione per scrivere classi CSS leggibili, coerenti e manutenibili.

Quando si utilizza la metodologia BEM, creiamo le classi nell'intero progetto che segue la sintassi block__element--modifier .

• I blocchi sono i nomi delle entità indipendenti, come il menu o il button .
• Gli elementi sono parti o funzionalità diverse dei blocchi, ad esempio il success o l' alert .
• I modificatori modificano lo stile dei blocchi, ad esempio large o small . Ad esempio, .button__alert--large sarebbe un nome di classe BEM valido.

6. CDN

Content Delivery Network : una rete di server distribuiti che memorizzano copie duplicate dei nostri contenuti web.

I CDN ci consentono di consegnare contenuti a ciascun utente da un server più vicino alla loro posizione o meno sovraccarico . In questo modo possiamo ottenere prestazioni migliori e ridurre i tempi di fermo del server.

7. CMS

Content Management System : un software che ci consente di pubblicare, modificare e organizzare diversi tipi di contenuti digitali.

La maggior parte dei CMS viene utilizzata per la pubblicazione sul Web, come WordPress, Drupal e Joomla. I CMS separano il contenuto dalla presentazione e dalla funzionalità, pertanto consentono di gestire i contenuti Web senza alcuna conoscenza di codifica.

8. CRUD

Crea, Leggi, Aggiorna, Elimina : un termine utilizzato nella gestione del database, contiene le quattro funzioni di base di un database permanente.

In SQL, i quattro comandi correlati sono: INSERT (per Create), SELECT (per Read), UPDATE (per Update) e DELETE (per Delete).

Le funzioni CRUD descrivono il tipico ciclo di vita dei dati su siti Web dinamici.

9. CSSOM

Modello a oggetti con fogli di stile CSS : un set di API utilizzate dai browser per rappresentare correttamente gli stili CSS su una pagina Web.

Il CSSOM rappresenta tutti gli stili CSS (selettori e le loro proprietà) su una pagina Web come una mappa di nodi . CSSOM ha una struttura ad albero simile a DOM, ma è un modello di dati separato.

10. CTA

Call-To-Action : un termine di marketing frequentemente utilizzato nel web design.

Un CTA è un messaggio destinato agli utenti o ai potenziali clienti a intraprendere un'azione immediata . Nel web design, i CTA sono solitamente collegamenti mascherati che mirano a invogliare gli utenti a fare clic su un pulsante, banner, pubblicità, ecc.

11. DOM

Document Object Model : un'API per documenti HTML e XML, utilizzata dai browser per il rendering di questi documenti.

Il DOM specifica la struttura logica di un documento e lo rappresenta come un albero di nodi in cui i nodi sono oggetti che rappresentano parti diverse del documento. I nodi possono essere creati, modificati e rimossi.

12. ECMAScript (ES)

Script Associazione produttori di computer europei : una specifica del linguaggio di scripting su cui si basa la sintassi di JavaScript, insieme a JScript e ActionScript.

ECMAScript ha preso il nome dalla European Computer Manufacturers Association, l'organizzazione che l'ha standardizzata.

13. FOSS

Software libero e open source : un software gratuito nel senso che non ha vincoli sui copyright e open source nel senso che chiunque può accedere e modificare il codice sorgente del software.

A volte indicato anche come FLOSS . Vedi la posizione di GNU sulla terminologia FOSS vs. FLOSS.

14. FTU

Primo utilizzo : la prima volta che un utente carica un software dopo l'installazione .

FTU è una parte cruciale del processo di adozione delle app . Le percentuali di fidelizzazione degli utenti possono essere migliorate se l' utente onboarding è progettato correttamente. Durante la FTU possiamo mostrare come funziona un'app o impostare gli utenti in opzioni importanti (fuso orario, lingua, preferenze, ecc.).

15. GUI

Interfaccia utente grafica : un tipo di interfaccia utente, al contrario di interfacce comandate da comandi .

Una GUI consente agli utenti che non dispongono di conoscenze tecniche di interagire con un software senza utilizzare linguaggi di comando come MS-DOS. Le GUI utilizzano icone grafiche e un linguaggio visivo per consentire agli utenti di dare comandi all'applicazione e di prendere input.

16. IDE

Ambiente di sviluppo integrato : un'applicazione software Aa che fornisce un ambiente di programmazione che integra diversi strumenti necessari per lo sviluppo e il test, come un editor di codice sorgente, strumenti di automazione di compilazione, un compilatore o interprete e un debugger. Xcode, Eclipse e Visual Studio sono esempi di IDE.

17. IIFE

Espressione funzione invocata immediatamente : un popolare modello di progettazione JavaScript che crea un ambito lessicale.

Un IIFE è un'espressione di funzione che viene eseguita immediatamente dopo la sua valutazione. Può essere utilizzato per memorizzare codice che deve essere eseguito una sola volta, namespacing e creazione di variabili e chiusure private.

Un IIFE utilizza la seguente sintassi:

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

18. ITCSS

Triangolo invertito Fogli di stile in cascata : un'architettura CSS scalabile per codice CSS riutilizzabile .

ITCSS suddivide le proprietà CSS in livelli in base alla loro specificità e importanza . I livelli sono rappresentati come un triangolo invertito in cui la specificità aumenta dalla cima piatta alla punta in basso.

19. JSON

Notazione oggetto JavaScript : un formato di dati indipendente dalla lingua e leggibile dall'uomo per l'interscambio di dati .

JSON può memorizzare oggetti come raccolte di coppie nome-valore e array come raccolte di valori ordinate. La sua sintassi è simile a quella di JavaScript, ecco perché è il formato di dati più comune nelle applicazioni basate su JavaScript.

20. LAMPADA

Linux, Apache, MySQL, PHP / Python / Perl : uno stack Web popolare per la creazione di siti Web dinamici.

Lo stack LAMP è costituito da Linux come sistema operativo, Apache come server Web, MySQL come software di gestione dei database e PHP, Perl o Python come linguaggio di scripting. La sua variante di Windows si chiama WAMP, mentre la sua variante OS X è MAMP .

21. LTR / RTL

Da sinistra a destra / da destra a sinistra : termini utilizzati nell'internazionalizzazione

LTR e RTL sono proprietà locali delle impostazioni della lingua o del paese di un'interfaccia utente . LTR sta per Left To Right, RTL sta per Right to Left. Indicano la direzione del testo .

La maggior parte delle lingue sono LTR e di solito le interfacce sono progettate per loro, ma è possibile aggiungere facilmente il supporto RTL alla maggior parte dei CMS, come WordPress con il file rtl.css .

22. SIGNIFICATO

MongoDB, Express.js, Angular, Node.js : uno stack Web solo JavaScript per la creazione di siti Web dinamici e applicazioni Web.

Lo stack MEAN è costituito dal database NoSQL di MongoDB, dal framework dell'applicazione web Express.js, dal framework di frontend Angular.js e dal runtime di Node JavaScript e viene eseguito su qualsiasi sistema operativo .

23. MVC

Model-View-Controller : uno schema architettonico utilizzato nella programmazione orientata agli oggetti .

Il pattern MVC mantiene la logica dei dati separata dall'interfaccia utente raggruppando gli oggetti in tre gruppi: Oggetti del modello per la struttura e la logica dei dati sottostanti, Oggetti vista per l'interfaccia utente e Oggetti controller per agire come intermediario tra altri oggetti e per il coordinamento delle attività .

24. OAuth

Autenticazione aperta : un protocollo aperto che consente l'autorizzazione sicura in modo sicuro e standardizzato.

OAuth viene spesso utilizzato come metodo per consentire agli utenti di accedere a un sito utilizzando servizi di terze parti, come Facebook, Twitter o Google, rimuovendo così la barriera della registrazione.

25. OOP

Programmazione orientata agli oggetti : un paradigma di programmazione rispetto alla programmazione procedurale.

In OOP, creiamo modelli simili all'ambiente del mondo reale facendo uso di quattro principi principali: astrazione, incapsulamento, ereditarietà e polimorfismo . Al centro di OOP ci sono oggetti che contengono dati incapsulati sotto forma di proprietà e metodi .

26. REGEX

Espressione regolare : un modello di testo utilizzato per abbinare le combinazioni di caratteri in diverse stringhe.

Regex consente di cercare facilmente determinate sequenze di caratteri in un testo e di convalidare l'input dell'utente . Regex fa parte di molti linguaggi di programmazione popolari, come JavaScript, PHP, Python, Ruby, Java e altri.

27. RESTO

Trasferimento dello stato di rappresentanza : una serie di linee guida per la progettazione architettonica del software per la trasmissione di dati tra client e server. Seguendo i principi dell'architettura REST, possiamo creare API RESTful per le nostre applicazioni web.

28. SCM

Source Control Management : un sistema per la gestione di più versioni dello stesso documento, applicazione, codice o altro tipo di informazioni. Chiamata anche versione o gestione del controllo di revisione .

SCM rende possibile tenere traccia delle modifiche e prevenire la perdita di informazioni . I sistemi SCM più popolari sono Git e SVN .

29. SMACSS

Architettura modulare e scalabile per fogli di stile a cascata : una metodologia di scrittura CSS che ci consente di modulare il codice CSS e renderlo più leggibile e gestibile.

SMACSS definisce 5 tipi di regole di stile (base, layout, modulo, stato, tema) e le identifica con diversi prefissi di selezione.

30. WYSIWYG

Quello che vedi è ciò che ottieni : un tipo di editor di contenuti che consente agli utenti di modificare testo, immagini e altri tipi di contenuto senza scrivere alcun markup .

In un editor WYSIWYG, gli utenti possono vedere come sarà il risultato finale mentre creano il contenuto. L'interfaccia post editor di WordPress e la maggior parte delle piattaforme di blogging sono buoni esempi di sistemi WYSIWYG.

I servizi di viaggio aggiornati di Google consentono agli utenti di prenotare voli economici e camere d'albergo

Con le vacanze di fine anno che sono proprio dietro l'angolo, molti hanno iniziato a pianificare le loro vacanze online. Per coloro che desiderano ottenere le migliori offerte in termini di prenotazioni di voli e hotel, Google ha aggiornato i servizi di viaggio che ti informeranno di eventuali variazioni di prezzo potenziali o effettive

(Consigli tecnici e di design)

20 font Bold & Chunky gratuiti per ravvivare i tuoi disegni

Ci sono alcuni font must-have che diventano essenziali per i tuoi progetti, e i font in grassetto sono uno di questi tipi. I font grossi e pesanti aggiungono molta sostanza al tuo design e sembrano esteticamente piacevoli .In questo post abbiamo creato un'interessante raccolta di font gratuiti in grassetto e grossi che possono essere utilizzati per titoli, titoli o altri aspetti del tuo design

(Consigli tecnici e di design)