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.

8 strumenti gratuiti per costruire il tuo cloud personale

Oggigiorno il cloud storage è diventato un requisito e non abbiamo l'imbarazzo della scelta con ciò che è disponibile per aiutare a eseguire il backup dei nostri dati importanti, ad esempio Dropbox, Google Drive, Box ecc. Tuttavia, tutti condividono uno dei principali inconvenienti. Hanno uno spazio di archiviazione limitato e, alla fine della giornata, sono ancora una terza parte di cui ti devi fidare con i tuoi dati (a volte sensibili).Pe

(Consigli tecnici e di design)

20+ risorse e strumenti freschi per i web designer

Trovare strumenti di progettazione web, servizi o risorse che potresti utilizzare non è necessariamente molto più di una sfida. Il mercato è pieno di loro, e ci sono un gran numero di buoni in ciascuna di queste categorie. La difficoltà sta nella localizzazione di un prodotto o servizio che è più adatto per il tuo lavoro .I sit

(Consigli tecnici e di design)