Ultime dal Blog

Il DOM e la Console nella Sintassi JavaScript

Il DOM e la Console

Il DOM e la Console sono strumenti fondamentali per qualsiasi persona desideri approfondire le proprie conoscenze JavaScript, in questa lezione sarai in grado di scoprire che cosa sono e come usarli in modo da approfondire successivamente le loro potenzialità.

Tranquillo non si tratta di strumentistica da DJ o tasse da pagare!

Visto che sono importanti è inutile girarci intorno ed incominciamo subito anche perchè credo che tu voglia sporcarti veramente le mani!

Leggi Tutto

Sintassi JavaScript: Variabili, Array e Funzioni

Sintassi JavaScript: Variabili, Array e Funzioni

Bentornati, nella scorsa lezione abbiamo visto le condizioni ed i cicli che possiamo usare in JavaScript, ma ancora non abbiamo visto la vera potenza di un linguaggio di programmazione, ed eccomi qua pronto ad accompagnarti alla scoperta di queste caratteristiche :)

Come ormai avrai capito, le condizioni permettono di verificare delle situazioni e di eseguire del codice specifico, sicuramente molto utile dato che ci permetterà di preparare diversi comportamenti; ma come possiamo ottenere dei valori per queste verifiche?

Quello che voglio dire è: non sarebbe meglio se potessi “contenere” questi valori all’interno di un qualcosa che sia facile da ricordare?

Ebbene i linguaggi di programmazione sono veramente potenti anche per questo! In questa lezione infatti scoprirai il significato di parole come variabili, array e funzioni; tutte strutture che faciliteranno e velocizzeranno il tuo sviluppo!

Leggi Tutto

Sintasi JavaScript, Cicli e Condizioni

Sintassi JavaScript: Condizioni e Cicli

Bentornato nel corso che mira ad insegnarti le basi del linguaggio JavaScript, nella scorsa lezione abbiamo introdotto l'argomento con un po' di storia, oggi è giunto il momento di scoprire come ci potrà essere di aiuto un linguaggio di programmazione!

In questa lezione verrai introdotto a due nuovi concetti che ti permetteranno di prendere delle decisioni attraverso il tuo codice.

Hai capito bene, decisioni. A differenza dei linguaggi di markup (come ad esempio HTML) i linguaggi di programmazione (come il nostro JavaScript) permettono di valutare determinate condizioni e studiarne i valori ottenuti, in questo modo potremmo scegliere di far comportare la nostra applicazione (o il nostro sito) in maniera differente.

Non entreremo ancora nel dettaglio della sintassi e dello sviluppo in JavaScript ma sarà sicuramente una lezione che ti permetterà di piantare le basi nella sintassi di questo linguaggio!

Leggi Tutto

Nascita ed Evoluzione di JavaScript

Nascita ed Evoluzione di JavaScript

Benvenuto in questo nuovo corso in cui scopriremo JavaScript, come funziona e perchè conviene conoscerlo prima di passare a dei framework come jQuery o AngularJS.

Se incominci a spaventarti per i termini strani, non farlo. Prendi fiato e continua a leggere perchè ti spiegheremo tutto :D

La Storia

Tutto ha inizio nell’anno 1995, il web era popolato da pagine povere, senza interazioni da parte dell’utente. Un mondo indipendente e primitivo in lenta evoluzione dei suoi standard diviso tra soli due browser: Netscape ed Internet Explorer.

Non è un film ma potrebbe anche esserlo :P

Leggi Tutto

finestre-modali

Finestre Modali senza Plugin o jQuery!

Negli ultimi anni le finestre modali sono diventate sempre più importanti. Abbiamo assistito alla loro evoluzione partendo da semplici alert() o prompt() fino a vederle completamente integrate nelle nostre pagine e arricchite da grafiche e colori che rispecchiano il brand del nostro sito. Purtroppo per creare questi elementi si ricorre fin troppo spesso a plugin o librerie esterne come jQuery.

Dal mio punto di vista non ci vedo niente di male ma a seconda delle necessità si rischia soltanto di appesantire il proprio progetto!

Diciamoci la verità, le finestre modali sono utili per mostrare informazioni o chiedere azioni da parte dell’utente come ad esempio l’inserimento della propria email per iscriversi ad una newsletter, proprio come succede anche in questo sito. Questi elementi aiutano a raggiungere una miglior interazione con i visitatori del nostro sito e sono incredibilmente utili.

Ma tornando sull’argomento della pesantezza delle proprie pagine questo è un fattore che sta diventando sempre più importante perché, come ormai dovresti sapere, i vari motori di ricerca hanno iniziato ad analizzare questo fattore e ne tengono di conto per il posizionamento delle nostre pagine nelle SERP; in fin dei conti un sito veloce è un sito che si consulta volentieri!

In questo articolo non ti spiegherò come creare delle bellissime finestre modali ma piuttosto, grazie al codice di Daniele, ti mostrerò come sia possibile creare delle leggerissime finestre modali create in puro codice JavaScript. La personalizzazione e la generazione di questa finestra è delegata al linguaggio JavaScript, in questo modo se il browser non è in grado di leggere questo linguaggio (cosa veramente rara ma possibile anche al giorno d’oggi) non dovrà caricare inutili kb di codice.

Leggi Tutto

Data Maps in SASS

Non Conosci ancora le Data Maps in SASS? Ecco il Rimedio!

Non è un segreto, negli ultimi tempi mi sto avvicinando molto nello sviluppo dei CSS tramite SASS e posso soltanto dire che questo ha velocizzato incredibilmente il mio sviluppo Front End. Oggi affronteremo un argomento molto interessante e un po' avanzato, se non ti senti pronto ricordati che c'è un corso interamente dedicato a questo linguaggio che ti aiuterà a muovere i primi passi!

All’interno del corso che ti ho appena collegato troverai molte informazioni utili su come iniziare a sviluppare con questo linguaggio e tra queste troverai anche la descrizione delle variabili che, come in altri linguaggi, altro non sono che delle strutture che permettono di salvare un valore assegnandogli un nome più umano e facilmente riconoscibile.

Nonostante questo, sin dalla versione 3.1.0, SASS ha iniziato ad implementare anche le liste. La soluzione di questo linguaggio per avere un array monodimensionale che da anni è presente in moltissimi altri linguaggi. Anche se non andremo ad approfondire questo concetto, perché ti presenterò qualcosa di ancora più interessante, mi sembra doveroso condividere con te la sua sintassi:

Come si può notare, le liste sembrano veramente interessanti, sopratutto con cicli come @each che ci permettono di ciclare questi valori senza conoscere la quantità di elementi in esso contenuti; ma il limite più grande è che sono soltanto valori. Questo vuol dire che usando le liste non sarai in grado di utilizzare l’assegnazione chiave : valore tanto utile negli array multidimensionali.

Non mi fraintendere, le liste sono comunque delle strutture potentissime che ci aiutano molto nello sviluppo dei nostri progetti e in un prossimo articolo ti presenterò le funzioni dedicate che sono state sviluppate; ma oggi ho voglia di presentarti qualcosa di ancora più avanzato e facile da utilizzare. Cosa fai? Non contininui a leggere?

Leggi Tutto