آموزش پروژه‌ها، دیالوگ‌ها و قابلیت‌های پیشرفته Electron - آخرین آپدیت

دانلود Projects, Dialogs, and Electron Features

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره شامل مربی هوشمند Coursera Coach است! روشی هوشمندانه‌تر برای یادگیری با گفتگوهای تعاملی و آنی که به شما کمک می‌کند تا دانش خود را آزمایش کنید، پیش‌فرض‌ها را به چالش بکشید و در حین پیشروی در دوره، درک خود را عمیق‌تر کنید. این دوره به قابلیت‌های پیشرفته Electron می‌پردازد و شما را برای ساخت اپلیکیشن‌های دسکتاپ پیچیده با ویژگی‌هایی مانند دیالوگ‌ها، یکپارچگی با سیستم و ذخیره‌سازی داده‌ها تجهیز می‌کند. شما پروژه‌های کاربردی را بررسی خواهید کرد که ضمن یادگیری جریان‌های کاری توسعه حرفه‌ای، دانش شما را تثبیت می‌کنند. سفر ما با کار در فرآیند اصلی (Main Process)، شامل مدیریت کلیپ‌بورد، تم‌بندی و درخواست‌های شبکه آغاز می‌شود و سپس به سراغ دیالوگ‌های فایل و پیام می‌رویم. شما یاد می‌گیرید چگونه باز کردن فایل، ذخیره کردن و دیالوگ‌های پیام را مدیریت کنید و این مهارت‌ها را در تمرینات عملی به کار ببرید. در ادامه، یک پروژه کامل ویرایشگر کد با استفاده از CodeMirror خواهید ساخت و منطق فرآیندهای Renderer و Main را با تمرکز بر معماری امن و بهینه اپلیکیشن پیاده‌سازی خواهید کرد. سپس ویژگی‌های پیشرفته Electron از جمله اسکریپت‌های Preload، منوهای راست‌کلیک (Context Menus)، ماژول‌های Shell و System Tray، کپچر کردن دسکتاپ و میان‌برهای جهانی کیبورد پوشش داده می‌شوند. همچنین یاد می‌گیرید چگونه با استفاده از WebContents به صورت برنامه‌نویسی شده با صفحات وب رندر شده تعامل داشته باشید و یک پروژه ضبط صفحه نمایش بسازید که این قابلیت‌ها را یکپارچه کند. در نهایت، در زمینه بسته‌بندی (Packaging)، انتشار (Releasing)، به‌روزرسانی‌های خودکار و استراتژی‌های ذخیره‌سازی داده‌ها شامل localStorage، session، IndexedDB و یکپارچگی با SQLite به تسلط خواهید رسید. این دوره برای توسعه‌دهندگان سطح متوسط، مهندسان Front-end و علاقه‌مندان به اپلیکیشن‌های دسکتاپ که دانش پایه‌ای از JavaScript و Electron دارند، ایده‌آل است. در پایان این دوره، شما قادر خواهید بود ماژول‌های فرآیند اصلی را پیاده‌سازی کنید، دیالوگ‌ها را مدیریت نمایید، پروژه‌هایی مانند ویرایشگر کد و ضبط صفحه را ایجاد و ارتقا دهید، ویژگی‌های پیشرفته Electron را مدیریت کنید و اپلیکیشن‌های دسکتاپ کاملاً کاربردی را برای پلتفرم‌های مختلف بسته‌بندی و منتشر کنید.

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

ماژول‌های فرآیند اصلی Main Process Modules

  • کار با ماژول clipboard Working with the "clipboard" Module

  • کار با تم‌های Chromium با استفاده از nativeTheme Working with Chromium Themes Using "nativeTheme"

  • ارسال درخواست‌های HTTP/HTTPS با ماژول net Making HTTP/HTTPS Requests with the "net" Module

دیالوگ‌های فایل و پیام با استفاده از ماژول Dialog File and Message Dialogs Using the "Dialog" Module

  • آشنایی با ماژول Dialog Introduction to the Dialog Module

  • دیالوگ باز کردن فایل the File Open Dialog

  • تمرین ۶: باز کردن یک فایل متنی Exercise 6: Opening a Text File

  • دیالوگ ذخیره فایل the File Save Dialog

  • تمرین ۷: ذخیره در یک فایل متنی Exercise 7: Saving to a Text File

  • دیالوگ پیام the Message Dialog

  • تمرین ۸: استفاده از دیالوگ‌های پیام Exercise 8: Using Message Dialogs

پروژه: ویرایشگر کد Project: Code Editor

  • مرور کلی پروژه Project Overview

  • راه اندازی پروژه و ساخت رابط کاربری Project Setup and Creating the UI

  • استفاده از CodeMirror Using CodeMirror

  • استایل‌دهی به اپلیکیشن Styling the App

  • پیاده‌سازی فرآیند رندر (Renderer) Renderer Process Implementation

  • پیاده‌سازی فرآیند اصلی (Main) Main Process Implementation

قابلیت‌های پیشرفته Electron Advanced Electron Features

  • اسکریپت Preload the Preload Script

  • تمرین ۹: استفاده از preload.js و غیرفعال کردن Node Integration Exercise 9: Using "preload.js" and Disabling Node Integration

  • ساخت منوهای راست‌کلیک Creating Context Menus

  • ماژول Shell the Shell Module

  • عیب‌یابی اپلیکیشن‌های Electron Debugging Electron Applications

  • [تمرین] بهبود اپلیکیشن ویرایشگر کد [Practice] Improving the Code Editor App

  • استفاده از System Tray Using the System Tray

  • ضبط صفحه با ماژول desktopCapturer Capturing Screens with the "desktopCapturer" Module

  • ثبت میان‌برهای جهانی کیبورد Registering Global Keyboard Shortcuts

  • نمایش اطلاعات با استفاده از ماژول screen Display Information Using the "screen" Module

تعامل با صفحات وب رندر شده با استفاده از WebContents Interacting with Rendered Web Pages Using the WebContents

  • آشنایی با کلاس WebContents در Electron Introduction to the "WebContents" Class in Electron

  • کنترل ناوبری (Navigation) Navigation Control

  • اجرای برنامه‌نویسی شده JavaScript در رندر Executing JavaScript in Renderer Programmatically

  • ارسال پیام از فرآیند اصلی به رندر با استفاده از WebContents Sending Messages from the Main Process to the Renderer Using WebContents

پروژه: ضبط صفحه نمایش Project: Screen Capturer

  • مرور کلی اپلیکیشن App Overview

  • ساخت رابط کاربری اپلیکیشن Creating the App UI

  • پیاده‌سازی منطق اپلیکیشن Implementing the App Logic

  • ساخت System Tray Creating the System Tray

بسته‌بندی و انتشار اپلیکیشن‌های Electron Packaging and Releasing Electron Applications

  • بسته‌بندی اپلیکیشن‌های Electron با Electron Builder Packaging Electron Apps Using Electron Builder

  • پیکربندی آیکون اپلیکیشن Configuring the App Icon

  • امضا کردن کد (Code Signing) Signing the Code

  • پیکربندی اهداف Build برای ویندوز، مک و لینوکس Configuring Build Targets for Win/macOS/Linux

  • آماده‌سازی اپلیکیشن برای انتشار در GitHub Preparing the App for Releasing on GitHub

  • ایجاد اولین نسخه انتشار (Release) Creating Our First Release

  • اتوماسیون انتشار اپلیکیشن با GitHub و Electron Builder Automating App Releasing Using GitHub and Electron Builder

  • به‌روزرسانی خودکار با Electron Updater Auto Updates Using Electron Updater

ذخیره‌سازی داده‌ها در Electron Data Storage in Electron

  • مرور کلی گزینه‌های ذخیره‌سازی در Electron Overview of Storage Options in Electron

  • ذخیره داده‌ها با localStorage در Electron Storing Data Using "localStorage" in Electron

  • ذخیره داده‌های نشست با session در Electron Storing Session Data Using "session" in Electron

  • نحوه ذخیره اشیاء از طریق localStorage و session How to Store Objects via "localStorage" and "session"

  • کار با کوکی‌ها با استفاده از ماژول session Working with Cookies Using the "session" Module

  • استفاده از IndexedDB به عنوان پایگاه داده برای اپلیکیشن‌های Electron Using IndexedDB as a Database for Electron Applications

  • یکپارچگی با SQLite SQLite Integration

نمایش نظرات