✳️ چگونه برنامه نویس وب شویم؟ – بخش اول: فرانت‌اند (FrontEnd)
توسعه وب یکی از شاخه‌های مهم برنامه‌نویسی است که تقاضای بالایی هم از سوی استارتاپ‌ها و هم در بخش سازمانی دارد. در این راهنما، مقدماتی از این مبحث، به خصوص در زمینه فرانت‌اند را ارائه خواهیم کرد و بدین ترتیب این راهنما که بخش‌های دیگری نیز خواهد داشت، احتمالاً برای افراد مبتدی مناسب است؛ اما توسعه‌دهندگان متوسط نیز ممکن است بخش‌هایی از آن را مفید بیابند.
══ فهرست مطالب ══
○ زبان‌ها و ابزارهای توسعه فرانت‌اند
○ HTML
○ CSS
○ جاوا اسکریپت
○ کتابخانه‌های کامپوننت
○ ابزارهای فرانت‌اند
○ سخن پایانی
🔸 زبان‌ها و ابزارهای توسعه فرانت‌اند
در آغاز یک نقشه برای چشم‌انداز فرانت‌اند ارائه می‌کنیم که در این نقشه چیزهایی که باید در این حوزه بشناسید معرفی شده‌اند.
خطوط زرد رنگ چیزهای مقدماتی که باید بیاموزید را نشان می‌دهند؛ و خطوط نارنجی نماینده موضوعات پیشرفته‌تری هستند که می‌توانید یادگیری آنها را به بعدتر موکول کنید.
توسعه فرانت‌اند که به نام توسعه رابط کاربری (UI) نیز نامیده می‌شود به ایجاد رابط‌های کاربری وب، یعنی بخش‌هایی از اپلیکیشن گفته می‌شود که کاربر آنها را مشاهده کرده و تعامل می‌کند. توسعه فرانت‌اند به طور عمده بر مبنای سه رکن استوار است: HTML برای نشانه‌گذاری، CSS برای سبک دهی و جاوا اسکریپت برای منطق و تعامل‌ها. با این که این سه فناوری در طی زمان ثابت مانده‌اند؛ اما ابزارها و فریمورک‌های تشکیل دهنده به طور مداوم در حال تغییر هستند. در این بخش نقطه شروعی برای آغاز کاوش اکوسیستم فرانت‌اند به شما ارائه می‌کنیم.
🔸 HTML
این عبارت اختصاری برای «زبان نشانه‌گذاری ابرمتن» (Hyper Text Markup Language) است که امکان ساختاردهی به اطلاعاتی که برای کاربر نمایش می‌یابد را فراهم می‌سازد. یک سند HTML شامل اجزایی مانند عنوان، پاراگراف متنی یا فیلد ورود متن است که هر یک به وسیله یک تگ HTML نمایش می‌یابند. اسناد HTML می‌توانند با استفاده از هایپرلینک به اسناد دیگری مرتبط شوند. هر تگ نوع محتوای خاص خود را دارد، همچنین ظاهر مشخص و رفتار تعریف شده خاصی برای خود را دارد. زمانی که با HTML آشنا شدید، می‌توانید یک صفحه کاملاً ساده استاتیک HTML بسازید.
مطالعه ادامه مطلب 👇👇
🔗 چگونه برنامه نویس وب شویم؟ – بخش اول: فرانت‌اند (FrontEnd) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
توسعه وب یکی از شاخه‌های مهم برنامه‌نویسی است که تقاضای بالایی هم از سوی استارتاپ‌ها و هم در بخش سازمانی دارد. در این راهنما، مقدماتی از این مبحث، به خصوص در زمینه فرانت‌اند را ارائه خواهیم کرد و بدین ترتیب این راهنما که بخش‌های دیگری نیز خواهد داشت، احتمالاً برای افراد مبتدی مناسب است؛ اما توسعه‌دهندگان متوسط نیز ممکن است بخش‌هایی از آن را مفید بیابند.
══ فهرست مطالب ══
○ زبان‌ها و ابزارهای توسعه فرانت‌اند
○ HTML
○ CSS
○ جاوا اسکریپت
○ کتابخانه‌های کامپوننت
○ ابزارهای فرانت‌اند
○ سخن پایانی
🔸 زبان‌ها و ابزارهای توسعه فرانت‌اند
در آغاز یک نقشه برای چشم‌انداز فرانت‌اند ارائه می‌کنیم که در این نقشه چیزهایی که باید در این حوزه بشناسید معرفی شده‌اند.
خطوط زرد رنگ چیزهای مقدماتی که باید بیاموزید را نشان می‌دهند؛ و خطوط نارنجی نماینده موضوعات پیشرفته‌تری هستند که می‌توانید یادگیری آنها را به بعدتر موکول کنید.
توسعه فرانت‌اند که به نام توسعه رابط کاربری (UI) نیز نامیده می‌شود به ایجاد رابط‌های کاربری وب، یعنی بخش‌هایی از اپلیکیشن گفته می‌شود که کاربر آنها را مشاهده کرده و تعامل می‌کند. توسعه فرانت‌اند به طور عمده بر مبنای سه رکن استوار است: HTML برای نشانه‌گذاری، CSS برای سبک دهی و جاوا اسکریپت برای منطق و تعامل‌ها. با این که این سه فناوری در طی زمان ثابت مانده‌اند؛ اما ابزارها و فریمورک‌های تشکیل دهنده به طور مداوم در حال تغییر هستند. در این بخش نقطه شروعی برای آغاز کاوش اکوسیستم فرانت‌اند به شما ارائه می‌کنیم.
🔸 HTML
این عبارت اختصاری برای «زبان نشانه‌گذاری ابرمتن» (Hyper Text Markup Language) است که امکان ساختاردهی به اطلاعاتی که برای کاربر نمایش می‌یابد را فراهم می‌سازد. یک سند HTML شامل اجزایی مانند عنوان، پاراگراف متنی یا فیلد ورود متن است که هر یک به وسیله یک تگ HTML نمایش می‌یابند. اسناد HTML می‌توانند با استفاده از هایپرلینک به اسناد دیگری مرتبط شوند. هر تگ نوع محتوای خاص خود را دارد، همچنین ظاهر مشخص و رفتار تعریف شده خاصی برای خود را دارد. زمانی که با HTML آشنا شدید، می‌توانید یک صفحه کاملاً ساده استاتیک HTML بسازید.
مطالعه ادامه مطلب 👇👇
🔗 چگونه برنامه نویس وب شویم؟ – بخش اول: فرانت‌اند (FrontEnd) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ گنجاندن صوت و ویدیو در فایل های 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 — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
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 — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ تعاریف و مفاهیم دسترس پذیری در وب — راهنمای جامع
این نخستین مقاله از سری مقالات راهنمای جامع دسترس پذیری است که به بررسی تعاریف و مفاهیم دسترس پذیری می‌پردازد. این مقاله شامل بررسی گروه‌هایی از افراد است که باید در زمینه دسترس‌پذیری در نظر داشته باشیم و دلیل این کار را توضیح می‌دهد. همچنین ابزارهایی که افراد مختلف برای تعامل با وب مورد استفاده قرار می‌دهند و این که چطور می‌توانند دسترس‌پذیری را بخشی از گردش کار توسعه وب خود بکنند صحبت خواهیم کرد.
══ فهرست مطالب ══
○ دسترس پذیری چیست؟
○ ما به دنبال کدام نوع ناتوانی‌ها هستیم؟
○ پیاده‌سازی دسترس‌پذیری در پروژه‌ها
○ راهنماها و قوانین دسترس‌پذیری
○ API-های دسترس‌پذیری
○ سخن پایانی
🔸 دسترس پذیری چیست؟
دسترس‌پذیری به رویه قابل استفاده ساختن وبسایتها برای بیشترین افراد ممکن گفته می‌شود. ما به طور سنتی وقتی به دسترس‌پذیری فکر می‌کنیم، افراد دارای ناتوانی‌ها را در نظر می‌گیریم، اما رویه دسترس‌پذیر ساختن سایت‌ها موجب بهره‌مندی گروه‌هایی از قبیل افرادی که از دستگاه‌های موبایل استفاده می‌کنند یا افرادی که اتصالات اینترنتی کندی دارند نیز می‌شود.
همچنین دسترس‌پذیری را می‌توان به این معنی در نظر گرفت که با همه افراد به صورت یکسان برخورد کنیم و صرف‌نظر از توانایی‌ها یا شرایط افراد، فرصت‌های برابری برای همه خلق کنیم. دقیقاً همان طور که استثنا کردن یک نفر از ورود فیزیکی به ساختمان صرفاً به این خاطر که ویلچیر استفاده می‌کند نادرست است، استثنا کردن افراد از ورود به وبسایتها نیز به دلیل نقص بینایی کار درستی محسوب نمی‌شود. همه ما تفاوت‌هایی داریم، اما در نهایت همه ما انسان هستیم و از این رو حقوق انسانی یکسانی داریم.
دسترس‌پذیری کار درستی است که باید انجام دهیم. ارائه دسترس‌پذیری برای سایت‌ها در برخی کشورها بخشی از قانون محسوب می‌شود که می‌تواند بازارهای مهمی را به روی کسب‌وکارها بگشاید که در غیر این صورت نمی‌توانستند از خدمات آنها استفاده کنند یا محصولاتشان را بخرند.
🔸 ما به دنبال کدام نوع ناتوانی‌ها هستیم؟
افراد دارای ناتوانی نیز به اندازه افراد بدون ناتوانی متنوع هستند. فهرست انواع ناتوانی‌ها بسیار طولانی است. نکته کلیدی در این موضوع آن است که اندیشه خود را از رایانه خودتان و شیوه‌ای که از آن استفاده می‌کنید فراتر ببرید و شروع به یادگیری طرز استفاده دیگران از رایانه بکنید. توجه کنید که شما، همان کاربرانتان نیستید. انواع عمده ناتوانی‌هایی که باید در نظر داشت در ادامه ارائه شده‌اند و ابزارهای خاصی که افراد برای دسترسی به محتوای وب مورد استفاده قرار می‌دهند نیز معرفی شده‌اند. این ابزارها به نام فناوری‌های حمایتی یا AT نامیده می‌شوند.
نکته: گزارش «ناتوانی و سلامت» سازمان سلامت جهانی بیان می‌کند که بیش از یک میلیارد انسان یعنی حدود ۱۵% از جمعیت زمین، نوعی از ناتوانی را دارند و بین ۱۱۰ تا ۱۹۰ میلیون بزرگ‌سال، ناتوانی‌های عمده‌ای را در کارکردهای جسمی خود شاهد هستند.
افراد دارای نقص بینایی شامل افراد نابینا، بینایی سطح پایین و کوررنگی می‌شود. افراد زیادی که دارای نقص بینایی هستند، از ابزارهای بزرگنمایی صفحه استفاده می‌کنند که یا ذره‌بین فیزیکی است و یا به صورت قابلیت بزرگنمایی نرم‌افزاری عمل می‌کند. امروزه اغلب مرورگرها و سیستم‌های عامل قابلیت بزرگنمایی دارند. برخی کاربران از نرم‌افزارهای قرائت صفحه استفاده می‌کنند که برای خواندن دیجیتالی متون کاربرد دارد. برخی نرم‌افزارهای قرائت صفحه شامل موارد زیر هستند:
مطالعه ادامه مطلب 👇👇
🔗 تعاریف و مفاهیم دسترس پذیری در وب — راهنمای جامع — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
این نخستین مقاله از سری مقالات راهنمای جامع دسترس پذیری است که به بررسی تعاریف و مفاهیم دسترس پذیری می‌پردازد. این مقاله شامل بررسی گروه‌هایی از افراد است که باید در زمینه دسترس‌پذیری در نظر داشته باشیم و دلیل این کار را توضیح می‌دهد. همچنین ابزارهایی که افراد مختلف برای تعامل با وب مورد استفاده قرار می‌دهند و این که چطور می‌توانند دسترس‌پذیری را بخشی از گردش کار توسعه وب خود بکنند صحبت خواهیم کرد.
══ فهرست مطالب ══
○ دسترس پذیری چیست؟
○ ما به دنبال کدام نوع ناتوانی‌ها هستیم؟
○ پیاده‌سازی دسترس‌پذیری در پروژه‌ها
○ راهنماها و قوانین دسترس‌پذیری
○ API-های دسترس‌پذیری
○ سخن پایانی
🔸 دسترس پذیری چیست؟
دسترس‌پذیری به رویه قابل استفاده ساختن وبسایتها برای بیشترین افراد ممکن گفته می‌شود. ما به طور سنتی وقتی به دسترس‌پذیری فکر می‌کنیم، افراد دارای ناتوانی‌ها را در نظر می‌گیریم، اما رویه دسترس‌پذیر ساختن سایت‌ها موجب بهره‌مندی گروه‌هایی از قبیل افرادی که از دستگاه‌های موبایل استفاده می‌کنند یا افرادی که اتصالات اینترنتی کندی دارند نیز می‌شود.
همچنین دسترس‌پذیری را می‌توان به این معنی در نظر گرفت که با همه افراد به صورت یکسان برخورد کنیم و صرف‌نظر از توانایی‌ها یا شرایط افراد، فرصت‌های برابری برای همه خلق کنیم. دقیقاً همان طور که استثنا کردن یک نفر از ورود فیزیکی به ساختمان صرفاً به این خاطر که ویلچیر استفاده می‌کند نادرست است، استثنا کردن افراد از ورود به وبسایتها نیز به دلیل نقص بینایی کار درستی محسوب نمی‌شود. همه ما تفاوت‌هایی داریم، اما در نهایت همه ما انسان هستیم و از این رو حقوق انسانی یکسانی داریم.
دسترس‌پذیری کار درستی است که باید انجام دهیم. ارائه دسترس‌پذیری برای سایت‌ها در برخی کشورها بخشی از قانون محسوب می‌شود که می‌تواند بازارهای مهمی را به روی کسب‌وکارها بگشاید که در غیر این صورت نمی‌توانستند از خدمات آنها استفاده کنند یا محصولاتشان را بخرند.
🔸 ما به دنبال کدام نوع ناتوانی‌ها هستیم؟
افراد دارای ناتوانی نیز به اندازه افراد بدون ناتوانی متنوع هستند. فهرست انواع ناتوانی‌ها بسیار طولانی است. نکته کلیدی در این موضوع آن است که اندیشه خود را از رایانه خودتان و شیوه‌ای که از آن استفاده می‌کنید فراتر ببرید و شروع به یادگیری طرز استفاده دیگران از رایانه بکنید. توجه کنید که شما، همان کاربرانتان نیستید. انواع عمده ناتوانی‌هایی که باید در نظر داشت در ادامه ارائه شده‌اند و ابزارهای خاصی که افراد برای دسترسی به محتوای وب مورد استفاده قرار می‌دهند نیز معرفی شده‌اند. این ابزارها به نام فناوری‌های حمایتی یا AT نامیده می‌شوند.
نکته: گزارش «ناتوانی و سلامت» سازمان سلامت جهانی بیان می‌کند که بیش از یک میلیارد انسان یعنی حدود ۱۵% از جمعیت زمین، نوعی از ناتوانی را دارند و بین ۱۱۰ تا ۱۹۰ میلیون بزرگ‌سال، ناتوانی‌های عمده‌ای را در کارکردهای جسمی خود شاهد هستند.
افراد دارای نقص بینایی شامل افراد نابینا، بینایی سطح پایین و کوررنگی می‌شود. افراد زیادی که دارای نقص بینایی هستند، از ابزارهای بزرگنمایی صفحه استفاده می‌کنند که یا ذره‌بین فیزیکی است و یا به صورت قابلیت بزرگنمایی نرم‌افزاری عمل می‌کند. امروزه اغلب مرورگرها و سیستم‌های عامل قابلیت بزرگنمایی دارند. برخی کاربران از نرم‌افزارهای قرائت صفحه استفاده می‌کنند که برای خواندن دیجیتالی متون کاربرد دارد. برخی نرم‌افزارهای قرائت صفحه شامل موارد زیر هستند:
مطالعه ادامه مطلب 👇👇
🔗 تعاریف و مفاهیم دسترس پذیری در وب — راهنمای جامع — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ تنظیم و راه اندازی SSL روی یک وبسایت — به زبان ساده
از تاریخ جولای ۲۰۱۸ (مرداد ۱۳۹۷) گوگل همه وبسایتهای فاقد SSL را روی مرورگر گوگل کروم «ناامن» اعلام کرده است. اگر وبسایت شما نیز چنین شرایطی دارد و نمی‌خواهید ترافیک خود را از دست بدهید، بهتر است از SSL استفاده کنید تا کاربران بتوانند با پروتکل HTTPS به آن اتصال یابند.
══ فهرست مطالب ══
○ گام ۱ – دریافت گواهی SSL
○ گام ۲ – نصب گواهی SSL
○ چگونه پروتکل HTTPS را اجباری کنیم؟
○ حفاظت از بازدیدکننده‌ها به وسیله پروتکل HTTPS کار هوشمندانه‌ای است
🔸 گام ۱ – دریافت گواهی SSL
بر اساس نظر بلاگ توسعه‌دهندگان گوگل فعال‌سازی HTTPS روی وبسایت، نه تنها مسئله انسجام داده‌ها را تضمین می‌کند، بلکه HTTPS برای بسیاری از ویژگی‌های جدید مرورگرها نیز یک الزام به حساب می‌آید. بدین ترتیب کاربران نیز هنگام بازدید از وبسایت شما امنیت بیشتری را حس می‌کنند. این‌ها دلایل مهمی برای نصب گواهی SSL روی وبسایت محسوب می‌شوند.
اخیراً اگر وبسایت خود را با استفاده از مرورگر کروم باز کرده باشید، احتمالاً پیام بزرگ و زشت «Not Secure» را در ابتدای URL وبسایت مشاهده کرده‌اید.
مسلماً این پیام برای کسانی که زمان و انرژی زیادی برای توسعه یک وبسایت عالی برای بازدیدکنندگانشان صرف کرده‌اند، چندان وضعیت مناسبی محسوب نمی‌شود. پیش از آن که به دنبال خرید SSL بروید، اطمینان حاصل کنید که از وضعیت کنونی وبسایت خود روی شرکت میزبان اطلاعات کامل دارید.
🔸 گام ۲ – نصب گواهی SSL
در اغلب راهنماهای نصب گواهی SSL گفته می‌شود که به این منظور باید یک IP اختصاصی داشته باشید. این مسئله به معنی خرید یک پلن هاستینگ اختصاصی گران‌قیمت‌تر است. اگر در حال حاضر از چنین پلنی استفاده می‌کنید، با مراجعه به پنل خود می‌بینید که یک چنین IP در اختیار دارید.
اگر از یک پلن هاستینگ اشتراکی استفاده می‌کنید که در آن چندین وبسایت روی یک سرور قرار دارند، در این صورت شما IP اختصاصی برای URL وبسایت خود ندارید. اما این بدان معنی نیست که نمی‌توانید گواهی SSL را روی وبسایت خود نصب کنید. به لطف فناوری (Server Name Indicator (SNI شما همچنان می‌توانید گواهی SSL را روی وبسایت خود نصب کنید.
اگر از پلن هاستینگ اشتراکی استفاده می‌کنید از میزبان وب خود بپرسید که آیا از امکان SNI برای رمزنگاری SSL پشتیبانی می‌کنند یا نه. برای نصب گواهی باید به cPanel بروید و روی SSL/TLS Manager کلیک کنید.
مطالعه ادامه مطلب 👇👇
🔗 تنظیم و راه اندازی SSL روی یک وبسایت — به زبان ساده — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
از تاریخ جولای ۲۰۱۸ (مرداد ۱۳۹۷) گوگل همه وبسایتهای فاقد SSL را روی مرورگر گوگل کروم «ناامن» اعلام کرده است. اگر وبسایت شما نیز چنین شرایطی دارد و نمی‌خواهید ترافیک خود را از دست بدهید، بهتر است از SSL استفاده کنید تا کاربران بتوانند با پروتکل HTTPS به آن اتصال یابند.
══ فهرست مطالب ══
○ گام ۱ – دریافت گواهی SSL
○ گام ۲ – نصب گواهی SSL
○ چگونه پروتکل HTTPS را اجباری کنیم؟
○ حفاظت از بازدیدکننده‌ها به وسیله پروتکل HTTPS کار هوشمندانه‌ای است
🔸 گام ۱ – دریافت گواهی SSL
بر اساس نظر بلاگ توسعه‌دهندگان گوگل فعال‌سازی HTTPS روی وبسایت، نه تنها مسئله انسجام داده‌ها را تضمین می‌کند، بلکه HTTPS برای بسیاری از ویژگی‌های جدید مرورگرها نیز یک الزام به حساب می‌آید. بدین ترتیب کاربران نیز هنگام بازدید از وبسایت شما امنیت بیشتری را حس می‌کنند. این‌ها دلایل مهمی برای نصب گواهی SSL روی وبسایت محسوب می‌شوند.
اخیراً اگر وبسایت خود را با استفاده از مرورگر کروم باز کرده باشید، احتمالاً پیام بزرگ و زشت «Not Secure» را در ابتدای URL وبسایت مشاهده کرده‌اید.
مسلماً این پیام برای کسانی که زمان و انرژی زیادی برای توسعه یک وبسایت عالی برای بازدیدکنندگانشان صرف کرده‌اند، چندان وضعیت مناسبی محسوب نمی‌شود. پیش از آن که به دنبال خرید SSL بروید، اطمینان حاصل کنید که از وضعیت کنونی وبسایت خود روی شرکت میزبان اطلاعات کامل دارید.
🔸 گام ۲ – نصب گواهی SSL
در اغلب راهنماهای نصب گواهی SSL گفته می‌شود که به این منظور باید یک IP اختصاصی داشته باشید. این مسئله به معنی خرید یک پلن هاستینگ اختصاصی گران‌قیمت‌تر است. اگر در حال حاضر از چنین پلنی استفاده می‌کنید، با مراجعه به پنل خود می‌بینید که یک چنین IP در اختیار دارید.
اگر از یک پلن هاستینگ اشتراکی استفاده می‌کنید که در آن چندین وبسایت روی یک سرور قرار دارند، در این صورت شما IP اختصاصی برای URL وبسایت خود ندارید. اما این بدان معنی نیست که نمی‌توانید گواهی SSL را روی وبسایت خود نصب کنید. به لطف فناوری (Server Name Indicator (SNI شما همچنان می‌توانید گواهی SSL را روی وبسایت خود نصب کنید.
اگر از پلن هاستینگ اشتراکی استفاده می‌کنید از میزبان وب خود بپرسید که آیا از امکان SNI برای رمزنگاری SSL پشتیبانی می‌کنند یا نه. برای نصب گواهی باید به cPanel بروید و روی SSL/TLS Manager کلیک کنید.
مطالعه ادامه مطلب 👇👇
🔗 تنظیم و راه اندازی SSL روی یک وبسایت — به زبان ساده — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
❇️ فیلم آموزش «طراحی وبسایت ریسپانسیو» در ۱۳ دقیقه | به زبان ساده
📌 آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید.
❇️ فیلم آموزش «طراحی وبسایت ریسپانسیو» در ۱۳ دقیقه | به زبان ساده
📌 آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید.
🤩1
✳️ چگونه برنامه نویسی وب را شروع کنم؟
برای بسیاری از افراد این پرسش وجود دارد که چگونه می‌توانند برنامه‌نویس وب شوند و باید برنامه نویسی وب را از کجا شروع کنند؟ در این مطلب از مجله فرادرس، تلاش کرده‌ایم تا پاسخ‌هایی مناسب به سئوالاتی از این دست بدهیم. همچنین، در مطلب «آموزش برنامه‌نویسی USSD | راهنمای شروع به کار — رایگان و به زبان ساده» نیز نحوه راه‌اندازی خدمات کد دستوری آموزش داده شده است.
══ فهرست مطالب ══
○ می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟
○ HTML — اولین زبان برنامه نویسی وب
○ CSS — زبان مخصوص استایل‌دهی
○ جاوا اسکریپت — نخستین زبان اسکریپت‌نویسی تحت وب
○ jQuery — یکی از مهم‌ترین کتابخانه‌های جاوا اسکریپت
○ لایه‌های برنامه نویسی وب
○ PHP — پراستفاده‌ترین زبان برنامه نویسی وب در بک‌اند
○ ASP.Net — زبان برنامه‌نویسی تحت وب مایکروسافت
○ Django (جنگو) — چارچوب برنامه‌نویسی تحت وب با استفاده از پایتون
○ JSP — نسخه مخصوص جاوا برای برنامه نویسی وب
○ جمع‌بندی کلی
🔸 می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟
سؤال بالا، سوالی است که اکثر افراد هنگام شروع به یادگیری مباحث برنامه نویسی وب، با آن مواجه می‌شوند. اما به راستی، اگر بخواهیم برنامه نویسی وب را آغاز کنیم، باید از چه زبانی شروع کنیم؟ چه نکاتی باید رعایت شوند؟ ابتدا نیاز است تا چند مفهوم کاربردی را در زمینه برنامه نویسی وب، بررسی کنیم. در کل ۲ نوع وبسایت داریم، وبسایتهای استاتیک یا ایستا و وبسایتهای داینامیک یا پویا.
وبسایتهای ایستا یا استاتیک، به وب‌سایت‌هایی گفته می‌شود که محتوا ثابت است و به منظور اضافه کردن محتوای جدید، می‌بایست مجدداً کدنویسی کرد. مثلاً شما یک وبسایت با ۵ صفحه دارید و به منظور اضافه کردن صفحه جدید، باید مجدداً کدنویسی کنید و سایر صفحات را نیز به منظور دسترسی به این صفحه ویرایش کرده و پیوند به این صفحه جدید را ایجاد کنید. به چنین وب‌سایت‌هایی، وبسایت ایستا گفته می‌شود.
وبسایتهای پویا، در مقابل وبسایتهای ایستا قرار دارند و کار با این نوع وبسایتها، به مراتب آسان‌تر و همینطور بهتر است. در وبسایتهای پویا، شما یک بار کدنویسی هسته را انجام می‌دهید و سپس به آسانی می‌توانید مطالب را منتشر کنید. به طور مثال، اگر با سرویس‌های بلاگ‌دهی کار کرده و آشنایی داشته باشید، می‌توانید سایتی طراحی کنید که با استفاده از پنل مدیریت، داده‌ها را دریافت کرده و به صورت پویا در سایت نمایش دهد و در صورت انتشار مطلب و محتوای جدید، احتیاجی به کدنویسی نباشد.
🔸 HTML — اولین زبان برنامه نویسی وب
HTML که سرواژه عبارت Hypertext Markup Language است، یک زبان نشانه‌گذاری محسوب می‌شود که به منظور ایجاد ساختار و قالب صفحه وب مورد استفاده قرار می‌گیرد. به کمک HTML می‌توانید مشخص کنید که در صفحه وب خود چند بخش دارید و محتوای هر بخش را مشخص کنید. زبان HTML، جزء لاینفک برنامه نویسی وب است و شما هر سایتی که بخواهید طراحی کنید، به هر زبانی که باشد، باید با استفاده از HTML ساختار اولیه سایت خود را آماده کرده و سپس با استفاده از سایر زبان‌ها، کدنویسی دیگر بخش‌ها را انجام دهید. به طور مثال، می‌خواهید مشخص کنید که سایت شما ۴ قسمت با عناوین سربرگ، ستون کناری، کادر محتوا و پاصفحه داشته باشد. باید در ابتدای کار با استفاده از HTML این قسمت را ایجاد و تعریف کنید و سپس با استفاده از سایر زبان‌ها، کد‌نویسی‌های سایر بخش‌ها را انجام دهید.
فیلم‌های آموزشی مختلفی برای یادگیری HTML در سایت فرادرس موجود است که در این بخش به معرفی تعدادی از آنها در قالب یک مسیر یادگیری HTML پرداخته می‌شود.
مطالعه ادامه مطلب 👇👇
🔗 چگونه برنامه نویسی وب را شروع کنم؟ — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
برای بسیاری از افراد این پرسش وجود دارد که چگونه می‌توانند برنامه‌نویس وب شوند و باید برنامه نویسی وب را از کجا شروع کنند؟ در این مطلب از مجله فرادرس، تلاش کرده‌ایم تا پاسخ‌هایی مناسب به سئوالاتی از این دست بدهیم. همچنین، در مطلب «آموزش برنامه‌نویسی USSD | راهنمای شروع به کار — رایگان و به زبان ساده» نیز نحوه راه‌اندازی خدمات کد دستوری آموزش داده شده است.
══ فهرست مطالب ══
○ می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟
○ HTML — اولین زبان برنامه نویسی وب
○ CSS — زبان مخصوص استایل‌دهی
○ جاوا اسکریپت — نخستین زبان اسکریپت‌نویسی تحت وب
○ jQuery — یکی از مهم‌ترین کتابخانه‌های جاوا اسکریپت
○ لایه‌های برنامه نویسی وب
○ PHP — پراستفاده‌ترین زبان برنامه نویسی وب در بک‌اند
○ ASP.Net — زبان برنامه‌نویسی تحت وب مایکروسافت
○ Django (جنگو) — چارچوب برنامه‌نویسی تحت وب با استفاده از پایتون
○ JSP — نسخه مخصوص جاوا برای برنامه نویسی وب
○ جمع‌بندی کلی
🔸 می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟
سؤال بالا، سوالی است که اکثر افراد هنگام شروع به یادگیری مباحث برنامه نویسی وب، با آن مواجه می‌شوند. اما به راستی، اگر بخواهیم برنامه نویسی وب را آغاز کنیم، باید از چه زبانی شروع کنیم؟ چه نکاتی باید رعایت شوند؟ ابتدا نیاز است تا چند مفهوم کاربردی را در زمینه برنامه نویسی وب، بررسی کنیم. در کل ۲ نوع وبسایت داریم، وبسایتهای استاتیک یا ایستا و وبسایتهای داینامیک یا پویا.
وبسایتهای ایستا یا استاتیک، به وب‌سایت‌هایی گفته می‌شود که محتوا ثابت است و به منظور اضافه کردن محتوای جدید، می‌بایست مجدداً کدنویسی کرد. مثلاً شما یک وبسایت با ۵ صفحه دارید و به منظور اضافه کردن صفحه جدید، باید مجدداً کدنویسی کنید و سایر صفحات را نیز به منظور دسترسی به این صفحه ویرایش کرده و پیوند به این صفحه جدید را ایجاد کنید. به چنین وب‌سایت‌هایی، وبسایت ایستا گفته می‌شود.
وبسایتهای پویا، در مقابل وبسایتهای ایستا قرار دارند و کار با این نوع وبسایتها، به مراتب آسان‌تر و همینطور بهتر است. در وبسایتهای پویا، شما یک بار کدنویسی هسته را انجام می‌دهید و سپس به آسانی می‌توانید مطالب را منتشر کنید. به طور مثال، اگر با سرویس‌های بلاگ‌دهی کار کرده و آشنایی داشته باشید، می‌توانید سایتی طراحی کنید که با استفاده از پنل مدیریت، داده‌ها را دریافت کرده و به صورت پویا در سایت نمایش دهد و در صورت انتشار مطلب و محتوای جدید، احتیاجی به کدنویسی نباشد.
🔸 HTML — اولین زبان برنامه نویسی وب
HTML که سرواژه عبارت Hypertext Markup Language است، یک زبان نشانه‌گذاری محسوب می‌شود که به منظور ایجاد ساختار و قالب صفحه وب مورد استفاده قرار می‌گیرد. به کمک HTML می‌توانید مشخص کنید که در صفحه وب خود چند بخش دارید و محتوای هر بخش را مشخص کنید. زبان HTML، جزء لاینفک برنامه نویسی وب است و شما هر سایتی که بخواهید طراحی کنید، به هر زبانی که باشد، باید با استفاده از HTML ساختار اولیه سایت خود را آماده کرده و سپس با استفاده از سایر زبان‌ها، کدنویسی دیگر بخش‌ها را انجام دهید. به طور مثال، می‌خواهید مشخص کنید که سایت شما ۴ قسمت با عناوین سربرگ، ستون کناری، کادر محتوا و پاصفحه داشته باشد. باید در ابتدای کار با استفاده از HTML این قسمت را ایجاد و تعریف کنید و سپس با استفاده از سایر زبان‌ها، کد‌نویسی‌های سایر بخش‌ها را انجام دهید.
فیلم‌های آموزشی مختلفی برای یادگیری HTML در سایت فرادرس موجود است که در این بخش به معرفی تعدادی از آنها در قالب یک مسیر یادگیری HTML پرداخته می‌شود.
مطالعه ادامه مطلب 👇👇
🔗 چگونه برنامه نویسی وب را شروع کنم؟ — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ۱۹ قالب برتر راست‌چین وردپرس
══ فهرست مطالب ══
○ ساخت یک سایت وردپرسی برای زبان‌های راست‌چین
○ ۱. قالب The Core
○ ۲. قالب Aegaeus
○ ۳. قالب The Shutter
○ ۴. قالب Architecto
○ ۵. قالب Philanthropy
○ ۶. قالب Parallax
○ ۷. قالب The Flavour
○ ۸. قالب Avant
○ ۹. قالب The Practice
○ ۱۰. قالب Auril
○ ۱۱. قالب Hestia
○ ۱۲. قالب Agency
○ ۱۳. قالب Writee
○ ۱۴. قالب Fullscreen
○ ۱۵. قالب OceanWP
○ ۱۶. قالب Alder
○ ۱۷. قالب Boron
○ ۱۸. قالب Nectar
○ ۱۹. قالب Responsive Pro
○ بررسی سازگاری قالب وردپرس با زبان‌های راست‌چین
🔸 ساخت یک سایت وردپرسی برای زبان‌های راست‌چین
وردپرس یک پلتفرم فوق‌العاده و ایدئال برای ساخت سایت در انواع زبان‌ها (چه راست‌چین و چه چپ‌چین) است. برای استفاده از همه امکانات وردپرس باید یک نسخه مستقل از وبسایت WordPress.org را تهیه و روی سرور میزبانتان نصب کنید. (برای مشاهده مقایسه WordPress.org (نسخه مستقل وردپرس) و WordPress.com (سرویس وبلاگ نویسی وردپرس) روی لینک‌های هریک از آنها کلیک کنید)
برای راه‌اندازی یک وبسایت «خود میزبان» یا مستقل با WordPress.org به یک نام دامنه و همینطور اشتراک حساب میزبانی WordPress نیاز دارید. بعد از ثبت‌نام برای میزبانی وب می‌توانید برای اطلاع از چگونگی نصب وردپرس به این لینک مراجعه کنید. سپس وقت انتخاب و نصب قالب وردپرسی‌تان می‌رسد. برای آشنایی با بهترین قالب‌های وردپرس راست‌چین، در ادامه این مقاله همراه ما باشید.
نتوصیه می‌کنیم برای ساخت وبسایت، دامنه و فضای هاست را از یک شرکت معتبر و قدرتمند خریداری کنید که در آینده دچار مشکل نشوید.
🔸 ۱. قالب The Core
هسته (Core) یک قالب وردپرس چندمنظوره RTL است که شامل دو قالب آماده با قابلیت نصب آسان (تنها با یک کلیک) است. هردوی این قالب‌ها را می‌توان با استفاده از صفحه ساز داخلی و کشیدن و رها کردن (drag and drop) ویرایش کرد. این قالب دارای رنگ‌های نامحدود، انتخاب‌گر فونت، قالب صفحات، ویجت‌های سفارشی و … است. همچنین این قالب با پشتیبانی از فروشگاه ساز ووکامرس (WooCommerce) این امکان را به شما می‌دهد که بتوانید به وب‌سایتتان یک فروشگاه آنلاین هم اضافه کنید.
مطالعه ادامه مطلب 👇👇
🔗 ۱۹ قالب برتر راست‌چین وردپرس — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
══ فهرست مطالب ══
○ ساخت یک سایت وردپرسی برای زبان‌های راست‌چین
○ ۱. قالب The Core
○ ۲. قالب Aegaeus
○ ۳. قالب The Shutter
○ ۴. قالب Architecto
○ ۵. قالب Philanthropy
○ ۶. قالب Parallax
○ ۷. قالب The Flavour
○ ۸. قالب Avant
○ ۹. قالب The Practice
○ ۱۰. قالب Auril
○ ۱۱. قالب Hestia
○ ۱۲. قالب Agency
○ ۱۳. قالب Writee
○ ۱۴. قالب Fullscreen
○ ۱۵. قالب OceanWP
○ ۱۶. قالب Alder
○ ۱۷. قالب Boron
○ ۱۸. قالب Nectar
○ ۱۹. قالب Responsive Pro
○ بررسی سازگاری قالب وردپرس با زبان‌های راست‌چین
🔸 ساخت یک سایت وردپرسی برای زبان‌های راست‌چین
وردپرس یک پلتفرم فوق‌العاده و ایدئال برای ساخت سایت در انواع زبان‌ها (چه راست‌چین و چه چپ‌چین) است. برای استفاده از همه امکانات وردپرس باید یک نسخه مستقل از وبسایت WordPress.org را تهیه و روی سرور میزبانتان نصب کنید. (برای مشاهده مقایسه WordPress.org (نسخه مستقل وردپرس) و WordPress.com (سرویس وبلاگ نویسی وردپرس) روی لینک‌های هریک از آنها کلیک کنید)
برای راه‌اندازی یک وبسایت «خود میزبان» یا مستقل با WordPress.org به یک نام دامنه و همینطور اشتراک حساب میزبانی WordPress نیاز دارید. بعد از ثبت‌نام برای میزبانی وب می‌توانید برای اطلاع از چگونگی نصب وردپرس به این لینک مراجعه کنید. سپس وقت انتخاب و نصب قالب وردپرسی‌تان می‌رسد. برای آشنایی با بهترین قالب‌های وردپرس راست‌چین، در ادامه این مقاله همراه ما باشید.
نتوصیه می‌کنیم برای ساخت وبسایت، دامنه و فضای هاست را از یک شرکت معتبر و قدرتمند خریداری کنید که در آینده دچار مشکل نشوید.
🔸 ۱. قالب The Core
هسته (Core) یک قالب وردپرس چندمنظوره RTL است که شامل دو قالب آماده با قابلیت نصب آسان (تنها با یک کلیک) است. هردوی این قالب‌ها را می‌توان با استفاده از صفحه ساز داخلی و کشیدن و رها کردن (drag and drop) ویرایش کرد. این قالب دارای رنگ‌های نامحدود، انتخاب‌گر فونت، قالب صفحات، ویجت‌های سفارشی و … است. همچنین این قالب با پشتیبانی از فروشگاه ساز ووکامرس (WooCommerce) این امکان را به شما می‌دهد که بتوانید به وب‌سایتتان یک فروشگاه آنلاین هم اضافه کنید.
مطالعه ادامه مطلب 👇👇
🔗 ۱۹ قالب برتر راست‌چین وردپرس — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ فایل XML چیست و چگونه و با چه ابزاری می‌توان آن را اجرا کرد؟ (+ دانلود فیلم آموزش گام به گام)
در دنیای رایانه‌ها فایل‌هایی با پسوند XML. وجود دارند که در این مطلب می‌خواهیم با آنها آشنا شویم. عبارت XML مخفف «Extensible Markup Language» و به معنای «زبان نشانه‌گذاری گسترش‌پذیر» است. XMLها در واقع فایل‌هایی هستند که از متن خالص تشکیل می‌شوند و شامل برچسب‌های سفارشی (Tag) هستند که ساختار و ویژگی‌های اسناد دیگر را مشخص می‌کنند.
══ فهرست مطالب ══
○ XML چیست؟
○ چگونه یک فایل XML را باز کنیم؟
🔸 XML چیست؟
XML یک زبان نشانه‌گذاری است که توسط کنسرسیوم شبکه‌ی جهانی وب (W۳C) ساخته شده است تا راهی برای ساخت اسنادی به وجود بیاورد که هم برای انسان و هم برای ماشین قابل فهم باشد. این کار از طریق برچسب‌هایی انجام می‌شود که ساختار سند و نحوه‌ی ذخیره‌سازی و انتقال آن را مشخص می‌کنند.
شاید بهتر باشد آن را با زبان نشانه‌گذاری دیگری مقایسه کنیم که احتمالا به آن آشنا هستید؛ زبان نشانه‌گذاری فرامتن یا HTML که از ان برای کد گذاری صفحات وب استفاده می‌شود. HTML از یک سری علامت‌های نشانه‌گذاری از قبل تعریف شده برای مشخص کردن قالب محتوای صفحات وب استفاده می‌کند. برای مثال، کد زیر از تعدادی تگ برای بولد کردن یا کج کردن برخی حروف استفاده کرده است:
چیزی که XML را از سایر زبان‌های نشانه‌گذاری متمایز می‌کند، گسترش‌پذیری آن است. بر خلاف HTML، در XML دستورات از قبل مشخص شده‌ای وجود ندارند. به جای آن، XML به کاربران خود اجازه‌ی ساخت هرگونه علامت نشانه‌گذاری برای معرفی محتوای خود را می‌دهد که باعث به وجود آمدن مجموعه‌ای بینهایت از علائم خودساخته می‌شود.
🔸 چگونه یک فایل XML را باز کنیم؟
برای باز کردن فایل‌های XML راه‌های متفاوتی وجود دارد. این فایل‌ها را می‌توانید با هر ویرایشگر متنی باز کنید، در هر مرورگری مشاهده نمایید یا حتی در وبسایتهای مخصوصی آنها را مشاهده، ویرایش یا حتی به سایر فرمت‌ها تبدیل کنید.
از آنجایی که فایل‌های XML تنها متن هستند، می‌توانید به سادگی از هر ویرایشگر متنی برای مدیریت آنها استفاده کنید. مساله‌ای که وجود دارد تعداد زیاد ویرایشگرهای متن است که برای کار با ساختار XML طراحی نشده‌اند. شاید نرم‌افزاری نظیر «Notepad» برای باز کردن و بررسی کلی یک فایل XML مناسب باشد، ولی قطعا نرم‌افزارهای بهتری هم برای این کار وجود دارند.
بر روی فایل XML راست کلیک کرده و از قسمت «Open With» نرم‌فزار «Notepad» را انتخاب نمایید.
مطالعه ادامه مطلب 👇👇
🔗 فایل XML چیست و چگونه و با چه ابزاری می‌توان آن را اجرا کرد؟ (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
در دنیای رایانه‌ها فایل‌هایی با پسوند XML. وجود دارند که در این مطلب می‌خواهیم با آنها آشنا شویم. عبارت XML مخفف «Extensible Markup Language» و به معنای «زبان نشانه‌گذاری گسترش‌پذیر» است. XMLها در واقع فایل‌هایی هستند که از متن خالص تشکیل می‌شوند و شامل برچسب‌های سفارشی (Tag) هستند که ساختار و ویژگی‌های اسناد دیگر را مشخص می‌کنند.
══ فهرست مطالب ══
○ XML چیست؟
○ چگونه یک فایل XML را باز کنیم؟
🔸 XML چیست؟
XML یک زبان نشانه‌گذاری است که توسط کنسرسیوم شبکه‌ی جهانی وب (W۳C) ساخته شده است تا راهی برای ساخت اسنادی به وجود بیاورد که هم برای انسان و هم برای ماشین قابل فهم باشد. این کار از طریق برچسب‌هایی انجام می‌شود که ساختار سند و نحوه‌ی ذخیره‌سازی و انتقال آن را مشخص می‌کنند.
شاید بهتر باشد آن را با زبان نشانه‌گذاری دیگری مقایسه کنیم که احتمالا به آن آشنا هستید؛ زبان نشانه‌گذاری فرامتن یا HTML که از ان برای کد گذاری صفحات وب استفاده می‌شود. HTML از یک سری علامت‌های نشانه‌گذاری از قبل تعریف شده برای مشخص کردن قالب محتوای صفحات وب استفاده می‌کند. برای مثال، کد زیر از تعدادی تگ برای بولد کردن یا کج کردن برخی حروف استفاده کرده است:
چیزی که XML را از سایر زبان‌های نشانه‌گذاری متمایز می‌کند، گسترش‌پذیری آن است. بر خلاف HTML، در XML دستورات از قبل مشخص شده‌ای وجود ندارند. به جای آن، XML به کاربران خود اجازه‌ی ساخت هرگونه علامت نشانه‌گذاری برای معرفی محتوای خود را می‌دهد که باعث به وجود آمدن مجموعه‌ای بینهایت از علائم خودساخته می‌شود.
🔸 چگونه یک فایل XML را باز کنیم؟
برای باز کردن فایل‌های XML راه‌های متفاوتی وجود دارد. این فایل‌ها را می‌توانید با هر ویرایشگر متنی باز کنید، در هر مرورگری مشاهده نمایید یا حتی در وبسایتهای مخصوصی آنها را مشاهده، ویرایش یا حتی به سایر فرمت‌ها تبدیل کنید.
از آنجایی که فایل‌های XML تنها متن هستند، می‌توانید به سادگی از هر ویرایشگر متنی برای مدیریت آنها استفاده کنید. مساله‌ای که وجود دارد تعداد زیاد ویرایشگرهای متن است که برای کار با ساختار XML طراحی نشده‌اند. شاید نرم‌افزاری نظیر «Notepad» برای باز کردن و بررسی کلی یک فایل XML مناسب باشد، ولی قطعا نرم‌افزارهای بهتری هم برای این کار وجود دارند.
بر روی فایل XML راست کلیک کرده و از قسمت «Open With» نرم‌فزار «Notepad» را انتخاب نمایید.
مطالعه ادامه مطلب 👇👇
🔗 فایل XML چیست و چگونه و با چه ابزاری می‌توان آن را اجرا کرد؟ (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ساخت سایت با وردپرس رایگان | کامل‌ترین راهنمایی که باید بخوانید
وردپرس قوی‌ترین پلتفرم بلاگ‌نویسی جهان است. تقریباً یک مورد از هر سه وبسایت در سراسر دنیا از وردپرس استفاده می‌کند. وردپرس محتوای یک سایت را از کد بک‌اند آن جدا می‌کند. این بدان معنی است که هر فردی می‌تواند یک وبسایت یا امکانات کامل را بدون داشتن تجربه برنامه‌نویسی وب اجرا کند. امکان استفاده از هاست‌های مدیریت‌شده وردپرس وجود دارد، اما اگر تمایل دارید با موارد فنی راه‌اندازی سایت وردپرسی آشنا شوید، در این راهنما جامع با ما همراه باشید تا با مراحل ساخت سایت با وردپرس رایگان آشنا شوید.
══ فهرست مطالب ══
○ ساخت سایت با وردپرس رایگان
○ چرا باید از وردپرس استفاده کرد؟
○ تفاوت بین WordPress.org و WordPress.com
○ ملاحظاتی در خصوص دامنه سایت
○ گزینه‌های میزبانی وردپرس مستقل
○ توصیه‌هایی در خصوص هاستینگ وردپرس
○ چطور وردپرس را نصب کنیم؟
○ مفاهیم کلیدی وردپرس
○ اساسی‌ترین گام‌های ابتدایی برای ساخت سایت وردپرس رایگان
○ آپلود کردن تصویر روی وردپرس
○ قرار دادن ویدئوهای یوتیوب در سایت
○ ویجت‌های وردپرس
○ بهینه‌سازی موتور جستجو در وردپرس
○ گالری و مدیریت عکس
○ پشتیبان‌گیری و بازیابی وردپرس
○ بهینه‌سازی و مقیاس‌بندی سایت برای ترافیک بالا
○ سخن پایانی
🔸 ساخت سایت با وردپرس رایگان
وردپرس با استفاده از جداسازی محتوای صفحه‌های وب از لی‌‌آوت و چیدمان آنها موفق شده فایل‌های HTML را هر بار که کسی از سایت بازدید می‌کند به طور دینامیک بازتولید کند. همچنین وردپرس وظیفه لینک کردن خودکار پست‌ها به همدیگر را بر عهده دارد و به این ترتیب سایدبارهایی ایجاد می‌کند که شامل پیوندهایی به جدیدترین نوشته‌های شما و قابلیت مدیریت آرشیو مطالب هستند. در واقع با توجه به این که وردپرس امکان استفاده از پوسته‌های HTML مختلف را دارد، شما نیاز به نوشتن حتی یک خط کد HTML نخواهید داشت و تنها دغدغه‌تان معطوف به نوشتن محتوای متنی سایت و آپلود کردن تصاویر وبسایت خواهد بود. این جداسازی قالب و محتوا فرصت‌های بی‌شماری پیش روی شما قرار می‌دهد..
🔸 چرا باید از وردپرس استفاده کرد؟
با این که وردپرس به طور عمده برای ایجاد سایت‌های شبیه بلاگ استفاده می‌شود که از نظر فنی صرفاً یک سری نوشته‌ها با تاریخ و زمان خاص است، اما امکان تطبیق آسان آن با وبسایتهای استاتیک از قبیل کسب‌وکارهای لوکال، پورتفولیوهای هنرمندان یا حتی سایت‌های کامل فروشگاه آنلاین نیز وجود دارد. زمانی که تصمیم می‌گیرید از وردپرس استفاده کنید، متوجه خواهید شد که یک پلاگین وردپرس برای ایجاد تقریباً هر نوع وبسایت که بتوان تصور کرد ساخته شده است. وردپرس تنها «سیستم مدیریت محتوا» (CMS) موجود نیست، از این رو شاید از خود بپرسید که چرا باید وردپرس را انتخاب کنیم؟
– وردپرس امکانات بسیار زیادی دارد و از این رو شما با نصب آن می‌توانید هر کاری که دوست دارید انجام دهید. اگر به یک قابلیت خاص نیاز دارید که وجود ندارد، به احتمال بالا قبلاً افزونه‌ای برای آن توسعه یافته است که این مسئله را مدیریت می‌کند. بزرگ‌ترین مزیت وردپرس این است که برای هیچ چیزی نیاز به کدنویسی وجود ندارد.
– وردپرس یک کامیونیتی بالغ است. وردپرس در سال ۲۰۰۳ ساخته شده است و در طی همه این سال‌ها به طور فعالانه‌ای توسعه یافته است. از این رو زمانی که از وردپرس استفاده می‌کنید انتظار مشاهده هیچ نوع باگ ریز یا درشتی را ندارید.
– وردپرس امن است. وردپرس نیز همانند هر نوع نرم‌افزار یا سیستم عامل چند مورد هک بزرگ را در طی این سال‌ها تجربه کرده است، اما توسعه‌دهندگان این حفره‌های امنیتی را به سرعت پر کرده‌اند. جدیدترین نسخه‌های وردپرس همواره شما را در مورد انتشار نسخه جدید این CMS آگاه می‌سازند و تا زمانی که مرتب به سایت خود سر بزنید و در موارد نیاز آن را آپدیت کنید، احتمال کمی وجود خواهد داشت که سایت‌تان هک شود.
– نصب وردپرس کاملاً آسان است.
– هزاران افزونه وجود دارند که کارکردهای مختلفی را تأمین می‌کنند.
– مدیریت تصویر و مدیا به طور آماده و سرراستی برای ساخت پورتفولیو و سایت‌های مبتنی بر عکس ارائه شده است.
مطالعه ادامه مطلب 👇👇
🔗 ساخت سایت با وردپرس رایگان | کامل‌ترین راهنمایی که باید بخوانید — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
وردپرس قوی‌ترین پلتفرم بلاگ‌نویسی جهان است. تقریباً یک مورد از هر سه وبسایت در سراسر دنیا از وردپرس استفاده می‌کند. وردپرس محتوای یک سایت را از کد بک‌اند آن جدا می‌کند. این بدان معنی است که هر فردی می‌تواند یک وبسایت یا امکانات کامل را بدون داشتن تجربه برنامه‌نویسی وب اجرا کند. امکان استفاده از هاست‌های مدیریت‌شده وردپرس وجود دارد، اما اگر تمایل دارید با موارد فنی راه‌اندازی سایت وردپرسی آشنا شوید، در این راهنما جامع با ما همراه باشید تا با مراحل ساخت سایت با وردپرس رایگان آشنا شوید.
══ فهرست مطالب ══
○ ساخت سایت با وردپرس رایگان
○ چرا باید از وردپرس استفاده کرد؟
○ تفاوت بین WordPress.org و WordPress.com
○ ملاحظاتی در خصوص دامنه سایت
○ گزینه‌های میزبانی وردپرس مستقل
○ توصیه‌هایی در خصوص هاستینگ وردپرس
○ چطور وردپرس را نصب کنیم؟
○ مفاهیم کلیدی وردپرس
○ اساسی‌ترین گام‌های ابتدایی برای ساخت سایت وردپرس رایگان
○ آپلود کردن تصویر روی وردپرس
○ قرار دادن ویدئوهای یوتیوب در سایت
○ ویجت‌های وردپرس
○ بهینه‌سازی موتور جستجو در وردپرس
○ گالری و مدیریت عکس
○ پشتیبان‌گیری و بازیابی وردپرس
○ بهینه‌سازی و مقیاس‌بندی سایت برای ترافیک بالا
○ سخن پایانی
🔸 ساخت سایت با وردپرس رایگان
وردپرس با استفاده از جداسازی محتوای صفحه‌های وب از لی‌‌آوت و چیدمان آنها موفق شده فایل‌های HTML را هر بار که کسی از سایت بازدید می‌کند به طور دینامیک بازتولید کند. همچنین وردپرس وظیفه لینک کردن خودکار پست‌ها به همدیگر را بر عهده دارد و به این ترتیب سایدبارهایی ایجاد می‌کند که شامل پیوندهایی به جدیدترین نوشته‌های شما و قابلیت مدیریت آرشیو مطالب هستند. در واقع با توجه به این که وردپرس امکان استفاده از پوسته‌های HTML مختلف را دارد، شما نیاز به نوشتن حتی یک خط کد HTML نخواهید داشت و تنها دغدغه‌تان معطوف به نوشتن محتوای متنی سایت و آپلود کردن تصاویر وبسایت خواهد بود. این جداسازی قالب و محتوا فرصت‌های بی‌شماری پیش روی شما قرار می‌دهد..
🔸 چرا باید از وردپرس استفاده کرد؟
با این که وردپرس به طور عمده برای ایجاد سایت‌های شبیه بلاگ استفاده می‌شود که از نظر فنی صرفاً یک سری نوشته‌ها با تاریخ و زمان خاص است، اما امکان تطبیق آسان آن با وبسایتهای استاتیک از قبیل کسب‌وکارهای لوکال، پورتفولیوهای هنرمندان یا حتی سایت‌های کامل فروشگاه آنلاین نیز وجود دارد. زمانی که تصمیم می‌گیرید از وردپرس استفاده کنید، متوجه خواهید شد که یک پلاگین وردپرس برای ایجاد تقریباً هر نوع وبسایت که بتوان تصور کرد ساخته شده است. وردپرس تنها «سیستم مدیریت محتوا» (CMS) موجود نیست، از این رو شاید از خود بپرسید که چرا باید وردپرس را انتخاب کنیم؟
– وردپرس امکانات بسیار زیادی دارد و از این رو شما با نصب آن می‌توانید هر کاری که دوست دارید انجام دهید. اگر به یک قابلیت خاص نیاز دارید که وجود ندارد، به احتمال بالا قبلاً افزونه‌ای برای آن توسعه یافته است که این مسئله را مدیریت می‌کند. بزرگ‌ترین مزیت وردپرس این است که برای هیچ چیزی نیاز به کدنویسی وجود ندارد.
– وردپرس یک کامیونیتی بالغ است. وردپرس در سال ۲۰۰۳ ساخته شده است و در طی همه این سال‌ها به طور فعالانه‌ای توسعه یافته است. از این رو زمانی که از وردپرس استفاده می‌کنید انتظار مشاهده هیچ نوع باگ ریز یا درشتی را ندارید.
– وردپرس امن است. وردپرس نیز همانند هر نوع نرم‌افزار یا سیستم عامل چند مورد هک بزرگ را در طی این سال‌ها تجربه کرده است، اما توسعه‌دهندگان این حفره‌های امنیتی را به سرعت پر کرده‌اند. جدیدترین نسخه‌های وردپرس همواره شما را در مورد انتشار نسخه جدید این CMS آگاه می‌سازند و تا زمانی که مرتب به سایت خود سر بزنید و در موارد نیاز آن را آپدیت کنید، احتمال کمی وجود خواهد داشت که سایت‌تان هک شود.
– نصب وردپرس کاملاً آسان است.
– هزاران افزونه وجود دارند که کارکردهای مختلفی را تأمین می‌کنند.
– مدیریت تصویر و مدیا به طور آماده و سرراستی برای ساخت پورتفولیو و سایت‌های مبتنی بر عکس ارائه شده است.
مطالعه ادامه مطلب 👇👇
🔗 ساخت سایت با وردپرس رایگان | کامل‌ترین راهنمایی که باید بخوانید — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
🔴 رایگان آموزش ببینید و مهارت کسب کنید.
🌟 معرفی آموزش‌های رایگان و پرطرفدار فرادرس
♨️ صدها عنوان آموزش رایگان فرادرس در دسترس هستند که در طول ماه، توسط ده‌ها هزار دانشجو مورد مطالعه قرار می‌گیرند.
شما عزیزان نیز می‌توانید با مراجعه به لینک‌های زیر، آموزش‌های پرمخاطب در دسته‌بندی مورد نظر خود را مشاهده کرده و رایگان دانلود کنید👇
✅ آموزش‌های رایگان طراحی وب [+]
📚 تمامی آموزش‌های رایگان و پرمخاطب [+]
@FaraDars - فرادرس
🔴 رایگان آموزش ببینید و مهارت کسب کنید.
🌟 معرفی آموزش‌های رایگان و پرطرفدار فرادرس
♨️ صدها عنوان آموزش رایگان فرادرس در دسترس هستند که در طول ماه، توسط ده‌ها هزار دانشجو مورد مطالعه قرار می‌گیرند.
شما عزیزان نیز می‌توانید با مراجعه به لینک‌های زیر، آموزش‌های پرمخاطب در دسته‌بندی مورد نظر خود را مشاهده کرده و رایگان دانلود کنید👇
✅ آموزش‌های رایگان طراحی وب [+]
📚 تمامی آموزش‌های رایگان و پرمخاطب [+]
@FaraDars - فرادرس
✳️ ۸ افکت HTML برای زیباتر شدن وبسایت
شاید شما هم از آن دسته افرادی باشید که دوست دارند وبسایت زیبا داشته باشند ولی به علت نداشتن مهارت فنی لازم، محدودیت‌هایی در این امر دارند. اصلا جای نگرانی نیست. برای طراحی یک سایت زیبا و چشم‌نواز اصلا نیازی به دانش «CSS» یا «PHP» ندارید، همین‌که مقدار کمی «HTML» مسلط باشید و عمل کپی پیست (Copy-Paste) را خوب بلد باشید، کفایت می‌کند.
══ فهرست مطالب ══
○ ۱. افکت پارالاکس
○ ۲. جعبه متن با قابلیت اسکرول کردن
○ ۳. متن برجسته
○ ۴. اضافه کردن تصویر پس‌زمینه به متن
○ ۵. اضافه کردن Tooltip به متن
○ ۶. ساخت متون متحرک
○ ۷. ایجاد منوهای بازشو
○ ۸. Tablezier!
🔸 ۱. افکت پارالاکس
حتما در برخی از وبسایتها دیده‌اید که به هنگام اسکرول به پایین (Scroll Down)، به نظر می‌رسد که تصویر پس‌زمینه نیز در جهت مخالف در حال حرکت است و هنگامی که بخش دیگری از آن مقاله می‌رسید، تصویر پس‌زمینه نیز تغییر می‌کند. این یک افکت بسیار زیبا است که عمق بصری بیشتری به محتوا می‌افزاید.
🔸 ۲. جعبه متن با قابلیت اسکرول کردن
این عنصر در HTML به شما این اجازه را می‌دهد که مجموعه‌ی زیادی از متون را در یک فرمت فشرده نمایش دهید. با این کار، متن شما تمام صفحه را پر نخواهد کرد. کد HTML این ویژگی به صورت زیر است:
<div style=”width: 25%; height: 50px; overflow: auto;
scrollbar-face-color: #CE7E00;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #6F4709;
scrollbar-3dlight-color:#11111;
scrollbar-darkshadow-color: #6F4709;
scrollbar-track-color: #FFE8C1;
scrollbar-arrow-color: #6F4709;
”>
Your text will show here. And you can scroll down to go through all of it.
You just have to add a sufficient amount of text to make the scrollbars show.
Obviously, this is not enough,o let’s assume we have a little more to say.
Eventually, the scrollbars will come in handy. That’s it! :)
</div>
خروجی آن نیز به شکل زیر است:
مطالعه ادامه مطلب 👇👇
🔗 ۸ افکت HTML برای زیباتر شدن وبسایت — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
شاید شما هم از آن دسته افرادی باشید که دوست دارند وبسایت زیبا داشته باشند ولی به علت نداشتن مهارت فنی لازم، محدودیت‌هایی در این امر دارند. اصلا جای نگرانی نیست. برای طراحی یک سایت زیبا و چشم‌نواز اصلا نیازی به دانش «CSS» یا «PHP» ندارید، همین‌که مقدار کمی «HTML» مسلط باشید و عمل کپی پیست (Copy-Paste) را خوب بلد باشید، کفایت می‌کند.
══ فهرست مطالب ══
○ ۱. افکت پارالاکس
○ ۲. جعبه متن با قابلیت اسکرول کردن
○ ۳. متن برجسته
○ ۴. اضافه کردن تصویر پس‌زمینه به متن
○ ۵. اضافه کردن Tooltip به متن
○ ۶. ساخت متون متحرک
○ ۷. ایجاد منوهای بازشو
○ ۸. Tablezier!
🔸 ۱. افکت پارالاکس
حتما در برخی از وبسایتها دیده‌اید که به هنگام اسکرول به پایین (Scroll Down)، به نظر می‌رسد که تصویر پس‌زمینه نیز در جهت مخالف در حال حرکت است و هنگامی که بخش دیگری از آن مقاله می‌رسید، تصویر پس‌زمینه نیز تغییر می‌کند. این یک افکت بسیار زیبا است که عمق بصری بیشتری به محتوا می‌افزاید.
🔸 ۲. جعبه متن با قابلیت اسکرول کردن
این عنصر در HTML به شما این اجازه را می‌دهد که مجموعه‌ی زیادی از متون را در یک فرمت فشرده نمایش دهید. با این کار، متن شما تمام صفحه را پر نخواهد کرد. کد HTML این ویژگی به صورت زیر است:
<div style=”width: 25%; height: 50px; overflow: auto;
scrollbar-face-color: #CE7E00;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #6F4709;
scrollbar-3dlight-color:#11111;
scrollbar-darkshadow-color: #6F4709;
scrollbar-track-color: #FFE8C1;
scrollbar-arrow-color: #6F4709;
”>
Your text will show here. And you can scroll down to go through all of it.
You just have to add a sufficient amount of text to make the scrollbars show.
Obviously, this is not enough,o let’s assume we have a little more to say.
Eventually, the scrollbars will come in handy. That’s it! :)
</div>
خروجی آن نیز به شکل زیر است:
مطالعه ادامه مطلب 👇👇
🔗 ۸ افکت HTML برای زیباتر شدن وبسایت — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
💻 می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟
سؤال بالا، سوالی است که اکثر افراد هنگام شروع به یادگیری مباحث برنامه‌نویسی وب، با آن مواجه می‌شوند.
اما به راستی، اگر بخواهیم برنامه‌نویسی وب را آغاز کنیم، باید از چه زبانی شروع کنیم؟
چه نکاتی باید رعایت شوند؟
ابتدا نیاز است تا چند مفهوم کاربردی را در زمینه برنامه‌نویسی وب، بررسی کنیم.
✅ برای رسیدن به پاسخ این سؤال‌ها به لینک زیر مراجعه کنید👇👇👇
🔗 برنامه‌نویسی وب را چطور شروع کنیم؟ - [کلیک کنید]
@FaraDars - فرادرس
💻 می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟
سؤال بالا، سوالی است که اکثر افراد هنگام شروع به یادگیری مباحث برنامه‌نویسی وب، با آن مواجه می‌شوند.
اما به راستی، اگر بخواهیم برنامه‌نویسی وب را آغاز کنیم، باید از چه زبانی شروع کنیم؟
چه نکاتی باید رعایت شوند؟
ابتدا نیاز است تا چند مفهوم کاربردی را در زمینه برنامه‌نویسی وب، بررسی کنیم.
✅ برای رسیدن به پاسخ این سؤال‌ها به لینک زیر مراجعه کنید👇👇👇
🔗 برنامه‌نویسی وب را چطور شروع کنیم؟ - [کلیک کنید]
@FaraDars - فرادرس
✳️ طراحی یک وب سایت ساده با 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 به چه چیزی نیاز داریم؟
پیش از آن که کار ساخت وبسایت خود را آغاز کنیم، باید مطمئن شویم که یک ادیتور متن ساده یا محیط توسعه مناسب PHP را نصب کرده‌ایم. برای کدنویسی PHP می‌توانید در ابتدا از چیزی به سادگی Notepad ویندوز استفاده کنید. مثال‌هایی که در این مقاله مطرح می‌شوند، همگی با استفاده از ادیتور متن Notepad++ نوشته شده‌اند.
همچنین باید یک وب‌سرور PHP داشته باشید که فایل‌های خود را روی آن آپلود کنید. این سرور می‌تواند یک سرور ریموت یا یک رایانه محلی باشد که مجموعه LAMP روی آن نصب شده است. LAMP اختصاری برای عبارت‌های Linux ،Apache ،MySQL ،PHP است. به طور جایگزین می‌توانید از مجموعه WAMP که اختصاری برای عبارت‌های Windows ،Apache، MySQL ،PHP است استفاده کنید. اگر از ویندوز استفاده می‌کنید، می‌توانید از این راهنما بهره بگیرید:
– چگونه یک سرور WAMP راه‌اندازی کنیم؟ — از صفر تا صد
در نهایت به یک برنامه FTP نیاز دارید تا فایل‌هایتان را روی وب‌سرور آپلود کنید. به این منظور برنامه‌های مختلفی مانند WinSCP، Cyberduck و FileZilla وجود دارند.
مطالعه ادامه مطلب 👇👇
🔗 طراحی یک وب سایت ساده با PHP — از صفر تا صد — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
دوست دارید نحوه ساختن یک وبسایت را بیاموزید؟ زمانی برای اینکار تنها شروع به یادگیری 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 به چه چیزی نیاز داریم؟
پیش از آن که کار ساخت وبسایت خود را آغاز کنیم، باید مطمئن شویم که یک ادیتور متن ساده یا محیط توسعه مناسب PHP را نصب کرده‌ایم. برای کدنویسی PHP می‌توانید در ابتدا از چیزی به سادگی Notepad ویندوز استفاده کنید. مثال‌هایی که در این مقاله مطرح می‌شوند، همگی با استفاده از ادیتور متن Notepad++ نوشته شده‌اند.
همچنین باید یک وب‌سرور PHP داشته باشید که فایل‌های خود را روی آن آپلود کنید. این سرور می‌تواند یک سرور ریموت یا یک رایانه محلی باشد که مجموعه LAMP روی آن نصب شده است. LAMP اختصاری برای عبارت‌های Linux ،Apache ،MySQL ،PHP است. به طور جایگزین می‌توانید از مجموعه WAMP که اختصاری برای عبارت‌های Windows ،Apache، MySQL ،PHP است استفاده کنید. اگر از ویندوز استفاده می‌کنید، می‌توانید از این راهنما بهره بگیرید:
– چگونه یک سرور WAMP راه‌اندازی کنیم؟ — از صفر تا صد
در نهایت به یک برنامه FTP نیاز دارید تا فایل‌هایتان را روی وب‌سرور آپلود کنید. به این منظور برنامه‌های مختلفی مانند WinSCP، Cyberduck و FileZilla وجود دارند.
مطالعه ادامه مطلب 👇👇
🔗 طراحی یک وب سایت ساده با PHP — از صفر تا صد — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
Forwarded from FaraDars | فرادرس
📱 در شبکه‌های اجتماعی فرادرس چه مطالبی منتشر می‌شود؟
✔️ اطلاع‌رسانی فرصت‌های ویژه و جشنواره‌های تخفیف
✔️ اطلاع‌رسانی جدیدترین آموزش‌های منتشر شده همراه با تخفیف ویژه انتشار
✔️ انتشار مطالب، مقالات و ویدئوهای آموزشی رایگان
✔️ اطلاع‌رسانی آخرین رویدادها و وبینارها
✔️ برگزاری مسابقات و طرح‌های تخفیف همراه با هدایای آموزشی
☸️ فرادرس را در شبکه‌های اجتماعی و کانال‌های ارتباطی مختلف دنبال کنید.👇👇👇
📌 اینستاگرام
🔗 instagram.com/FaraDars
📌 یوتیوب
🔗 youtube.com/c/FaraDarsCourses
📌 لینکدین
🔗 linkedin.com/company/FaraDars
📌 توئیتر
🔗 twitter.com/FaraDars
📌 کانال رسمی تلگرام
🔗 t.iss.one/FaraDars
📌 کانال فرصت‌های ویژه (فراپُن)
🔗 t.iss.one/FaraPon
📌 کانال تازه‌های نشر
🔗 t.iss.one/FDPub
📌 کانال‌های موضوعی و تخصصی
🔗 t.iss.one/faradars/5006
_______________
📚 فرادرس
دانش در دسترس همه
همیشه و همه جا
@FaraDars — فرادرس
📱 در شبکه‌های اجتماعی فرادرس چه مطالبی منتشر می‌شود؟
✔️ اطلاع‌رسانی فرصت‌های ویژه و جشنواره‌های تخفیف
✔️ اطلاع‌رسانی جدیدترین آموزش‌های منتشر شده همراه با تخفیف ویژه انتشار
✔️ انتشار مطالب، مقالات و ویدئوهای آموزشی رایگان
✔️ اطلاع‌رسانی آخرین رویدادها و وبینارها
✔️ برگزاری مسابقات و طرح‌های تخفیف همراه با هدایای آموزشی
☸️ فرادرس را در شبکه‌های اجتماعی و کانال‌های ارتباطی مختلف دنبال کنید.👇👇👇
📌 اینستاگرام
🔗 instagram.com/FaraDars
📌 یوتیوب
🔗 youtube.com/c/FaraDarsCourses
📌 لینکدین
🔗 linkedin.com/company/FaraDars
📌 توئیتر
🔗 twitter.com/FaraDars
📌 کانال رسمی تلگرام
🔗 t.iss.one/FaraDars
📌 کانال فرصت‌های ویژه (فراپُن)
🔗 t.iss.one/FaraPon
📌 کانال تازه‌های نشر
🔗 t.iss.one/FDPub
📌 کانال‌های موضوعی و تخصصی
🔗 t.iss.one/faradars/5006
_______________
📚 فرادرس
دانش در دسترس همه
همیشه و همه جا
@FaraDars — فرادرس
✳️ ترفندهای وردپرس — گرفتن خروجی CSV از اطلاعات کاربران
گاهی اوقات نیاز دارید که اطلاعات کاربری خود را در یک وبسایت جدید وارد کنید. ابزارهای پیش‌فرض وردپرس (WordPress)، اجازه خروجی گرفتن از اطلاعات حساب کاربری را نمی‌دهند. در این مقاله، به شما آموزش خواهیم داد که چگونه از اطلاعات کاربری موجود در وردپرس، خروجی (CSV) بگیرید.
🔸 گرفتن خروجی CSV از اطلاعات کاربری در وردپرس
اولین چیزی که برای این منظور نیاز خواهید داشت، نصب و فعال‌سازی پلاگین «Export Users to CSV» است. پس از فعال‌سازی پلاگین معرفی‌شده، مطابق شکل زیر به بخش (Users) رفته و گزینه (Export Users to CSV) را انتخاب کنید. در این مرحله، صفحه تنظیمات پلاگین برای شما به نمایش در می‌آید.
در این صفحه، برای خروجی گرفتن اطلاعات کاربری، گزینه (User Role) یا (Every Role) را می‌توانید انتخاب کنید. با انتخاب User Role، از اطلاعات کاربران خاص و Every Role، از اطلاعات همه کاربران خروجی گرفته می‌شود. امکان دیگری که در این پلاگین وجود دارد، انتخاب محدوده زمانی است که کاربران به وبسایت ملحق شده‌اند. زمانی که تنظیمات خود را انجام دادید، بر روی دکمه (Export) در پایین تنظیمات کلیک کنید.
پلاگین Export Users to CSV، یک فایل CSV حاوی اطلاعات کاربران را فراهم کرده و به صورت یک فایل قابل دانلود برای شما ارسال می‌کند. زمانی که فایل خروجی CSV را دانلود کردید، می‌توانید آن را در یک برنامه صفحه گسترده باز کنید یا اینکه آن را به درون برنامه‌های دیگر وارد کنید.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — گرفتن خروجی CSV از اطلاعات کاربران — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
گاهی اوقات نیاز دارید که اطلاعات کاربری خود را در یک وبسایت جدید وارد کنید. ابزارهای پیش‌فرض وردپرس (WordPress)، اجازه خروجی گرفتن از اطلاعات حساب کاربری را نمی‌دهند. در این مقاله، به شما آموزش خواهیم داد که چگونه از اطلاعات کاربری موجود در وردپرس، خروجی (CSV) بگیرید.
🔸 گرفتن خروجی CSV از اطلاعات کاربری در وردپرس
اولین چیزی که برای این منظور نیاز خواهید داشت، نصب و فعال‌سازی پلاگین «Export Users to CSV» است. پس از فعال‌سازی پلاگین معرفی‌شده، مطابق شکل زیر به بخش (Users) رفته و گزینه (Export Users to CSV) را انتخاب کنید. در این مرحله، صفحه تنظیمات پلاگین برای شما به نمایش در می‌آید.
در این صفحه، برای خروجی گرفتن اطلاعات کاربری، گزینه (User Role) یا (Every Role) را می‌توانید انتخاب کنید. با انتخاب User Role، از اطلاعات کاربران خاص و Every Role، از اطلاعات همه کاربران خروجی گرفته می‌شود. امکان دیگری که در این پلاگین وجود دارد، انتخاب محدوده زمانی است که کاربران به وبسایت ملحق شده‌اند. زمانی که تنظیمات خود را انجام دادید، بر روی دکمه (Export) در پایین تنظیمات کلیک کنید.
پلاگین Export Users to CSV، یک فایل CSV حاوی اطلاعات کاربران را فراهم کرده و به صورت یک فایل قابل دانلود برای شما ارسال می‌کند. زمانی که فایل خروجی CSV را دانلود کردید، می‌توانید آن را در یک برنامه صفحه گسترده باز کنید یا اینکه آن را به درون برنامه‌های دیگر وارد کنید.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — گرفتن خروجی CSV از اطلاعات کاربران — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ مشکل نصب افزونه در وردپرس
══ فهرست مطالب ══
○ ۱. شما بر روی سایت WordPress.com هستید
○ ۲. با مشکل کمبود حافظه مواجه هستید
○ ۳. محدودیت‌های کاربر سایت و مشکل نصب افزونه
○ ۳. شما بر روی یک شبکه چند سایتی هستید
🔸 ۱. شما بر روی سایت WordPress.com هستید
اولین دلیل برای بروز مشکل نصب افزونه می‌تواند مربوط به استفاده از نسخه رایگان WordPress.com باشد. این سایت یک سرویس میزبانی وب است که نسخه دارای محدودیتی از نرم‌افزار مشهور و محبوب خود میزبان وردپرس را ارائه می‌دهد. کاربران WordPress.com نمی‌توانند افزونه‌ای نصب کنند مگر اینکه حساب کاربری و نسخه نرم‌افزارشان را به حالت کسبوکار ارتقا دهند. با این اوصاف اگر شما از کاربران نسخه رایگان، شخصی یا پرمیوم هستید قادر به نصب افزونه‌های شخص ثالث نخواهید بود.
اگر به هر دلیلی تمایلی به ارتقا حساب کاربری به نسخه کسبوکار را ندارید می‌توانید وبلاگ‌تان را از WordPress.com به WordPress.org منتقل کنید. اگر برای انجام این کار با مشکل مواجه هستید می‌توانید از افراد با تجربه‌تری در این زمینه کمک بگیرید.
🔸 ۲. با مشکل کمبود حافظه مواجه هستید
دومین سناریوی متداول در مورد مشکل نصب افزونه این است که شما قادر به دیدن و دسترسی به منوی افزونه هستید اما نمی‌توانید پلاگین‌ها را نصب کنید.
علت مشکل نصب نشدن افزونه در این مورد معمولاً به‌خاطر محدودیت حافظه PHP است. در سرویس میزبانی وردپرس‌تان و درون هسته آن تنظیماتی وجود دارد که میزان حافظه را تعیین می‌کند که می‌توانید از آن استفاده کنید. وقتی که یک فرآیند به این محدودیت می‌رسد متوقف شده یا خطایی شبیه زیر را به شما نشان می‌دهد: Fatal error: Allowed memory size of ۶۷۱۰۸۸۶۴ bytes exhausted
برای حل سریع این مشکل می‌توانید محدودیت حافظه PHP را افزایش دهید. شما می‌توانید با اضافه کردن این خط کد به فایل wpconfig.php این کار را انجام دهید:
define('WP_MEMORY_LIMIT', '256M');
مطالعه ادامه مطلب 👇👇
🔗 مشکل نصب افزونه در وردپرس — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
══ فهرست مطالب ══
○ ۱. شما بر روی سایت WordPress.com هستید
○ ۲. با مشکل کمبود حافظه مواجه هستید
○ ۳. محدودیت‌های کاربر سایت و مشکل نصب افزونه
○ ۳. شما بر روی یک شبکه چند سایتی هستید
🔸 ۱. شما بر روی سایت WordPress.com هستید
اولین دلیل برای بروز مشکل نصب افزونه می‌تواند مربوط به استفاده از نسخه رایگان WordPress.com باشد. این سایت یک سرویس میزبانی وب است که نسخه دارای محدودیتی از نرم‌افزار مشهور و محبوب خود میزبان وردپرس را ارائه می‌دهد. کاربران WordPress.com نمی‌توانند افزونه‌ای نصب کنند مگر اینکه حساب کاربری و نسخه نرم‌افزارشان را به حالت کسبوکار ارتقا دهند. با این اوصاف اگر شما از کاربران نسخه رایگان، شخصی یا پرمیوم هستید قادر به نصب افزونه‌های شخص ثالث نخواهید بود.
اگر به هر دلیلی تمایلی به ارتقا حساب کاربری به نسخه کسبوکار را ندارید می‌توانید وبلاگ‌تان را از WordPress.com به WordPress.org منتقل کنید. اگر برای انجام این کار با مشکل مواجه هستید می‌توانید از افراد با تجربه‌تری در این زمینه کمک بگیرید.
🔸 ۲. با مشکل کمبود حافظه مواجه هستید
دومین سناریوی متداول در مورد مشکل نصب افزونه این است که شما قادر به دیدن و دسترسی به منوی افزونه هستید اما نمی‌توانید پلاگین‌ها را نصب کنید.
علت مشکل نصب نشدن افزونه در این مورد معمولاً به‌خاطر محدودیت حافظه PHP است. در سرویس میزبانی وردپرس‌تان و درون هسته آن تنظیماتی وجود دارد که میزان حافظه را تعیین می‌کند که می‌توانید از آن استفاده کنید. وقتی که یک فرآیند به این محدودیت می‌رسد متوقف شده یا خطایی شبیه زیر را به شما نشان می‌دهد: Fatal error: Allowed memory size of ۶۷۱۰۸۸۶۴ bytes exhausted
برای حل سریع این مشکل می‌توانید محدودیت حافظه PHP را افزایش دهید. شما می‌توانید با اضافه کردن این خط کد به فایل wpconfig.php این کار را انجام دهید:
define('WP_MEMORY_LIMIT', '256M');
مطالعه ادامه مطلب 👇👇
🔗 مشکل نصب افزونه در وردپرس — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ۱۰ کتابخانه و فریم‌ورک جاوا اسکریپت که باید آنها را بشناسید — قسمت اول
══ فهرست مطالب ══
○ چه تفاوتی بین کتابخانه و فریم‌ورک وجود دارد؟
○ کتابخانه‌ها
○ JQUERY، یک کتابخانه کلاسیک قدیمی
○ آیا شما باید از jQuery استفاده کنید؟
○ Underscore and Lodash
○ D۳.JS
○ REACT، کتابخانه مورد‌علاقه فیس‌بوک
○ GLIMMER.JS، مؤلفه‌های رابط کاربری برای وب
🔸 چه تفاوتی بین کتابخانه و فریم‌ورک وجود دارد؟
پرسشی که اغلب برای برنامه‌نویسان تازه‌کار پیش می‌آید این است که کتابخانه و فریم‌ورک چه تفاوتی با‌هم دارند؟ باید بگوییم که پرسش بسیار خوبی است و بحث زیادی درباره آن در اینترنت وجود دارد. سعی می‌کنیم به طور خلاصه برای شما این دو مفهوم را توضیح دهیم.
به طور کلی، کتابخانه، یک قطعه کد، باقابلیت استفاده مجدد است که در ابتدای کار مورداستفاده قرار می‌گیرد. یک کتابخانه می‌تواند از چندین توابع (functions)، اشیاء (objects) و متد (methods) وابسته به زبان، تشکیل‌شده باشد. (منظور از زبان در اینجا زبان برنامه‌نویسی هدف است؛ مثلا شما با زبان برنامه‌نویسی جاوا اسکریپت (JAVA SCRIPT)، جاوا (JAVA)، ویژوال‌بیسیک (VISUAL BASIC) یا پی‌اچ‌پی (PHP) برنامه‌ای را می‌نویسید.) برنامه‌ای که شما می‌نویسید برای استفاده از قابلیت‌های یک کتابخانه باید به آن لینک کند.
از سوی دیگر، یک فریم‌ورک یا چهار‌چوب، کنترل بیشتری روی برنامه شما دارد. اگر بخواهیم دقیق‌تر به این موضوع بپردازیم، یک فریم‌ورک، برنامه عظیم از پیش نوشته‌شده‌ای است که می‌تواند برای حل مشکلی که در یک ناحیه خاص وجود دارد، به کار گرفته شود. فریم‌ورک‌ها شامل چندین کتابخانه هستند.
مطالعه ادامه مطلب 👇👇
🔗 ۱۰ کتابخانه و فریم‌ورک جاوا اسکریپت که باید آنها را بشناسید — قسمت اول — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
══ فهرست مطالب ══
○ چه تفاوتی بین کتابخانه و فریم‌ورک وجود دارد؟
○ کتابخانه‌ها
○ JQUERY، یک کتابخانه کلاسیک قدیمی
○ آیا شما باید از jQuery استفاده کنید؟
○ Underscore and Lodash
○ D۳.JS
○ REACT، کتابخانه مورد‌علاقه فیس‌بوک
○ GLIMMER.JS، مؤلفه‌های رابط کاربری برای وب
🔸 چه تفاوتی بین کتابخانه و فریم‌ورک وجود دارد؟
پرسشی که اغلب برای برنامه‌نویسان تازه‌کار پیش می‌آید این است که کتابخانه و فریم‌ورک چه تفاوتی با‌هم دارند؟ باید بگوییم که پرسش بسیار خوبی است و بحث زیادی درباره آن در اینترنت وجود دارد. سعی می‌کنیم به طور خلاصه برای شما این دو مفهوم را توضیح دهیم.
به طور کلی، کتابخانه، یک قطعه کد، باقابلیت استفاده مجدد است که در ابتدای کار مورداستفاده قرار می‌گیرد. یک کتابخانه می‌تواند از چندین توابع (functions)، اشیاء (objects) و متد (methods) وابسته به زبان، تشکیل‌شده باشد. (منظور از زبان در اینجا زبان برنامه‌نویسی هدف است؛ مثلا شما با زبان برنامه‌نویسی جاوا اسکریپت (JAVA SCRIPT)، جاوا (JAVA)، ویژوال‌بیسیک (VISUAL BASIC) یا پی‌اچ‌پی (PHP) برنامه‌ای را می‌نویسید.) برنامه‌ای که شما می‌نویسید برای استفاده از قابلیت‌های یک کتابخانه باید به آن لینک کند.
از سوی دیگر، یک فریم‌ورک یا چهار‌چوب، کنترل بیشتری روی برنامه شما دارد. اگر بخواهیم دقیق‌تر به این موضوع بپردازیم، یک فریم‌ورک، برنامه عظیم از پیش نوشته‌شده‌ای است که می‌تواند برای حل مشکلی که در یک ناحیه خاص وجود دارد، به کار گرفته شود. فریم‌ورک‌ها شامل چندین کتابخانه هستند.
مطالعه ادامه مطلب 👇👇
🔗 ۱۰ کتابخانه و فریم‌ورک جاوا اسکریپت که باید آنها را بشناسید — قسمت اول — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
Forwarded from مجله فرادرس
📙 دسته وردپرس و سئو: پربازدیدترین مطالب اخیر «وردپرس و سئو» مجله فرادرس
1️⃣ مشکل نصب افزونه در وردپرس
───────────────
2️⃣ ساخت سایت با وردپرس رایگان
───────────────
3️⃣ چگونه بازدید وبلاگ خود را افزایش دهیم
───────────────
4️⃣ ترفندهای وردپرس — افزودن قابلیت پخش GIF با کلیک
───────────────
5️⃣ راهنمای جامع راه‌اندازی وبسایت با وردپرس — بخش اول
#وردپرس_و_سئو
📚 سایر مطالب مجله فرادرس
🔗 fdrs.ir/blog
@FaraDarsMag — مجله فرادرس
📙 دسته وردپرس و سئو: پربازدیدترین مطالب اخیر «وردپرس و سئو» مجله فرادرس
1️⃣ مشکل نصب افزونه در وردپرس
───────────────
2️⃣ ساخت سایت با وردپرس رایگان
───────────────
3️⃣ چگونه بازدید وبلاگ خود را افزایش دهیم
───────────────
4️⃣ ترفندهای وردپرس — افزودن قابلیت پخش GIF با کلیک
───────────────
5️⃣ راهنمای جامع راه‌اندازی وبسایت با وردپرس — بخش اول
#وردپرس_و_سئو
📚 سایر مطالب مجله فرادرس
🔗 fdrs.ir/blog
@FaraDarsMag — مجله فرادرس
Forwarded from FaraWebDev | فرا وب: آموزش طراحی و توسعه وب
✳️ مناسب‌ترین زبان برنامه‌نویسی وب برای اهداف مختلف چیست؟
پیش از انتخاب زبان برنامه‌نویسی مناسب، هر فرد باید به یک سری سؤالات بخصوص پاسخ دهد. به عنوان مثال، اگر شخصی بخواهد کدنویسی یک برنامه کاربردی تحت وب یا مرورگر را آغاز کند، چه گزینه‌هایی پیش روی خود خواهد داشت؟ یا چرا باید در شرایط بخصوص، زبان برنامه‌نویسی خاصی را به زبان‌های دیگر ترجیح داد؟ این مقاله، چک‌لیستی از یک سری سؤال مهم را در اختیار شما قرار می‌دهد که می‌توانید با در نظر داشتن و پاسخ به آنها، مناسب‌ترین زبان برنامه‌نویسی وب برای خودتان را انتخاب کنید.
══ فهرست مطالب ══
○ «مناسب بودن» را برای خود تعریف کنید
○ استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟
○ محبوب‌ترین زبان برنامه‌نویسی وب کدام است؟
○ کدام‌یک از زبان‌های برنامه‌نویسی وب چندمنظوره هستند؟
○ منابع آموزشی برای زبان‌های برنامه‌نویسی وب کدامند؟
○ از چه پلتفرمی استفاده می‌کنید؟
○ انتخاب توسعه فرانت‌اند (Front-End) یا بک‌اند (Back-End)؟
○ هدف شما از برنامه‌نویسی چیست؟
○ سخن آخر
🔸 «مناسب بودن» را برای خود تعریف کنید
انتخاب زبان «مناسب» می‌تواند کمی گمراه‌کننده باشد. این بدان معناست که گزینه‌های نامناسب نیز وجود دارند. برخی از زبان‌ها به شما در دستیابی به اهداف برنامه‌نویسی‌تان هیچ کمکی نمی‌کنند، با این حال در بسیاری از موارد، روش‌های متعددی برای رسیدن به خروجی مطلوب وجود دارند. این موضوع، مخصوصاً در برنامه‌نویسی وب مصداق دارد.
تمرکز اصلی برخی از زبان‌ها مانند جاوااسکریپت بر روی توسعه وب است، در حالیکه برخی دیگر مانند جاوا، به عنوان زبان‌های عمومی شناخته می‌شوند. حال باید بر روی سؤالاتی تمرکز کنید که پاسخ آنها شما را در تعیین زبان برنامه‌نویسی مناسب یاری کند. در ادامه، هر یک از این سؤالات را مورد بررسی قرار خواهیم داد.
🔸 استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟
تعیین آسان‌ترین زبان برنامه‌نویسی وب، به سابقه شما بستگی دارد. اگر تجربه‌ای در استفاده از زبان‌هایی مانند HTML داشته باشید، با مفاهیم «سینتکس» (Syntax) و «قالب‌بندی» (Layout) آشنا خواهید بود. علاوه بر این، سرعت یادگیری افراد با هم متفاوت است و همین موضوع، تعریف «آسان بودن» را برای هر فرد تعیین می‌کند. با این حال، برخی از زبان‌های برنامه‌نویسی به طور کلی نسبت به زبان‌های دیگر ساده‌تر هستند.
برای استفاده آسان از یک زبان، باید گزینه‌ای را انتخاب کنید که علاوه بر بهره‌مندی از «فریم‌ورک» (Framework) و کتابخانه‌های متعدد، ساختاریافته، مختصر و مفید باشد. علاوه بر این‌ها، داشتن سینتکس ساده‌تر نیز به عنوان یک مزیت محسوب می‌شود. در قسمت زیر، برخی از زبان‌های مناسب برای افراد مبتدی به همراه ویژگی‌های اصلی این زبان‌ها آورده شده است:
مطالعه ادامه مطلب 👇👇
🔗 مناسب‌ترین زبان برنامه‌نویسی وب برای اهداف مختلف چیست؟ — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
پیش از انتخاب زبان برنامه‌نویسی مناسب، هر فرد باید به یک سری سؤالات بخصوص پاسخ دهد. به عنوان مثال، اگر شخصی بخواهد کدنویسی یک برنامه کاربردی تحت وب یا مرورگر را آغاز کند، چه گزینه‌هایی پیش روی خود خواهد داشت؟ یا چرا باید در شرایط بخصوص، زبان برنامه‌نویسی خاصی را به زبان‌های دیگر ترجیح داد؟ این مقاله، چک‌لیستی از یک سری سؤال مهم را در اختیار شما قرار می‌دهد که می‌توانید با در نظر داشتن و پاسخ به آنها، مناسب‌ترین زبان برنامه‌نویسی وب برای خودتان را انتخاب کنید.
══ فهرست مطالب ══
○ «مناسب بودن» را برای خود تعریف کنید
○ استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟
○ محبوب‌ترین زبان برنامه‌نویسی وب کدام است؟
○ کدام‌یک از زبان‌های برنامه‌نویسی وب چندمنظوره هستند؟
○ منابع آموزشی برای زبان‌های برنامه‌نویسی وب کدامند؟
○ از چه پلتفرمی استفاده می‌کنید؟
○ انتخاب توسعه فرانت‌اند (Front-End) یا بک‌اند (Back-End)؟
○ هدف شما از برنامه‌نویسی چیست؟
○ سخن آخر
🔸 «مناسب بودن» را برای خود تعریف کنید
انتخاب زبان «مناسب» می‌تواند کمی گمراه‌کننده باشد. این بدان معناست که گزینه‌های نامناسب نیز وجود دارند. برخی از زبان‌ها به شما در دستیابی به اهداف برنامه‌نویسی‌تان هیچ کمکی نمی‌کنند، با این حال در بسیاری از موارد، روش‌های متعددی برای رسیدن به خروجی مطلوب وجود دارند. این موضوع، مخصوصاً در برنامه‌نویسی وب مصداق دارد.
تمرکز اصلی برخی از زبان‌ها مانند جاوااسکریپت بر روی توسعه وب است، در حالیکه برخی دیگر مانند جاوا، به عنوان زبان‌های عمومی شناخته می‌شوند. حال باید بر روی سؤالاتی تمرکز کنید که پاسخ آنها شما را در تعیین زبان برنامه‌نویسی مناسب یاری کند. در ادامه، هر یک از این سؤالات را مورد بررسی قرار خواهیم داد.
🔸 استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟
تعیین آسان‌ترین زبان برنامه‌نویسی وب، به سابقه شما بستگی دارد. اگر تجربه‌ای در استفاده از زبان‌هایی مانند HTML داشته باشید، با مفاهیم «سینتکس» (Syntax) و «قالب‌بندی» (Layout) آشنا خواهید بود. علاوه بر این، سرعت یادگیری افراد با هم متفاوت است و همین موضوع، تعریف «آسان بودن» را برای هر فرد تعیین می‌کند. با این حال، برخی از زبان‌های برنامه‌نویسی به طور کلی نسبت به زبان‌های دیگر ساده‌تر هستند.
برای استفاده آسان از یک زبان، باید گزینه‌ای را انتخاب کنید که علاوه بر بهره‌مندی از «فریم‌ورک» (Framework) و کتابخانه‌های متعدد، ساختاریافته، مختصر و مفید باشد. علاوه بر این‌ها، داشتن سینتکس ساده‌تر نیز به عنوان یک مزیت محسوب می‌شود. در قسمت زیر، برخی از زبان‌های مناسب برای افراد مبتدی به همراه ویژگی‌های اصلی این زبان‌ها آورده شده است:
مطالعه ادامه مطلب 👇👇
🔗 مناسب‌ترین زبان برنامه‌نویسی وب برای اهداف مختلف چیست؟ — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ترفندهای وردپرس — نمایش داده شدن در کادر پاسخ گوگل
شاید شما در جستجوی یک مطلب خاص در گوگل، متوجه تغییراتی در صفحه اول نتایج شده باشید. چند وقتی است که بعد از جستجوی مطلبی در موتور جستجوی گوگل، در ابتدای نتایج، یک کادر با پاسخ احتمالی سؤال شما نمایش داده می‌شود. به این کادر، کادر پاسخ گوگل (Google Answer Box) گفته می‌شود. در این مقاله، نحوه ظاهر شدن مطالب مختلف در کادر پاسخ گوگل را به شما آموزش توضیح خواهیم داد.
══ فهرست مطالب ══
○ کادر پاسخ گوگل چیست؟
○ چگونه گوگل اطلاعات را در کادر پاسخ نمایش می‌دهد؟
○ برای نمایش مقاله خود در کادر پاسخ گوگل چه کار باید کنید؟
○ در مطالب خود، از پاسخ‌های کوتاه و مفید استفاده کنید
○ توضیحات متای صفحات خود را بهینه‌سازی کنید
○ از فهرست‌ها، جداول و فهرست مطالب استفاده کنید
○ مطالب را با استفاده از انتخاب‌های داده محور بهینه‌سازی کنید
○ به دنبال بهترین روش‌های سئو باشید
○ ارزش تلاش برای نمایش در کادر پاسخ گوگل
🔸 کادر پاسخ گوگل چیست؟
کادر پاسخ گوگل، بخشی از گراف دانش (Knowledge Graph) گوگل است. این قابلیت در واقع الگوریتمی است که سعی می‌کند پاسخ کاربر را دقیقاً در صفحه اول نتایج نمایش دهد.
این الگوریتم، از فهرست‌ها، جداول و کادرهای پاسخ برای نمایش مرتبط‌ترین اطلاعات در بالای نتایج جستجو استفاده می‌کند. این اطلاعات از منابع مختلفی جمع‌آوری می‌شوند و سپس الگوریتم اشاره‌شده تصمیم می‌گیرد که کدام یک از نتایج باید در درون کادر پاسخ قرار گیرد. بر اساس تحقیقات صورت گرفته توسط «Advanced Web Ranking»، کادرهای پاسخ تقریباً ۳۲.۳ درصد نرخ کلیک را در بر می‌گیرند. همین مسئله، اهمیت فوق‌العاده کادرهای پاسخ در استراتژی بهینه‌سازی موتورهای جستجو یا همان سئو (SEO) را نمایان می‌کند.
🔸 چگونه گوگل اطلاعات را در کادر پاسخ نمایش می‌دهد؟
هدف اصلی کادر پاسخ، برطرف کردن فوری نیاز کاربران است. کاربرد کادر پاسخ بیشتر هنگامی مشخص می‌شود که کاربران به دنبال اطلاعاتی مانند چهره‌های مشهور و مردمی، فواصل بین مکان‌ها، تبدیل واحدها، نتایج و امتیازات تیم‌های ورزشی و … باشند.
در چنین مواردی، اگر کاربران اطلاعات مورد نیاز خود را دقیقاً از کادر پاسخ به دست بیاورند، می‌توانند سریعاً به سراغ جستجوی بعدی خود می‌روند. در بسیاری از جستجوها، تنها یک کادر از معتبرترین منابع اطلاعاتی اینترنت (مانند ویکی‌پدیا) به نمایش در می‌آید.
از یک جهت، به نظر می‌رسد که گوگل با این کار قصد دارد تا بخش زیادی از ترافیک اینترنتی را برای خود حفظ کند. اگرچه، همه‌ی کاربران به دنبال اطلاعات دقیق معرفی‌شده توسط گراف دانش گوگل نیستند. اگر کلمات کلیدی کاربر نیازمند یک پاسخ تخصصی، هوشمندانه یا بر پایه تحقیقات باشد، گوگل از منابع اینترنتی دیگر نیز استفاده می‌کند.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — نمایش داده شدن در کادر پاسخ گوگل — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
شاید شما در جستجوی یک مطلب خاص در گوگل، متوجه تغییراتی در صفحه اول نتایج شده باشید. چند وقتی است که بعد از جستجوی مطلبی در موتور جستجوی گوگل، در ابتدای نتایج، یک کادر با پاسخ احتمالی سؤال شما نمایش داده می‌شود. به این کادر، کادر پاسخ گوگل (Google Answer Box) گفته می‌شود. در این مقاله، نحوه ظاهر شدن مطالب مختلف در کادر پاسخ گوگل را به شما آموزش توضیح خواهیم داد.
══ فهرست مطالب ══
○ کادر پاسخ گوگل چیست؟
○ چگونه گوگل اطلاعات را در کادر پاسخ نمایش می‌دهد؟
○ برای نمایش مقاله خود در کادر پاسخ گوگل چه کار باید کنید؟
○ در مطالب خود، از پاسخ‌های کوتاه و مفید استفاده کنید
○ توضیحات متای صفحات خود را بهینه‌سازی کنید
○ از فهرست‌ها، جداول و فهرست مطالب استفاده کنید
○ مطالب را با استفاده از انتخاب‌های داده محور بهینه‌سازی کنید
○ به دنبال بهترین روش‌های سئو باشید
○ ارزش تلاش برای نمایش در کادر پاسخ گوگل
🔸 کادر پاسخ گوگل چیست؟
کادر پاسخ گوگل، بخشی از گراف دانش (Knowledge Graph) گوگل است. این قابلیت در واقع الگوریتمی است که سعی می‌کند پاسخ کاربر را دقیقاً در صفحه اول نتایج نمایش دهد.
این الگوریتم، از فهرست‌ها، جداول و کادرهای پاسخ برای نمایش مرتبط‌ترین اطلاعات در بالای نتایج جستجو استفاده می‌کند. این اطلاعات از منابع مختلفی جمع‌آوری می‌شوند و سپس الگوریتم اشاره‌شده تصمیم می‌گیرد که کدام یک از نتایج باید در درون کادر پاسخ قرار گیرد. بر اساس تحقیقات صورت گرفته توسط «Advanced Web Ranking»، کادرهای پاسخ تقریباً ۳۲.۳ درصد نرخ کلیک را در بر می‌گیرند. همین مسئله، اهمیت فوق‌العاده کادرهای پاسخ در استراتژی بهینه‌سازی موتورهای جستجو یا همان سئو (SEO) را نمایان می‌کند.
🔸 چگونه گوگل اطلاعات را در کادر پاسخ نمایش می‌دهد؟
هدف اصلی کادر پاسخ، برطرف کردن فوری نیاز کاربران است. کاربرد کادر پاسخ بیشتر هنگامی مشخص می‌شود که کاربران به دنبال اطلاعاتی مانند چهره‌های مشهور و مردمی، فواصل بین مکان‌ها، تبدیل واحدها، نتایج و امتیازات تیم‌های ورزشی و … باشند.
در چنین مواردی، اگر کاربران اطلاعات مورد نیاز خود را دقیقاً از کادر پاسخ به دست بیاورند، می‌توانند سریعاً به سراغ جستجوی بعدی خود می‌روند. در بسیاری از جستجوها، تنها یک کادر از معتبرترین منابع اطلاعاتی اینترنت (مانند ویکی‌پدیا) به نمایش در می‌آید.
از یک جهت، به نظر می‌رسد که گوگل با این کار قصد دارد تا بخش زیادی از ترافیک اینترنتی را برای خود حفظ کند. اگرچه، همه‌ی کاربران به دنبال اطلاعات دقیق معرفی‌شده توسط گراف دانش گوگل نیستند. اگر کلمات کلیدی کاربر نیازمند یک پاسخ تخصصی، هوشمندانه یا بر پایه تحقیقات باشد، گوگل از منابع اینترنتی دیگر نیز استفاده می‌کند.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — نمایش داده شدن در کادر پاسخ گوگل — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ کاربردهای var ،let و const در جاوا اسکریپت — به زبان ساده
در این نوشته به بررسی دو روش جدید برای ایجاد متغیرها در جاوا اسکریپت (ES۶) می‌پردازیم که let و const هستند. در این مسیر تفاوت‌های بین var ،let و const و همچنین موضوعاتی مانند حیطه تعریف تابع و بلوک، hoisting متغیرها و تغییرناپذیری (immutability) را بررسی می‌کنیم.
══ فهرست مطالب ══
○ اعلان یا مقداردهی اولیه متغیر
○ حیطه متغیر
○ Hoisting
○ تفاوت‌های var ،let و const
○ تفاوت بین let و const
🔸 اعلان یا مقداردهی اولیه متغیر
اعلان متغیر یک شناسه جدید را معرفی می‌کند:
var declaration
در دستور فوق ما یک شناسه به نام declaration ایجاد کردیم. در جاوا اسکریپت متغیرها در زمان ایجاد شدن، به صورت تعریف نشده (undefined) مقداردهی اولیه می‌شوند. معنی این حرف آن است که اگر تلاش کنید متغیر declaration را چاپ کنیم، با مقدار undefined مواجه خواهیم شد.
var declaration
console.log(declaration)
بنابراین اگر متغیر declaration را نمایش دهیم، یک مقدار تعریف نشده به دست می‌آوریم. در زمان مقداردهی اولیه متغیر، برخلاف اعلان آن یک مقدار به متغیر نسبت داده می‌شود.
var declaration
console.log(declaration) // undefined
declaration = 'This is an initialization'
🔸 حیطه متغیر
منظور از حیطه یا دامنه متغیر و یا تابع، مکان‌هایی است که متغیر درون برنامه از آنجا قابل دسترسی است. در جاوا اسکریپت دو نوع حیطه وجود دارند، حیطه سراسری (global scope) و حیطه تابع (function scope). بر اساس تعریف رسمی:
▪️اگر عبارت متغیر درون اعلان یک تابع باشد، متغیر با حیطه همان تابع تعریف می‌شود.
معنی گفته فوق این است که اگر یک متغیر را با استفاده از کلیدواژه var ایجاد کنیم، حیطه آن درون همان تابعی خواهد بود که تعریف شده است و صرفاً از آن تابع یا هر تابع دیگری که درون آن تابع تعریف شده باشد قابل دسترسی خواهد بود.
function getDate () {
var date = new Date()
return date
}
getDate()
console.log(date) // ❌ Reference Error
در کد فوق تلاش کرده‌ایم که به یک متغیر از خارج از تابعی که در آن اعلان شده دسترسی بیابیم. از آنجا که date دارای حیطه‌ای درون تابع getDate است، تنها از درون آن یا تابع‌های داخل آن قابل دسترسی است.
function getDate () {
var date = new Date()
function formatDate () {
return date.toDateString().slice(4) // ✅
}
return formatDate()
}
getDate()
console.log(date) // ❌ Reference Error
مطالعه ادامه مطلب 👇👇
🔗 کاربردهای var ،let و const در جاوا اسکریپت — به زبان ساده — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
در این نوشته به بررسی دو روش جدید برای ایجاد متغیرها در جاوا اسکریپت (ES۶) می‌پردازیم که let و const هستند. در این مسیر تفاوت‌های بین var ،let و const و همچنین موضوعاتی مانند حیطه تعریف تابع و بلوک، hoisting متغیرها و تغییرناپذیری (immutability) را بررسی می‌کنیم.
══ فهرست مطالب ══
○ اعلان یا مقداردهی اولیه متغیر
○ حیطه متغیر
○ Hoisting
○ تفاوت‌های var ،let و const
○ تفاوت بین let و const
🔸 اعلان یا مقداردهی اولیه متغیر
اعلان متغیر یک شناسه جدید را معرفی می‌کند:
var declaration
در دستور فوق ما یک شناسه به نام declaration ایجاد کردیم. در جاوا اسکریپت متغیرها در زمان ایجاد شدن، به صورت تعریف نشده (undefined) مقداردهی اولیه می‌شوند. معنی این حرف آن است که اگر تلاش کنید متغیر declaration را چاپ کنیم، با مقدار undefined مواجه خواهیم شد.
var declaration
console.log(declaration)
بنابراین اگر متغیر declaration را نمایش دهیم، یک مقدار تعریف نشده به دست می‌آوریم. در زمان مقداردهی اولیه متغیر، برخلاف اعلان آن یک مقدار به متغیر نسبت داده می‌شود.
var declaration
console.log(declaration) // undefined
declaration = 'This is an initialization'
🔸 حیطه متغیر
منظور از حیطه یا دامنه متغیر و یا تابع، مکان‌هایی است که متغیر درون برنامه از آنجا قابل دسترسی است. در جاوا اسکریپت دو نوع حیطه وجود دارند، حیطه سراسری (global scope) و حیطه تابع (function scope). بر اساس تعریف رسمی:
▪️اگر عبارت متغیر درون اعلان یک تابع باشد، متغیر با حیطه همان تابع تعریف می‌شود.
معنی گفته فوق این است که اگر یک متغیر را با استفاده از کلیدواژه var ایجاد کنیم، حیطه آن درون همان تابعی خواهد بود که تعریف شده است و صرفاً از آن تابع یا هر تابع دیگری که درون آن تابع تعریف شده باشد قابل دسترسی خواهد بود.
function getDate () {
var date = new Date()
return date
}
getDate()
console.log(date) // ❌ Reference Error
در کد فوق تلاش کرده‌ایم که به یک متغیر از خارج از تابعی که در آن اعلان شده دسترسی بیابیم. از آنجا که date دارای حیطه‌ای درون تابع getDate است، تنها از درون آن یا تابع‌های داخل آن قابل دسترسی است.
function getDate () {
var date = new Date()
function formatDate () {
return date.toDateString().slice(4) // ✅
}
return formatDate()
}
getDate()
console.log(date) // ❌ Reference Error
مطالعه ادامه مطلب 👇👇
🔗 کاربردهای var ،let و const در جاوا اسکریپت — به زبان ساده — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
