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

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



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

○ ۱- 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 — فرادرس
‌‌
This media is not supported in your browser
VIEW IN TELEGRAM

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

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

🔖 در این آموزش، قصد داریم رابط کاربری یک اپلیکیشن موبایل تاکسی اینترنتی را طراحی کنیم؛ به این منظور در فصل یکم پس از آشنایی اجمالی با نرم‌افزار Axure، به نحوه آماده‌سازی و سایزبندی صفحات می‌پردازیم؛ سپس در فصل دوم به طراحی صفحات اپلیکیشن و پیاده‌سازی قابلیت‌هایی از جمله ایجاد تعاملات پویا، ایجاد انیمیشن‌ها، جذابیت‌های بصری و سایر ویژگی‌ها خواهیم پرداخت؛ در فصل سوم نیز نحوه خروجی گرفتن از نرم‌افزار در محیط‌های Local کامپیوتر (در فرمت HTML)، فضای اینترنت (Axure Cloud) و سایر فرمت‌ها مانند pdf و jpg را یاد می‌گیریم.

🎯 مناسب برای: طراحی سایت

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

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

👈 کد تخفیف: NWNP38

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

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

@FaraDars — فرادرس
@FDPub — تازه‌های نشر فرادرس
.
This media is not supported in your browser
VIEW IN TELEGRAM

📘 آموزش مبانی تایپوگرافی در طراحی وب منتشر شد!

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

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

🎯 مناسب برای: طراحی و گرافیک | طراحی UI سایت

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

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

👈 کد تخفیف: NWKM62

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

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

@FaraDars — فرادرس
@FDPub — تازه‌های نشر فرادرس
.
This media is not supported in your browser
VIEW IN TELEGRAM

📘 آموزش پیاده‌سازی وب‌سرویس در PHP منتشر شد!

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

🔖 در این آموزش، نسبت به پیاده‌سازی وب‌سرویس با استفاده از زبان اسکریپتی PHP اقدام خواهیم کرد که در ابتدا با مفاهیم مطرح در پروتکل HTTP و درخواست‌های ارسالی آشنا شده، سپس به بررسی Header‌های کاربردی برای API در PHP خواهیم پرداخت و در پایان، با ساختارهای انتقال داده از طریق وب‌سرویس از جمله JSON و XML آشنا می‌شویم.

🎯 مناسب برای: علاقه‌مندان به برنا‌مه‌نویسی PHP

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

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

👈 کد تخفیف: NWHE25

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

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

@FaraDars — فرادرس
@FDPub — تازه‌های نشر فرادرس
.
This media is not supported in your browser
VIEW IN TELEGRAM

📘 آموزش طراحی سایت با وردپرس ویژه کودکان و نوجوانان منتشر شد!

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

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

🎯 مناسب برای: علاقه‌مندان به طراحی سایت

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

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

👈 کد تخفیف: NWDJ69

❗️ اعتبار: تا پایان روز پنج‌شنبه، ۹ شهریور ۱۴۰۲

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

@FaraDars — فرادرس
@FDPub — تازه‌های نشر فرادرس
.
This media is not supported in your browser
VIEW IN TELEGRAM

📘 آشنایی با شغل توسعه دهنده فول استک Full Stack | توسعه دهنده Front End و Back End – وظایف، مهارتها، فرصتهای شغلی و بازار کار منتشر شد!

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

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

🎯 مناسب برای: علاقه‌مندان به برنامه‌نویسی وب

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

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