• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

سوالاتی برای ساختن و برقرار کردن راهنمای FrontEnd (جلسه 3) : HTML - قسمت 2

0 270 ۱۵ بهمن ۹۵

frontend

در این جلسه با ادامه سوالات مربوط به HTML در خدمتتون هستیم.

ابزارهای مربوط به HTML

  • آیا تیمتون از ابزارهای Templating Engine استفاده میکنه؟

همونطور که میدونید ابزارهای زیادی به منظور Templating Engine وجود داره. شاید از خودتون پرسیده باشید که این ابزارها چه کاری رو برای ما انجام میدن؟ پاسخ اون خیلی ساده هست. با استفاده از این ابزارها میتونین کار با متنها و داده ها رو راحتتر و سریعتر کنید. میتونین با استفاده از اونا یک قالب از پیش تعریف شده بسازید و تعدادی متغیر با استفاده از {} درون اونا جاسازی کنید و در جای دیگه اطلاعات رو مشخص کنید و این اطلاعات یکی یکی سر جای خودشون قرار داده میشن. مثلا فرض کنید که میخاید درون یک صفحه تعدادی پست رو قرار بدین. همونطور که میدونین هر پست یک عنوان و متن و تاریخ و ... داره. شما با استفاده از Templating Engine، قالب اون رو میسازید و بعد اطلاعاتتون رو مثلا درون یک فایل JSON دیگه لود میکنید. هر بلاک داده که درون JSON قرار داره، یکی پس از دیگری درون قالب قرار میگیرن و همه پستها نمایش داده میشن.

حالا در اینجا تعدادی Templating Engine معروف رو بهتون معرفی میکنیم.mustache

معروفترین ابزاری که در این زمینه وجود داره Mustache هست. این ابزار تقریبا برای همه زبانهای برنامه نویسی وجود داره و میتونین از مزایای اون بهره ببرید. مثلا اگر میخاید درون Javascript از این ابزار استفاده کنید، به این صفحه برید. کار کردن با این ابزارها خیلی میتونه مفید باشه و سرعت رو بیشتر کنهhandlebars

این تصویر مربوط به Handlebars هست. این ابزار خیلی شبیه به Mustache هست و یک توسعه دهنده مقداری بر روی Mustache کار کرده و ویژگی هایی به اون اضافه کرده و Handlebars رو به وجود آورده. یعنی اگر Mustache رو بلد باشید، میتونین با این ابزار هم کار کنید. پس میشه به نوعی Handlebars رو ارتقاء یافته Mustache دونست.doT-js

این تصویر مربوط به doT هست و مزایای که این سایت معرفی کرده، سرعت و Performance اون هست و میشه از اون هم در مرورگر و هم در Node.js استفاده کرد.Dust-LinkedIn

این تصویر هم مربوط به ابزار Dust هست که توسط Linkedin ساخته و توسعه داده شده. خصوصیتی که این ابزار معرفی کرده Asynchronous بودن اون هست.ejs

این تصویر مربوط به ابزار EJS هست. EJS مخفف عبارت Effective JavaScript templating هستش و با استفاده از اون و به سادگی میتونین HTML5 Markup رو تولید کنید.

پس شما باید این در مورد فواید این ابزارها بیشتر بخونید و ببینید که بدردتون میخوره یا خیر. اگر بدرد بخور هست، پس یکی از اونا رو انتخاب و همگی نحوه کار با اون رو یاد گرفته و ازش درون سایتتون استفاده کنید. پس تا اینجا تکلیف Templating Engine هم مشخص شد.

در جلسات بعد با ادامه سوالات در خدمتتون هستم.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram