Pinned Repositories
animated_circles
ANIMATED CIRCLES is a simple and interactive canvas built with HTML, CSS, and (vanilla) JavaScript.
baccarat-punto-banco
A simple cli application for playing baccarat.
blackjack-nextjs-app
This is a Next.js and Redux application which implementes the most famous game of Blackjack.
BoolBnB
Website inspired by Airbnb.
challege_backend
The application allows a user to check if a number is a valid South African mobile phone number.
circular_dots
CIRCULAR_DOTS is a simple and interactive canvas built with HTML, CSS, and (vanilla) JavaScript.
laPasticceria
A pastry shop showcase website.
memory---game
MEMORY is a fun card game which does not require a lot of code. This is an implementation of the game.
quizApp
QuizApp is is a simple quiz game build with React. Enjoy!
tic-tac-tow-with-AI
This is a python implementation of Tic-Tac-Toe.
ducthang-vu's Repositories
ducthang-vu/memory---game
MEMORY is a fun card game which does not require a lot of code. This is an implementation of the game.
ducthang-vu/tic-tac-tow-with-AI
This is a python implementation of Tic-Tac-Toe.
ducthang-vu/ajax-ex-boolflix
Utilizzeremo un API che ci permette di avere un insieme di risultati congrui alla nostra ricerca. Iscriviamoci al sito https://www.themoviedb.org. E’ completamente gratuito. Richiediamo la nostra API_KEY che verrà utilizzata in tutte le nostre chiamate. Servirà all’API a capire chi sta effettuando la chiamata. Per richiederla clicchiamo sul nostro user, poi impostazioni, API e clicchiamo su “Richiedi una nuova API key”. Una volta generato, in Impostazioni / API avremo la nostra chiave, indispensabile per tutte le nostre chiamate. Qua https://developers.themoviedb.org/3 troveremo tutte le chiamate possibili all’API.
ducthang-vu/ajax-ex-calendar
Ogni volta che cambio mese dovrò: Controllare se il mese è valido (per ovviare al problema che l’API non carichi holiday non del 2018) Controllare quanti giorni ha il mese scelto formando così una lista Chiedere all’api quali sono le festività per il mese scelto Evidenziare le festività nella lista BONUS OPZIONALE: Trasformare la lista precedente in un vero e proprio calendario, generando una griglia che segua l’andamento dei giorni di un mese a scelta, evidenziando le festività.` Creare dei bottoni che permettano di spostarsi di mese in mese, rigenerando ogni volta la griglia e le festività associate
ducthang-vu/cryptocurrencies-price-notifications
A python script sending bitcoin price updates with IFTTT.
ducthang-vu/db-first
Descrizione Utilizzando diagrams https://app.diagrams.net/?src=about progettate la tabella movies del database Dichiarare le colonne della tabella Dichiarare data type delle singole colonne (varchar, tinyint, ecc) Dichiarare anche primary key e attributi delle colonne (default, notnull, ecc) Esportare il vostro lavoro come pdf ( File -> Export as -> PDF) e versionare via repository
ducthang-vu/db-hotel
Descrizione Provare a strutturare il seguente database che modellizza un hotel Ci sono varie stanze, ognuna con le proprie caratteristiche. Le diverse stanze vengono prenotate per periodi di tempo, da ospiti. Ad ogni prenotazione devono essere associati tutti gli ospiti della stanza Indicare per ogni tabella le colonne, i data types e gli attributi indicare relazioni e tipologia relazioni tra le tabelle del db generare un pdf da versionare nella repositori dell’esercizio ricordiamo di dare un nome diverso dal ‘default’ per il file pdf
ducthang-vu/goo---cmd-script-Windows
GOO is a simple python script for Windows command line for automatic searching on Google.
ducthang-vu/html-sass-first
ducthang-vu/js-campominato
Descrizione Il computer deve generare 16 numeri casuali tra 1 e 100 (numeri vietati). In seguito deve chiedere all’utente di inserire un numero alla volta, sempre compreso tra 1 e 100. L’utente non può inserire più volte lo stesso numero. Se il numero è presente nella lista dei numeri generati (numeri vietati), la partita termina, altrimenti si continua chiedendo all’utente un altro numero. La partita termina quando il giocatore inserisce un numero “vietato” o raggiunge il numero massimo possibile di numeri consentiti. Al termine della partita il software deve comunicare il punteggio, cioè il numero di volte che l’utente ha inserito un numero consentito. BONUS: All’inizio il software richiede anche una difficoltà all’utente che cambia il range di numeri casuali: con difficoltà 0 => tra 1 e 100 con difficoltà 1 => tra 1 e 80 con difficoltà 2=> tra 1 e 50
ducthang-vu/js-html-css-boolzap
Descrizione: Replica della grafica (allegata sotto con gli assets) con la possibilità di avere messaggi stilati e posizionati diversamente in base a: messaggio dall’utente (verdi) e messaggio dall’interlocutore (bianco) assegnando due classi CSS diverse. Aggiunta di un messaggio: l’utente scrive un testo nella parte bassa e cliccando icona ‘invia il testo’ viene aggiunto al thread sopra, come messaggio verde (ricordate focus() ) Font family: Lato Messaggi visibili inizialmente sono inseriti statici nell’HTML Usate un template nell’html e clone() per l’ inserimento del messaggio da fare in JS Risposta dall’interlocutore: ad ogni inserimento di un messaggio, l’utente riceverà un “ok” come risposta, che apparirà dopo 1 secondo. Ricerca utenti: scrivendo qualcosa nell’input a sinistra, vengono visualizzati solo i contatti il cui nome contiene le lettere inserite (es, Marco, Matteo Martina -> Scrivo “mar” rimangono solo Marco e Martina)
ducthang-vu/js-html-css-revolut
Descrizione: Ricreare la navbar di revolut (vedi grafiche allegate) Focus è rendere funzionali i menu dropdown all’interno della navigazione principale Importante l’uso di $(this) Potete scegliere di usare il click() oppure mouseenter() /mouseleave() per mostrare / nascondere i dropdown menu Modificare l’icona freccia nel selettore della lingua all’hover (freccia giù / freccia su) usando fontawesome Nella cartella img allegata trovate 2 grafiche per riprodurre la navbar e il logo
ducthang-vu/js-jq-ajax-api-musica
Descrizione: Attraverso una chiamata ajax all’Api di boolean avremo a disposizione una decina di dischi musicali. Servendoci di handlebars stampiamo tutto a schermo. In questo momento non è importante la parte grafica. Bonus: Creare una select con i seguenti generi: pop, rock, metal e jazz. In base a cosa scegliamo nella select vedremo i corrispondenti cd.
ducthang-vu/js-jq-ajax-grigliaquad
Descrizione: Griglia 6x6 (36 boxes), ad ogni click parte una richiesta AJAX che prende un numero random da 1 a 9 (scegliere API opportuna). Se è <= 5 il quadrato diventa giallo, se è > di 5 il quadrato diventa verde. Il numero ottenuto appare al centro del quadrato
ducthang-vu/js-jq-carousel
Descrizione: Creare uno slider di immagini Potete usare le immagini che desiderate. Per facilitarvi la vita usate immagini delle stesse dimensioni Lo slider prevederà due frecce (icone) che permettono di scorrere tra le immagini dello slider In oltre per scorrere le immagini permettere anche l’uso delle frecce sinistra e destra della tastiera Utiliziamo una classe first e last per capire quali sono la prima e ultima immagine dello slider Utilizziamo una classe active per aiutarci a capire quale è l’immagine attuale da visualizzare nello slider Ricordatevi di .hasClass('my-class') per il controllo delle classe applicata a un elemento Super importanti anche prev() e next() Ricordate il $(document).ready() :wink:
ducthang-vu/js-jq-hamburger
Descrizione Hamburger menu: mostrare / nascondere il menu principale (ricordate che per vedere l’hamburger in alto a destra dovete scendere a risoluzioni tipo tablet o mobile). Partite come base del vostro esercizio scaricando questa repo: https://bitbucket.org/booleancareers/ex-hamburger-menu-base/downloads/ Ricordate di scrivere solo il codice JavaScript con jQuery e non modificare HTML e CSS
ducthang-vu/js-jsnacks-blocco-1
JSnack Snack 1: L’utente inserisce due parole in successione, con due prompt. Il software stampa la parola più lunga. Utilizza una funzione per determinare e ritornare la parola più lunga. Snack 2: Inserisci un numero, se è pari stampa il numero, se è dispari stampa il numero successivo Snack 3: Generatore di “nomi cognomi” casuali: prendendo una lista di nomi (‘Michele’, ‘Fabio’, ‘Roberto’) e una lista di cognomi (‘Forghieri’, ‘Papagni’, ‘Marazzini’), Gatsby vuole generare una falsa lista di 5 invitati. JSnack Bonus (non visto insieme e quindi assolutamente facoltativo) Crea un array di numeri interi, ad esempio (1, 4, 2, 15, 120, 17, 3) e fai la somma di tutti gli elementi che sono in posizione dispari. Prova prima senza funzione e poi con funzione.
ducthang-vu/js-lista-cognomi
Descrizione chiedere all’utente il cognome inserirlo in un array con altri cognomi: ‘Bianchi’, ‘Rossi’, ‘Duzioni’, ‘Balsano’, ‘Verdi’ stampa la lista ordinata alfabeticamente scrivi anche la posizione della lista in cui il nuovo utente si trova Ricordate di consultare la documentazione W3Schools o MDN per trovare il metodo adatto alla soluzione dell’esercizio, un po come fatto in lezione con indexOf()
ducthang-vu/js-oggetti-studenti
Descrizione: Creare un oggetto che descriva uno studente lo studente avrà le seguenti proprietà: nome, cognome e età. Stampare attraverso il for..in tutte le proprietà (chiavi e valori). Nome della repo per consegnare l’esercizio: js-oggetti-studenti
ducthang-vu/js-simon
Descrizione: Un alert espone 5 numeri casuali (univoci). Da li parte un timer di 30 secondi. Dopo 30 secondi l’ utente deve inserire, un prompt alla volta, i numeri che ha visto precedentemente. Dopo che sono stati inseriti i 5 numeri, il software dice quanti e quali dei numeri da indovinare sono stati individuati Assicuratevi di saper fare correttamente l’ esercizio con output base (alert() , prompt() , console.log() )
ducthang-vu/js-todo-clone
Descrizione Ricreare la todo list vista oggi durante la lezione (focus dell’esercizio la logica) Usiamo i template in html e il clone per separare la parte logica (JS) dalla parte di markup (HTML) recap funzionalità: mostrare, aggiungere e eliminare elementi dalla lista
ducthang-vu/node-sass-teambit
ducthang-vu/php-badwords
Descrizione: Creare una variabile con un paragrafo di testo. Visualizzare a schermo il paragrafo Visualizzare a schermo la relativa lunghezza del paragrafo Sostituire tutte le ricorrenze, nel paragrafo creato, della badword passata in GET (query string) con tre * (asterschi).
ducthang-vu/php-oop-1
Creazione di una classe ‘Movie’ Dichiarazione delle proprietà della classe Dichiarazione del costruttore Dichiarazione di almeno un metodo Fare poi degli esempi di utilizzo della classe istanziando almeno due oggetti e stampando a schermo il valore delle proprietà
ducthang-vu/php-oop-2
Crea e modellizza classi per gestire i prodotti di magazzino Come fatto in classe questa mattina creare una classe generale e poi creare altre classi che estendono questa classe generale Come fatto nell’esercizio di ieri poi eseguite degli output istanziando oggetti delle varie classi
ducthang-vu/php-oop-dipendenti
Descrizione: Crea e modellizza classi per gestire i dipendenti di un’azienda. Inserire almeno un esempio di utilizzo di exceptions
ducthang-vu/php-snacks-b1
PHP Snack 1: Creiamo un array ‘matches’ contenente altri array i quali rappresentano delle partite di basket di un’ipotetica tappa del calendario. Ogni array della partita avrà una squadra di casa e una squadra ospite, punti fatti dalla squadra di casa e punti fatti dalla squadra ospite.Stampiamo a schermo tutte le partite con questo schema:Olimpia Milano - Cantù | 55-60 PHP Snack 2: Passare come parametri GET name, mail e age e verificare (cercando i metodi che nonconosciamo nella documentazione) che: 1. name sia più lungo di 3 caratteri, 2. che mail contenga un punto e una chiocciola 3. e che age sia un numero.Se tutto è ok stampare “Accesso riuscito”, altrimenti “Accesso negato”
ducthang-vu/prova-geoloc
prova geolocalizzazione
ducthang-vu/react_case_study_handling-state
This is a simple React Case study. Three counters are managed by using standard React Hook, the Context Api, and Redux.
ducthang-vu/rest-todoolean
Creazione di una todo list con le seguenti funzionalità, attraverso l’uso delle API, AJAX, jQuery e Handlebars Lettura di tutti i todo Creazione nuovo todo Cancellazione todo