Sono felice di annunciare che l'applicazione mobile di freeCodeCamp è finalmente pronta ad accettare dei beta tester. 🧑‍💻

Il team di sviluppo mobile ha appena rilasciato un grande aggiornamento con molti utili miglioramenti. Una parte importante di questo aggiornamento è l'implementazione del curriculum di studio freeCodeCamp, ovvero /learn.

Stiamo ancora lavorando per implementare altre certificazioni, come la certificazione Algoritmi e Strutture di Dati in JavaScript. Ma per il momento sono disponibili le certificazioni Web Design Responsivo, sia la nuova che quella precedente.

Il componente /learn ha un editor di codice integrato, progettato appositamente per completare le sfide sui dispositivi mobili. È possibile utilizzarlo anche per costruire i propri progetti di certificazione.

Ecco un'anticipazione del curriculum di studio su un dispositivo mobile:

È anche possibile visualizzare un'anteprima delle sfide e dei progetti. Questa è un'anteprima del progetto Camper Café:

Naturalmente ci sono molti più contenuti e molte più funzioni da esplorare nell'app mobile. Ma le lascio scoprire a te.

Abbiamo anche apportato alcuni miglioramenti ai componenti /news, Code Radio e Podcast, che sono disponibili nell'app.

Come ci si iscrive all'Open Beta?

Ecco come iscriversi alla open beta su Android. (Stiamo lavorando per rendere presto disponibile anche la versione per iOS).

Innanzitutto, visita la pagina del Play Store.

In fondo alla pagina dovrebbe esserci un messaggio che dice "Partecipa al programma beta". Fai clic su "Partecipa" e poco dopo la pagina dell'applicazione dovrebbe mostrare un pulsante di aggiornamento.

Ecco fatto: ora sei ufficialmente nel programma beta. 🧑💻

Tieni a mente che i tuoi progressi non saranno ancora salvati sui server di freeCodeCamp ma saranno memorizzati solo localmente sul tuo dispositivo. Ciò significa che tutti i progressi fatti non verranno considerati per il completamento di alcun progetto sul sito web di freeCodeCamp. Stiamo lavorando sodo per aggiungere questa funzionalità il prima possibile.

Grazie a tutti i collaboratori open source che hanno contribuito allo sviluppo dell'applicazione mobile di freeCodeCamp. Siamo solo all'inizio.

Se sei interessato a contribuire all'applicazione mobile, puoi imparare molto sullo sviluppo di Flutter e sulla User Experience, aiutando al contempo la comunità. Ti invito a iniziare il tuo percorso di contribuzione con questa guida.

Buona programmazione! 🙂

Nella maggior parte dei linguaggi di programmazione si utilizzano gli operatori per eseguire operazioni sulle variabili.

Sono divisi in diverse categorie come gli operatori aritmetici, gli operatori di assegnamento, gli operatori logici e così via.

In questo articolo parleremo dell'operatore bit a bit AND e degli operatori logici AND (&&) e OR (||).

Come usare l'operatore bit a bit AND

Il simbolo & indica l'operatore bit a bit AND. Valuta il valore binario dei numeri dati. Il risultato binario di questi numeri sarà restituito in base 10.

L'operatore & inizia la sua operazione valutando il valore dei caratteri in entrambi i numeri partendo da sinistra.

Vediamo un esempio per capire meglio:

System.out.println(10 & 12);
// ritorna 8

Analizziamo i passaggi.

Il valore binario di 10 è 1010

Il valore binario di 12 è 1100

Prima di iniziare l'operazione, è necessario tenere a mente una cosa:

• 1 and 0 => 0
• 0 and 1 => 0
• 1 and 1 => 1
• 0 and 0 => 0

Eseguiamo quindi l'operazione.

Il primo carattere per 10 è 1 e il primo carattere per 12 è anch'esso 1, quindi:

1 and 1 = 1.

Passiamo ai successivi caratteri – 0 per 10 e 1 per 12:

1 and 0 = 0.

Per i terzi caratteri – 1 per 10 e 0 per 12:

1 and 0 = 0.

Per gli ultimi caratteri – 0 per 10 e 0 per 12:

0 and 0 = 0.

Ora combiniamo tutti i caratteri restituiti. Otterremo 1000.

Il valore binario 1000 in base 10 è 8 e questo è il motivo per cui la nostra operazione ha restituito 8.

Come usare l'operatore logico AND

Gli operatori logici vengono utilizzati per valutare le condizioni. Essi restituiscono true o false in base alle condizioni date.

Il simbolo && indica l'operatore AND. Valuta due affermazioni/condizioni e restituisce true solo quando entrambe le affermazioni/condizioni sono vere.

Ecco come si presenta la sintassi:

affermazione1/condizione1 && affermazione1/condizione1

Come puoi vedere qui sopra, ci sono due affermazioni/condizioni separate dall'operatore. L'operatore valuta il valore di entrambe le affermazioni/condizioni e ci restituisce un risultato: true o false.

Ecco un esempio:

System.out.println((10 > 2) && (8 > 4));
//true

L'operatore restituirà true perché entrambe le condizioni sono vere – 10 è maggiore di 2 and 8 è maggiore di 4. Se una delle due condizioni avesse una logica non vera, otterremmo false.

Per comprendere meglio l'operatore &&, è necessario sapere che entrambe le condizioni devono essere vere per ottenere il valore true.

Ecco un altro esempio che ritorna false:

System.out.println((2 > 10) && (8 > 4));
// false

In questo caso, 2 non è maggiore di 10, ma 8 è maggiore di 4 - quindi ci viene restituito false. Questo perché una delle condizioni non è vera.

• Se entrambe le condizioni sono vere => true
• Se una delle due condizioni è falsa => false
• Se entrambe le condizioni sono false => false

Come usare l'operatore logico OR

Si utilizza il simbolo || per indicare l'operatore OR. Questo operatore restituisce false solo quando entrambe le condizioni sono false. Ciò significa che se entrambe le condizioni sono vere, si otterrà il valore true, e se una delle due condizioni è vera, si otterrà comunque il valore true.

Ecco la sintassi:

affermazione1/condizione1 || affermazione1/condizione1

Vediamo alcuni esempi.

System.out.println((6 < 1) || (4 > 2));  
// true

Restituisce true perché una delle condizioni è vera.

• Se entrambe le condizioni sono vere => true
• Se una delle condizioni è vera => true
• Se entrambe le condizioni sono false => false

Conclusioni

In questo articolo abbiamo appreso come utilizzare l'operatore bit a bit & in Java e come viene eseguita l'operazione per ottenere un risultato.

Abbiamo anche imparato a utilizzare gli operatori logici && e || in Java. Abbiamo imparato quale valore restituisce ciascuna operazione in base alle condizioni coinvolte nel calcolo.

Buona programmazione!

Avere i fogli di stile CSS in un file esterno viene considerata una buona pratica. Ma come si può collegare il CSS al file HTML?

Il collegamento a un file CSS esterno è una parte importante del boilerplate di ogni pagina HTML. In questo articolo impareremo come farlo.

Come Collegare un File CSS a un File HTML

È possibile collegare il tuo file CSS al tuo file HTML aggiungendo l'elemento link dentro l'elemento head del documento HTML, in questo modo:

<!DOCTYPE html>
  <html>
    <head>
      <link rel="stylesheet" href="style.css">
    </head>
    <body>
    
    </body>
</html>

L'elemento link ha diversi utilizzi, ed è importante specificare gli attributi corretti così che tu possa usarlo per importare un foglio di stile CSS esterno. Ora vediamo alcuni attributi importanti.

L'attributo rel

Il primo dei due attributi indispensabili è rel. Questo attributo viene utilizzato per indicare al browser la relazione con il file importato.

Si scriverà rel="stylesheet" per comunicare al browser che si sta importando un foglio di stile.

L'attributo href

Il secondo attributo indispensabile è href, che specifica il file da importare.

Una situazione comune è che il file CSS e il file HTML si trovino nella stessa cartella. In questo caso puoi scrivere href="style.css".

Se il file CSS e il file HTML sono in cartelle differenti, è necessario scrivere il percorso corretto che deve andare dal file HTML al file CSS.

Per esempio, una situazione comune è che il file CSS si trovi in una cartella sorella del file HTML, come in questo caso:

project --- index.html
            css ---------- style.css

In questo caso è necessario scrivere un percorso come "css/styles.css".

L'attributo type

<link rel="stylesheet" href="style.css" type="text/css">

Si utilizza l'attributo type per definire il tipo di contenuto che si sta collegando. Per un foglio di stile è text/css. Ma siccome css è l'unico linguaggio per fogli di stile utilizzato nel web, non solo è opzionale, ma è addirittura una buona pratica non includerlo.

L'attributo media

<link rel="stylesheet" href="style.css" media="screen and (max-width: 600px)">

L'attributo media non è visibile nell'esempio. È un attributo opzionale che si può usare per specificare quando importare un determinato foglio di stile. Il suo valore deve essere un tipo di media / media query.

Questo può essere utile nel caso si vogliano separare gli stili per dispositivi differenti e dimensioni dello schermo in file diversi. È necessario importare ogni file CSS con il proprio elemento link.

Puoi consultare questi articoli (o altre fonti) sulle media query per saperne di più su ciò che è possibile scrivere come valore di attributo:

• How to Use CSS Media Queries to Create Responsive Websites
• How to Set Width Ranges for Your CSS Media Queries
• Tutorial sulle Media Query CSS – risoluzioni standard, breakpoint CSS e dimensioni per smartphone

Conclusione

In questo articolo abbiamo imparato come aggiungere un foglio di stile esterno a una pagina web utilizzando l'elemento link e gli attributi href e rel.

Hai anche appreso che è possibile importare più fogli di stile e utilizzare l'attributo media per determinare quando ciascuno di essi deve essere applicato.

Divertiti a creare pagine web!