Good Night 🌚 ✨
"به یاد داشته باش که همیشه با یک رویا به خواب بری و با یک هدف، برای رسیدن به رویا از خواب بیدار بشی"
@CodeModule
"به یاد داشته باش که همیشه با یک رویا به خواب بری و با یک هدف، برای رسیدن به رویا از خواب بیدار بشی"
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4⚡3👎1
با Autoprefixer بیشتر آشنا بشید🔵
از ابزار Autoprefixer برای افزودن پیشوندهای مرورگر (vendor prefixes) به کدهای CSS به منظور حمایت از مرورگرهای قدیمی و جلوگیری از مشکلات سازگاری مرورگرها استفاده میشه. این ابزار به طور خودکار پیشوندهای مرورگرها رو به کدهای CSS شما اضافه میکنه.
کد زیر و در نظر بگیرید:
برای اینکه این استایل بهترین پشتیبانی و در مرورگرهای مختلف داشته باشه باید به صورت زیر پیشوندگذاری بشه:
قبلنا برای اینکه مجبور به نوشتن پیشوندها به صورت دستی نباشیم از ابزارهایی مثل پلاگین های Sublime استفاده می کردیم. به مرور با بوجود آمدن پیش پردازنده هایی (preprocessor) مثل Sass و Less یا Stylus می تونستیم از mixin ها برای اضافه کردن پیشوندها استفاده کنیم.
اما این روزها بازار ابزارهایی مثل Grunt و Gulp داغ هست و میشه از بسته هایی که برای این ابزارها نوشته شده برای کارهای مختلف استفاده کرد. یکی از این بسته ها Autoprefixer هست که معروف ترین ابزار این روزها برای نوشتن پیشوندها هست و گوگل استفاده از این ابزار و توصیه می کنه💀
برتری که Autoprefixer نسبت به دیگر ابزارهای پیشوندگذاری داره اینه که بر اساس تنظیماتی که ما براش در نظر می گیریم و بر اساس آماری که از سایت caniuse داره، عملیات پیشوندگذاری و انجام میده.
اطلاعات بیشتر و نحوه استفاده از این ابزار و میتونید تو این مقاله مطالعه کنید⚡️
#autoprefixer #css
@CodeModule
از ابزار Autoprefixer برای افزودن پیشوندهای مرورگر (vendor prefixes) به کدهای CSS به منظور حمایت از مرورگرهای قدیمی و جلوگیری از مشکلات سازگاری مرورگرها استفاده میشه. این ابزار به طور خودکار پیشوندهای مرورگرها رو به کدهای CSS شما اضافه میکنه.
کد زیر و در نظر بگیرید:
div {
transition: all 1s ease;
}
برای اینکه این استایل بهترین پشتیبانی و در مرورگرهای مختلف داشته باشه باید به صورت زیر پیشوندگذاری بشه:
div {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease; -o-transition: all 1s ease;
transition: all 1s ease;
}
قبلنا برای اینکه مجبور به نوشتن پیشوندها به صورت دستی نباشیم از ابزارهایی مثل پلاگین های Sublime استفاده می کردیم. به مرور با بوجود آمدن پیش پردازنده هایی (preprocessor) مثل Sass و Less یا Stylus می تونستیم از mixin ها برای اضافه کردن پیشوندها استفاده کنیم.
اما این روزها بازار ابزارهایی مثل Grunt و Gulp داغ هست و میشه از بسته هایی که برای این ابزارها نوشته شده برای کارهای مختلف استفاده کرد. یکی از این بسته ها Autoprefixer هست که معروف ترین ابزار این روزها برای نوشتن پیشوندها هست و گوگل استفاده از این ابزار و توصیه می کنه
برتری که Autoprefixer نسبت به دیگر ابزارهای پیشوندگذاری داره اینه که بر اساس تنظیماتی که ما براش در نظر می گیریم و بر اساس آماری که از سایت caniuse داره، عملیات پیشوندگذاری و انجام میده.
اطلاعات بیشتر و نحوه استفاده از این ابزار و میتونید تو این مقاله مطالعه کنید
#autoprefixer #css
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡3🔥2
در واقع Nginx که به صورت engine-ex تلفظ میشه، یک وب سرور اوپن سورسه که از زمان ارائه موفق و اولیه خود به عنوان وب سرور، کاربرد داشته و امروزه به عنوان پروکسی معکوس، حافظه کش HTTP و سیستم(Load Balancing) تو انواع سرور مجازی هم استفاده میشه.
تفاوتی نداره که شما سرور مجازی آلمان رو دارید یا سرور مجازی ایران، در همه موارد میتونید از Nginx استفاده کنید.
با پیشرفت تکنولوژی های در بستر وب، وب سرور NGINX هم همراه با اون رشد کرده و امروزه از تمام اجزای وب مدرن، از جمله WebSocket، HTTP / 2، gRPC و پخش چند فرمت ویدیویی (HDS، HLS، RTMP و سایر موارد) هم پشتیبانی میکنه. همچنین در صورت نیاز به خرید ssl هم میتونید به راحتی روی سرور nginx اونو نصب کنید.
استفاده از انجین ایکس زمان انتظار کاربران برای بارگذاری وبسایت رو کاهش میده و اینجوری تجربۀ کاربری ارزشمندی برای اونا میسازه.
با هدایت ترافیک به سرورهای مختلف، علاوهبر افزایش سرعت وبسایت، عملکرد اون هم ارتقا پیدا میکنه. سرعت بالا بهجز برای سئو سایت در ساختن تجربه کاربری بهتر هم موثره.
این وبسرور نسبت به سایر وبسرورها قیمت معقول تری داره.
همونطور که بالاتر ذکر کردیم، یکی از مهمترین مزیتهای انجین ایکس رسیدگی همزمان به تعداد زیاد درخواستهاست.
اگر از nginx بهعنوان وبسرور استفاده میکنید، نیازی نیست نگران اختلالهای احتمالی در زمان ارتقا باشید. این وبسرور در هنگام ارتقا تو عملکردش اختلالی ایجاد نمیشه.
از nginx انتظار ندارید که گل بیخار باشه! انجین ایکس هم مثل همه وبسرورهای دیگه معایبی داره مثل:
از آنجایی که افراد کمتری از این وبسرور استفاده میکنند، بهروزرسانیهایی که این سازمان ارائه میکند نسبت به سایر رقبا کمتر است و ویژگیهای کمتری روی وبسرور در اختیار کاربران قرار میگیرد.
کار کردن با وب سرور انجین ایکس کار هر کسی نیست! تنها افرادی که اطلاعات فنی نسبتاً خوبی دارن میتونن از کار کردن با این وبسرور لذت ببرن.
اگر سایت بزرگ و پربازدیدی دارید، Nginx همون وبسروریه که به کار شما میاد؛ چرا که میتونه بهطور همزمان هزاران درخواست مخاطبان وبسایت شمارو پردازش کنه، بدون اینکه سرعت وبسایت کاهش پیدا کنه.
#nginx #webserver #web
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡4🔥3
کتابخانه Ant Design دومین کتابخانه مشهور و پر استفاده جهت پیاده سازی UI در React.js هست. در حقیقت Ant Design یک design system اوپن سورس هست که بیش از 75 کامپوننت آماده و طرح از پیش ساخته شده در اختیار ما میزاره.
همچنین کمپانی های مشهور خیلی زیادی از جمله علی بابا در سطح جهانی از کتابخانه Ant Design تو اپ های ریکتی شون استفاده میکنن.
درصورتیکه از کتابخانه Ant Design در React استفاده کنیم، میتونیم به کامپوننت های مختلفی از جمله فرم، جدول، منو ، دکمه و .. دسترسی داشته باشیم. البته این کل مزیت Ant Design نیست!
برای باقی مزایای ant design میتونیم به موارد زیر اشاره کنیم :
خب حالا بریم کمی هم از معایبش بدونیم :
کتابخانه Ant Design با تمرکز بر روی سادگی، یکپارچگی، اطمینان، ارتباطات و نوآوری، به توسعهدهنده ها ابزارها و کامپوننتهای طراحی آماده ارائه میده تا به سرعت و با کیفیت به ساخت رابطهای کاربری حرفهای بپردازن.
برای یادگیری این کتابخونه میتونید به داکیومنتش مراجعه کنید
Document
#ui #react #angular #ant_design
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6⚡2👌2
Good Night 🌚 ✨
موفقیت نسیب کسیه که یک ثانیه دیرتر نا امید میشه و یک لحظه دیرتر دست از تلاش برمیداره.
مواظب همین «یک» های ساده باشید…
@CodeModule
موفقیت نسیب کسیه که یک ثانیه دیرتر نا امید میشه و یک لحظه دیرتر دست از تلاش برمیداره.
مواظب همین «یک» های ساده باشید…
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥9👌3
از جمله بهترین اپلیکیشن های اندروید که برای تبدیل صدا به متن مورد استفاده قرار میگیره، برنامه Speechnotes هست که حتی قابلیت ثبت علائم نگارشی هم داره.
لینک دانلود اپلیکیشن
#tools
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌7🔥1
همه چیز راجب گردش کار Gitflow 💀
در واقع Gitflow یک مدل branching هست که برای مدیریت کدهای منبع با استفاده از Git استفاده میشه. این مدل توسط Vincent Driessen توسعه داده شد و به طور گستردهای توسط توسعهدهندگان استفاده میشه.
در Gitflow، مخازن Git به صورت 5 branch اصلی تقسیم میشن⬇️
شاخه Master: این branch برای حالت production پروژه استفاده میشه و شامل کدهای پایدار و آماده برای انتشار هست.
شاخه Develop: این branch به عنوان مسیر اصلی توسعه برای تیم استفاده میشه و شامل کدهای جدید و تغییرات نسخه های بعدی هست.
شاخه Feature: در این branch ویژگیهای جدید و تغییرات بزرگ توسعه داده میشود. هر feature به طور جداگانه ایجاد میشه و پس از کامل شدن، به branch develop ادغام میشه.
شاخه Release: پس از اتمام توسعه و تستهای لازم، یک release branch از develop ایجاد میشه. این branch برای آمادهسازی برای انتشار نسخه استفاده خواهد شد.
شاخه Hotfix: در صورت بروز مشکلات یا باگهای اساسی در نسخههای تولیدی، branch hotfix ایجاد شده و پس از اصلاح باگها، به همه branchهای مناسب (مانند master و develop) ادغام میشود.
استفاده از GitFlow، مزایایی همچون سازماندهی موثر تغییرات، افزایش امنیت کد و امکان انتقال بهروزرسانیها به نسخههای پایدار تر و فراهم میکنه.
همچنین استفاده ازش برای تیمهای بزرگ و پروژههایی که با چرخه عمر طولانی هستن بسیار مناسبه⚡️
#gitflow
@CodeModule
در واقع Gitflow یک مدل branching هست که برای مدیریت کدهای منبع با استفاده از Git استفاده میشه. این مدل توسط Vincent Driessen توسعه داده شد و به طور گستردهای توسط توسعهدهندگان استفاده میشه.
در Gitflow، مخازن Git به صورت 5 branch اصلی تقسیم میشن
شاخه Master: این branch برای حالت production پروژه استفاده میشه و شامل کدهای پایدار و آماده برای انتشار هست.
شاخه Develop: این branch به عنوان مسیر اصلی توسعه برای تیم استفاده میشه و شامل کدهای جدید و تغییرات نسخه های بعدی هست.
شاخه Feature: در این branch ویژگیهای جدید و تغییرات بزرگ توسعه داده میشود. هر feature به طور جداگانه ایجاد میشه و پس از کامل شدن، به branch develop ادغام میشه.
شاخه Release: پس از اتمام توسعه و تستهای لازم، یک release branch از develop ایجاد میشه. این branch برای آمادهسازی برای انتشار نسخه استفاده خواهد شد.
شاخه Hotfix: در صورت بروز مشکلات یا باگهای اساسی در نسخههای تولیدی، branch hotfix ایجاد شده و پس از اصلاح باگها، به همه branchهای مناسب (مانند master و develop) ادغام میشود.
استفاده از GitFlow، مزایایی همچون سازماندهی موثر تغییرات، افزایش امنیت کد و امکان انتقال بهروزرسانیها به نسخههای پایدار تر و فراهم میکنه.
همچنین استفاده ازش برای تیمهای بزرگ و پروژههایی که با چرخه عمر طولانی هستن بسیار مناسبه
#gitflow
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5⚡2
چرا باید از Vite.js استفاده کنیم؟ 💌
(ویت) Vite.js ابزاریه که بر اساس زبان برنامه نویسی جاوا اسکریپت ساخته شده و قصد داره تو توسعه سریع تر پروژه به توسعه دهندگان کمک کنه.
در واقع Vite.js یک Build Tool و Local Development Server هست.
هدف از توسعه چنین ابزاری نیز سادهسازی فرایند توسعه وب اپلیکیشنها و اجرای اوناست. اصلیترین ویژگی که باعث میشه تا توسعه دهنده ها از این ابزار استفاده کنن اینه که میتونه به صورت داینامیک یک وب اپلیکیشنو اجرا بکنه، در این حالت در زمان Reload کردن برنامه، نیازی نیست که کل اونو از اول کامپایل یا Recompile کنید.
🗝 ویژگیهای کلیدی ViteJS
ابزارهایی مانند Webpack و Rollup کمک زیادی به جریان توسعه وب اپلیکیشنها کردن. اما این موارد نسبتا قدیمین و با پیچیده تر شدن کدبیس اپلیکیشنها، تو بعضی از سناریوها نمیتونن پاسخگوی نیازای ما باشن. برای مثال Rollup دیگه جوابگوی وب اپلیکیشنهای پیچیده نیست و به همین دلیل ViteJS ایجاد شد تا این مشکلاتو حل کنه.
💙 دلیل محبوبیت Vite.js چیه؟
یکی از اصلیترین ويژگیهایی که باعث میشه ViteJS محبوب باشه سرعت بالای اون تو Reloading هست. Dev Server هایی که از Bundler استفاده میکنن معمولا برای اجرا کردن کد به زمان زیادی نیاز داشتن، اما حالا Vite.JS با داشتن پشتیبانی محلی از اکمااسکریپت یا ESM مستقیما اونارو تو مرورگر اجرا میکنه و زمان اجرا کدارو بالاتر برده.
در واقع ViteJS این میزان از سرعتو مدیون مدل HMR یا Hot Module Replacement هست.
‼️ به این هم اشاره کنم که HMR به این معنیه که ماژولها میتونن به صورت مستقل از المانهای دیگه خودشانو جایگزین یا بروزرسانی کنن. البته ابزارهای دیگه ای هم هستن که از این مدل پشتیبانی میکنن اما Vite.JS با استفاده کردن از ESM به صورت محلی یا لوکال، سرعت این حالت رو بیش از پیش سرعت داده.
❓ به صورت پیشفرض از چه قالب های جاوا اسکریپتی پشتیبانی میکنه؟
🔵 قالب Vanilla
🔵 قالب Vue.js
🔵 قالب React.js
🔵 قالب Preact.js
🔵 قالب Svelte.js
🔵 قالب Solid.js
🔵 قالب Qwik.js
در کل Vite.js یک ابزار باورنکردنیه که نسبتاً جدیده و ویژگیهای منحصربهفرد خودشو داره. تجربه توسعه سریعتر و پشتیبانی از قالب های مختلف دلیل محبوبیت و دوست داشتنی بودن این ابزاره.
Document🌕
#js #web
@CodeModule
(ویت) Vite.js ابزاریه که بر اساس زبان برنامه نویسی جاوا اسکریپت ساخته شده و قصد داره تو توسعه سریع تر پروژه به توسعه دهندگان کمک کنه.
در واقع Vite.js یک Build Tool و Local Development Server هست.
هدف از توسعه چنین ابزاری نیز سادهسازی فرایند توسعه وب اپلیکیشنها و اجرای اوناست. اصلیترین ویژگی که باعث میشه تا توسعه دهنده ها از این ابزار استفاده کنن اینه که میتونه به صورت داینامیک یک وب اپلیکیشنو اجرا بکنه، در این حالت در زمان Reload کردن برنامه، نیازی نیست که کل اونو از اول کامپایل یا Recompile کنید.
ابزارهایی مانند Webpack و Rollup کمک زیادی به جریان توسعه وب اپلیکیشنها کردن. اما این موارد نسبتا قدیمین و با پیچیده تر شدن کدبیس اپلیکیشنها، تو بعضی از سناریوها نمیتونن پاسخگوی نیازای ما باشن. برای مثال Rollup دیگه جوابگوی وب اپلیکیشنهای پیچیده نیست و به همین دلیل ViteJS ایجاد شد تا این مشکلاتو حل کنه.
یکی از اصلیترین ويژگیهایی که باعث میشه ViteJS محبوب باشه سرعت بالای اون تو Reloading هست. Dev Server هایی که از Bundler استفاده میکنن معمولا برای اجرا کردن کد به زمان زیادی نیاز داشتن، اما حالا Vite.JS با داشتن پشتیبانی محلی از اکمااسکریپت یا ESM مستقیما اونارو تو مرورگر اجرا میکنه و زمان اجرا کدارو بالاتر برده.
در واقع ViteJS این میزان از سرعتو مدیون مدل HMR یا Hot Module Replacement هست.
در کل Vite.js یک ابزار باورنکردنیه که نسبتاً جدیده و ویژگیهای منحصربهفرد خودشو داره. تجربه توسعه سریعتر و پشتیبانی از قالب های مختلف دلیل محبوبیت و دوست داشتنی بودن این ابزاره.
Document
#js #web
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡5🔥4
چگونه یک commit با معنا در git بنویسیم؟ 💀
نوشتن کامیت خوب یک هنره و این زمانی بیشتر خودشو نشون میده که در یک تیم مشغول به کار باشید.
قدرت گیت در کارهای تیمی خیلی مشخص تره و رعایت کردن یکسری استاندارد بین افراد یک پروژه میتونه روند کار و سریعتر و اشتباهات و کاهش بده. یکی از این استانداردها قطعا تدوین قوانینی برای نوشتن توضیحات برای Commit ها در گیت هست.
هدف از نوشتن commit با معنا چیه؟🤔
🔵 تولید خودکار فایل CHANGELOG.md توسط اسکریپت
🔵 در نظر نگرفتن بعضی از کامیت های بی اهمیت با git bisect (مثل فورمت کردن کدها)
🔵 داشتن اطلاعات بهتر و کاراتر هنگام بازببینی تاریخچه کامیت ها
هر خط از پیغام کامیت نباید بیشتر از 100 کاراکتر باشه. همین باعث میشه که خوندن متن کامیت هم در گیتهاب و هم در سایر ابزار های گیت آسون تر باشه. هر متن کامیت دارای سرآمد (header)، بدنه (body) و بخش زیرین (footer) هست که توسط خط خالی (Blank line) از هم جدا میشن.
متن سرآمد
متن قسمت سرآمد یک خطه که به صورت خلاصه وار توضیحاتی در مورد تغییرات ارائه میده و شامل نوع (type)، محدوده [تغییرات] (scope) و موضوع (subject) هست.
کامیت ها باید با یه سری تایپ های مشخص و تعیین شده شروع بشن تا کامیت حرفه ای تر باشه. یه سری از تایپ های پر کاربرد:
🔵 feat
🔵 fix
🔵 docs
🔵 refactor
🔵 test
🔵 chore
متن بدنه
تو این بخش باید انگیزه دولوپر برای تغییر قسمتی از کد که قراره به گیت اضافه بشه گفته، و تفاوت و به صورت خلاصه شرح بده.
متن بخش زیرین
در این بخش برخی اطلاعات خاص در مورد commit ارائه میشه مثل BREAKING CHANGE.
این مورد در فوتر به عنوان یک توضیحات آورده میشه. همونطور که از اسمش هم مشخصه اگه یک تغییر اساسی در پروژه و فایلی داشتیم این مورد باید حتما اضافه بشه.
اطلاعات بیشتر و میتونید تو این مقاله مطالعه، و یک پله خودتون و نسبت به سایر دولوپر ها حرفه ای تر کنید⚡️
#commit #git
@CodeModule
نوشتن کامیت خوب یک هنره و این زمانی بیشتر خودشو نشون میده که در یک تیم مشغول به کار باشید.
قدرت گیت در کارهای تیمی خیلی مشخص تره و رعایت کردن یکسری استاندارد بین افراد یک پروژه میتونه روند کار و سریعتر و اشتباهات و کاهش بده. یکی از این استانداردها قطعا تدوین قوانینی برای نوشتن توضیحات برای Commit ها در گیت هست.
هدف از نوشتن commit با معنا چیه؟
هر خط از پیغام کامیت نباید بیشتر از 100 کاراکتر باشه. همین باعث میشه که خوندن متن کامیت هم در گیتهاب و هم در سایر ابزار های گیت آسون تر باشه. هر متن کامیت دارای سرآمد (header)، بدنه (body) و بخش زیرین (footer) هست که توسط خط خالی (Blank line) از هم جدا میشن.
متن سرآمد
متن قسمت سرآمد یک خطه که به صورت خلاصه وار توضیحاتی در مورد تغییرات ارائه میده و شامل نوع (type)، محدوده [تغییرات] (scope) و موضوع (subject) هست.
کامیت ها باید با یه سری تایپ های مشخص و تعیین شده شروع بشن تا کامیت حرفه ای تر باشه. یه سری از تایپ های پر کاربرد:
متن بدنه
تو این بخش باید انگیزه دولوپر برای تغییر قسمتی از کد که قراره به گیت اضافه بشه گفته، و تفاوت و به صورت خلاصه شرح بده.
متن بخش زیرین
در این بخش برخی اطلاعات خاص در مورد commit ارائه میشه مثل BREAKING CHANGE.
این مورد در فوتر به عنوان یک توضیحات آورده میشه. همونطور که از اسمش هم مشخصه اگه یک تغییر اساسی در پروژه و فایلی داشتیم این مورد باید حتما اضافه بشه.
اطلاعات بیشتر و میتونید تو این مقاله مطالعه، و یک پله خودتون و نسبت به سایر دولوپر ها حرفه ای تر کنید
#commit #git
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5⚡4👌1
اگر توسعه دهنده فرانت باشید، حتما توی پروژه هاتون به کتابخانه هایی برای نمایش دادن نمودار ها (chart) نیاز پیدا میکنید.
تو این پست ۶ تا از بهترین کتابخانه ها در این زمینه رو معرفی میکنم تا بتونید توی پروژه هاتون، چارت هارو مثل آب خوردن هندل کنید😎
◀️ کتابخانه Chart.js
◀️ کتابخانه HighCharts
◀️ کتابخانه C3.js
◀️ کتابخانه Chartist
◀️ کتابخانه Plotly
◀️ کتابخانه Apexcharts.js
#library #js #chart
@CodeModule
تو این پست ۶ تا از بهترین کتابخانه ها در این زمینه رو معرفی میکنم تا بتونید توی پروژه هاتون، چارت هارو مثل آب خوردن هندل کنید
#library #js #chart
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥9👌4
با استفاده از این سایت، میتونید مقالات پرمیوم سایت مدیوم رو به صورت رایگان بخونید 😎
فقط کافیه لینک مقاله رو بنویسید و سپس روی دکمه Go کلیک کنید.
➡️ Website◀️
#tool
@CodeModule
فقط کافیه لینک مقاله رو بنویسید و سپس روی دکمه Go کلیک کنید.
#tool
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡4🔥4
Please open Telegram to view this post
VIEW IN TELEGRAM
😁5💔3
محبوب ترین theme های برنامه VsCode
در سال 2023👨💻
1⃣ Github theme
🔢 Winter is coming
🔢 Monkai pro
🔢 Dracula
🔢 Tokyo night
🔢 Ayu
🔢 One dark pro
🔢 noctis
#vscode #theme
@CodeModule
در سال 2023
#vscode #theme
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👌2
تا حالا اسم Electron.js به گوشتون خورده؟ 🤔
در واقع Electron یک فریمورک متن بازه که توسط GitHub توسعه داده شده. این فریمورک برای ساخت برنامه های دسکتاپ به صورت پلتفرم با جاوا اسکریپت، HTML و CSS مورد استفاده قرار می گیره. Electron اجازه میده تا توسعه برنامه های کاربردی GUI دسکتاپ با استفاده از اجزای برنامه نویسی جلو و عقب در ابتدا برای برنامه های کاربردی وب توسعه پیدا کنه.
ویژگی کلیدی Electron اینه که کراس پلتفرم هست و اپلیکیشن هایی که از این فریمورک استفاده می کنن قابلیت ساخت و اجرا در سه سیستم عامل Mac، ویندوز و لینوکس و خواهند داشت💀
نمونه برنامه های ساخته شده با Electron⬇️
🔵 Vscode
🔵 GitHub Desktop
🔵 Atom
🔵 Skype
🔵 Discord
نگاهی به ساختار درونی Electron⬇️
این Electron ترکیبی از Nodejs و Chromium هست. Nodejs رو که دیگه همه شما میشناسید و Chromium هم یک پروژه متنباز یا Open source هست که توسط Google توسعه داده شده و شباهتهای زیادی به Google chrome داره و در تعدادی از ویژگیها و لوگو با هم تفاوت دارن.
شما میتونین به همه امکانات Chromium دسترسی داشته باشید و همچنین از موتور V8 مربوط به Javascript و همچنین از بسته و ماژولهای مختلف Nodejs استفاده کنید. شما میتونین هر کدی که در Nodejs مورد نظرتون هست رو در الکترون مورد استفاده قرار بدین.
در نهایت Electron.js یکی از بهترین فریمورکهای جاوا اسکریپت برای برنامه نویسی سمت سرور هست که به شما اجازه میده برنامههای تحت دسکتاپ و توسعه بدید😎
Document🌐
#electron
@CodeModule
در واقع Electron یک فریمورک متن بازه که توسط GitHub توسعه داده شده. این فریمورک برای ساخت برنامه های دسکتاپ به صورت پلتفرم با جاوا اسکریپت، HTML و CSS مورد استفاده قرار می گیره. Electron اجازه میده تا توسعه برنامه های کاربردی GUI دسکتاپ با استفاده از اجزای برنامه نویسی جلو و عقب در ابتدا برای برنامه های کاربردی وب توسعه پیدا کنه.
ویژگی کلیدی Electron اینه که کراس پلتفرم هست و اپلیکیشن هایی که از این فریمورک استفاده می کنن قابلیت ساخت و اجرا در سه سیستم عامل Mac، ویندوز و لینوکس و خواهند داشت
نمونه برنامه های ساخته شده با Electron
نگاهی به ساختار درونی Electron
این Electron ترکیبی از Nodejs و Chromium هست. Nodejs رو که دیگه همه شما میشناسید و Chromium هم یک پروژه متنباز یا Open source هست که توسط Google توسعه داده شده و شباهتهای زیادی به Google chrome داره و در تعدادی از ویژگیها و لوگو با هم تفاوت دارن.
شما میتونین به همه امکانات Chromium دسترسی داشته باشید و همچنین از موتور V8 مربوط به Javascript و همچنین از بسته و ماژولهای مختلف Nodejs استفاده کنید. شما میتونین هر کدی که در Nodejs مورد نظرتون هست رو در الکترون مورد استفاده قرار بدین.
در نهایت Electron.js یکی از بهترین فریمورکهای جاوا اسکریپت برای برنامه نویسی سمت سرور هست که به شما اجازه میده برنامههای تحت دسکتاپ و توسعه بدید
Document
#electron
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡6🔥4👌3
Good Night 🌚 ✨
"هرچی افراد کمتری از زندگیت خبر داشته باشن به همون اندازه همه چی بهتر پیش میره…"
@CodeModule
"هرچی افراد کمتری از زندگیت خبر داشته باشن به همون اندازه همه چی بهتر پیش میره…"
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌9
با انواع حملات سایبری و امنیتی در کامپیوتر آشنا بشید ⚡️
1️⃣ حمله DDOS
2️⃣ حمله بد افزار
3️⃣ حمله مرد میانی
4️⃣ تزریق SQL
5️⃣ ویروس ها
6️⃣ حمله بروت فورس
7️⃣ حمله فیشینگ
8️⃣ حمله کیلاگر
9️⃣ حمله XSS
#cyberattack #hack
@CodeModule
#cyberattack #hack
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👌3⚡2