آموزش Quasar V1: برنامه‌های چند پلتفرمی (با Vue 2، Vuex و Firebase)

Quasar V1: Cross-Platform Apps (with Vue 2, Vuex & Firebase)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: از Quasar V1، Vue JS 2، Vuex و Firebase برای ساختن یک برنامه Cross Platform برای Web، iOS، Android، Mac و Windows استفاده کنید. Quasar Framework V1 و Firebase چگونه با استفاده از Vuex وضعیت برنامه خود را مدیریت کنیم چگونه با استفاده از پایگاه داده Realtime Firebase یک back-end برای برنامه ایجاد کنیم - شامل احراز هویت کاربر، خواندن و نوشتن داده ها همه موارد ضروری Quasar Framework V1 و VueJS 2 پیش نیازها :دانش پایه HTML و CSS لازم است دانش پایه جاوا اسکریپت مفید است اما لازم نیست دانش پایه VueJS مفید است اما لازم نیست یک مک برای توسعه ترجیح داده می شود

در این دوره به شما نشان خواهم داد که چگونه از Quasar Framework V1 (همراه با Vue JS 2، Vuex Firebase) برای ایجاد برنامه‌های دنیای واقعی و چند پلتفرمی با استفاده از یک پایگاه کد Vue JS استفاده کنید. و این برنامه‌ها را آماده تولید کنید و در تمام پلتفرم‌های اصلی - وب، iOS، Android، Mac Windows اجرا کنید.

در طول این دوره ما یک برنامه واقعی به نام Awesome Todo ایجاد خواهیم کرد. در این برنامه می‌توانیم کارهایی را اضافه، ویرایش یا حذف کنیم و آنها را به‌عنوان تکمیل‌شده علامت‌گذاری کنیم.

همچنین می‌توانیم کارها را بر اساس نام یا تاریخ مرتب کنیم و با استفاده از نوار جستجو در میان کارها جستجو کنیم.

همچنین یک صفحه تنظیمات با 2 تنظیمات واقعی خواهد داشت که نحوه عملکرد برنامه را تغییر می‌دهد - و هنگامی که برنامه بسته می‌شود و راه‌اندازی مجدد می‌شود (یا مرورگر در نسخه وب مجدداً بارگیری می‌شود) باقی می‌ماند. همچنین دارای یک صفحه راهنما، یک پیوند "از وب سایت ما بازدید کنید" و یک پیوند "به ما ایمیل کنید".

این برنامه با استفاده از پایگاه داده بیدرنگ Firebase پشتیبان خود را ایجاد می کند. کاربران می‌توانند ثبت نام کنند، وارد شوند و همگام‌سازی داده‌های خود را به‌طور بی‌درنگ در همه دستگاه‌هایشان ببینند.

ما تولید برنامه را برای همه پلتفرم‌های مختلف - وب، iOS، Android، Mac Windows آماده خواهیم کرد.

شما تمام اصول اولیه Quasar Framework، از جمله Quasar CLI، اجزای Quasar، پلاگین‌های Quasar، دستورالعمل‌های Quasar، تشخیص پلتفرم، طرح‌بندی‌ها، قالب‌بندی ابزارهای مختلف Quasar را خواهید آموخت.

همچنین تمام اصول اولیه Vue.js از جمله Data Binding، رویدادها، Computed Properties، Components، Directives، Filters، Lists Lifecycle Hooks را به شما نشان خواهم داد.

می‌آموزید که چگونه با استفاده از Vuex وضعیت برنامه خود را مدیریت کنید، جایی که من وضعیت، جهش، تنظیم‌کننده اقدامات را پوشش می‌دهم.

من تمام اصول اولیه Firebase را پوشش خواهم داد، از جمله احراز هویت، خواندن داده‌ها، نوشتن داده‌ها برای محافظت از داده‌های شما با قوانین پایگاه داده.

در پایان این دوره، می‌توانید برنامه‌های دنیای واقعی خود را با بک‌اندهای واقعی که روی همه پلتفرم‌های مختلف کار می‌کنند، ایجاد کنید.

توجه: این دوره برای Quasar V1 (با Vue 2) است. Quasar V2 (با Vue 3) در این دوره پوشش داده نمی شود.



سرفصل ها و درس ها

معرفی Introduction

  • برنامه معرفی و دوره: Awesome Todo Introduction & Course App: Awesome Todo

  • کوازار چیست؟ What is Quasar?

  • Vue.js چیست؟ What is Vue.js?

شروع شدن Getting started

  • معرفی ماژول Module Introduction

  • Node.js و Quasar CLI را نصب کنید Install Node.js and Quasar CLI

  • یک پروژه Quasar جدید در مرورگر ایجاد و راه اندازی کنید Create & launch a new Quasar Project in the Browser

  • به روز رسانی: Quasar V1 Documentation Update: Quasar V1 Documentation

  • وارد کردن خودکار اجزا و دستورالعمل ها Auto-import Components & Directives

  • ساختار پوشه - طرح‌بندی‌ها، صفحات، مسیرها و موارد دیگر Folder structure - Layouts, Pages, Routes & more

مبانی Vue.js Vue.js Basics

  • معرفی ماژول Module Introduction

  • آناتومی یک جزء فایل واحد Vue Anatomy of a Vue Single File Component

  • اتصال داده به نما Binding Data to the View

  • اتصال داده دو طرفه با مدل v Two-way Data Binding with v-model

  • رویدادها و روش ها - کلیک کنید Events & Methods - Click

  • رویدادها - صفحه کلید و موارد دیگر Events - Keyboard & more

  • نمایش و پنهان کردن عناصر - v-show Showing and Hiding Elements - v-show

  • رندر شرطی - v-if و v-else Conditional Rendering - v-if & v-else

  • ویژگی های محاسبه شده Computed Properties

  • فیلترها Filters

  • دستورالعمل ها Directives

  • اتصال به ویژگی ها و CSS Binding to Attributes & CSS

  • قلاب چرخه حیات - مقدمه Lifecycle Hooks - Introduction

  • قلاب چرخه زندگی - در عمل Lifecycle Hooks - In Action

  • مراجع Refs

  • اصول Vue.js را تمرین کنید Practise Vue.js Basics

لیست ها و اجزای Vue.js Vue.js Lists and Components

  • معرفی ماژول Module Introduction

  • نمایش لیست ها با v-for Displaying Lists with v-for

  • نمایش جزئیات بیشتر Displaying more details

  • اجزای کودک Child Components

  • انتقال داده به اجزای کودک - لوازم Passing Data to Child Components - Props

  • انتقال داده به اجزای کودک - اسلات ها Passing Data to Child Components - Slots

  • کلیدها Keys

  • لیست ها و اجزای Vue.js را تمرین کنید Practise Vue.js Lists & Components

ساخت اپلیکیشن Awesome Todo را شروع کنید Start building the Awesome Todo app

  • معرفی ماژول Module Introduction

  • صفحات و مسیرها Pages and Routes

  • افزودن پیمایش صفحه به نوار کناری (کشو) Add Page Navigation to Sidebar (Drawer)

  • نوار ناوبری برای موبایل Tab Navigation for Mobile

  • ادغام داده های ناوبری Consolidating Navigation Data

  • فقط کشو در دسکتاپ، برگه ها در موبایل نشان داده شود Only show Drawer on Desktop, Tabs on Mobile

  • اضافه کردن سبک به Layout Adding some Style to the Layout

  • پشتیبانی SCSS را اضافه کنید Add SCSS support

  • سفارشی کردن تم با تم ساز Customise Theme with Theme Builder

  • کد ماژول Module Code

لیست وظایف را ایجاد کنید Create the List of Tasks

  • معرفی ماژول Module Introduction

  • نمایش لیستی از وظایف Display a List of Tasks

  • تاریخ و زمان سررسید را اضافه کنید Add Due Date and Time

  • مقداری سبک به لیست وظایف اضافه کنید Add some Style to the List of Tasks

  • کد ماژول Module Code

Vuex - مدیریت ایالت - راه اندازی Vuex - State Management - Setting Up

  • آشنایی با Vuex Introduction to Vuex

  • یک فروشگاه Vuex راه اندازی کنید Setup a Vuex Store

  • داده های Tasks را به Vuex Store/Vue Devtools افزونه Chrome اضافه کنید Add Tasks Data to the Vuex Store / Vue Devtools Chrome Extension

  • یک دریافت کننده برای داده های وظایف ایجاد کنید Create a Getter for the Tasks Data

  • آرایه Tasks را به یک ساختار شی تغییر دهید Change Tasks Array into an Object Structure

  • Task را در جزء Child قرار دهید Put Task into a Child Component

  • کد ماژول Module Code

Vuex - اقدامات و جهش ها Vuex - Actions & Mutations

  • معرفی ماژول Module Introduction

  • وضعیت تکمیل شده را در فروشگاه Vuex تنظیم کنید Set Completed Status in Vuex Store

  • Delete Task - دکمه Delete & Confirm Dialog را اضافه کنید Delete Task - Add Delete Button & Confirm Dialog

  • Delete Task - وظیفه را از ایالت حذف کنید Delete Task - Delete the Task from the State

  • کد ماژول Module Code

اضافه کردن کار - فرم ها، فیلدها و اعتبارسنجی Add Task - Forms, Fields & Validation

  • معرفی ماژول Module Introduction

  • اضافه کردن کار - دکمه و مدال Add Task - Button & Modal

  • اضافه کردن وظیفه - سفارشی کردن Modal Add Task - Customize the Modal

  • فیلدها را اضافه کنید Add the Fields

  • اعتبار سنجی و ارسال فرم Form Validation & Submission

  • Vuex - وقتی فرم ارسال شد، کار را اضافه کنید Vuex - Add Task when Form Submitted

  • چند پیشرفت A Few Improvements

  • کد ماژول Module Code

ویرایش کار - اجزای کودک در عمق، به روز رسانی و همگام سازی، اسلات ها Edit Task - Child Components in-depth, Update and Sync, Slots

  • معرفی ماژول Module Introduction

  • افزودن وظیفه - اجزای قابل استفاده مجدد (1/5): سربرگ معین Add Task - Reusable Components (1/5): Modal Header

  • افزودن وظیفه - اجزای قابل استفاده مجدد (2/5): نام وظیفه Add Task - Reusable Components (2/5): Task Name

  • افزودن وظیفه - اجزای قابل استفاده مجدد (3/5): تاریخ سررسید Add Task - Reusable Components (3/5): Due Date

  • اضافه کردن کار - اجزای قابل استفاده مجدد (4/5): زمان مقرر Add Task - Reusable Components (4/5): Due Time

  • افزودن وظیفه - اجزای قابل استفاده مجدد (5/5): دکمه ها Add Task - Reusable Components (5/5): Buttons

  • ویرایش وظیفه - دکمه را اضافه کنید و مدال را نشان دهید Edit Task - Add the Button & Show the Modal

  • ویرایش وظیفه - سفارشی کردن و راه اندازی Modal Edit Task - Customise & Setup the Modal

  • کد ماژول Module Code

  • Vuex، Forms، Quasar Components و Vue.js را تمرین کنید Practice Vuex, Forms, Quasar Components & Vue.js

وظایف را به بخش های "Todo" و "Completed" تقسیم کنید Split Tasks into "Todo" and "Completed" Sections

  • معرفی ماژول Module Introduction

  • Getters برای Todo و کارهای تکمیل شده ایجاد کنید Create Getters for Todo and Completed Tasks

  • نمایش کارهای انجام شده و انجام شده در لیست های جداگانه Display Todo and Completed Tasks in Separate Lists

  • سرفصل ها را به لیست وظایف اضافه کنید Add Headings to the Task Lists

  • رنگ پس زمینه عنوان را قابل تنظیم کنید Make the Heading Background Color Adjustable

  • مشروط به نمایش و پنهان کردن لیست وظایف Conditionally Show & Hide the Task Lists

  • یک "بدون کار برای انجام امروز!" بنر Add a "No tasks to do today!" Banner

  • از گذرگاه رویداد جهانی برای رفع دکمه بنر «بدون کار» استفاده کنید Use Global Event Bus to fix the "No tasks" Banner Button

  • کد ماژول Module Code

یک نوار جستجو اضافه کنید Add a Search Bar

  • معرفی ماژول Module Introduction

  • علامت گذاری نوار جستجو را اضافه کنید Add the Search Bar Markup

  • نوار جستجو را با mapState به Vuex State متصل کنید Connect Search Bar to Vuex State with mapState

  • برای تنظیم مقدار جستجوی Vuex از یک تنظیم کننده ویژگی محاسبه شده استفاده کنید Use a Computed Property Setter to set the Vuex search value

  • یک Action & Mutation را برای تنظیم ویژگی جستجو تنظیم کنید Setup an Action & Mutation to set the search property

  • وظایف را بر اساس مقدار جستجو فیلتر کنید Filter the Tasks based on Search Value

  • نمایش "نتیجه جستجو وجود ندارد" و پنهان کردن بنر "بدون کار امروز". Display “No search results” & Hide the “No tasks today” Banner

  • کد ماژول Module Code

یک فهرست کشویی مرتب سازی اضافه کنید (برای مرتب کردن وظایف بر اساس نام/تاریخ سررسید) Add a Sort Dropdown (to sort Tasks by Name / Due Date)

  • معرفی ماژول Module Introduction

  • Sorting Getter را به Vuex Store اضافه کنید Add Sorting Getter to Vuex Store

  • معیارهای مرتب سازی را قابل تنظیم کنید Make the Sort Criteria Configurable

  • یک جزء کشویی مرتب سازی به صفحه اضافه کنید Add a Sort Dropdown Component to the Page

  • مرتب سازی کشویی - تنظیمات را پیکربندی کنید Sort Dropdown - Configure the Options

  • منوی کشویی مرتب سازی را به وضعیت فروشگاه Vuex پیوند دهید Link the Sort Dropdown to the Vuex Store State

  • کد ماژول Module Code

برنامه را با Transitions، Directives، Filters، Mixins و Scroll Area بهبود دهید Improve the app with Transitions, Directives, Filters, Mixins & Scroll Area

  • معرفی ماژول Module Introduction

  • دستورالعمل سفارشی - هنگامی که روی آن کلیک می شود، تمام متن در ورودی را انتخاب کنید Custom Directive - Select All Text in Input when Clicked

  • دستورالعمل سفارشی - آن را جهانی کنید! Custom Directive - Make it Global!

  • با فشار دادن Esc، فیلد جستجو را پاک کنید Clear the Search Field when Esc pressed

  • برای ویرایش با دستور v-touch-hold روی یک Task کلیک کنید و نگه دارید Click and Hold a Task to Edit with v-touch-hold Directive

  • فیلتر - تاریخ را به خوبی قالب بندی کنید Filter - Format the Date Nicely

  • فیلتر - پرس و جو جستجو را روی وظایف تطبیق برجسته کنید Filter - Highlight the Search Query on Matching Tasks

  • Mixin - کدهای تکراری را در Add/Edit Task در Mixin ترکیب کنید Mixin - Combine Duplicated Code on Add / Edit Task into Mixin

  • Transitions - نمایش و پنهان کردن اجزا را متحرک کنید Transitions - Animate the Showing & Hiding of Components

  • یک ناحیه اسکرول اضافه کنید Add a Scroll Area

  • کلیک کردن در کنار دکمه افزودن وظیفه را فعال کنید Enable clicking beside the Add Task button

  • کد ماژول Module Code

صفحه تنظیمات Settings Page

  • معرفی ماژول Module Introduction

  • تنظیم "نمایش قالب زمان 12 ساعت" را اضافه کنید Add a "Show 12 hour time format" Setting

  • Vuex - یک فروشگاه تنظیمات ایجاد کنید Vuex - Create a Settings Store

  • یک Computed Getter & Setter اضافه کنید Add a Computed Getter & Setter

  • زمان را با یک ویژگی محاسبه شده فرمت کنید Format the Time with a Computed Property

  • تنظیم "نمایش وظایف در یک لیست" را اضافه کنید Add a "Show tasks in one list" Setting

  • تنظیمات را با استفاده از افزونه LocalStorage پایدار کنید Make the Settings Persistent using LocalStorage Plugin

  • تنظیمات LocalStorage را در بارگذاری برنامه دریافت و اعمال کنید Get & Apply the LocalStorage Settings on App Load

  • یک بخش "بیشتر" و یک صفحه راهنما اضافه کنید Add a "More" Section and a Help Page

  • پیوند "از وب سایت ما بازدید کنید" با ابزار openURL اضافه کنید Add a "Visit our website" Link with openURL Utility

  • پیوند "به ما ایمیل بزنید" اضافه کنید Add an "Email us" Link

  • کد ماژول Module Code

یک صفحه ورود و ثبت نام ایجاد کنید Create a Login & Register Page

  • معرفی ماژول Module Introduction

  • ایجاد یک صفحه ورود و ثبت نام (و مسیر) Create a Login & Register Page (and Route)

  • پنل های تب برای ورود و ثبت نام ایجاد کنید Create Tab Panels for Login & Register

  • ثبت نام - ایجاد کامپوننت و اضافه کردن یک بنر Register - Create Component & Add a Banner

  • ثبت نام - فیلدها و دکمه های ایمیل/رمز عبور را اضافه کنید Register - Add Email/Password Fields & Button

  • ثبت نام - اعتبار سنجی فرم Register - Form Validation

  • ثبت نام - در صورت معتبر بودن فرم را ارسال کنید Register - Submit Form if Valid

  • ورود - از مؤلفه ثبت مجدد استفاده کنید Login - Reuse the Register Component

  • ورود/ثبت نام - سفارشی کردن بنر Login / Register - Customise the Banner

  • کد ماژول Module Code

Firebase - مقدمه Firebase - Introduction

  • مقدمه ای بر Firebase Introduction to Firebase

  • چگونه از Firebase استفاده می کنیم How we’re going to use Firebase

  • یک پروژه Firebase ایجاد کنید Create a Firebase Project

  • تنظیم احراز هویت Setup Authentication

Firebase - احراز هویت Firebase - Authentication

  • معرفی ماژول Module Introduction

  • Firebase را با استفاده از Boot File به پروژه اضافه کنید Add Firebase to the Project using Boot File

  • Vuex - یک فروشگاه Auth ایجاد کنید Vuex - Create an Auth Store

  • ثبت نام کاربر Register User

  • ورود کاربر Login User

  • دکمه خروج از سیستم را اضافه کنید - فقط زمانی که کاربر وارد شده است نمایش داده شود Add Logout Button - Show only when User Logged In

  • دکمه خروج - کاربر را از سیستم خارج کنید Logout Button - Log the User Out

  • تغییر مسیر در ورود/خروج از سیستم Redirect on Log In / Log Out

  • خطای NavigationDuplicated را برطرف کنید Fix the NavigationDuplicated error

  • گاردهای ناوبری - هنگام خروج از سیستم از مسیرها محافظت کنید Navigation Guards - Protect Routes when Logged Out

  • گاردهای ناوبری - یک فایل بوت ایجاد کنید Navigation Guards - Create a Boot File

  • رسیدگی به خطاها Handling Errors

  • نمایش یک پوشش بارگیری هنگام ورود به سیستم Show a Loading Overlay when Logging In

  • کد ماژول Module Code

Firebase - ساختار داده را تنظیم کنید Firebase - Setup the Data Structure

  • معرفی ماژول Module Introduction

  • ساختار داده - طراحی Data Structure - Design

  • ساختار داده - با استفاده از Import به Firebase اضافه کنید Data Structure - Add to Firebase using Import

Firebase - خواندن داده ها Firebase - Reading Data

  • معرفی ماژول Module Introduction

  • خواندن داده ها هنگام ورود کاربر Read Data when user Logs In

  • به پایگاه داده متصل شوید Connect to the Database

  • خواندن داده ها - وقتی کار اضافه شد Read Data - When Task Added

  • خواندن داده ها - هنگامی که وظیفه به روز می شود Read Data - When Task Updated

  • خواندن داده ها - هنگامی که وظیفه حذف می شود Read Data - When Task Deleted

  • کد ماژول Module Code

Firebase - نوشتن داده ها Firebase - Writing Data

  • معرفی ماژول Module Introduction

  • نوشتن داده - هنگامی که وظیفه اضافه شد Write Data - When Task Added

  • داده‌ها را بنویسید - وقتی کار به‌روزرسانی شد Write Data - When Task Updated

  • داده ها را بنویسید - وقتی کار حذف شد Write Data - When Task Deleted

  • کد ماژول Module Code

Firebase - تجربه بارگیری را بهبود بخشید Firebase - Improve The Loading Experience

  • معرفی ماژول Module Introduction

  • یک نمای بارگیری برای صفحه کار اضافه کنید Add a Loading View for the Todo Page

  • نمای بارگیری را زیبا کنید Make the Loading View Pretty

  • پنهان کردن نمای بارگیری هنگام بارگیری وظایف Hide Loading View when Tasks Downloaded

  • کد ماژول Module Code

Firebase - چندین کاربر و قوانین پایگاه داده Firebase - Multiple Users & Database Rules

  • معرفی ماژول Module Introduction

  • پس از خروج کاربر، وضعیت را پاک کنید Clear the State after User Logs Out

  • قوانین پایگاه داده Firebase را به روز کنید Update the Firebase Database Rules

  • کد ماژول Module Code

Firebase - خطاها را مدیریت کنید و اعلان‌ها را نشان دهید Firebase - Handle Errors & Show Notifications

  • معرفی ماژول Module Introduction

  • خطاهای نوشتن را مدیریت کنید Handle Write Errors

  • خطاهای خواندن را مدیریت کنید Handle Read Errors

  • اعلان ها را اضافه کنید Add Notifications

  • کد ماژول Module Code

  • Firebase را تمرین کنید Practice Firebase

پلتفرم ها - وب Platforms - Web

  • معرفی ماژول Module Introduction

  • Icon Genie - معرفی و نصب Icon Genie - Introduction & Installation

  • نماد منبع را ایجاد کنید (یا فقط آن را دانلود کنید) Create the Source Icon (or just download it)

  • ایجاد آیکون با Icon Genie Generate Icons with Icon Genie

  • یک اسکریپت NPM برای دستور ما ایجاد کنید Create an NPM Script for our Command

  • ساخت و استقرار برنامه در وب Build and Deploy App to the Web

  • کد ماژول Module Code

پلتفرم‌ها - مک (الکترون) Platforms - Mac (Electron)

  • اگر مک ندارید این را بخوانید READ THIS If you don't have a Mac

  • معرفی ماژول Module Introduction

  • پلتفرم مک را اضافه کنید Add the Mac Platform

  • رفع مشکلات سبک Fix Style Issues

  • فایل فرآیند اصلی الکترون و مرتب کردن Electron Main Process file & Tidying Up

  • تنظیمات پنجره مرورگر را سفارشی کنید Customise Browser Window Settings

  • منو را با یک الگوی منو قابل تنظیم کنید Make Menu Customizable with a Menu Template

  • قالب منو را در یک فایل جداگانه قرار دهید Put the Menu Template into a Separate File

  • منو - یک گزینه تنظیمات اضافه کنید Menu - Add a Settings Option

  • منو - گوش دادن به گزینه تنظیمات با دریافت IPC/تشخیص پلت فرم Menu - Listen to Settings Option with IPC Receive / Platform Detection

  • یک میانبر صفحه کلید به گزینه منوی تنظیمات اضافه کنید Add a Keyboard Shortcut to the Settings Menu Option

  • با ارسال IPC یک دکمه خروج به کشو اضافه کنید Add a Quit Button to the Drawer with IPC send

  • به رویداد ترک گوش دهید و از برنامه خارج شوید Listen for the Quit Event and Quit the App

  • حذف داده های برنامه (LocalStorage و غیره) Removing App Data (LocalStorage etc)

  • یک نماد برنامه اضافه کنید Add an App Icon

  • ساخت برای تولید Build for Production

  • نگرانی های امنیتی برای برنامه های Electron Security concerns for Electron apps

  • کد ماژول Module Code

پلتفرم ها - ویندوز (الکترون) Platforms - Windows (Electron)

  • اگر در حال توسعه بر روی یک رایانه ویندوز هستید، این را بخوانید READ THIS If you're developing on a Windows Computer

  • معرفی ماژول Module introduction

  • VirtualBox را نصب کنید Install VirtualBox

  • ماشین مجازی ویندوز 10 را نصب کنید Install Windows 10 Virtual Machine

  • راه اندازی ماشین مجازی - اشتراک گذاری فایل را فعال کنید Setup Virtual Machine - Enable File Sharing

  • نحوه کار بر روی نسخه ویندوز برنامه How to work on the Windows version of your app

  • نسخه ویندوز را بسازید Build the Windows version

  • کد ماژول Module Code

  • منو - افزودن منوی فایل با گزینه تنظیمات Menu - Add File Menu with Settings option

  • آیکون ویندوز خود را با Icon Genie ایجاد کنید Generate your Windows Icon with Icon Genie

  • کد ماژول Module Code

پلتفرم‌ها - iOS (Cordova) Platforms - iOS (Cordova)

  • معرفی ماژول Module Introduction

  • Cordova و Xcode را نصب کنید Install Cordova and Xcode

  • برنامه را در iOS Simulator for Development اجرا کنید Launch the app on iOS Simulator for Development

  • پوشه src-cordova src-cordova folder

  • نوار وضعیت iOS و Footer Padding/Safari Dev Tools را اضافه کنید Add iOS Statusbar and Footer Padding / Safari Dev Tools

  • ورودی ایمیل را برطرف کنید Fix the Email Input

  • لیست وظایف را برطرف کنید Fix the Task List

  • فوکوس خودکار - مشکل فوکوس خودکار را در Add/Edit Task Modals برطرف کنید Auto Focus - Fix Auto Focus issue on Add / Edit Task Modals

  • فوکوس خودکار - config.xml - فوکوس ورودی خودکار را فعال کنید Auto Focus - config.xml - Enable Automatic Input Focussing

  • فوکوس خودکار - تأخیر فوکوس را فقط به پلتفرم Cordova محدود کنید Auto Focus - Limit the Focus Delay to only Cordova Platform

  • فوکوس خودکار - دوره تاخیر را قابل تنظیم کنید Auto Focus - Make the Delay Period Configurable

  • پلاگین های Cordova - InAppBrowser Cordova Plugins - InAppBrowser

  • با Icon Genie آیکون ها و Splashscreens ایجاد کنید Generate Icons & Splashscreens with Icon Genie

  • شبیه ساز - اجرا بر روی دستگاه های مختلف iOS Simulator - Run on Different iOS Devices

  • روی یک دستگاه iOS واقعی توسعه دهید Develop on a Real iOS Device

  • ساخت اپلیکیشن برای تولید Build the App for Production

  • کد ماژول Module Code

پلتفرم‌ها - Android (Cordova) Platforms - Android (Cordova)

  • معرفی ماژول Module Introduction

  • معرفی ماژول Module Introduction

  • Android Studio و SDK را نصب کنید Install Android Studio & SDK

  • راه اندازی دستگاه مجازی Setup Virtual Device

  • اندروید را به Path خود اضافه کنید Add Android to your Path

  • در Android Simulator راه اندازی کنید Launch on Android Simulator

  • آیکون و صفحه نمایش اسپلش اندروید خود را با Icon Genie ایجاد کنید Generate your Android Icon & Splashscreen with Icon Genie

  • ساخت اپلیکیشن برای تولید Build the App for Production

  • ساخت اپلیکیشن برای تولید Build the App for Production

  • کد ماژول Module Code

دوره جمع آوری Course Round Up

  • دوره جمع آوری Course Round Up

  • به‌روزرسانی: Quasar V2، Vue 3 و Composition API Update: Quasar V2, Vue 3 & Composition API

سخنرانی های جایزه Bonus Lectures

  • مطالب بیشتر از من! More Content from Me!

  • پسوند VSCode من - "Split HTML Attributes" My VSCode Extension - "Split HTML Attributes"

آرشیو: 25 پلتفرم - وب ARCHIVE: 25 Platforms - Web

  • دانلود تمام آیکون ها و Splashscreens Download all Icons and Splashscreens

  • چگونه نماد را در طرح ایجاد کردم (اختیاری) How I Created the Icon in Sketch (optional)

  • نمادها را به Awesome Todo اضافه کنید Add the Icons to Awesome Todo

  • Icon Genie - فورا آیکون ها و Splashscreens ایجاد کنید! Icon Genie - Generate Icons & Splashscreens Instantly!

آرشیو: 26 پلتفرم - مک (الکترون) ARCHIVE: 26 Platforms - Mac (Electron)

  • آرشیو: منو را با قالب منو قابل تنظیم کنید ARCHIVE: Make Menu Customizable with a Menu Template

  • آرشیو: قالب منو را در یک فایل جداگانه قرار دهید ARCHIVE: Put the Menu Template into a Separate File

  • آرشیو: یک نماد برنامه اضافه کنید ARCHIVE: Add an App Icon

  • آرشیو: Icon Genie - فورا آیکون ها و Splashscreens ایجاد کنید! ARCHIVE: Icon Genie - Generate Icons & Splashscreens Instantly!

آرشیو: 27 پلتفرم - ویندوز (الکترون) ARCHIVE: 27 Platforms - Windows (Electron)

  • آرشیو: اضافه کردن نماد ARCHIVE: Add Icon

  • آرشیو: Icon Genie - فورا آیکون ها و Splashscreens ایجاد کنید! ARCHIVE: Icon Genie - Generate Icons & Splashscreens Instantly!

آرشیو: 28 پلتفرم - iOS (Cordova) ARCHIVE: 28 Platforms - iOS (Cordova)

  • آرشیو: نمادهای برنامه را اضافه کنید ARCHIVE: Add App Icons

  • آرشیو: Splashscreen - ایجاد (اختیاری) ARCHIVE: Splashscreen - Create (optional)

  • آرشیو: Splashscreen - افزودن به برنامه ARCHIVE: Splashscreen - Add to App

  • آرشیو: Icon Genie - فورا آیکون ها و Splashscreens ایجاد کنید! ARCHIVE: Icon Genie - Generate Icons & Splashscreens Instantly!

آرشیو: 29 پلتفرم - Android (Cordova) ARCHIVE: 29 Platforms - Android (Cordova)

  • آرشیو: نمادهای برنامه را اضافه کنید ARCHIVE: Add App Icons

  • آرشیو: نمادهای برنامه را اضافه کنید ARCHIVE: Add App Icons

  • آرشیو: Icon Genie - فورا آیکون ها و Splashscreens ایجاد کنید! ARCHIVE: Icon Genie - Generate Icons & Splashscreens Instantly!

  • آرشیو: Icon Genie - فورا آیکون ها و Splashscreens ایجاد کنید! ARCHIVE: Icon Genie - Generate Icons & Splashscreens Instantly!

  • آرشیو: Splashscreen - ایجاد (اختیاری) ARCHIVE: Splashscreen - Create (optional)

  • آرشیو: Splashscreen - افزودن به برنامه ARCHIVE: Splashscreen - Add to App

نمایش نظرات

آموزش Quasar V1: برنامه‌های چند پلتفرمی (با Vue 2، Vuex و Firebase)
جزییات دوره
15.5 hours
262
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
6,846
4.8 از 5
دارد
دارد
دارد
Danny Connell
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Danny Connell Danny Connell

معلم و برنامه نویس Indie App

من ۷ سال برای شرکت‌های مختلف در بریتانیا به عنوان یک توسعه‌دهنده وب (هم جلویی و هم پشتیبان) کار کردم و در HTML، CSS، جاوا اسکریپت، jQuery، PHP و بسیاری موارد دیگر مهارت بالایی داشتم.

پس از علاقه‌مندی بیشتر به برنامه‌ها، به مدت ۲ سال به‌عنوان یک توسعه‌دهنده برنامه ترکیبی کار کردم و با استفاده از فناوری‌هایی از جمله Angular، Ionic، Vue.js و غیره، برنامه‌های چند پلتفرمی را برای بخش خیریه ایجاد کردم.

من برنامه موفق خود را به نام Fudget (برای iOS، Android، Mac Windows) ایجاد کردم که بالاترین رتبه بندی کاربر در برنامه مالی شخصی در iOS با بیش از 1.5 میلیون بارگیری است. این در نهایت به من امکان داد که شغلم را ترک کنم و یک برنامه‌نویس تمام وقت Indie App Developer شوم و روی برنامه‌های خودم کار کنم.

من یک کانال جوان اما موفق YouTube دارم که در آن آموزش های کدنویسی را نیز به اشتراک می گذارم.

من بسیار هیجان زده هستم که دانش خود را در Skillshare به اشتراک بگذارم!