Name: ساخت کلون توییتر با Vue.js، فریمورک Quasar و Firebase برای iOS، Android، Mac و Windows
Uploaded: 2025-08-18T06:32:32.283536Z
Duration: 2 h 29 min

در این دوره آموزشی، با نحوه ساخت یک اپلیکیشن زیبا و چندسکویی توییتر از صفر آشنا خواهید شد. این اپلیکیشن بر روی پنج پلتفرم مختلف اجرا می‌شود: iOS، Android، Mac، Windows و وب. با استفاده از یک کد پایه واحدی در Vue.js و فریم‌ورک Quasar، اپلیکیشن خود را بسازید.

Learn how to create a beautiful, responsive, cross-platform Twitter app from SCRATCH and get it running and working on 5 different platforms:

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

YES - we'll be creating apps that can be deployed to all the different App Stores AND to the Web as well!

All from a SINGLE Vue.js codebase - using Quasar Framework & Firebase!

✏️ Created by Danny Connell. Check out his YouTube Channel: https://www.youtube.com/c/MakeAppswithDanny

💻 Finished Source Code: https://github.com/dannyconnell/qwitter

❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba)

⭐️ Course Contents ⭐️
⌨️ (00:00​) Introduction
⌨️ (01:08​) What We’re Gonna Create
⌨️ (02:56​) What is Quasar Framework?
⌨️ (04:57​) Create a Quasar Project
⌨️ (07:43​) Quasar Folder Structure
⌨️ (10:47​) Create Layout with Layout Builder
⌨️ (12:55​) Header
⌨️ (15:51​) Left Drawer (Navigation)
⌨️ (26:05​) Right Drawer (Search Bar & News Feed)
⌨️ (31:08​) Mobile Header
⌨️ (35:45​) Pages & Routes
⌨️ (40:40​) About Page
⌨️ (42:23​) New Tweet Form
⌨️ (58:31​) Tweets List - Design
⌨️ (1:06:24​) Tweets List - Data
⌨️ (1:10:43​) Add a Tweet
⌨️ (1:12:55​) Delete a Tweet
⌨️ (1:16:34​) Animation
⌨️ (1:22:40​) Final Design Touches
⌨️ (1:28:19​) Firebase - Setup Cloud Firestore
⌨️ (1:38:21​) Firebase - Get & Display Tweets
⌨️ (1:45:59​) Firebase - Add New Tweet
⌨️ (1:48:59​) Firebase - Delete Tweet
⌨️ (1:56:07​) Firebase - Update Tweet (Like)
⌨️ (2:06:00​) Fix Final Issues
⌨️ (2:10:27​) Deploy to Mac (Electron)
⌨️ (2:14:34​) Deploy to Windows (Electron)
⌨️ (2:19:04​) Deploy to iOS (Cordova)
⌨️ (2:25:28​) Deploy to Android (Cordova)

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

در این دوره آموزشی، با نحوه ساخت یک اپلیکیشن زیبا و چندسکویی توییتر از صفر آشنا خواهید شد

ساخت کلون توییتر با Vue.js، فریم‌ورک Quasar و Firebase برای iOS، Android، Mac و Windows