آموزش Ruby on Rails: 25+ جم را بیاموزید و یک استارتاپ MVP 2023 بسازید

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

معرفی و راه اندازی Introduction and Setup

• پیش نمایش برنامه نهایی Preview of the final application

• از اینجا شروع کنید START HERE

• لینک های مفید. به کد منبع دسترسی پیدا کنید USEFUL LINKS. ACCESS THE SOURCE CODE

(به روز رسانی 2021) Ruby on Rails 6 را نصب کنید، برنامه را پیکربندی کنید (2021 update) Install Ruby on Rails 6, configure application

• ایجاد محیط توسعه، نصب ruby ​​بر روی ریل 6، ایجاد برنامه create development environment, install ruby on rails 6, create app

• برنامه را به github فشار دهید push application to github

• TEXT: برنامه را به github فشار دهید TEXT: push application to github

• نکته PRO - اتصال ssh - بدون وارد کردن مجدد رمز عبور به github فشار دهید PRO TIP - ssh connection - push to github without re-entering password

• سلام دنیا - یک صفحه ثابت ایجاد کنید hello world - generate a static page

• اتصال heroku - اجرای برنامه در تولید connect heroku - run application in production

• نکته PRO - تغییرات را حذف کنید، تعهدات را لغو کنید PRO TIP - delete changes, undo commits

• TEXT: PRO TIP - تغییرات را حذف کنید، تعهدات را لغو کنید TEXT: PRO TIP - delete changes, undo commits

• AWS - فضایی روی دستگاه باقی نمی‌ماند - 20 گیگابایت فضای ذخیره‌سازی اضافه کنید AWS - no space left on device - add 20 gb storage

• بوت استرپ را با نخ و وب پکر نصب کنید Install bootstrap with yarn and webpacker

• استفاده اولیه بوت استرپ Bootstrap basic usage

• آیکون های Fontawesome را با نخ و وب پکر نصب و استفاده کنید Install and use Fontawesome icons with yarn and webpacker

• عرض صفحه نمایش پاسخگو Responsive screen width

ساختن MVP (حداقل محصول قابل دوام) Building the MVP (minimum viable product)

• gem haml-rails - روشی مناسب تر برای ویرایش HTML gem haml-rails - more RoR-friendly way of editing HTML

• gem simple_form - روش بهتری برای کار با فرم ها gem simple_form - better way to work with forms

• TEXT: gem simple_form - روش بهتری برای کار با فرم ها TEXT: gem simple_form - better way to work with forms

• جدول دوره ها را اضافه کنید add a Courses table

• TEXT: یک جدول دوره ها اضافه کنید TEXT: add a Courses table

• action_text - ویرایشگر متن غنی action_text - rich text editor

• TEXT: action_text - ویرایشگر متن غنی TEXT: action_text - rich text editor

• gem faker and seeds.rb - داده های جعلی را به برنامه اضافه کنید gem faker and seeds.rb - add fake data to the app

• TEXT: gem faker و seeds.rb - داده های جعلی را به برنامه اضافه کنید TEXT: gem faker and seeds.rb - add fake data to the app

• Gem Device برای احراز هویت (ورود به سیستم، خروج از سیستم) gem devise for authentication (log in, log out)

• دوره متعلق به کاربر - روابط course belong_to user - relationships

• طراحی برای پیام های اطلاع رسانی design for notification messages

• اضافه کردن یک نوار ناوبری کاربردی adding a functional navbar

• قسمت جستجو در نوار ناوبری search field in navbar

• دوره های استایل و شاخص خانه styling courses and home index

• gem friendly_id - پیوندهای کاربر پسند را نشان دهید gem friendly_id - show user friendly links

• gem friendly_id - پیوندهای کاربر پسند را نشان دهید gem friendly_id - show user friendly links

• قابل پیگیری (ردیابی آدرس IP کاربر، ایجاد صفحه فهرست کاربران devise trackable (track user IP address, create users index page

• طراحی قابل پیگیری (ردیابی آدرس IP کاربر، ایجاد صفحه فهرست کاربران) devise trackable (track user IP address, create users index page)

• ابداع قابل تایید در توسعه pt1 devise confirmable in development pt1

• ابداع قابل تایید در توسعه pt2 devise confirmable in development pt2

• sendgrid - ارسال ایمیل در حال تولید sendgrid - send emails in production

• sendgrid - ارسال ایمیل در حال تولید sendgrid - send emails in production

• Amazon SES - روش بهتری برای ارسال ایمیل در تولید Amazon SES - better way to send emails in production

• فیلدهای بیشتری به دوره ها اضافه کنید add more fields to courses

• جست و جوی سنگ های قیمتی - سطح 1 - داده ها را در یک جدول فیلتر و جستجو کنید gem ransack - level 1 - filter and search data in a table

• Gem ransack - سطح 2 - دوره های جستجو و فیلتر gem ransack - level 2 - search and filter courses

• Gem ransack سطح 3 - جستجو در نوار ناوبری gem ransack level 3 - search in navbar

• gem ransack - level 3 - ransack search در navbar gem ransack - level 3 - ransack search in navbar

• gem public_activity - همه اقدامات را در برنامه پیگیری کنید gem public_activity - track all actions in the app

• پاورقی اضافه کنید add a footer

• بررسی دانش Knowledge check

نقش ها و مجوز Roles and Authorization

• تبلیغاتی - نقش ها و مجوز promo - roles & authorization

• gem rolify - اضافه کردن نقش به کاربران gem rolify - add roles to users

• gem rolify - نقش های کاربر را ویرایش کنید gem rolify - edit user roles

• gem rolify - با استفاده از دسترسی مبتنی بر نقش gem rolify - using role based access

• Gem pundit - نصب و نمونه usecase gem pundit - installation and example usecase

• Gem pundit - مجوز دوره ها gem pundit - authorization for courses

• gem pundit - فقط مدیر می تواند سایر کاربران را ویرایش کند gem pundit - only admin can edit other users

• Gem pundit - کاربر فقط می تواند پیوندهای اعمال مجاز را ببیند gem pundit - user can see links only to allowed actions

• بررسی دانش Knowledge check

ساختن عملکرد اصلی پلت فرم آموزش الکترونیکی Building the core functionality of the e-learning platform

• gem friendly_id برای کاربران، نمایش کاربر gem friendly_id for users, user show

• بررسی کنید آیا کاربر آنلاین است یا خیر check if user is online

• جدول Lessons، friendly_id، styling اضافه کنید add a Lessons table, friendly_id, styling

• public_activity برای درس ها، درس هایی را در دوره ها ایجاد کنید public_activity for Lessons, create lessons inside courses

• action_text برای Lessons، برای نمایش درس، خرده نان اضافه کنید action_text for Lessons, add breadcrumbs for lesson show

• کارشناس جواهر - مجوز برای درس gem pundit - authorization for Lessons

• منابع تو در تو دروس در دوره ها nested resources. lessons in courses

• Gem pundit - مجوز برای Lessons create action gem pundit - authorization for Lessons create action

• یک ظاهر طراحی جزئی برای ویرایش و نماهای جدید minor styling for edit and new views

• تولید - تور در اطراف هیروکو production - tour around heroku

• gem export_notification - خطاهای کشف در تولید gem exception_notification - catch errors in production

• طراحی برای دوره ها و درس ها design for courses and lessons

• گیوه سنگ برای صفحه بندی gem pagy for pagination

• عنوان پویا را به برگه های صفحه اضافه کنید add dynamic title to page tabs

• ثبت نام داربست اعتبار سنجی و طراحی اولیه scaffold Enrollments. Basic validation and design

• دکمه ثبت نام کاربر در دوره Button for user to Enroll to a Course

• کارشناس جم برای ثبت نام gem pundit for Enrollments

• Gem pundit - کاربر می تواند به دوره های خریداری شده خود دسترسی داشته باشد gem pundit - user can access his purchased Courses

• روی نماهای ثبت نام کار کنید work on Enrollment views

• دکمه ای برای مرور یک دوره توسط کاربر Button for user to Review a Course

• gem pagey برای ثبت نام ها و کاربران gem pagy for Enrollments and Users

• gem friendly_id برای ثبت نام gem friendly_id for enrollments

• فهرست جستجو برای ثبت نام gem ransack for enrollments index

• ناوبری برای دانش آموز، معلم، مدیر Navigation for student, teacher, admin

• مجموعه ها و دامنه ها + جستجو + صفحه برای دوره ها و ثبت نام ها Collections and Scopes + Ransack + Pagy for Courses and Enrollments

• شمارنده در هدر Counters in header

• محاسبه رتبه برای دوره ها Calculate rating for courses

• مبانی counter_cache (تعداد_ثبت‌نام برای دوره) counter_cache basics (enrollments_count for Course)

• counter_cache را در سراسر برنامه اضافه کنید add counter_cache across app

• استایل و اعتبار دوره بیشتر More course styling and validation

• فهرست دوره‌ها بر اساس قیمت، محبوبیت، رتبه، جدیدترین مرتب‌سازی می‌شوند Courses index ransack sort by price, populararity, rating, newest

• صفحه اصلی پویا و شخصی (دوره های محبوب، جدید، دارای رتبه برتر) Dynamic & Personalized Homepage (Popular, New, Top Rated Courses)

• با استفاده از اسکوپ، منطق را از کنترلر به مدل منتقل کنید Move logic from controller to model using scopes

• جدول UserCourse - ردیابی اگر کاربر یک درس را دیده است. مهاجرت و راه اندازی UserCourse table - track if a user has seen a lesson. Migration and setup

• ردیابی پیشرفت کاربر در یک دوره Track User progress in a Course

• دوره ها و درس های سبک Styling courses and lessons

• کثرت برای نمایش دوره Pluralization for course show

• اعتبار سنجی برای Destroy با رکوردهای وابسته (restrict_with_error، nulify، Validation for Destroy with dependent records (restrict_with_error, nullify,

• نمایش درس - پیمایش بین دروس در یک دوره Lesson show - navigation between lessons in a course

• gem chartkick و groupdate - نمودارها را اضافه کنید gem chartkick and groupdate - add charts

• بارگیری نمودارها بدون وقفه زمانی load charts without timeouts

• نمودارهای فضای نام در مسیرها، گروه بر اساس مجموع namespace charts in routes, group by sum

• شمارش برداشت ها با روش افزایشی count impressions with increment method

• دکمه های سفارشی برای انتشار یا تایید یک دوره custom buttons to publish or approve a course

• اعتبار سنجی پیچیده که می تواند نمایش دوره را ببیند complex validation who can see a course show

• gem public_activity - پیوندهای چند شکلی با منابع تو در تو gem public_activity - polymorphic links with nested resources

• application_helper برای یک ظاهر طراحی شرطی application_helper for conditional styling

• gem rails-erd برای تولید نمودارهای رابطه به طور خودکار gem rails-erd to generate relationship-diagrams automatically

• نمایش های بهتر برای کاربرانی که وارد نشده اند better views for not logged in users

• پیوند_به دوره‌هایی با پارامترهای جستجوی جستجو link_to courses with ransack search params

• نمودارها و تجزیه و تحلیل دوره های خاص، گروه بندی پیشرفته تر course-specific charts and analytics, more advanced grouping

• به روز رسانی course_policy و مشاهده update course_policy and view

مرتب سازی رکوردها با کشیدن و رها کردن Sorting records with drag and drop

• تبلیغاتی - سوابق مرتب سازی promo - sort records

• gem ranked_model - به درس های داخل دوره یک عدد بدهید gem ranked_model - give lessons inside a course a number

• لینک درس قبلی و بعدی در نمایش درس link to previous and next lesson in lesson show

• jquery-ui sortable - دروس را مرتب کنید و تغییرات را ادامه دهید jquery-ui sortable - make lessons sortable and persist changes

ذخیره سازی فعال و متن اقدام Active Storage and Action Text

• تبلیغاتی - ذخیره‌سازی_فعال و متن_متن promo - active_storage & action_text

• اعتبارنامه و کلیدهای مخفی بخش 1 credentials and secret keys PART 1

• gem aws-sdk-s3، پیکربندی ذخیره سازی سطل aws s3، افزودن آواتار به دوره ها gem aws-sdk-s3, configure aws s3 bucket storage, add avatar to courses

• gem active_storage_validations. آواتار دوره را تأیید می کند. نمایش آواتار در شرکت gem active_storage_validations. validates course avatar. display avatar in co

• gem image_processing برای رفع action_text نمایش تصاویر، مجموعه CORS سطل S3 gem image_processing to fix action_text displaying images, S3 bucket CORS set

• اعتبار و کلیدهای مخفی بخش 2 - تولید credentials and secret keys PART 2 - PRODUCTION

• محدودیت های پیوست action_text، دانلود و نمایش action_text attachment restrictions, download and display

• action_text پیوست‌ها را محدود می‌کند، اعتبارسنجی بیشتر برای دوره و درس action_text restrict attachments, more validations for course and lesson

• پیوست ویدیو و پیش نمایش با active_storage و HTML5 video attachment and preview with active_storage and HTML5

• درس های سبک، اعتبارسنجی ویدیویی styling lessons, video validation

• حذف پیوست ها (ویدئو و تصویر_ریز) deleting attachments (video and video_thumbnail)

• action_text - اجازه آپلود فایل، اضافه کردن پیش نمایش ویدئو به لکه action_text - allow file upload, add video preview to blob

• action_text - پخش صدا با HTML5 action_text - play audio with HTML5

• ادغام پخش کننده video.js video.js player integration

• simple_form برای rich_text_area (اکشن متن) simple_form for rich_text_area (actiontext)

• action_text در یوتیوب جاسازی می شود action_text youtube embeds

ادغام نظرات با مسیرهای تودرتو Integrating Comments with Nested Routes

• تبلیغاتی - نظرات تو در تو promo - nested comments

• منابع تو در تو - نظرات داخل درس nested resources - comments inside lessons

• counter_cache برای نظرات، روش حذف نظر counter_cache for comments, method to delete comment

• public_activity برای نظرات public_activity for comments

• مجوز کارشناس برای از بین بردن یک نظر pundit authorization for destroying a comment

• counter_cache for user_lessons را به درس ها و کاربران اضافه کنید add counter_cache for user_lessons to lessons and users

آماده سازی اپلیکیشن برای تولید Preparing the app for production

• تبلیغاتی - آماده شدن برای تولید promo - preparing for production

• کاپچا جم با دیوایز - بدون ثبت نام در ربات gem recaptcha with devise - no bot signups

• کلیدهای recaptcha را به اعتبارنامه ها اضافه کنید add recaptcha keys to credentials

• گوگل آنالیتیک را اضافه کنید add google analytics

• برنامه یک ظاهر طراحی شده، اضافه کردن لوگو و تصویر کوچک styling app, adding logo and thumbnail

• jquery را به 3.4.1 تنزل دهید تا نوار ناوبری بوت استرپ روی صفحه کوچک کار کند downgrade jquery to 3.4.1 to make bootstrap navbar dropdown work on small screen

• yarn remove video.js - کتابخانه را از برنامه ما حذف کنید yarn remove video.js - remove library from our app

• اتصال دامنه به برنامه ما در تولید connecting a domain to our application in production

• غیرفعال کردن دانلود ویدیو (غیرفعال کردن کلیک راست روی ویدیو) disable video download (disable rightclick on video)

• برچسب های privacy_policy و SEO privacy_policy and SEO tags

• اضافه کردن مجوز به مخزن github ما adding a licence to our github repository

• زیبا ساختن نماها beautify devise views

• یک نقشه سایت برای جستجوی گوگل و بینگ اضافه کنید Add a sitemap for Google and Bing search

API: با google، github، facebook (omniauth) وارد شوید API: Log in with google, github, facebook (omniauth)

• تبلیغاتی - ورود به سیستم اجتماعی promo - social login

• gem omniauth-google-oauth2 - با گوگل وارد شوید gem omniauth-google-oauth2 - log in with google

• به‌روزرسانی ژوئن 2021 - خطاهای Omniauth 2.0 را برطرف کنید June 2021 Update - Fix Omniauth 2.0 Errors

• رفع خطای omniauth "یافت نشد. احراز هویت passthru" (Omniauth 2.0) Fix omniauth "Not found. Authentication passthru" error (Omniauth 2.0)

• اطلاعات شخصی کاربر omniauth را وارد کنید import omniauth user personal data

• gem omniauth-github - با github وارد شوید gem omniauth-github - log in with github

• اعتبارنامه های مختلف برای محیط های مختلف Github different credentials for different environments. Github

• gem omniauth-facebook - با فیس بوک وارد شوید gem omniauth-facebook - log in with facebook

• refactor omniauth (کد پاک کردن) refactor omniauth (clean up code)

ویژگی PRO: با selectize js برچسب ها را انتخاب یا ایجاد کنید PRO FEATURE: Select or Create Tags with selectize js

• promo - انتخاب یا ایجاد با selectize-js promo - select or create with selectize-js

• selectize.js - course دارای تگ های زیادی از طریق course_tags است selectize.js - course has many tags through course_tags

• دو راه برای جستجوی دوره ها توسط برچسب ها با ransack two ways to search courses by tags with ransack

• پیوند به صفحه فعلی با پارامترها (برای جستجوی برچسب ها) link to current page with params (for searching tags)

• selectize.js - تگ را انتخاب یا ایجاد کنید selectize.js - select or create tag

• مدیر می تواند تگ ها را مدیریت و حذف کند admin can manage and delete tags

• دوره های مشابه را در نمایش دوره بر اساس برچسب ها لیست کنید list similar courses in course show based on tags

ویژگی PRO: گواهی تکمیل PDF با wicked_pdf PRO FEATURE: PDF Certificate of Completion with wicked_pdf

• تبلیغاتی - تولید PDF promo - PDF generation

• gem wicked_pdf - توانایی تولید PDF از HTML gem wicked_pdf - ability to generate PDF from HTML

• گواهی پایان ثبت نام و استایل enrollment completion certificate and styling

• pdf.html - حذف کد استفاده نشده، فهرست ثبت نام - پیوند به گواهی pdf.html - remove unused code, enrollments index - link to certificate

• گوهر پی دی اف مختلف برای توسعه و تولید different pdf gem for development and production

• گواهی پایان pdf استایل styling pdf certificate of completion

• گواهی پایان کار فقط برای دوره های تکمیل شده certificate of completion only for completed courses

• منطق کمکی برای مشاهده گواهی پایان کار helper logic to view certificate of completion

ویژگی PRO: فرم های چند مرحله ای با GEM WICKED PRO FEATURE: Multistep forms with gem WICKED

• فرم های تبلیغاتی - چند مرحله ای promo - multistep forms

• سنگ برای فرم های چند مرحله ای gem wicked for multistep forms

• gem wicked - nest course_wizard داخل دوره ها gem wicked - nest course_wizard inside courses

• Gem Wicked - قابلیت ویرایش و به روز رسانی gem wicked - edit and update functionality

• Gem Wicked - یک ظاهر طراحی شده و مجوز gem wicked - styling and authorization

• طرح برای مراحل جادوگر، حذف اقدام ویرایش دوره layout for wizard steps, remove course edit action

• یک ظاهر طراحی شده جادوگر پیشرفت ناوبری، حذف زمینه های فرم دوره styling wizard progress navigation, remove fields course form

ویژگی PRO: ActionMailer - ارسال ایمیل های خروجی PRO FEATURE: ActionMailer - send outbound emails

• تایید ایمیل زمانی که کاربر در یک دوره ثبت نام کرد email confirmation when a user enrolled to a course

• هنگامی که کاربر در دوره خود ثبت نام می کند، به معلم ایمیل بزنید email to teacher when a user enrolls to his course

• user_mailer - وقتی یک کاربر جدید ثبت نام می کند، ایمیل های تمام مدیران را ارسال کنید user_mailer - send all admins emails when a new user registers

• درب بازکن جم - پیش نمایش ایمیل ها در محیط توسعه gem letter opener - preview emails in development environment

ویژگی PRO: پیله جواهر - یک فرم برای ویرایش و ایجاد چندین درس PRO FEATURE: gem cocoon - one form to edit and create multiple lessons

• پیله گوهر نصب کنید. ویرایش درس ها در فرم دوره install gem cocoon. edit lessons in course form

پرداخت های خطی، کار با پول، منطق تجاری Stripe Payments, working with money, business logic

• پرداخت ها - منطق تجاری برای محاسبه درآمد و هزینه های کاربر payments - business logic for user income and expenses calculation

• پرداخت با نوار قسمت 1 payments with stripe part 1

• پرداخت با نوار قسمت 2 payments with stripe part 2

اصلاحات و تنظیمات Fixes and Adjustments

• ارتقاء به Rails EDGE و عیب یابی مشکلات active_storage Upgrading to Rails EDGE and troubleshooting active_storage issues

• کاهش رتبه Rails و رفع مشکلات انتخابی downgrading Rails and fixing selectize issues

• کاهش رتبه Rails و رفع مشکلات active_storage downgrading Rails and fixing active_storage issues

• به روز رسانی به rails 6.0.3 Update to rails 6.0.3

• تغییر نام یک ستون (کوتاه به توضیحات بازاریابی) renaming a column (short- to marketing- description)

• gem public_activity برای کاربر gem public_activity for user

• پاورقی همیشه در پایین است footer always on bottom

• gem sitemap_generator، robots.txt را ویرایش کنید gem sitemap_generator, edit robots.txt

• نقشه های سایت کار بر روی heroku با مخزن عمومی AWS S3 sitemaps working on heroku with AWS S3 public repo

• TEXT: SSL را در تولید مجبور کنید TEXT: force SSL in production

• کد منبع Corsego را در حال توسعه اجرا کنید Run the Corsego source code in development

• Invitable را طراحی کنید - ایمیل های دعوت را برای کاربران ارسال کنید تا به برنامه بپیوندند Devise invitable - send invitation emails to users to join the app

با تشکر از شما و مراحل بعدی Thank you and next steps

• نقشه راه. مراحل بعدی Roadmap. Next steps.

• متشکرم Thank you