لرن بلاگ

ورود کاربر

وبلاگ سایت لرن بلاگ و مقالات طراحی وب

  • برچسب‌های مقالات سایت

  • آغاز به کار با تکنولوژی های وب آموزش elementor آموزش nuxt.js آموزش SQL آموزش ایجاد وب سایت آموزش جاوا اسکریپت آموزش وردپرس آموزش گیت افزونه وردپرس، پلاگین وردپرسی امنیت سایت تکنیک‌ های بهینه کردن سایت تگ‌ های HTML محتوای سایت محتوای ویدیویی مقایسه ابزارهای ساخت وب‌ سایت هاست وب‌ سایت پیداکردن منابع مناسب یادگیری یادگیری قالب دیوی یادگیری ویو جی اس

    • این وبلاگ سایت لرن بلاگ است. همان‌طور که می‌دانید یکی از اهداف مهم سایت ما، آموزش طراحی وب و مسائل پیرامون وب‌سایت است. لذا در این صفحه با مجموعه مقالات مرتبط با هاست وب سایت، تولید محتوای وب، زبان‌های برنامه نویسی و … در خدمت شما همراهان هستیم. با توجه به اینکه هر یک از این مباحث نیاز به آموزش‌های فراوان و تمرین و تکرار زیاد دارند، صرفاً با خواندن این مقالات طراحی وب، شما به یک طراح وب سایت حرفه‌ای تبدیل نمی‌شوید! بلکه نیاز دارید که دوره‌های آموزشی خاصی را در مورد هر مبحث بگذرانید. همچنین با خواندن کتاب های گوناگون مرتبط با زمینه وب سایت نیز می‌توانید به دانش خود اضافه کنید. اما آنچه در بخش مقالات طراحی وب مشاهده می‌کنید، نکات و ترفندهای مهمی است که به شما در پیش بردن اهداف خود در زمینه‌های مرتبط کمک می‌کند. همچنین برچسب‌های متنوع مقالات نیز در صفحه قرار داده شده که به کمک آن می‌توانید به تفکیک موضوع، به مقاله موردنظر خود دسترسی داشته باشید. از اینکه در کنار ما هستید بسیار خرسندیم! مشکلات آموزشی و احیاناً سفارش های مرتبط خود را می‌توانید از طریق «صفحه تماس با ما»، با مسئولین سایت در میان بگذارید.

    کلمات کلیدی محبوب

    دسته بندی ها

    مجموع نتیجه

    هیچ رکوردی یافت نشد

    نمایش همه نتایج
    تصویر مربوط به مقاله تگ‌های HTML مهم

    تگ‌های HTML مهم و کاربردی برای توسعه‌دهندگان وب‌سایت

    وحید برزویی مارس 12, 2024

    تگ‌های HTML یکی از مهم ترین مواردی است که به عنوان یک توسعه‌دهنده وب، باید برای مسلط شدن به آن برنامه داشته باشید. این زبان (HTML) در واقع، پایه و اساس هر وب‌سایت است و به شما امکان می‌دهد ساختار و محتوایی را که بازدیدکنندگان در مرورگرهای خود می‌بینند، ایجاد کنید. دانستن تگ‌های ضروری HTML برای ساخت وب‌سایتی که بخواهد عالی به نظر برسد و عملکرد خوبی داشته باشد، بسیار مهم است. در این مقاله که به آموزش تگ‌های HTML اختصاص دارد، ما تگ‌های مهم HTML را که هر توسعه‌دهنده وب‌سایتی باید بداند، با ارائه نمونه کدهای مناسب بررسی خواهیم کرد. از جمله این موارد می‌توان به تگ‌های مهمی چون تگ div، تگ table و تگ p اشاره نمود که همگی به تفصیل در ادامه مقاله توضیح داده خواهند شد.

    ادامه مطلب »
    تصویر مربوط به مقاله جاوااسکریپت چیست

    جاوااسکریپت چیست و چگونه به یادگیری جاوااسکریپت بپردازیم؟

    وحید برزویی مارس 11, 2024

    جاوااسکریپت یک زبان برنامه‌نویسی است که به همراه دو زبان HTML و CSS معمولاً به عنوان زبان‌های پایه وب شناخته می‌شوند. این زبان که توسط برندان ایچ (Brendan Eich) خلق شد، شما را قادر می‌سازد که ویژگی‌های جذاب‌تر و پیشرفته‌تری را به صفحات وب‌سایت خود اضافه کنید. در‌واقع بدون این زبان، وب‌سایت‌ها باید تنها به نمایش المان‌های ساده که کاربر سایت هم نمی‌تواند هیچ گونه تعاملی با آن‌ها داشته باشد، بسنده کنند. البته از کاربردهای جاوااسکریپت در سمت سرور که به پیدایش تکنولوژی چون نود جی اس (Node.js) منجر شده است نیز نباید غافل شویم. برای فهم بهتر موضوع به بررسی فواید و معایب این زبان نیز می‌پردازیم تا به پاسخ این پرسش دست یابیم که جاوااسکریپت چیست و چگونه رفتار می‌کند؟.

    این محتوا تنها برای کاربران دارای پلن طلایی قابل نمایش است.
    اکنون سطح عضویت خود را تعیین کنید!
    Already a member? از اینجا وارد شوید
    ادامه مطلب »
    تصویر مربوط به مقاله ری‌اکت‌جی‌اس (React.js) چیست

    ری‌اکت‌جی‌اس (React.js) چیست؟ موارد استفاده، مثال‌‌ها و …

    وحید برزویی مارس 2, 2024

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

    این محتوا تنها برای کاربران دارای پلن طلایی قابل نمایش است.
    اکنون سطح عضویت خود را تعیین کنید!
    Already a member? از اینجا وارد شوید
    ادامه مطلب »
    تصویر مربوط به مقاله مشکلات وردپرس

    مشکلات وردپرس: برخی خطاهای رایج سایت‌های وردپرسی و رفع آن‌ها

    حمید داودی نوامبر 26, 2023

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

    این محتوا تنها برای کاربران دارای پلن طلایی قابل نمایش است.
    اکنون سطح عضویت خود را تعیین کنید!
    Already a member? از اینجا وارد شوید
    ادامه مطلب »

    با افزونه های مهم و کاربردی وردپرس بیشتر آشنا شوید

    حمید داودی نوامبر 26, 2023

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

    ادامه مطلب »

    روش‌هایی برای وسط قرار دادن تگ div به کمک CSS

    حمید داودی نوامبر 25, 2023

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

    ادامه مطلب »

    راهنمای حرکت از ویو جی‌اس به سمت ناکست جی‌اس

    حمید داودی نوامبر 25, 2023

    هنگامی که صحبت از ساخت برنامه‌های کاربردی وب می‌شود، ویو جی‌اس (Vue.js) شهرت خود را به عنوان یک فریم‌ورک بسیار انعطاف‌پذیر و موردقبول توسعه‌دهندگان وب به دست آورده است. اما نظرتان چیست اگر بتوانید ویژگی‌های آن را حتی بیشتر تقویت کنید، به خصوص برای حل چالش های مربوط به موضوع بهینه‌سازی موتور جستجو (SEO)؟ اجازه دهید به سراغ ناکست 3 (Nuxt.js 3) - فریم‌ورک قوی ساخته‌شده بر پایه ویو جی‌اس 3 - برویم که تجربه توسعه وب‌سایت و نرم افزارهای تحت وب را برای شما را با رفع برخی محدودیت‌های ذاتی برنامه‌های تک صفحه‌ای (SPAs) لذت‌بخش‌تر می‌کند. در این پست، من به این موضوع می پردازم که چه دلیلی دارد که بخواهید از ویو جی‌اس به سمت ناکست جی‌اس بروید و چگونه ناکست 3 قابلیت‌های ویو 3 را تقویت می‌کند.

    این محتوا تنها برای کاربران دارای پلن طلایی قابل نمایش است.
    اکنون سطح عضویت خود را تعیین کنید!
    Already a member? از اینجا وارد شوید
    ادامه مطلب »

    ووکامرس و نحوه وارد کردن محصولات متغیر در آن

    حمید داودی نوامبر 25, 2023

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

    این محتوا تنها برای کاربران دارای پلن طلایی, پلن معمولی, و پلن نقره‌ای قابل نمایش است.
    اکنون سطح عضویت خود را تعیین کنید!
    Already a member? از اینجا وارد شوید
    ادامه مطلب »
    بنر مقاله وردپرس چیست؟

    وردپرس چیست؟ طراحی سایت با وردپرس چگونه صورت می‌گیرد؟

    حمید داودی نوامبر 24, 2023

    وردپرس چیست؟ وردپرس (WordPress) یک پلتفرم رایگان و منبع‌باز ایجاد وب‌سایت است. بخواهیم فنی‌تر صحبت کنیم، وردپرس یک سیستم مدیریت محتوا (CMS) است که به زبان PHP نوشته شده و از پایگاه داده MySQL استفاده می‌کند. به بیان ساده، وردپرس ساده‌ترین و قوی‌ترین سیستم وبلاگ‌نویسی و یا ساخت وب‌سایت است که امروزه وجود دارد. در این مقاله قرار است به شکل جزئی‌تر به این سوال پاسخ دهیم که «وردپرس چیست؟» و یاد بگیریم چگونه وب‌سایت خود را در وردپرس ایجاد کنیم و نکات و ترفندهایی را کشف کنیم که به ما کمک می‌کند تجربه کاربری را بهبود داده و طراحی سایت مناسبی داشته باشیم. اگر شما نیز به دنبال یادگیری وردپرس و شروع به کار با آن هستید، پیشنهاد می‌کنیم این مقاله را تا آخر دنبال کنید!

    ادامه مطلب »

    سئوی وردپرس، آموزش کامل سئوی یک وب‌سایت وردپرسی

    حمید داودی نوامبر 24, 2023

    سئوی وردپرس یا یک وب‌سایت وردپرسی چیست؟ تصور کنید که شما صاحب یک کتاب‌فروشی خوب در تهران هستید. اگر کسی عبارت “کتاب‌فروشی نزدیک {محله ای در تهران که مغازه شما در آنجا واقع شده}” را در گوگل جستجو کند، قطعا می‌خواهید که وب‌سایت وردپرسی مربوط به کتاب‌فروشی شما در بالای نتایج جستجو ظاهر شود، درست است؟ شما می‌توانید با اجرای موثرترین استراتژی‌های سئوی وردپرس، نسبت به وقوع چنین مسئله‌ای اطمینان حاصل کنید. ظاهر شدن وب‌سایت شما در بالای صفحه نتایج، چیزی است که برای دست‌یابی به آن، باید مدت زمانی را صرف بهینه‌سازی سایت خود کنید. با سرمایه‌گذاری در سئوی وردپرس، می‌توانید از رقبای خود متمایز شوید. لذا در اینجا به آموزش کامل سئوی یک وب‌سایت وردپرسی می‌پردازیم.

    ادامه مطلب »

    منظور از اصطلاح و پکیج MEAN در دنیای وب‌سایت چیست؟

    حمید داودی نوامبر 23, 2023

    پکیج MEAN مجموعه‌ای از تکنولوژی‌های جاوااسکریپتی منبع‌باز است که محبوبیت قابل‌توجهی به دست آورده‌اند. ساخت برنامه‌های وب پیچیده و فول‌استک (full-stack) به کمک آنها آسان شده و گزینه‌ای عالی برای توسعه وب‌سایت‌ها چه در بخش فرانت (frontend) و چه در بخش بک (backend) هستند.
    این مقاله به بررسی اجزای پکیج MEAN و موارد استفاده آن می‌پردازد و نشان می دهد که چرا این پکیج یک انتخاب هوشمندانه برای برنامه‌های تحت وب و فول‌استک شما است. کلمه MEAN مخفف چهار جزء کلیدی این پکیج است: MongoDB، Express.js، Angular و Node.js. هر جزء نقشی حیاتی در ساخت برنامه‌های کاربردی و انعطاف‌پذیر جاوااسکریپت دارد.

    ادامه مطلب »

    نحوه واردکردن داده در پایگاه داده MySQL

    حمید داودی سپتامبر 13, 2023

    در این مقاله قصد داریم که شما کاربران عزیز را با نحوه وارد کردن داده‌ها در پایگاه داده MySQL آشنا کنیم. در اینجا فرض ما بر آن است که شما آشنایی اولیه‌ای با مباحث مربوط به پایگاه داده و سیستم مدیریت پایگاه داده MySQL دارید و تمرکز ما بیشتر بر روی نحوه وارد کردن داده‌ها و به خصوص دستور insert در این سیستم است. برای این منظور نیاز است که در پایگاه داده خود جداولی را که قرار است در آنها داده وارد شود، از قبل ایجاد کرده باشید. ما جداولی به نام‌های person و favorite_food ایجاد خواهیم کرد و مطالب مقاله را به کمک آنها پیش می‌بریم. همچنین به ذکر برخی نکات در خصوص چگونگی کار با کلیدهای عددی مانند کلید اصلی (primary keys) در جداول و تولید داده برای آنها خواهیم پرداخت.

    ادامه مطلب »