46 %

آموزش طراحی سایت با الکترون (Electron)

در الکترون امکان توسعه برنامه‌های رابط کاربری گرافیکی دسکتاپ را با استفاده از فناوری‌های وب فراهم می‌کند: موتور رندر Chromium و زمان اجرا Node.js را ترکیب می‌کند.در ابتدا برای اتم ساخته شد.

توضیحات

فارسی
8 ساعت
غیر حضوری
5 فصل
از طریق واتس اپ یا ارسال تیکت
دارای گواهینامه
چه امتیازی میدی؟

 

آموزش طراحی سایت با الکترون (Electron)

 

آموزش طراحی سایت با الکترون (Electron) دوره ای مقدماتی و پروژه محور است که توسط هلدینگ فرتاک ارائه شده و شما در پایان قسمت ها پروژه هایی را به عنوان تمرین درست کنید تا بتوانید مهارت های خود را بسنجید.

 

Electron (چارچوب نرم افزاری)

Electron (که قبلا به عنوان Atom Shellشناخته می شد) یک چارچوب نرم افزاری رایگان و منبع باز است که توسط GitHub توسعه و نگهداری می شود.

Electron چارچوب اصلی رابط کاربری گرافیکی پشت چندین پروژه منبع باز از جمله Atom، GitHub Desktop، Light Table،  Visual Studio Code، Evernote،WordPress Desktop، و Eclipse Theia است که شما در آموزش طراحی سایت با الکترون (Electron) با آن‌ها آشنا خواهید شد.

 

دوره های مرتبط

آموزش طراحی سایت با الکترون (Electron) حضوری

آموزش طراحی سایت با الکترون (Electron) آنلاین

 

سبک معماری Electron

کاربردهای الکترونی شامل چندین فرآیند است. فرآیند “اصلی” و چندین فرآیند “رندر” وجود دارد. فرآیند اصلی منطق برنامه را اجرا می‌کند و سپس می‌تواند چندین فرآیند رندر را راه‌اندازی کند و پنجره‌هایی را که در صفحه کاربر ظاهر می‌شوند HTML و CSS را رندر کند.

در صورت فعال بودن، هر دو پردازش اصلی و رندر می توانند با ادغام Node.js اجرا شوند.

بیشتر API های Electron به زبان ++C یا Objective-C نوشته می‌شوند و سپس مستقیماً از طریق پیوندهای جاوا اسکریپت در معرض کد برنامه قرار می‌گیرند.

 

نسخه های برنامه Electron

در سپتامبر 2021، الکترون به چرخه انتشار 8 هفته‌ای بین نسخه‌های اصلی رفت تا با چرخه انتشار Chromium Extended Stable مطابقت داشته باشد و با الزامات جدید فروشگاه مایکروسافت مطابقت داشته باشد که برنامه‌های مبتنی بر مرورگر را ملزم می‌کند که در 2 نسخه اصلی از آن قرار داشته باشند. آخرین نسخه از موتور مرورگر.

Electron به طور فعال از آخرین سه نسخه اصلی پایدار پشتیبانی می کند. از سپتامبر 2021 تا مه 2022، به دلیل تغییر در چرخه های انتشار، چهار نسخه اصلی به طور موقت پشتیبانی شدند.

 

برنامه Electron

الکترون یک کتابخانه منبع باز است که توسط GitHub برای طراحی سایت و ساخت برنامه های دسکتاپ چند پلتفرمی با HTML، CSS و جاوا اسکریپت توسعه یافته است. Electron این کار را با ترکیب Chromium و Node.js در یک زمان اجرا انجام می دهد و برنامه ها را می توان برای Mac، Windows و Linux بسته بندی کرد.

و Electron یک Runtime است که به شما امکان می دهد برنامه های دسکتاپ را با HTML5، CSS و JavaScript ایجاد کنید. … ممکن است نام Apache Cordova یا Adobe PhoneGap را برای ساختن برنامه های تحت وب – پیچیده شده در پوسته های بومی – برای سیستم عامل های تلفن همراه مانند iOS، Android و Windows Phone شنیده باشید یا از آن استفاده کرده باشید.

 

پیش نیازها در برنامه الکترون

قبل از هر اطلاعاتی، باید درک اولیه ای از Javascript (ES6) و HTML داشته باشید. همچنین باید در مورد چند API بومی Node.js مانند مدیریت فایل، فرآیندها و غیره اطلاعات داشته باشید.

 

نرم افزار با استفاده از Electron

تعدادی از برنامه های دسکتاپ با Electron ساخته شده اند از جمله:

1Password

Atom

Beaker (web browse)

Discord

balenaEtcher

GitHub Desktop

Microsoft Teams

Shift

Signal

Skype

Symphony Chat

Terminus

Twitch

Visual Studio Code

WhatsApp

Yammer

 

نصب و راه اندازی برنامه الکترون

برای نصب باینری های Electron از پیش ساخته شده، از npm استفاده کنید. روش ترجیحی این است که Electron را به عنوان یک وابستگی توسعه در برنامه خود نصب کنید.

 

شروع سریع و کمانچه الکترونی  برنامه Electron

از Electron Fiddle برای ساخت، اجرا و بسته‌بندی آزمایش‌های کوچک Electron، برای دیدن نمونه‌های کد برای همه APIهای Electron و آزمایش نسخه‌های مختلف Electron استفاده کنید. این طراحی شده است تا شروع سفر شما را با Electron آسان تر کند.

 

استفاده از برنامه Electron

اکثر مردم از Electron از خط فرمان استفاده می کنند، اما اگر به الکترون در داخل برنامه Node خود (نه برنامه Electron خود) نیاز دارید، مسیر فایل را به باینری باز می گرداند.

 

فرهنگ اجرا: دو فرآیند در فرهنگ اجرای الکترونی وجود دارد:

فرآیند اصلی فرآیند اصلی وظیفه ایجاد ویندوز با استفاده از نمونه های BrowserWindow را بر عهده دارد. یک نمونه BrowserWIndow یک صفحه وب را در فرآیند رندر خود رندر می کند. از بین بردن یک نمونه BrowserWindow به این معنی است که فرآیند رندر مربوطه نیز خاتمه یافته است.

فرآیند رندر یک فرآیند اصلی وجود دارد که وظیفه نگهداری چندین فرآیند رندر را بر عهده دارد. هر فرآیند رندر صفحه وب و اسکریپت های موجود در آن را مدیریت می کند.

Electron از API های مختلف برای هر دو فرآیند اصلی و رندر پشتیبانی می کند که به تعامل با سیستم عامل دسکتاپ و منابع آن کمک می کند.

 

انتقادات  از برنامه Electron

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

[/vc_column_text][vc_column_text]

طراحی سایت با الکترون (Electron)

 

 

سبک معماری Electron

 

کاربردهای الکترونی شامل چندین فرآیند است. فرآیند “اصلی” و چندین فرآیند “رندر” وجود دارد. فرآیند اصلی منطق برنامه را اجرا می‌کند و سپس می‌تواند چندین فرآیند رندر را راه‌اندازی کند و پنجره‌هایی را که در صفحه کاربر ظاهر می‌شوند HTML و CSS را رندر کند.

در صورت فعال بودن، هر دو پردازش اصلی و رندر می توانند با ادغام Node.js اجرا شوند.

بیشتر API های Electron به زبان ++C یا Objective-C نوشته می‌شوند و سپس مستقیماً از طریق پیوندهای جاوا اسکریپت در معرض کد در طراحی سایت قرار می‌گیرند.

 

 

نسخه های برنامه Electron

 

در سپتامبر 2021، Electron به چرخه انتشار 8 هفته‌ای بین نسخه‌های اصلی رفت تا با چرخه انتشار Chromium Extended Stable مطابقت داشته باشد و با الزامات جدید فروشگاه مایکروسافت مطابقت داشته باشد که برنامه‌های مبتنی بر مرورگر را ملزم می‌کند که در 2 نسخه اصلی از آن قرار داشته باشند. آخرین نسخه از موتور مرورگر.

Electron به طور فعال از آخرین سه نسخه اصلی پایدار پشتیبانی می کند. از سپتامبر 2021 تا مه 2022، به دلیل تغییر در چرخه های انتشار، چهار نسخه اصلی به طور موقت پشتیبانی شدند.

 

 

برنامه Electron

 

Electron یک کتابخانه منبع باز است که توسط GitHub برای طراحی سایت و ساخت برنامه های دسکتاپ چند پلتفرمی با HTML، CSS و جاوا اسکریپت توسعه یافته است. Electron این کار را با ترکیب Chromium و Node.js در یک زمان اجرا انجام می دهد و برنامه ها را می توان برای Mac، Windows و Linux بسته بندی کرد.

وElectron یک Runtime است که به شما امکان می دهد برنامه های دسکتاپ را با HTML5، CSS و JavaScript ایجاد کنید. … ممکن است نام Apache Cordova یا Adobe PhoneGap را برای ساختن برنامه های تحت وب – پیچیده شده در پوسته های بومی – برای سیستم عامل های تلفن همراه مانند iOS، Android و Windows Phone شنیده باشید یا از آن استفاده کرده باشید.

 

 

پیش نیازها در برنامه Electron

 

قبل از هر اطلاعاتی، باید درک اولیه ای از Javascript (ES6) و HTML داشته باشید. همچنین باید در مورد چند API بومی Node.js مانند مدیریت فایل، فرآیندها و غیره اطلاعات داشته باشید.

 

 

نرم افزار با استفاده از Electron

 

تعدادی از برنامه های دسکتاپ با Electron ساخته شده اند از جمله:

1Password

Atom

Beaker (web browse)

Discord

balenaEtcher

GitHub Desktop

Microsoft Teams

Shift

Signal

Skype

Symphony Chat

Terminus

Twitch

Visual Studio Code

WhatsApp

Yammer

 

 

نصب و راه اندازی برنامه Electron

 

برای نصب باینری های Electron از پیش ساخته شده، از npm استفاده کنید. روش ترجیحی این است که Electron را به عنوان یک وابستگی توسعه در برنامه خود نصب کنید.

 

 

شروع سریع و کمانچه الکترونی برنامه Electron

 

از Electron Fiddle برای ساخت، اجرا و بسته‌بندی آزمایش‌های کوچک Electron، برای دیدن نمونه‌های کد برای همه APIهای Electron و آزمایش نسخه‌های مختلف Electron استفاده کنید. این طراحی شده است تا شروع سفر شما را با Electron آسان تر کند.

 

 

استفاده از برنامه Electron

 

اکثر مردم از Electron از خط فرمان استفاده می کنند، اما اگر به الکترون در داخل برنامه Node خود (نه برنامه Electron خود) نیاز دارید، مسیر فایل را به باینری باز می گرداند.

 

 

فرهنگ اجرا: دو فرآیند در فرهنگ اجرای الکترونی وجود دارد:

 

فرآیند اصلی فرآیند اصلی وظیفه ایجاد ویندوز با استفاده از نمونه های BrowserWindow را بر عهده دارد. یک نمونه BrowserWIndow یک صفحه وب را در فرآیند رندر خود رندر می کند. از بین بردن یک نمونه BrowserWindow به این معنی است که فرآیند رندر مربوطه نیز خاتمه یافته است.

فرآیند رندر یک فرآیند اصلی وجود دارد که وظیفه نگهداری چندین فرآیند رندر را بر عهده دارد. هر فرآیند رندر صفحه وب و اسکریپت های موجود در آن را مدیریت می کند.

Electron از API های مختلف برای هر دو فرآیند اصلی و رندر پشتیبانی می کند که به تعامل با سیستم عامل دسکتاپ و منابع آن کمک می کند.

 

 

انتقادات  از برنامه Electron

 

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

 

مقدمه :

معرفی دوره :

مختصری از دوره آموزش طراحی سایت با الکترون (Electron)

رایگان

فصل اول :

سر فصل 1

رایگان

فصل دوم :

سر فصل 2

رایگان

فصل سوم :

سر فصل 3

رایگان

فصل چهار :

سر فصل 4

رایگان

فصل پنج :

سر فصل 5

رایگان

مدرسان دوره

مهندس محمد پارسا مجد

مهندس محمد پارسا مجد بنیانگذار و مدیر عامل هلدینگ فرتاک

   همین الان ثبت نام کن