Ember Essence – جامعه dev

من از نام ember.js عبور کردم و کنجکاوی بودم که بیشتر در مورد آنچه در واقع است ، بدانم. من به سرعت فهمیدم که این چارچوب دیگری است که برای برنامه های وب استفاده می شود ، و همچنین برخی از شرکت هایی که من از آنها استفاده کردم اغلب از Ember.js نیز استفاده می کنند. همانطور که من به عنوان یک مهندس نرم افزار شغلی می کنم ، Ember.js چارچوبی دیگر است که احتمالاً می توانم به مهارت خود اضافه کنم. من می خواهم آنچه را که تاکنون آموخته ام به اشتراک بگذارم.

ember.js چیست؟
Ember.js یک چارچوب JavaScript برای ایجاد برنامه های وب تک صفحه ای (SPA) با رابط های کاربر پویا و پاسخگو است. این برنامه از الگوی مدل-کنترلر (MVC) استفاده می کند و شامل ابزارهای مفیدی مانند موتور قالب بندی ، یک روتر داخلی برای ناوبری و ویژگی هایی برای مدیریت داده و وضعیت کاربردی به طور مؤثر است. در سال 2011 منتشر شد و توسط یهودا کاتز ایجاد شده است.

مفاهیم کلیدی

• مسیرها: وضعیت برنامه به URL ها گره خورده است ، با هر URL دارای “شیء مسیر” است که آنچه را که کاربر می بیند کنترل می کند.

• مدل ها: هر مسیر دارای یک مدل حاوی داده برای آن قسمت از برنامه است که به طور معمول توسط داده های Ember مدیریت و بارگیری می شود.

• قالب ها: HTML برنامه را با استفاده از htmlbars تعریف کنید ، نسخه ای از دسته های دسته ای که مستقیماً عناصر DOM ایجاد می کند.

• مؤلفه ها: مؤلفه ها برچسب های HTML سفارشی هستند که رفتار و ظاهر خاص خود را دارند. آنها داده های خود را مدیریت می کنند و می توانند با سایر مؤلفه ها در تعامل باشند.

• خدمات: سرویس ها اشیاء تک در حال استفاده برای ذخیره داده های بلند مدت مانند جلسات کاربر هستند.

ویژگی های کلیدی

• کنوانسیون بیش از پیکربندی: اجازه دهید توسعه دهندگان روی ویژگی ها تمرکز کنند.

• EMBER CLI: ابزار خط فرمان که به مدیریت پروژه ها کمک می کند.

• اتصال داده های دو طرفه: تغییرات در مدل مشاهده را به روز می کند و تغییرات در نمایش مدل را به روز می کند.

• مسیریابی: ناوبری و تغییر دولت در برنامه های تک صفحه ای با مسیرهای تو در تو و URL های پویا را کنترل می کند.

• EMBER DATA: داده های برنامه را مدیریت می کند و باعث می شود که داده ها را از یک سرور ، ایجاد ، ایجاد ، بروزرسانی و حذف داده ها آسان کنید.

• قالب ها و دسته های فرمان: از موتور قالب بندی Handlebars برای تعریف محتوای HTML پویا استفاده می کند.

• مؤلفه ها: عناصر UI قابل استفاده مجدد که منطق و دید را ترکیب می کنند.

• آزمایش: با استفاده از پشتیبانی داخلی برای واحد ، ادغام و تست های پذیرش برای گرفتن زودرس اشکالات ، روی آزمایش تمرکز می کند.

شروع با Ember.js

• حتماً Node.js و NPM را بر روی سیستم خود نصب کنید.
• Ember CLI را در سطح جهانی با دستور زیر نصب کنید.

npm install -g ember-cli
npm install -g phantomjs

• یک برنامه جدید Ember ایجاد کنید.

ember new my-app

با این کار یک برنامه جدید EMBER با تنظیم و تنظیمات پیش فرض پوشه ایجاد می شود.

• برنامه خود را اجرا کنید: به پوشه پروژه خود بروید و سرور Ember را شروع کنید.

cd my-app
ember server

برنامه شما در http: // localhost: 4200 در دسترس خواهد بود.

• مسیرها و الگوهای ایجاد کنید: می توانید با استفاده از Ember CLI مسیرها و الگوهای جدید را اضافه کنید:

ember generate route about

این دستور مسیر جدیدی را برای صفحه “در مورد” ایجاد می کند و یک الگوی و فایل JavaScript خواهد داشت.

زمان شروع ساخت درخواست خود است.

پایان
Ember.js یک چارچوب JavaScript برای ساخت برنامه های وب پیچیده است. Ember.js به شما امکان می دهد به جای مدیریت چارچوب ، روی کد نوشتن تمرکز کنید. Ember ابزارها و چارچوبی را برای توسعه مؤثر ارائه می دهد.

منابع