Skip to content

Creați o clonă Twitter cu Vue.js, Quasar Framework și Firebase pentru iOS, Android, Mac și Windows

Creați o clonă Twitter cu Vue.js, Quasar Framework și Firebase pentru iOS, Android, Mac și Windows

Aflați cum să creați o aplicație Twitter frumoasă, receptivă, multiplatformă din SCRATCH și să o faceți să ruleze și să funcționeze pe 5 platforme diferite:

👉 iOS 👉 Android 👉 Mac 👉 Windows 👉 Browser web (SPA)

DA – vom crea aplicații care pot fi implementate în toate magazinele de aplicații, ȘI pe Web!

Toate dintr-o SINGURĂ bază de cod Vue.js – folosind Quasar Framework și Firebase!

✏️ Creat de Danny Connell. Urmăriți canalul său de YouTube: https://www.youtube.com/c/MakeAppswithDanny

💻 Cod sursă finalizat: https://github.com/dannyconnell/qwitter

⭐️ Conținutul cursului ⭐️
⌨️ (00:00​) Introducere
⌨️ (01:08​) Ce vom crea
⌨️ (02:56​) Ce este Quasar Framework?
⌨️ (04:57​) Creați un proiect Quasar
⌨️ (07:43​) Structura folderului Quasar
⌨️ (10:47​) Creați un aspect cu Layout Builder
⌨️ (12:55​) Antet
⌨️ (15:51​) Sertarul din stânga (navigație)
⌨️ (26:05​) Sertar din dreapta (bara de căutare și flux de știri)
⌨️ (31:08​) Antet mobil
⌨️ (35:45​) Pagini și rute
⌨️ (40:40​) Despre pagina
⌨️ (42:23​) Formular nou de tweet
⌨️ (58:31​) Lista de tweets – Design
⌨️ (1:06:24​) Lista de tweets – Date
⌨️ (1:10:43​) Adăugați un Tweet
⌨️ (1:12:55​) Ștergeți un Tweet
⌨️ (1:16:34​) Animație
⌨️ (1:22:40​) Atingeri finale de design
⌨️ (1:28:19​) Firebase – Configurați Cloud Firestore
⌨️ (1:38:21​) Firebase – Obțineți și afișați tweet-uri
⌨️ (1:45:59​) Firebase – Adăugați un tweet nou
⌨️ (1:48:59​) Firebase – Ștergeți Tweetul
⌨️ (1:56:07​) Firebase – Actualizați Tweetul (Like)
⌨️ (2:06:00​) Remediați problemele finale
⌨️ (2:10:27​) Implementează pe Mac (Electron)
⌨️ (2:14:34​) Implementați în Windows (Electron)
⌨️ (2:19:04​) Implementează pe iOS (Cordova)
⌨️ (2:25:28​) Implementați pe Android (Cordova)

Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org

Citiți sute de articole despre programare: https://freecodecamp.org/news

Cursuri interesante:

Leave a Reply

Your email address will not be published. Required fields are marked *