آموزش JsRender Fundamentals

JsRender Fundamentals

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: یاد بگیرید که چگونه برنامه های وب سریع، قوی و قابل نگهداری با جاوا اسکریپت، جی کوئری و JsRender بسازید: جانشین قالب های jQuery. رندر بسیار سریع، نحو برچسب بدون کد، و بدون وابستگی به DOM و jQuery. این JsRender است. JsRender (جانشین قالب‌های jQuery) یک کتابخانه جاوا اسکریپت است که به شما امکان می‌دهد یک بار ساختار boilerplate را تعریف کنید و از آن برای تولید محتوا به صورت پویا استفاده کنید. بیاموزید که چگونه JsRender یک کتابخانه قالب جدید را به توسعه HTML5 می آورد که دارای نحو برچسب بدون کد، عملکرد بالا، بدون وابستگی به jQuery و DOM است، از ایجاد توابع سفارشی پشتیبانی می کند و از رندر مبتنی بر رشته خالص استفاده می کند.

سرفصل ها و درس ها

JsRender Fundamentals: Course Overview JsRender Fundamentals: Course Overview

  • بررسی اجمالی دوره Course Overview

شروع کار با JsRender Getting Started with JsRender

  • معرفی Introduction

  • JsRender چیست؟ What is JsRender

  • معیارهای عملکرد JsRender JsRender Performance Benchmarks

  • JsFiddle JsFiddle

  • JsFiddle و JsRender Hello World: Demo JsFiddle and JsRender Hello World: Demo

  • استایل بوت استرپ: نسخه ی نمایشی Bootstrap Styling: Demo

  • چرا از JsRender استفاده کنیم؟ Why Use JsRender?

  • با و بدون قالب JsRender: نسخه ی نمایشی With and Without JsRender Templates: Demo

  • شروع کار در ویژوال استودیو Getting Started in Visual Studio

  • شروع به کار در ویژوال استودیو: نسخه ی نمایشی Getting Started in Visual Studio: Demo

  • 3 مرحله برای JsRender 3 Steps to JsRender

  • 3 مرحله برای JsRender: نسخه ی نمایشی 3 Steps to JsRender: Demo

  • قراردادهای دوره: نسخه ی نمایشی Course Conventions: Demo

  • منابع و خلاصه Resources and Summary

JsRender Core Tokens JsRender Core Tokens

  • بررسی اجمالی Overview

  • جی کوئری ندارید؟ مشکلی نیست No jQuery? No Problem

  • نسخه ی نمایشی: جی کوئری ندارید؟ مشکلی نیست Demo: No jQuery? No Problem

  • رمزگذاری HTML و مسیرهای داده HTML Encoding and Data Paths

  • نسخه ی نمایشی: رمزگذاری HTML و مسیرهای داده Demo: HTML Encoding and Data Paths

  • برای بلوک ها و زمینه داده ها For Blocks and Data Context

  • نسخه ی نمایشی: برای بلوک ها و زمینه داده ها Demo: For Blocks and Data Context

  • شرایط و عبارات Conditionals and Expressions

  • نسخه ی نمایشی: شرایط و عبارات Demo: Conditionals and Expressions

  • خلاصه Core Tokens Core Tokens Summary

مشاهده مسیرها، تودرتو، و تغییرات زمینه View Paths, Nesting, and Context Changes

  • بررسی اجمالی Overview

  • قالب‌های تودرتو و #شاخص Nested Templates and #index

  • نسخه ی نمایشی: قالب های تودرتو و #شاخص Demo: Nested Templates and #index

  • حلقه از طریق چندین شی Loop Through Multiple Objects

  • نسخه ی نمایشی: حلقه از طریق چندین شی Demo: Loop Through Multiple Objects

  • تغییر متن با نشانه {{for}} Changing Context with the {{for}} Token

  • نسخه ی نمایشی: تغییر متن با نشانه {{برای}} Demo: Changing Context with the {{for}} Token

  • سفر به بالا و پایین نمودارهای شی Travelling Up and Down Object Graphs

  • نسخه ی نمایشی: سفر به بالا و پایین نمودارهای شی Demo: Travelling Up and Down Object Graphs

  • نسخه ی نمایشی: زمینه و #شاخص Demo: Context and #index

  • خلاصه Recap

مدیریت قالب ها Managing Templates

  • بررسی اجمالی Overview

  • کامپایل کردن و تغییر دادن قالب ها Compiling and Toggling Templates

  • نسخه ی نمایشی: کامپایل و تغییر دادن قالب ها Demo: Compiling and Toggling Templates

  • ثبت الگوهای کامپایل شده با نام Registering compiled named templates

  • نسخه ی نمایشی: ثبت قالب های کامپایل شده با نام Demo: Registering compiled named templates

  • کامپایل و ثبت چندین قالب Compiling and Registering Multiple Templates

  • نسخه ی نمایشی: کامپایل و ثبت چندین قالب Demo: Compiling and Registering Multiple Templates

  • دریافت، کامپایل و رندر قالب های خارجی Getting, Compiling, and Rendering External Templates

  • نسخه ی نمایشی: دریافت، کامپایل و ارائه الگوهای خارجی Demo: Getting, Compiling, and Rendering External Templates

  • نسخه ی نمایشی: استفاده مجدد از چندین الگوی خارجی Demo: Reusing Multiple External Templates

  • خلاصه Recap

مفاهیم و نکات پیشرفته JsRender Advanced JsRender Concepts and Tips

  • بررسی اجمالی Overview

  • برچسب های سفارشی Custom Tags

  • ایجاد یک برچسب سفارشی رتبه بندی ستاره Creating a Star Rating Custom Tag

  • مبدل ها Converters

  • مبدل در عمل Converters In Action

  • تابع کمکی در یک زمینه الگو Helper Function in a Template Context

  • تابع کمکی در یک زمینه الگو: نسخه ی نمایشی Helper Function in a Template Context: Demo

  • استفاده از توابع Helper با برچسب های سفارشی Using Helper Functions with Custom Tags

  • اجازه دادن به جاوا اسکریپت Allowing JavaScript

  • اجازه دادن به جاوا اسکریپت: نسخه ی نمایشی Allowing JavaScript: Demo

  • توابع کمکی قابل استفاده مجدد Reusable Helper Functions

  • توابع کمکی قابل استفاده مجدد: نسخه ی نمایشی Reusable Helper Functions: Demo

  • تصمیم گیری بین برچسب ها، مبدل ها و توابع کمکی Deciding Between Tags, Converters, and Helper Functions

نمایش نظرات

آموزش JsRender Fundamentals
جزییات دوره
2h 59m
60
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
110
از 5
دارد
دارد
دارد
John Papa
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

John Papa John Papa

جان پاپا یک طرفدار اصلی توسعه دهنده با مایکروسافت و فارغ التحصیل برنامه های Google Developer Expert ، Microsoft Regional Director و MVP است. او علاقه زیادی به فن آوری های وب و تلفن همراه دارد و اغلب از سخنرانی در سراسر جهان در سخنرانی ها و جلسات کنفرانس ها از جمله NgConf ، Build ، Ignite ، VSLive و AngleBrackets لذت می برد. جان میزبان مشترک پادکست محبوب Adventures in Angular ، نویسنده کتاب راهنمای سبک Angular ، چندین کتاب و بسیاری از دوره های محبوب Pluralsight است. می توانید در johnpapa.net یا در توییترjohn_papa به او برسید.