FaraWebDev | فرا وب: آموزش طراحی و توسعه وب
1.2K subscribers
58 photos
23 videos
307 links
🧑‍💻 فرا وب — آموزش طراحی سایت و توسعه وب

🔸 Html
🔸 Css
🔸 PHP
🔸 Laravel
🔸 Bootstrap
🔸 JavaScript
🔸 jQuery
🔸 Node.js
🔸 Ajax
🔸 Angular
🔸 Vue.js
🔸 Asp .Net
🔸 Wordpress

🚀 برای مشاهده تمام آموزش‌های ویدیویی، روی لینک زیر بزنید:👇
fdrs.ir/farawebdev
Download Telegram

ساعات پایانی جشنواره سال نو — بزرگترین تخفیف تاریخ فرادرس

💥 ۶۰ درصد تخفیف بر روی همه آموزش‌ها
💥

برای مشاهده آموزش‌ها و دریافت تخفیف روی لینک زیر کلیک کنید:

🔗 جشنواره سال نو — [کلیک کنید]


🟢 جدیدترین آموزش‌ها [+]

🟠 پرمخاطب‌‎ترین آموزش‌ها [+]

🔵 همه فرادرس‌ها با طبقه‌بندی موضوعی [+]

🟣 آموزش‌های رایگان [+]


📚 یادگیری، همیشه، همه‌جا؛ فرادرس

@FaraDars — فرادرس
✳️ گنجاندن صوت و ویدیو در فایل های HTML — از صفر تا صد

‏HTML امکان ایجاد پلیرهای صوتی و ویدئویی مبتنی بر استانداردها را فراهم ساخته است که نیاز به استفاده از هر گونه افزونه را رفع می‌کنند. افزودن صوت یا ویدئو به یک صفحه وب تقریباً به همان سهولت اضافه کردن یک تصویر یا قالب‌بندی متن است.

══ فهرست مطالب ══

‏ ○ عنصر Video
‏ ○ عنصر Source
‏ ○ عنصر Audio


🔸 عنصر Video

‏عنصر <video> امکان گنجاندن فایل‌های ویدئویی در یک فایل HTML را به روشی کاملاً مشابه درج تصویر در صفحه فراهم ساخته است.

‏خصوصیات آن شامل موارد زیر هستند:

‏– Src – این خصوصیت نشانگر منبع فایل است که کاملاً مشابه عنصر image عمل می‌کند. در واقع در این خصوصیت لینکی برای ویدیو اضافه می‌کنیم.

‏– Type – این همان جایی است که نوع video/mp۴ را تعیین می‌کنیم چون mp۴. قالب ویدئویی‌ است که می‌خواهیم استفاده کنیم. می‌توان از فرمت‌های ویدئویی دیگری مانند ogg. یا webm. نیز استفاده کرد که در این صورت مقدار این متغیر به ترتیب به صورت‌های ideo/ogg یا video/WebM تغییر می‌یابد.

‏دقت کنید که قالب‌های ویدئویی رایج شامل موارد WebM ،Ogg و MP۴ هستند.


🔸 عنصر Source

‏در بخش قبل از عنصر video با تگ self-closing استفاده کردیم؛ اما در این بخش عنصر ویدئو را خودمان می‌بندیم. بنابراین اکنون یک تگ باز کردن و یک تگ بستن داریم.

‏همچنین خصوصیت‌های type و source را از عنصر ویدئو حذف می‌کنیم و آن را به عنصر دیگری می‌چسبانیم.

‏خصوصیت‌ها را به عنصر source انتقال داده‌ایم. شاید از خود بپرسید چرا باید چنین کاری بکنیم؟



مطالعه ادامه مطلب 👇👇

🔗 گنجاندن صوت و ویدیو در فایل های HTML — از صفر تا صد — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
‌‌

✳️ مناسب‌ترین زبان برنامه‌نویسی وب برای اهداف مختلف چیست؟

‏پیش از انتخاب زبان برنامه‌نویسی مناسب، هر فرد باید به یک سری سؤالات بخصوص پاسخ دهد. به عنوان مثال، اگر شخصی بخواهد کدنویسی یک برنامه کاربردی تحت وب یا مرورگر را آغاز کند، چه گزینه‌هایی پیش روی خود خواهد داشت؟ یا چرا باید در شرایط بخصوص، زبان برنامه‌نویسی خاصی را به زبان‌های دیگر ترجیح داد؟ این مقاله، چک‌لیستی از یک سری سؤال مهم را در اختیار شما قرار می‌دهد که می‌توانید با در نظر داشتن و پاسخ به آن‌ها، مناسب‌ترین زبان برنامه‌نویسی وب برای خودتان را انتخاب کنید.

══ فهرست مطالب ══

‏ ○ «مناسب بودن» را برای خود تعریف کنید
‏ ○ استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟
‏ ○ محبوب‌ترین زبان برنامه‌نویسی وب کدام است؟
‏ ○ کدام‌یک از زبان‌های برنامه‌نویسی وب چندمنظوره هستند؟
‏ ○ منابع آموزشی برای زبان‌های برنامه‌نویسی وب کدامند؟
‏ ○ از چه پلتفرمی استفاده می‌کنید؟
‏ ○ انتخاب توسعه فرانت‌اند (Front-End) یا بک‌اند (Back-End)؟
‏ ○ هدف شما از برنامه‌نویسی چیست؟
‏ ○ سخن آخر


🔸 «مناسب بودن» را برای خود تعریف کنید

‏انتخاب زبان «مناسب» می‌تواند کمی گمراه‌کننده باشد. این بدان معناست که گزینه‌های نامناسب نیز وجود دارند. برخی از زبان‌ها به شما در دستیابی به اهداف برنامه‌نویسی‌تان هیچ کمکی نمی‌کنند، با این حال در بسیاری از موارد، روش‌های متعددی برای رسیدن به خروجی مطلوب وجود دارند. این موضوع، مخصوصاً در برنامه‌نویسی وب مصداق دارد.

‏تمرکز اصلی برخی از زبان‌ها مانند جاوااسکریپت بر روی توسعه وب است، در حالیکه برخی دیگر مانند جاوا، به عنوان زبان‌های عمومی شناخته می‌شوند. حال باید بر روی سؤالاتی تمرکز کنید که پاسخ آن‌ها شما را در تعیین زبان برنامه‌نویسی مناسب یاری کند. در ادامه، هر یک از این سؤالات را مورد بررسی قرار خواهیم داد.


🔸 استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟

‏تعیین آسان‌ترین زبان برنامه‌نویسی وب، به سابقه شما بستگی دارد. اگر تجربه‌ای در استفاده از زبان‌هایی مانند HTML داشته باشید، با مفاهیم «سینتکس» (Syntax) و «قالب‌بندی» (Layout) آشنا خواهید بود. علاوه بر این، سرعت یادگیری افراد با هم متفاوت است و همین موضوع، تعریف «آسان بودن» را برای هر فرد تعیین می‌کند. با این حال، برخی از زبان‌های برنامه‌نویسی به طور کلی نسبت به زبان‌های دیگر ساده‌تر هستند.

‏برای استفاده آسان از یک زبان، باید گزینه‌ای را انتخاب کنید که علاوه بر بهره‌مندی از «فریم‌ورک» (Framework) و کتابخانه‌های متعدد، ساختاریافته، مختصر و مفید باشد. علاوه بر این‌ها، داشتن سینتکس ساده‌تر نیز به عنوان یک مزیت محسوب می‌شود.



مطالعه ادامه مطلب 👇👇

🔗 مناسب‌ترین زبان برنامه‌نویسی وب برای اهداف مختلف چیست؟ — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
‌‌‌
1
✳️ چگونه برنامه نویسی وب را شروع کنم؟

برای بسیاری از افراد این پرسش وجود دارد که چگونه می‌توانند برنامه‌نویس وب شوند و باید برنامه نویسی وب را از کجا شروع کنند؟ در این مطلب از مجله فرادرس، تلاش کرده‌ایم تا پاسخ‌هایی مناسب به سئوالاتی از این دست بدهیم. همچنین، در مطلب «برنامه نویسی وب چیست و چگونه آن را یاد بگیریم؟ — راهنمای کامل و رایگان» نیز به طور کامل به چیستی برنامه نویسی وب یا همان توسعه وب و مباحث پیرامون آن پرداخته شده است.

══ فهرست مطالب ══

○ می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟
○ HTML — اولین زبان برنامه نویسی وب
○ CSS — زبان مخصوص استایل‌دهی
○ java script — نخستین زبان اسکریپت‌نویسی تحت وب
○ jQuery — یکی از مهم‌ترین کتابخانه‌های جاوا اسکریپت
○Front-end / Back-end لایه‌های برنامه نویسی وب
○ PHP — پراستفاده‌ترین زبان برنامه نویسی وب در بک‌اند
○ ASP.Net — زبان برنامه‌نویسی تحت وب مایکروسافت
○ Django (جنگو) — چارچوب برنامه‌نویسی تحت وب با استفاده از پایتون
○ JSP — نسخه مخصوص جاوا برای برنامه نویسی وب
○ جمع‌بندی کلی


🔸 می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟

سؤال بالا، سوالی است که اکثر افراد هنگام شروع به یادگیری مباحث برنامه نویسی وب، با آن مواجه می‌شوند. اما به راستی، اگر بخواهیم برنامه نویسی وب را آغاز کنیم، باید از چه زبانی شروع کنیم؟ چه نکاتی باید رعایت شوند؟ ابتدا نیاز است تا چند مفهوم کاربردی را در زمینه برنامه نویسی وب، بررسی کنیم. در کل ۲ نوع وب‌سایت داریم، وب‌سایت‌های استاتیک یا ایستا و وب‌سایت‌های داینامیک یا پویا.



مطالعه ادامه مطلب 👇👇

🔗 چگونه برنامه نویسی وب را شروع کنم؟ — کلیک کنید (+)

📚 طبقه‌بندی موضوعی: برنامه نویسی


📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس

✳️ آموزش طراحی سایت با دریم ویور Dreamweaver رایگان | گام به گام و تصویری

در این آموزش دریم ویور ، هر چیزی را که لازم است برای ساخت وب‌سایت از طریق دریم ویور بدانید، یاد می‌گیرید. برنامه را می‌شناسید، می‌فهمید که چه کارهایی می‌تواند انجام دهد، ویژگی‌های اصلی آن را یاد می‌گیرید و با نحوه‌ی راه‌اندازی آن نیز آشنا می‌شوید. سپس، یک راهنمای گام به گام درباره‌ی نحوه‌ی ساختِ یک وب‌سایت ساده از طریق دریم ویور را می‌بینید که در ادامه آن را موبایل فرندلی (متناسب برای کار با موبایل) و در نهایت هم روی سرور آپلود می‌کنیم.

══ فهرست مطالب ══

○ دریم ویور چیست و چه کاری می‌تواند انجام دهد؟
○ فرایند راه‌اندازی و طراحی وب‌سایت با دریم ویور
○ سخن پایانی درباره آموزش دریم ویور (Dreamweaver)


🔸 دریم ویور چیست و چه کاری می‌تواند انجام دهد؟

پیش از شروع آموزش دریم ویور باید بدانیم که این ابزار چیست و به کاری می‌آید. از نظر ظاهری، دریم ویور یک IDE (یک نرم‌افزار کاربردی است که امکانات جامعی را به منظور توسعه نرم‌افزار برای برنامه‌نویسان کامپیوتر فراهم می‌کند.) این یعنی، قطعه‌ای از نرم‌افزار است که ابزارهای مختلفی را ترکیب می‌¬کند تا طراحی و توسعه وب راحت‌تر شود.

چیزی که این برنامه را خاص می‌کند این است که در جایی بینِ CMS (جایی که شما از طریق رابط بصری همه¬چیزِ وب‌سایت را کنترل می‌کنید) و ویرایشگر کُد قرار دارد. حالا ببینیم این بخش‌های مختلف چطور کار می‌کنند.


🔸 فرایند راه‌اندازی و طراحی وب‌سایت با دریم ویور

در این بخش از آموزش دریم ویور به سراغ نصب این نرم‌افزار رفته و سپس وارد فاز طراحی سایت با آن می‌شویم. به عنوان اولین قدم، باید دریم ویور را از وب سایت رسمی Adobe، تهیه کنید. می‌توانید نسخه رایگان آن را از اینجا (+) و یا از Creative Cloud دریافت نمایید.

آموزش دریم ویور را با دانلود و نصب برنامه ادامه می‌دهیم. اگر برنامه را از وب سایت رسمی (+) تهیه کردید، فقط فایل نصبی را دانلود کنید که روی آن Installation نوشته شده باشد. سپس آن را اجرا کرده و دستورالعمل ها را دنبال کنید.



مطالعه ادامه مطلب 👇👇

🔗 آموزش طراحی سایت با دریم ویور Dreamweaver رایگان | گام به گام و تصویری — کلیک کنید (+)

📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس

✳️ ۲۱ پالت رنگ برای طراحی وب — رنگ سایت خود را با این ابزار انتخاب کنید.



══ فهرست مطالب ══

○ ۱- COOLORS
○ ۲- ADOBE KULER: COLOR WHEEL
○ ۳- PALETTON
○ ۴- PICTACULOUS
○ ۵- DEGRAEVE’S COLOR PALETTE GENERATOR
○ ۶- COLLLOR
○ ۷- CSS DRIVE: IMAGE TO COLORS PALETTE GENERATOR
○ ۸- PALETTEGENERATOR
○ ۹- MATERIAL PALETTE
○ ۱۰- COLOR SCHEME GENERATOR
○ ۱۱- COLORSCHEMER
○ ۱۲- COLOR PALETTE GENERATOR
○ ۱۳- COLOR BY HAIL PIXEL
○ ۱۴- COLOR WIZARD
○ ۱۵- PALETTR
○ ۱۶- COLOROTATE
○ ۱۷- COLOURCODE
○ ۱۸- COLOR BLENDER
○ ۱۹- COPASO : COLOR PALETTE SOFTWARE
○ ۲۰- HEX COLOR SCHEME GENERATOR
○ ۲۱- COLOREXPLORER


🔸 ۱- COOLORS

آدرس: coolors.co

سایت COOLORS به شما اجازه می‌دهد که یک تصویر دلخواه را آپلود کنید و متناسب با رنگ‌های موجود در آن به شما یک جعبه رنگ می‌دهد. شما می‌توانید این جعبه رنگ را در فرمت‌های PDF، PNG، SVG، SCSS یا COPIC ذخیره کنید. اپلیکشن موبایل COOLORS نیز برای سیستم عامل‌های اندروید و iOs وجود دارد. به علاوه می‌توانید از پلاگین آن برای Adobe Photoshop و Adobe Illustrator هم استفاده کنید.


🔸 ۲- ADOBE KULER: COLOR WHEEL

آدرس: color.adobe.com/create/color-wheel

این سایت، ابزار رسمی شرکت Adobe برای کمک به ساخت جعبه رنگ است. برای ساختن یک جعبه رنگ، دو انتخاب پیش روی شماست: می‌توانید با چرخاندن دایره رنگی و انتخاب رنگ مدنظرتان، رنگ‌بندی دلخواهتان را ایجاد کنید. علاوه بر این می‌توانید یک تصویر را آپلود کنید تا Adobe Kuler بر حسب آن رنگ‌بندی دلخواه را ایجاد کند. در نهایت اگر یک حساب Creative Cloud دارید می‌توانید جعبه رنگی که ساختید را در آن ذخیره کنید.



مطالعه ادامه مطلب 👇👇

🔗 ۲۱ پالت رنگ برای طراحی وب — رنگ سایت خود را با این ابزار انتخاب کنید. — کلیک کنید (+)

📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ۷۶ ایده خلاقانه و موضوع برای طراحی وب سایت — راهنمای تمرین و افزایش مهارت

با رشد چشمگیر توسعه و برنامه نویسی وب در بازار کار و صنعت، تقاضا برای توسعه دهندگان و برنامه نویسان وب به میزان چشمگیری افزایش یافته است. یکی از بهترین شیوه‌ها برای تقویت مهارت برنامه نویسی وب، انجام پروژه‌های مختلف به صورت عملی به حساب می‌آید. در این میان، افراد معمولاً برای پیدا کردن ایده و انتخاب موضوع برای طراحی وب سایت دچار چالش می‌شوند. این مسئله در خصوص افرادی که قصد راه‌اندازی یک کسب و کار و رسیدن به درآمد را از طریق توسعه وب دارند نیز صدق می‌کند. بنابراین در این مقاله ابتدا به معرفی ایده‌هایی خلاقانه جهت انتخاب موضوع برای طراحی وب سایت با هدف کسب درآمد و سپس به معرفی موضوع برای برنامه نویسی وب و پروژه تمرینی جهت یادگیری و تقویت مهارت توسعه وب پرداخته شده است.

══ فهرست مطالب ══

○ سوالات رایج موضوع برای طراحی وب سایت
○ ۵۵ ایده خلاقانه و موضوع برای طراحی وب سایت به منظور راه‌اندازی کسب و کار آنلاین
○ ۲۱ ایده پروژه خلاقانه و موضوع برای طراحی وب سایت با هدف یادگیری و تمرین برنامه نویسی وب
○ فیلم های آموزش طراحی سایت با HTML و CSS فرادرس
○ فیلم های آموزش جاوا اسکریپت (JavaScript) فرادرس
○ فیلم های آموزش‌ PHP فراردس
○ جمع‌بندی


🔸 سوالات رایج موضوع برای طراحی وب سایت

از جمله پرسودترین ایده‌های طراحی وب سایت در سال ۱۴۰۰ می‌توان به مواردی شامل راه‌اندازی یک وب سایت تجارت الکترونیک، ایجاد یک وبلاگ، ساخت یک وب سایت عضویت و سایر موارد اشاره کرد.


مطالعه ادامه مطلب 👇👇

🔗 ۷۶ ایده خلاقانه و موضوع برای طراحی وب سایت — راهنمای تمرین و افزایش مهارت — کلیک کنید (+)

📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ کاربرد CSS Reset در طراحی وب

اگر شما طراح وب باشید، حتماً برایتان این مشکل پیش‌آمده که بعد از طراحی سایت متوجه شوید که چینش و نمایش بخش‌های مختلف پوسته در هرکدام از مرورگرها، کمی تفاوت دارد. این تفاوت در مرورگرهایی مانند کروم و فایرفاکس کم است ولی در مرورگری مانند اینترنت اکسپلورر، بیشتر از بقیه است که تقریباً باعث ایجاد مشکل برای یک برنامه‌نویس وب می‌شد.

══ فهرست مطالب ══

○ سازگاری سایت با مرورگرهای مختلف
○کد CSS Reset، پایان مشکل عدم سازگاری سایت با مرورگرهای مختلف


🔸 سازگاری سایت با مرورگرهای مختلف

اگر شما طراح وب باشید، حتماً برایتان این مشکل پیش‌آمده که بعد از طراحی سایت متوجه شوید که چینش و نمایش بخش‌های مختلف پوسته در هرکدام از مرورگرها، کمی تفاوت دارد. این تفاوت در مرورگرهایی مانند کروم و فایرفاکس کم است ولی در مرورگری مانند اینترنت اکسپلورر، بیشتر از بقیه است که تقریباً باعث ایجاد مشکل برای یک برنامه‌نویس وب می‌شد.

دلیل این ناسازگاری، تنظیمات پیش فرضی است که برای هر کدام از این مرورگرها تنظیم‌شده است و هسته مرورگر از این تنظیمات استفاده می‌کند. چطور می‌توانیم این مشکل را برطرف کنیم؟ با استفاده از قطعه کدهای CSS که اصطلاحاً به آن‌ها CSS Reset گفته می‌شود، می‌توان این مشکل را برطرف کرد.



مطالعه ادامه مطلب 👇👇

🔗 کاربرد CSS Reset در طراحی وب — کلیک کنید (+)

📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس

✳️ طراحی یک وب سایت ساده با PHP — از صفر تا صد

دوست دارید نحوه ساختن یک وبسایت را بیاموزید؟ زمانی برای اینکار تنها شروع به یادگیری HTML کافی بود، اما این روز‌ها بهترین راه‌حل برای این مسئله PHP‌ و البته یادگیری آن است. هر چند هنوز هم لازم است برای شروع به کار قدری دانش کدنویسی HTML داشته باشید، اما می‌توانیم بدون اغراق بگوئیم که PHP اکنون محبوب‌ترین گزینه برای ساخت انواع سایت‌های استاتیک و دینامیک در حوزه برنامه نویسی وب به شمار می‌رود. PHP در آموزش برنامه نویسی USSD نیز کاربرد دارد. بسیار خب، حالا می‌دانیم که باید PHP‌ یاد بگیریم و یکی از بهترین راه‌ها برای یادگیری آن، ساخت یک وب سایت ساده با PHP است؛ کاری که بنا داریم در ادامه انجام دهیم.

══ فهرست مطالب ══

○ چرا باید از PHP برای توسعه وب‌سایت استفاده کنیم؟
○ برای ساخت یک وب‌سایت PHP به چه چیزی نیاز داریم؟
○ آغاز کار با PHP: آشنایی با دستور زبان
○ ساخت یک وب‌سایت: آشنایی با ساختار
○ آغاز طراحی وب‌سایت: هدر PHP
○ درج محتوا در بدنه صفحه وب PHP
○ استفاده از فوتر PHP در صفحه وب
○ جمع‌بندی
○ سخن پایانی


🔸 چرا باید از PHP برای توسعه وب‌سایت استفاده کنیم؟

گزینه‌های مختلفی برای توسعه وب در این سال‌ها مطرح شده‌اند. در آغاز HTML ساده استفاده می‌شد، سپس توسعه‌دهندگان از HTML به همراه CSS جاسازی شده یا یک ارجاع به فایل CSS استفاده کردند. زمانی که وب‌سایت‌های دینامیک مطرح شدند، ASP (که در ادامه به ASP.NET تبدیل شد) و PHP نیز وارد میدان شدند. بر اساس آمار و ارقام اکنون PHP با سهم ۸۲ درصدی از وب‌سایت‌ها به عنوان محبوب‌ترین زبان برنامه‌نویسی سمت سرور مطرح است. این عدد را با ۱۶ درصد که از ASP استفاده می‌کنند مقایسه کنید.

شاید لازم باشد بدانید که ASP تا سال ۲۰۲۲ پشتیبانی خواهد شد، اما انتظار نمی‌رود پس از این تاریخ به صورت رسمی دست کم به عنوان یک فناوری وب تداوم داشته باشد. PHP که اختصاری برای عبارت «پیش پردازشگر ابرمتن PHP» (به معنی PHP Hypertext Preprocessor) است موفقیت زیادی داشته است که به طور عمده ناشی از یکپارچگی آن با لینوکس است.




مطالعه ادامه مطلب 👇👇

🔗 طراحی یک وب سایت ساده با PHP — از صفر تا صد — کلیک کنید (+)

📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
👍3

✳️ مزایای طراحی سایت با زبان asp.net

طراحی سایت در طول سال‌های اخیر همواره تغییراتی را تجربه کرده‌ است و تکنولوژی‌های آن همسان با نیاز مشتریان در حال ارتقاست. برای طراحی هر سایت، روش‌های مختلفی وجود دارد، برخی افراد به‌سراغ پلتفرم‌های سایت‌ساز معتبر می‌روند و برخی دیگر، طراحی اختصاصی را برای وب‌سایت خود انتخاب می‌کنند. asp.net یکی از ابزارهای شناخته شده‌ای است که برای طراحی سایت اختصاصی مورداستفاده قرار می‌گیرد.

══ فهرست مطالب ══

○ زبان asp.net چیست؟
○ مزایای زبان asp.net
○ کلام پایانی


🔸 زبان asp.net چیست؟

زبان ASP یا صفحات فعال تحت سرور که مخفف واژه Active Server Page است، برای اولین‌بار در سال ۲۰۰۲، توسط شرکت مایکروسافت معرفی شد. زبان asp.net که نسخه اولیه آن تحت فریم‌ورک دات‌نت عرضه شده‌ بود، در حال حاضر تبدیل به یکی از پرقدرترین زبان‌ها برای تولید اپلیکشین‌های وب شده‌است. درواقع هر شرکت طراحی وب، بی‌شک به استخدام کارشناسانی در این حوزه نیاز دارد.

زبان ASP بخشی جدایی‌ناپذیر از چهارچوب دات‌نت مایکروسافت محسوب می‌شود که اپلیکیشن‌های نوشته‌شده با آن در سرورهای ویندوز قابل‌اجرا و معمولاً بانک اطلاعاتی آن‌ها sql server است. این زبان به برنامه‌نویسان و توسعه‌دهندگان اجازه می‌دهد تا با استفاده از زبان‌های کامپایل مثل VB، net. و c#، به ساخت وب‌سایت‌ها و برنامه‌های وب پویا بپردازند.


🔸 مزایای زبان asp.net

محبوبیت بالایی که زبان asp.net به‌دست آورده، به‌دلیل مزایای فراوانی است که در اختیار برنامه‌نویسان و توسعه‌دهندگان قرار می‌دهد. در این مقاله به چند مورد از مهم‌ترینِ آن‌ها اشاره می‌کنیم:

۱. آسان برای استفاده

با بهره‌مندی از ابزار asp.net، طراحی و توسعه وب‌سایت به آسانی قابل انجام است. این ابزار دارای سه مشخصه Library، Language و Common Language Routine است که کاربران با استفاده از آن‌ها می‌توانند بخش طراحی را به‌منظور کنترل و مدیریت آسان‌تر، از کد جدا کنند.



مطالعه ادامه مطلب 👇👇

🔗 مزایای طراحی سایت با زبان asp.net — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس

📋 جمع‌بندی شب امتحان با فرادرس — دروس جمع‌بندی شده ۶۰ رشته دانشگاهی 😉

💯 دوره‌های دانشگاهی فرادرس رو با ۵۰ درصد تخفیف ببین و بهترین نمره رو در امتحانات به دست بیار! 👌

فقط کافیه روی عنوان مورد نظرت کلیک کنی و مرور و حل تمرین رو از همین الان شروع کنی: 👇

📖 مهندسی برق (+)

📖 مهندسی مکانیک (+)

📖 مهندسی عمران (+)

📖 مهندسی معماری (+)

📖 مهندسی صنایع (+)

📖 مهندسی کامپیوتر (+)

📖 مهندسی شیمی (+)

📖 سایر رشته‌های فنی و مهندسی (+)

📖 علوم پایه (+)

📖 علوم انسانی (+)

📖 علوم تجربی (+)

📖 مدیریت، علوم مالی و اقتصادی (+)

📘 مشاهده سایر رشته‌ها - [کلیک کنید]
 
🎁 کد تخفیف ۵۰ درصدی: BHR75
 
✳️ آموزش‌های رایگان [+]


📚 یادگیری، همیشه، همه‌جا؛ فرادرس

@FaraDars — فرادرس

✳️ طراحی سایت با پایتون — از صفر تا صد و پروژه محور

برخی از بزرگ‌ترین وب سایت‌ها در اینترنت با پایتون ساخته شده‌اند و این زبان یکی از آسان‌ترین و بهترین زبان‌های برنامه نویسی به حساب می‌آید. طراحی سایت یا در اصل برنامه نویسی وب نیز یکی از محبوب‌ترین و رایج‌ترین انواع و حوزه‌های برنامه نویسی است. به همین دلیل، افراد بسیاری به دنبال یادگیری نحوه طراحی سایت با پایتون هستند. بنابراین در این مقاله به مبحث طراحی سایت با پایتون یا به بیان دقیق‌تر و درست‌تر، به حوزه «برنامه نویسی وب با پایتون» (توسعه وب با پایتون) پرداخته و کلیه موارد مهم پیرامون آن به همراه نحوه ساخت یک وب سایت ساده با پایتون شرح داده شده است.

══ فهرست مطالب ══

○ طراحی سایت چیست؟
○ توسعه وب یا برنامه نویسی وب چیست ؟
○ توسعه وب با پایتون چگونه انجام می‌شود؟
○ کاربرد پایتون در توسعه وب و ویژگی های پایتون برای طراحی وب چیست ؟
○ مزایا و معایب طراحی سایت با پایتون چه هستند؟
○ آیا پایتون بهترین گزینه برای برنامه نویسی وب است؟
○ فیلم های آموزش طراحی سایت
○ فریمورک وب چیست و چرا مهم است؟
○ فریمورک های محبوب برنامه نویسی وب با پایتون چه هستند؟
○ برای طراحی سایت با پایتون بهتر است از کدام فریمورک استفاده کنم؟
○ کتابخانه های توسعه وب پایتون کدامند؟
○ نقشه راه طراحی سایت با پایتون چگونه است؟
○ آموزش طراحی سایت با پایتون رایگان مقدماتی
○ بهترین کتاب طراحی سایت با پایتون
○ معرفی برخی از سایت های محبوب طراحی شده با پایتون
○ فیلم آموزش طراحی سایت با پایتون
○ جمع‌بندی


🔸 طراحی سایت چیست؟

«طراحی سایت» (Website Design) اصطلاحی است که معمولاً به اشتباه به جای عبارت «برنامه نویسی وب»‌ (Web Development) به کار برده می‌شود. طراحی معادل کلمه «Design» است و به تعیین ویژگی‌ها و رسم المان‌های بصری و ایجاد UI یا همان رابط کاربری (واسط کاربری) گفته می‌شود.



مطالعه ادامه مطلب 👇👇

🔗 طراحی سایت با پایتون — از صفر تا صد و پروژه محور — کلیک کنید (+)

📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس

✳️ آشنایی با شیوه طراحی وب‌ اپلیکیشن — راهنمای کاربردی

در این مقاله با روش طراحی وب‌ اپلیکیشن به عنوان یک مهارت در زمینه معماری نرم‌افزار آشنا می‌شویم و تلاش می‌کنیم شیوه اتخاذ تصمیم‌های صحیح در همان مراحل ابتدایی پروژه را بیاموزیم. چنان که می‌دانیم این تصمیم‌ها در ادامه مراحل هر پروژه‌ای حائز اهمیت حیاتی هستند. فهرست مطالبی که در این مقاله ارائه خواهد شد، به شرح زیر است:

══ فهرست مطالب ══

○ معماری نرم‌افزار چیست؟
○ چرا معماری نرم‌افزار مهم است؟
○ تفاوت بین معماری نرم‌افزار و طراحی نرم‌افزار
○ الگوهای معماری نرم‌افزار
○ تعداد بخش‌های اپلیکیشن چند عدد باید باشد؟
○ کدام یک از گزینه‌های مقیاس‌بندی افقی یا عمودی برای شما مناسب‌تر است؟
○ معماری Monolith یا Microservice؟
○ باید از SQL یا NoSQL استفاده کنیم؟
○ فناوری مناسب برای هر کار کدام است؟
○ چگونه یک معمار نرم‌افزار شویم؟
○ سخن پایانی درباره طراحی وب‌ اپلیکیشن


🔸 معماری نرم‌افزار چیست؟

معماری نرم‌افزار یک سیستم، به توصیف کامپوننت‌های اصلی آن، روابط بین کامپوننت‌ها و شیوه تعامل آن‌ها با هم می‌پردازد. در واقع معماری نرم‌افزار به مثابه یک نقشه اولیه عمل می‌کند. این نقشه اولیه یک لایه تجرید برای مدیریت پیچیدگی سیستم ارائه می‌کند و ارتباط و هماهنگی میان کامپوننت‌ها برقرار می‌سازد.


🔸 چرا معماری نرم‌افزار مهم است؟

برای بنای موفق یک ساختمان یا درست کردن موفق یک پیتزا باید مبنای کار را درست آماده کنید. اگر پایه درست نباشد و چیزی اشتباه شود، باید همه چیز را از نو آغاز کنید و هیچ راه‌حلی برای آن وجود نخواهد داشت.

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



مطالعه ادامه مطلب 👇👇

🔗 آشنایی با شیوه طراحی وب‌ اپلیکیشن — راهنمای کاربردی — کلیک کنید (+)

📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
👍1

✳️ کدام زبان های برنامه نویسی Front End را یاد بگیریم؟ — معرفی مهم ترین زبان ها + فیلم

در سال‌های اخیر، برنامه نویسی به عنوان یکی از مهارت‌های پرکاربرد و محبوب در بسیاری از کسب و کارها شناخته شده است. برنامه نویسی وب به ویژه توسعه Front End نیز یکی از حوزه‌های برنامه نویسی به حساب می‌آید که استقبال از آن در سال‌های اخیر به میزان چشمگیری افزایش داشته است. به دنبال آن، بازار کار برنامه نویسی Front End نیز روز به روز گسترده‌تر می‌شود. به این سبب، افراد بسیاری به دنبال شروع یادگیری مباحث فرانت اند هستند. بنابراین، در این مقاله ابتدا زبان های برنامه نویسی Front End معرفی می‌شوند و در ادامه، چگونگی قرارگیری در مسیر یادگیری زبان های برنامه نویسی فرانت اند مورد بررسی قرار می‌گیرد.

══ فهرست مطالب ══

○ برنامه نویسی Front End چیست ؟
○ معایب برنامه نویسی Front End چیست ؟
○ مسیر یادگیری فرانت اند چیست؟
○ زبان های برنامه نویسی Front End کدامند؟
○ بهترین فریمورک های Front End
○ برای برنامه نویسی فرانت اند به چه مهارت هایی نیاز داریم؟
○ برنامه نویس فرانت اند چقدر درآمد دارد؟
○ تفاوت برنامه نویسی فرانت اند و بک اند چیست؟
○ تفاوت برنامه نویس فرانت اند و طراح رابط کاربری (UI) چیست؟
○ چرا باید برنامه نویس فرانت اند شویم؟
○ جمع‌بندی
○ فیلم‌ های آموزش کدام زبان های برنامه نویسی Front End را یاد بگیریم؟ — معرفی مهم ترین زبان ها + فیلم


🔸 برنامه نویسی Front End چیست ؟

برنامه نویسی Front End در یک وب‌سایت یا وب‌اپلیکیشن به بخش‌هایی گفته می‌شود که کاربران به طور مستقیم با آن‌ها در تعامل هستند. مواردی مثل رنگ‌ها و استایل متن‌ها، تصاویر، جداول و گراف‌ها، دکمه‌ها، رنگ‌ها و نوار وضعیت صفحات وب، همگی مربوط به Front End یا سمت کلاینت اپلیکیشن هستند. سه زبان برنامه نویسی CSS ،HTML و جاوا اسکریپت به عنوان رایج‌ترین زبان های برنامه نویسی Front End به حساب می‌آیند. ساختار، طراحی، رفتار و محتوای همه آنچه که هنگام باز شدن وب سایت‌ها، وب اپلیکیشن‌ها یا برنامه‌های تلفن همراه در مرورگر مشاهده می‌شود، توسط توسعه دهندگان Front End پیاده‌سازی می‌شود.



مطالعه ادامه مطلب 👇👇

🔗 کدام زبان های برنامه نویسی Front End را یاد بگیریم؟ — معرفی مهم ترین زبان ها + فیلم — کلیک کنید (+)

📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
👍1

✳️ زبان های برنامه نویسی بک اند – معرفی کامل + کاربرد، مزایا و معایب

در دنیای برنامه نویسی، «توسعه وب» (Web Development) یا همان «برنامه نویسی وب» یکی از رایج‌ترین انواع برنامه نویسی به حساب می‌آید. اگر بخواهیم به این موضوع بپردازیم که چگونه برنامه نویسی وب را شروع کنیم، باید گفت که معمولاً بهتر است با یادگیری برنامه نویسی سمت کلاینت یا کاربر (همان فرانت اند | Front End) شروع کرد. پس از آن، برای پیشرفت شغلی می‌توان وارد حوزه برنامه نویسی Backend شد. در این مرحله برای بسیاری از افراد این سوال بوجود می‌آید که بهتر است کدام زبان برنامه نویسی بک اند را یاد بگیرند؟ به همین دلیل این مقاله را به معرفی و شرح زبان های برنامه نویسی بک اند اختصاص داده‌ایم تا علاقه‌مندان بتوانند تصمیم‌گیری بهتری در این خصوص داشته باشند.

══ فهرست مطالب ══

○ برنامه نویسی بک اند چیست ؟
○ انواع زبان های برنامه نویسی بک اند
○ زبان های برنامه نویسی بک اند
○ زبان برنامه نویسی بک اند پایتون چیست؟
○ زبان جاوا اسکریپت یکی از برترین زبان های برنامه نویسی بک اند
○ محیط زمان اجرای Node.js برای برنامه نویسی بک اند با جاوا اسکریپت چیست ؟
○ معرفی فیلم های آموزش طراحی سایت
○ زبان بک اند PHP چیست؟
○ زبان برنامه نویسی بک اند روبی
○ زبان برنامه نویسی بک اند جاوا چیست؟
○ زبان برنامه نویسی بک اند Rust
○ زبان برنامه نویسی بک اند سالیدیتی چیست؟
○ زبان برنامه نویسی بک اند Go
○ زبان برنامه نویسی بک اند کاتلین چیست؟
○ زبان برنامه نویسی بک اند سی شارپ
○ زبان برنامه نویسی بک اند Perl
○ جمع‌بندی


🔸 برنامه نویسی بک اند چیست ؟

همه عملیات و تعاملاتی که بین مرورگر و پایگاه داده از طریق سرور در یک وب سایت یا برنامه کاربردی تحت وب انجام می‌شوند، را می‌توان جزء توسعه و برنامه نویسی Back End در نظر گرفت. به عبارت دیگر همه عملکردهایی که به «برنامه نویسی فرانت اند» (Front End Development) یعنی بخش سمت کاربر ارتباطی ندارند، در حیطه برنامه نویسی بک اند قرار می‌گیرند. سرورها، پایگاه داده‌ها، پروتکل‌های ارتباطی، سیستم عامل‌ها و پشته‌های نرم افزاری همه در حوزه توسعه بک اند جای می‌گیرند.

«جاوا اسکریپت» (JavaScript)، PHP، «پایتون» (Python)، «جاوا» (Java) و «روبی» (Ruby) را می‌توان به عنوان پرکاربردترین زبان های برنامه نویسی بک اند در نظر گرفت.

طبق نظرسنجی‌ها و تحقیقاتی که در منابع مختلف ارائه شده است، می‌توان PHP را به عنوان یکی از پرکاربردترین زبان های برنامه نویسی بک اند در نظر گرفت. حدود ۷۹.۲٪ از اپلیکیشن‌های تحت وب زبان PHP را به عنوان زبان «برنامه نویسی سمت سرور» (Server Side Programming) برگزیده‌اند.



مطالعه ادامه مطلب 👇👇

🔗 زبان های برنامه نویسی بک اند – معرفی کامل + کاربرد، مزایا و معایب — کلیک کنید (+)

📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
👍2

✳️ آخرین تکنولوژی های طراحی سایت در ۲۰۲۳

تکنولوژی روز به روز با سرعت زیادی به پیشرفت ادامه می‌دهد. همانند هر تکنولوژی دیگری، در زمینه طراحی و توسعه سایت نیز هر ساله، ترندها و تکنولوژی‌های جدیدی ظهور پیدا می‌کنند. اما جدیدترین تکنولوژی‌های طراحی سایت در سال ۲۰۲۳ چیست و چرا باید از آنها استفاده کرد؟ با ما همراه باشید تا به این سوالات پاسخ دهیم.

══ فهرست مطالب ══

○ چرا باید از جدیدترین تکنولوژی های طراحی سایت استفاده کرد؟
○ معرفی جدیدترین تکنولوژی‌های طراحی سایت
○ جدیدترین سایت‌ها را با کیان تجارت طراحی کنید


🔸 چرا باید از جدیدترین تکنولوژی های طراحی سایت استفاده کرد؟

استفاده از جدیدترین تکنولوژی‌ها باعث می‌شود که سایتی بهتر و به روز و متناسب با نیازهای امروز مشتری طراحی کنید. با پیشرفت تکنولوژی و توسعه ابزارهای طراحی و ساخت سایت اختصاصی، انتظارات مشتریان نیز روز به روز افزایش می‌یابد. آن‌ها خواهان سایتی با سرعت بارگذاری بالا هستند. امنیت سایت، سازگاری با موبایل (سایت ریسپانسیو) و عواملی از این دست برای مخاطبان اهمیت زیادی دارند. استفاده از تکنولوژی‌های جدید در طراحی و توسعه سایت، به کسب‌وکارها کمک می‌کند که این نیازها را بهتر برآورده کرده و مخاطبان بیشتری داشته باشند.


🔸 معرفی جدیدترین تکنولوژی‌های طراحی سایت

اما جدیدترین تکنولوژی‌های ساخت سایت کدامیک هستند؟ در ادامه، شما را با این تکنولوژی‌ها در سمت بک اند و فرانت آشنا می‌کنیم.

زبان PHP را یک زبان برنامه‌نویسی همه منظوره می‌دانند که از آن برای طراحی و توسعه سایت‌های پویا و تعاملی استفاده می‌شود. این تکنولوژی، یکی از اولین زبان‌های سمت سرور بود که می‌توانست در HTML تعبیه شود و اضافه کردن قابلیت‌های جدید به صفحات وب بدون نیاز به افزودن فایل‌های خارجی برای داده‌ها آسان‌تر می‌کرد. استفاده از آن در طول سال‌ها، با ارتقاء منظم با افزودن ویژگی‌ها و باز کردن قابلیت‌های جدید، تکامل یافته است. این تکنولوژی منبع باز به دلیل سهولت یادگیری و استفاده، سرعت و امنیت بالا در بین طراحان سایت محبوبیت زیادی دارد.



مطالعه ادامه مطلب 👇👇

🔗 آخرین تکنولوژی های طراحی سایت در ۲۰۲۳ — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
👍1

🟢 با ۴۹ هزار تومان، هر چی میخوای یاد بگیر‼️

🎊 در «جشنواره شگفتی آموختن فرادرس» شما می‌توانید هر کدام از ۴۰۰ عنوان آموزشی ارائه شده را فقط با ۴۹ هزار تومان دریافت کنید.

🌟 لینک جشنواره — [مشاهده آموزش‌ها]

🔻 در ادامه برخی از آموزش‌های مرتبط با طراحی و توسعه وب در این جشنواره آمده است. جهت دسترسی سریع‌تر و دریافت آموزش، روی عنوان مورد نظر خود کلیک کنید:


🔸 آموزش REST API در وردپرس

🔸 مدیریت هاست با DirectAdmin

🔸 آموزش پروژه محور HTML و CSS

🔸 آموزش cPanel برای مدیریت هاست

🔸 آموزش Postman – ابزار تست API

🔸 چارچوب توسعه تحت وب ASP.NET MVC

🔸 آموزش تبدیل HTML به قالب WordPress

🔸 آموزش تحقیق کلمات کلیدی برای سئوی سایت

🔸 چند زبانه کردن سایت وردپرسی با افزونه WPML

🔸 آنالیز داده ها و گزارش دهی با Google Data Studio



📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا

‌‌@FaraDars — فرادرس


✳️ طراحی استایل و نوشتن CSS در ری اکت | راهنمای مقدماتی

در این مقاله در خصوص روش طراحی استایل و نوشتن CSS در ری اکت صحبت خواهیم کرد. در HTML ساده معمولاً کامپوننت‌ها را به صورت زیر استایل‌بندی می‌کنیم و جاوا اسکریپت را به روش زیر مورد استفاده قرار می‌دهیم:

══ فهرست مطالب ══

○ طراحی استایل و نوشتن CSS در ری اکت
○ تعریف CSS ماژولار
○ جاوا اسکریپت درون JSX
○ سخن پایانی


🔸 طراحی استایل و نوشتن CSS در ری اکت

سه روش برای استایل دادن به کامپوننت‌ها وجود دارد که شامل «استایل‌بندی درون‌خطی» (inline styling)، استایل‌شیت‌های CSS و ماژول CSS می‌شود.

این روش خود به چند صورت انجام می‌یابد که در ادامه آن‌ها را بررسی می‌کنیم.


🔸 تعریف CSS ماژولار

این روش برای عناصر GHTML که در فایل‌های جداگانه قرار دارند مفید است. این روش شبیه روش استایل‌شیت CSS است، اما این بار فایل CSS باید شامل پسوند ‎.module.css باشد. به عنوان مثال، یک فایل به نام myFile.module.css ایجاد می‌کنیم:
.error {
background-color: red;
}:



مطالعه ادامه مطلب 👇👇

🔗 طراحی استایل و نوشتن CSS در ری اکت | راهنمای مقدماتی — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
This media is not supported in your browser
VIEW IN TELEGRAM

📘 آموزش پروژه‌محور اکسل – ساخت سیستم مدیریت امور روزانه منتشر شد!

🔹 لینک آموزش – [کلیک کنید]

🔖 در این آموزش، یاد خواهید گرفت که یک پلنر یا بولت‌ ژورنال شخصی در اکسل برای برنامه‌ریزی امور خود بسازید؛ آن را سفارشی‌سازی کنید و با سرعت و دقت بیشتری به اهدافتان برسید؛ سپس ایجاد شیت تقویم ماهانه و فرمول‌نویسی برای نمایش تاریخ‌ها و فارسی‌سازی تقویم و اطلاعات پروژه را فرا خواهید گرفت.

🎯 مناسب برای: اکسل

💲 هزینه اصلی آموزش: ۳۹۹,۰۰۰ تومان

🎁 هزینه با احتساب هدیه ویژه انتشار: ۱۳۹,۶۵۰ تومان
‌(‌۶۵ درصد تخفیف)

👈 کد تخفیف: NWSZ36

❗️ اعتبار: تا پایان روز سه‌شنبه، ۱۷ مرداد ۱۴۰۲

🔗 لینک آموزش – [کلیک کنید]

@FaraDars — فرادرس
@FDPub — تازه‌های نشر فرادرس
.

💫 هدیه ۱۰۰ هزار تومانی، ویژه نصب اپلیکیشن فرادرس

😉 فرقی نمی‌کنه موبایل اندرویدی داری یا iOS؛ اپلیکیشن فرادرس برای هر دو سیستم عامل منتشر شده و در گوگل پلی و سیب اپ در دسترس شماست.

🎯 با نصب اپلیکیشن فرادرس، می‌توانید از اعتبار هدیه ۱۰۰ هزار تومانی آن استفاده کنید و به بیش از ۶,۸۰۰ عنوان آموزشی در موبایل دسترسی داشته باشید. 👇

🔗 دریافت اپلیکیشن فرادرس — [کلیک کنید]

🎁 کد هدیه ۱۰۰ هزار تومانی اپلیکیشن: FRAPP


📚 یادگیری، همیشه، همه‌جا؛ فرادرس

@FaraDars — فرادرس
‌‌