آموزش Electron for Desktop Apps: The Complete Developer's Guide

Electron for Desktop Apps: The Complete Developer's Guide

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: از Electron Framework برای ساختن برنامه‌های دسک‌تاپ متقابل متقاعدکننده با جدیدترین فناوری‌های توسعه وب استفاده کنید. یاد بگیرید چگونه با استفاده از فناوری‌های توسعه وب، برنامه‌های کاربردی با احساس بومی بسازید با برنامه‌های Electron JS Build که به خوبی روی MacOS و Windows به خوبی کار می‌کنند، بر پیچیدگی‌های توسعه مسلط شوید. codebase هم برنامه‌های سنتی تک پنجره‌ای و هم برنامه‌های مبتنی بر سینی وضعیت را توسعه دهید درک نحوه ادغام فناوری‌های موجود مانند React و Redux در برنامه‌های Electron JS خود با برنامه‌های دسکتاپ کسب‌وکار سودآوری بسازید، زیرا رقابت بسیار کمی در بازار وجود دارد. درک جاوا اسکریپت

مهارت های توسعه دهنده وب خود را از مرورگر حذف کنید! این دوره به شما موضوعاتی را که برای ساختن یک برنامه دسکتاپ پرفروش شماره ۱ نیاز دارید، آموزش می‌دهد.

------------------------------

الکترون چیست؟

Electron راه حلی زیبا برای نوشتن برنامه های مبتنی بر دسکتاپ با استفاده از فناوری های وب موجودی است که از قبل می شناسید، مانند HTML، CSS، و جاوا اسکریپت. الکترون برای برنامه‌های بسیار محبوب مانند Atom، Slack، و Discord استفاده می‌شود.

چه کسی برنامه های دسکتاپ می سازد؟!

در 10 سال گذشته یک تغییر فوق العاده از دسکتاپ به موبایل صورت گرفته است، درست است، اما نتیجه این است که فرصت بزرگی برای ایجاد برنامه های دسکتاپ وجود دارد، زیرا همه توسعه دهندگان دیگر به ساخت تلفن همراه تغییر کرده اند! با اپلیکیشنی که چند روزی را صرف ساختن آن می کنید، به راحتی می توانید وارد صفحه اول فروشگاه MacOS شوید - این هرگز در موبایل اتفاق نمی افتد! آخرین برنامه‌ای که در این دوره می‌سازید را می‌توان به راحتی به یک برنامه صفحه اول تغییر داد.

چه چیزی خواهید ساخت؟

همه دوره های من "یادگیری از طریق انجام" هستند: بدون سخنرانی بی پایان خسته کننده با پاورپوینت، فقط نمونه های زنده و تعاملی کدنویسی. در این دوره ما چهار برنامه مجزا با پیچیدگی فزاینده می سازیم که هر کدام ویژگی های مختلف Electron را نمایان می کند. با قرار دادن هر مفهوم در یک برنامه واقعی، ایده بهتری درباره زمان استفاده از هر ویژگی منحصر به فرد و قدرتمند خواهید داشت.

هم MacOS و هم Windows پشتیبانی می‌شوند!

------------------------------

برنامه‌هایی که می‌سازید:

  1. تجزیه و تحلیل فایل های ویدئویی. یاد بگیرید که چگونه سیستم عامل زیرین را با این اولین برنامه دستکاری کنید، که در آن ابزاری برای تجزیه و تحلیل فایل های ویدئویی ایجاد می کنید که توسط ابزار FFMPEG CLI پشتیبانی می شود. این برنامه شما را با Electron آشنا می کند، همراه با درک نحوه ساخت یک برنامه اساسی.
  2. فهرست کار با پنجره متقاطع: خوب، بله، یک برنامه todo است، می‌دانم، اما شما یاد خواهید گرفت که چگونه چندین پنجره را با Electron دستکاری کنید، همراه با سفارشی کردن نوار منوی بالا. تاکید بیشتری بر تجربه های متقابل پلتفرم بین MacOS و Windows
  3. است
  4. تایمر سینی سیستم. یک برنامه کلاسیک مبتنی بر سینی سیستم بسازید - این نوع برنامه ای است که به عنوان نماد ساعت روی دسکتاپ شما وجود دارد. شما یاد خواهید گرفت که چگونه می توانید مقدار زیادی پولیش را به برنامه های رایج Electron اضافه کنید، که باعث می شود کاربران شما تصور کنند که از یک تجربه کاملاً بومی استفاده می کنند.
  5. مبدل فایل ویدیویی. برنامه ای بسازید که بتواند فایل های ویدئویی را به هر فرمت دیگری تبدیل کند. برنامه‌های موجود با مجموعه ویژگی‌های مشابه به قیمت 10 دلار در فروشگاه MacOS به فروش می‌رسند. این ابزار به طرز شگفت انگیزی مفید است و چیزی است که من خودم روزانه از آن استفاده می کنم!

این چیزی است که ما یاد خواهیم گرفت:

  • تئوری و تاریخچه الکترون را بیاموزید
  • برنامه های دسکتاپ پیچیده را با استفاده از فرآیندهای تکرارپذیر بسازید
  • هم برنامه‌های دسک‌تاپ کلاسیک و هم برنامه‌های مبتنی بر سینی را جمع‌آوری کنید
  • به برنامه‌های Electron خود پولیش اضافه کنید تا احساس بومی‌تر کنند
  • از مشکلات رایج مرتبط با الکترون چشم پوشی کنید

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


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

مبانی الکترون Basics of Electron

  • نحوه دریافت کمک How to Get Help

  • منابع دوره Course Resources

  • به انجمن ما بپیوندید! Join Our Community!

  • چرا الکترون وجود دارد؟ Why Does Electron Exist?

  • الکترون چگونه کار می کند؟ How Does Electron Work?

  • تاریخچه الکترون History of Electron

مدیریت پروژه های الکترونی Handling Electron Projects

  • نمای کلی برنامه App Overview

  • شروع شدن Getting Started

  • شروع و توقف الکترون Starting and Stopping Electron

  • در حال بارگیری اسناد HTML Loading HTML Docs

  • انتخاب ویدیوها Selecting Videos

  • نمونه ویدیو - دانلود من! Sample Video - Download Me!

  • خواندن جزئیات فایل Reading File Details

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

  • نصب OSX FFMPEG OSX FFMPEG Installation

  • راه اندازی FFMPEG ویندوز Windows FFMPEG Setup

  • بیانیه های مورد نیاز در مرورگر Require Statements in the Browser

  • ارتباطات IPC IPC Communication

  • مدت زمان ویدیو با FFProbe Video Duration with FFProbe

  • دریافت رویدادهای IPC Receiving IPC Events

  • بسته شدن Wrapup

کنترل میله های منو Handling Menu Bars

  • نمای کلی برنامه App Overview

  • برنامه Boilerplate App Boilerplate

  • ایجاد پنجره اصلی Creating the MainWindow

  • ساخت نوارهای منو Constructing Menu Bars

  • نوار منو Gotchas Menu Bar Gotchas

  • در منو روی عملکرد کلیک کنید On Menu Click Functionality

  • کلیدهای میان سکوی متقابل Cross Platform Hotkeys

  • ایجاد ویندوز مجزا Creating Separate Windows

  • یک الکترون گوچا دیگر Another Electron Gotcha

  • افزودن پولیش به الکترون Adding Polish to Electron

  • بازیابی ابزارهای توسعه دهنده Restoring Developer Tools

  • IPC بین ویندوز IPC Between Windows

  • جمع آوری زباله با الکترون Garbage Collection with Electron

  • میانبرهای نقش Role Shortcuts

  • نوبت شما - پاک کردن لیست ها Your Turn - Clearing Lists

  • راه حل و جمع بندی Solution and Wrapup

برنامه های سینی وضعیت Status Tray Applications

  • برنامه Boilerplate App Boilerplate

  • این React Code چیست؟ What's This React Code?

  • BrowserWindow در مقابل سینی BrowserWindow vs Tray

  • BrowserWindow Config BrowserWindow Config

  • ایجاد نمادهای سینی Creating Tray Icons

  • تغییر وضعیت مشاهده پنجره مرورگر Toggling BrowserWindow Visibility

  • تشخیص دید Detecting Visibility

  • سیستم مرزهای موقعیت یابی The Positioning Bounds System

  • تنظیم موقعیت با حد و مرز Setting Position with Bounds

  • موقعیت یابی ویندوز Positioning of Windows

  • برنامه نویسی شی گرا با الکترون Object Oriented Programming with Electron

  • مبانی کلاس های ES6 Basics of ES6 Classes

  • زیر طبقه بندی Subclassing

  • زیر کلاس TimerTray The TimerTray Subclass

  • تکمیل Refactor TimerTray Finishing TimerTray Refactor

  • تنظیم نکات ابزار Setting Tooltips

  • اطلاعات بیشتر در مورد جمع آوری زباله More on Garbage Collection

  • ساخت منوهای زمینه Building Context Menus

  • کنترل فوکوس پنجره Controlling Window Focus

  • مخفی کردن نمادهای داک Hiding Dock Icons

  • کلاس پنجره اصلی MainWindow Class

  • IPC بین React و Electron IPC Between React and Electron

  • نمایش متن در سینی Displaying Text on the Tray

  • پس زمینه گلوله Background Throttling

ترکیب الکترون با React و Redux Combining Electron with React and Redux

  • نمای کلی برنامه App Overview

  • چالش های برنامه App Challenges

  • ایجاد پنجره مرورگر BrowserWindow Creation

  • راه اندازی Electron با Webpack Starting up Electron with Webpack

  • مروری بر React و Redux Overview of React and Redux

  • دریافت لیست ویدیوها Receiving a List of Videos

  • فراداده ویدیویی Video Metadata

  • مدیریت عملیات انبوه Async با وعده Handling Async Bulk Operations with Promises

  • واکشی متادیتا در Promises Fetching Metadata in Promises

  • Refactoring برای چندین ویدیو Refactoring for Multiple Videos

  • جمع بندی در متادیتا Wrapup on Metadata

  • مسیرهای خروجی Output Paths

  • تبدیل دسته ای ویدیو Batch Video Conversion

  • مدیریت تکمیل تبدیل Handling Conversion Completion

  • تشخیص پیشرفت تبدیل Detecting Conversion Progress

  • باز کردن پوشه ها با شل Opening Folders with Shell

  • بسته شدن Wrapup

موارد اضافی Extras

  • جایزه! Bonus!

نمایش نظرات

آموزش Electron for Desktop Apps: The Complete Developer's Guide
جزییات دوره
8 hours
79
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
19,554
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Stephen Grider Stephen Grider

معمار مهندسی