تا حالا به این فکر کرده‌اید که آیا می‌توان از پایتون در طراحی فرانت‌اند استفاده کرد؟ درست مثل جاوا اسکریپت؟ آیا برای یادگیری جاوا اسکرپیت نمی‌خواهید زمان صرف کنید و دنبال راهی بگردید تا بتوان از پایتون در فرانت‌اند استفاده کرد؟ آیا شما یک جاوا اسکریپت کار هستید و می‌خواهید از یک کتابخانه پایتونی در کد جاوا اسکریپتی‌تان استفاده کنید ولی نمی‌توانید؟ موقع آن رسیده است که دیگر این سوالات را از ذهن خود پاک کنید! من ابوالفضل حسن زاده اینجا هستم تا برایتون رو به شما معرفی کنم. Brython چیست ؟ در آموزش Brython (آموزش برنامه نویسی فرانت اند با پایتون) شما در مدت زمان یک ساعت و 47 دقیقه با برایتون آشنا می‌شوید.
برایتون ( Brython) چیست ؟
برایتون یک کتابخانه پایتونی است که برای طراحی فرانت‌اند ساخته شده و درست مثل جاوا اسکریپت کاربرد دارد. کلمه برایتون از واژگان (browser) و (python) گرفته شده که به جای حرف P، کلمه Br جایگزین و تبدیل به Brython شده است.
برایتون آمده تا دست کمک به سمت برنامه نویسان پایتون کاری دراز کند که نمی‌خواهند برای یادگیری جاوا اسکریپـت وقت و هـزیـنـه صرف کننـد. هدف برایتون این است که پایتون رو جایگزین جاوا اسکریپت کند.
این آموزش در یک نگاه
ما در این آموزش در ۱۱ درس و در هر درس به همراه یک مثال متفاوت، موفق به یادگیری برایتون می‌شویم. در درس اول به نصب برایتون و ابزارهای لازم می‌پردازیم و آن را آماده می‌سازیم .
درس دوم طبق روال و سنت همه زبان‌های برنامه نویسی سعی می‌کنیم تا کلمه “Hello World !” را توسط برایتون در صفحه وب بنویسیم.
در درس سوم به مدیریت رویداد کلیک دکمه و نوشتن callBack function برای آن پرداختیم. از alert در برایتون استفاده کردیم و یاد گرفتیم که محتوای یک تگ اچ تی ام الی را چگونه توسط برایتون تغییر بدیم.
در درس چهارم با رویداد input که برای تگ‌های input کار کردیم، تابعی نوشتیم تا در صورت وارد شدن دیتایی در input اون دیتا رو سریعا در جلوی همون input به نمایش بگذارد و آن را اصطلاحا چاپ کند.
در درس پنجم یادگرفتیم که چطور یک متغیر در سند استاتیک اچ تی ام الی قرار بدیم و آن را مقدار دهی کنیم.
درس بعدی با ajax کار کردیم و یاد گرفتیم که چطور یک api را صدا بزنیم و پاسخ‌های آن را مدیریت کنیم.
در ادامه درس‌ها با فایلهای متنی کار کردیم. تابعی نوشتیم تا محتویات آن را بخواند و نمایش دهد.
درس هشتم با ساخت یک انیمیشن خیلی ساده یاد گرفتیم که چطور می‌شود انیمیشن ساخت و به ویژگی‌های سی اس اسی یک عنصر دسترسی پیدا کرد.
در درس نهم با مفهوم Web Storage آشنا شدیم. تفاوت local storage و session storage را متوجه شدیم. در همان درس با local storage کار کردیم. یاد گرفتیم که چطور اطلاعاتی را در مرورگر ذخیره کنیم.
درس دهم به این موضوع پرداختیم که چطور یک تابع جاوا اسکریپتی را در پایتون توسط برایتون صدا بزنیم. در نهایت در آخرین درس، برعکس درس دهم را انجام دادیم.
این آموزش بی نظیر است زیرا:
- خیلی سریع وارد موضوع می‌شوید.
- برای اولین بار در نت فارسی موجود است.
کلیدواژگان
آموزش brython | آموزش برایتون | فرانت اند با پایتون | پایتون در جاوا اسکریپت | brython چیست
مریم خوشنویس (خریدار محصول) –
ممنون از پاسخگویی شما
لینکهایی که فرستاده بودید رو چک کردم منم همین کدها رو استفاده کردم نمیدونم مشکل از کجاست فعلا بدون template و با نوشتن کدهای پایتونی داخل html دارم پروژه م پیش می برم امیدوارم به نتیجه برسه
موفق باشید
ابوالفضل حسن زاده –
سلام وقت شما بخیر . خواهش میکنم . خب آخرین کمکی که میتونم بکنم این لینک هست. این صفحه از مستندات گفته که اگر که به برایتون که دارید در رویداد onLoad تگ body صداش میزنید ، عدد ۱ رو پاس بدید حالت دیباگ اون فعال میشه و به شما توی کنسول لاگ مرورگر خطا ها رو نمایش میده . امیدوارم که این بتونه به شما کمک بکنه . سربلند و پیروز باشید .
مریم خوشنویس (خریدار محصول) –
با عرض سلام و احترام
من دوره برایتون رو تهیه کردم آموزش روان و خوبه ممنون از شما .سوالی دارم امیدوارم راهنماییم کنید من مطابق درس اول یک venve برای پروژه ایجاد کردم و بعد دقیقا مثل شما برایتون رو نصب کردم داخل vscode هم فایلهای برایتون و ایندکس اضافه شده اند بقیه مراحل رو هم مطابق آموزش پیش رفتم ولی فایل پایتون با فایل HTML لینک نشد برای همین مثل روش اول اسکریپتها رو داخل body نوشتم اینطوری کدم درست بود و خروجی صفحه هم مشکلی نداشت تا اینکه در تمرین تمپلیت ها کتابخونه تمپلیت رو اضافه کردم که اون رو متاسفانه درست اجرا نمی کنه گویا کتابخونه تمپلیت براش تعریف نشده
من از مراحل نصب برایتون اطمینان دارم که کامل انجام شده اما نمیدونم چرا درست کار نمی کنه هم فایل پایتون رو لینک نمیتونه بکنه و هم وقتی کدها رو داخل بادی می نویسم فقط بعضی ها رو درست اجرا می کنه و بعضی ها رو نه من از پایتون 3.10 و vscode آخرین ورژن استفاده می کنم و روی سیستم هم ویندوز 8 نصب هست و برای Cpython هم همونطور که تو سایت برایتون گفته شده از دستور pip install attrs و
brython-cli add_package attrs استفاده کردم
ممنون میشم راهنماییم کنید
ابوالفضل حسن زاده –
سلام و وقت شما بخیر . خیلی خوشحالم که آموزش روان و خوب بوده .
الان شما دو تا مشکل دارید . یکی لینک نشدنه فایل پایتون به html و ایمپورت نشدنه template .
درباره لینک نشدن فایل ها به هم دقت کنید دقیقا مثل فایل های جاوا اسکریپتی لینک انجام میشه فقط با این تفاوت که ویژگی type به این صورت پر میشه text/python که توی این لینک میتونید ببینید.
درباره کلاس template هم پیشنهاد میکنم این لینک رو از مستندات و این لینک رو از مخزن گیت هاب کد این آموزش ببینید .
هنوز هم تو مستندات این کلاس هستش . اگر که منسوخ شده باشه داخل مستندات گفته میشد . باز اگر که مشکلتون حل نشد ، اکستنشن CodeSnap رو ، روی vs code نصب کنید و از کدتون عکس بگیرید و داخل یک فایل سرور قرار بدید یا ایمیل کنید تا با هم دیگه مشکل رو حل کنیم.
امین اجاقی (خریدار محصول) –
با سلام و درود خدمت دوست خوب و عزیزم ابوالفضل حسن زاده مهربان استاد گرامی و بزرگ نزد خدا من آموزش بسیار عالی و کاربردی شما که برای افرادی که برنامه نویسی تحت وب را با پایتون یاد می گیرند یک کمال بسیار عالی است را خریداری کرده ام حال در زمانی مناسب که از لحاظ زمانی مناسب باشد شروع به یاد گیری می نمایم چون چند وقتی است در یک شرکت برنامه نویسی شروع به کار کرده ام و در حال به کمال رساندن دانشم در پروژه های شرکت هستم بسیار ممنونم برکت خدای متعال بر شما استاد عزیز و عشق زندگیتان و خانواده محترم و دوستان و آشنایانتان.
مصطفی آصفی –
بسیار عالی. از نظر زمان بهینه. از نظر محتوا هم یه شروع خوب و اصولی رو رقم می‌زنه. دم شما گرم.
ابوالفضل حسن زاده –
سلام استاد برزگوار خیلی ممنون از وقتی که برای نوشتن انرژی مثبتتون قرار دادید.