آموزش باشه، آمبراکو

OK, Umbraco

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: یک وب سایت کامل با استفاده از Umbraco CMS ایجاد کنید - سفر از کاغذ تا نصب منتشر شده Umbraco - اما همه این کار را انجام می دهند، درست است؟ ببینید چگونه با استفاده از Umbraco می‌توانید وب‌سایت‌های قابل استفاده مجدد بسازید و پروژه‌های خود را کاهش دهید. نحوه سازماندهی پروژه‌های خود - Umbraco همیشه به‌روزرسانی‌ها را دریافت می‌کند، بنابراین باید آماده باشید نحوه ایجاد یک وب‌سایت با قابلیت ورود، ثبت‌نام و جستجو از APIهای خارجی استفاده کنید - از API توییتر پرس و جو کنید و در یک ویجت سفارشی رندر کنید. به دنبال پاسخ

Umbraco یک سیستم مدیریت محتوا (CMS) است و عالی است - عمدتاً به این دلیل که رایگان است! این باعث می شود که آن را به یک انتخاب عالی برای پروژه بعدی وب سایت شما تبدیل کنید. من قرار نیست راهنمای شما را بخوانم یا هر دکمه را مرور کنم، "این کار را انجام می دهد"، "این کار را انجام می دهد". من قصد دارم شما را در طول سفر از یک ایده روی یک تکه کاغذ به یک وب سایت کاملاً کارآمد که از طریق Umbraco ارائه می شود، راهنمایی کنم. من تمام تلاش خود را کرده‌ام تا این کار را به شیوه‌ای جذاب و دوستانه انجام دهم که در حین ساختن سایت، اصول اولیه را ارائه می‌دهد!

ما یک وب سایت در Umbraco ایجاد خواهیم کرد که ویژگی های زیر را اعمال می کند:

  • انواع سند - اینها نقشه هایی برای ایجاد صفحات محتوا هستند

  • قالب‌ها - قالب‌های صفحه html "razor" (ASP.NET MVC)

  • استفاده از انواع سند برای نگهداری داده ها - تنظیمات سایت، الگوهای ایمیل

  • ویرایشگر متن غنی - فرمت های سفارشی خود را در CSS ایجاد کنید

  • "شبکه" Umbraco - یک طرح بندی صفحه انعطاف پذیر (بر روی Bootstrap ساخته شده است!)

  • ماکروها - نماهای خود را در ویجت‌هایی جمع کنید که می‌توان آنها را به "شبکه" اضافه کرد

  • تزریق وابستگی - Umbraco 8 با چارچوب DI ساخته شده است. از آن برای ارجاع به خدمات سفارشی خود استفاده کنید

  • کد سفارشی را در یک پروژه جداگانه جدا کنید

  • کنترل‌های سطحی - درست مانند کنترل‌کننده‌های ASP.NET MVC، اما با Umbraco خوب بازی می‌کنند

  • ارسال فرم - فرم هایی ایجاد کنید که به کنترل کننده های سطحی که منطق سفارشی در آنها وجود دارد ارسال می کنند

من نه تنها به نحوه انجام کارها به روش Umbraco می پردازم، بلکه برخی از تکنیک هایی را که در طول سال ها به کار گرفته ام به شما نشان می دهم:

  • چگونه یک طرح را قاب بندی کنیم

  • مفید بودن تزریق وابستگی

  • یک سرویس ایمیل عمومی برای ارسال اعلان‌های مختلف مبتنی بر الگو

  • نحوه تعامل با APIها - با استفاده از Twitter به عنوان مثال

  • استفاده از Bootstrap (v4) برای شروع اولیه در طرح‌بندی و استفاده از مؤلفه‌ها

  • فرایند ثبت نام و عضویت

من در طول مدت این دوره از Umbraco V8 استفاده خواهم کرد - که آخرین نسخه در زمان چاپ بود.



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

معرفی Introduction

  • درمورد من About me

  • در دوره چیست؟ What's in the course?

  • چرا CMS؟ Why CMS?

  • و چرا آمبراکو؟ And why Umbraco?

بالا و در حال اجرا Up and Running

  • آنچه شما نیاز دارید What you need

  • Umbraco را نصب کنید Install Umbraco

  • Umbraco - راه CE را نصب کنید Install Umbraco - the CE way

  • Umbraco - راه SQL را نصب کنید Install Umbraco - the SQL way

سلام دنیا Hello World

  • ورود به بک آفیس Logging in to the Back Office

  • سلام دنیا! Hello World!

  • بررسی و چالش صفحه درباره Review and the About page challenge

  • چالش صفحه درباره - پاسخ The About page challenge - answer

  • سلام آمبراکو Hello Umbraco

سلام جهان - راه CMS Hello World - the way of the CMS

  • روش CMS The way of the CMS

  • صفحه درباره را اصلاح کنید تا از یک کادر متنی برای ارائه محتوای صفحه استفاده کنید Amend the About page to use a text box to supply the page content

  • سازماندهی مجدد محتوا Re-organise the content

تکرار و تکرار - دشمن Repetition & Duplication - the enemy

  • ترکیب بندی Composition

  • ترکیب - اضافه کردن به صفحه درباره Composition - adding to the About page

  • صفحات اصلی Master Pages

  • برای استفاده از صفحه اصلی، صفحه درباره را دوباره فاکتور کنید Refactor the About page to use the master page

  • منابع Resources

طراحی و مشخصات - بسیار توسعه یافته است Design and Specification - HighlyDeveloped

  • فرآیند طراحی من My design process

شروع ساخت Starting the build

  • تنظیمات سایت Site Settings

  • افزودن مراجع به صفحه اصلی Adding references to master page

  • بسته بندی و کوچک سازی Bundling and Minification

  • اضافه کردن ناوبری سایت Adding site navigation

  • پویا کردن ناوبری Making the navigation dynamic

  • نماهای جزئی - ناوبری را اصلاح کنید Partial Views - refactor the nav

  • در پاورقی قرار دهید Put in the footer

  • فوتر را اصلاح کنید Refactor the footer

  • همه به تأیید کوکی نیاز دارند Everyone needs a cookie confirm

  • کجا بودیم؟ Where have we been?

صفحه نخست Home Page

  • در این بخش... In this section...

  • ما به قهرمان دیگری نیاز نداریم We don't need another hero

  • فراخوانی برای اقدام Call to Action

  • افزودن خبر - تعریف نوع سند Adding the news - defining the document type

  • افزودن خبر - تعریف لیست اخبار Adding the news - defining the News list

  • افزودن اخبار - ارائه آخرین اخبار Adding the news - rendering the latest news

  • اضافه کردن توییتر - مقدمه Adding Twitter - introduction

  • اضافه کردن توییتر - جدول زمانی را جاسازی کنید Adding Twitter - embed the timeline

  • اضافه کردن توییتر - مکان در یک ماکرو Adding Twitter - place in a Macro

  • افزودن توییتر - پروژه اصلی Adding Twitter - the Core project

  • اضافه کردن توییتر - ایجاد کنترل کننده سطح Adding Twitter - creating the surface controller

  • افزودن توییتر - تماس API Adding Twitter - the API Call

  • اضافه کردن توییتر - رندر کردن توییت ها Adding Twitter - rendering the tweets

  • اضافه کردن توییتر - بررسی Adding Twitter - Review

درباره صفحه About Page

  • بخش مقدمه - نیاز به انواع سند عمومی Section Intro - the need for generic document types

  • ایجاد نوع سند محتوای عمومی Creating the generic content document type

  • سبک و RTE (ویرایشگر متن غنی) Styling and the RTE (rich text editor)

  • محتوای صفحه انعطاف پذیر با Umbraco Grid Flexible page content with the Umbraco Grid

  • ماکرو + شبکه = طراحی انعطاف پذیر Macros + The Grid = flexible design

  • بررسی پایان بخش End of section review

صفحه حریم خصوصی Privacy Page

  • ایجاد صفحه حریم خصوصی و پنهان شدن از منو Creating the Privacy Page and hiding from the menu

پر کردن فرم ها Filling in forms

  • معرفی Introduction

  • کدگذاری فرم تماس Coding the contact form

  • فرم تماس: داده های فرم را اعتبار سنجی کنید The contact form : Validate the form data

  • فرم تماس: اعتبار سنجی سمت مشتری The contact form : Client-side validation

  • فرم تماس: مقدمه ای برای ذخیره داده ها The contact form : Introduction to saving the data

  • فرم تماس: مکانی برای ذخیره The contact form : A place to save

  • فرم تماس: داده ها را ذخیره کنید The contact form : Save the data

  • فرم تماس: الزامات برای هشدار ایمیل The contact form : requirements for the email alert

  • فرم تماس: ارسال ایمیل The contact form : sending the email

  • فرم تماس: تست ایمیل The contact form : testing the email

  • اختیاری: اسپم را متوقف کنید! Optional: Stop the spam!

  • اختیاری: افزودن reCaptcha به فرم Optional: Adding reCaptcha to the form

  • اختیاری: انجام بررسی reCaptcha Optional: Doing the reCaptcha check

محتوای تو در تو Nested Content

  • تنظیم انواع اسناد و ترکیبات Setting up the document types and compositions

  • رندر کردن محتوای تو در تو Rendering the nested content

صفحه مقاله خبر The News Article Page

  • کدگذاری صفحه مقاله اخبار Coding the News Article Page

  • افزودن پشتیبانی Open Graph برای اشتراک گذاری بهتر رسانه های اجتماعی Adding Open Graph support for better Social Media sharing

  • پیکربندی مقاله اخبار برای محتوای مرتبط Configuring the News Article for related content

  • بخش اخبار مرتبط را رندر کنید Render the Related News section

صفحه فهرست مقالات اخبار The News Articles Listing Page

  • افزودن اخبار Adding the News

  • رندر کردن فیلتر Rendering the filter

  • سیم کشی عملکرد فیلتر Wiring the filter functionality

  • صفحه بندی را اضافه کنید Add paging

صفحه جستجو The Search Page

  • مقدمه ای برای جستجو Introduction to search

  • صفحه جستجو را ایجاد کنید Create the search page

  • ارائه نتایج جستجو Rendering the search results

سرویس ایمیل عمومی (ish). Generic(ish) Email Service

  • مقدمه - IEmailService Introduction - IEmailService

  • رابط ها و پیاده سازی ها Interfaces and Implementations

  • با استفاده از سرویس Using the service

  • ساختن نوع سند الگوی ایمیل Making the Email Template Document Type

  • ساخت نوع سند ایمیل Making the Email Document Type

  • سیم کشی قالب به کپی Wiring up the template to the copy

  • ارسال از طریق SMTP Sending via SMTP

ثبت Registration

  • مقدمه ای بر فرآیند ثبت نام Introduction to the Registration process

  • پیکربندی نوع عضو Configuring the Member Type

  • مدیریت پست فرم ثبت نام و ایجاد عضو Handle the registration form post and creating the member

  • ثبت نام - ایجاد عضو Registration - Creating the member

  • ثبت نام - ارسال ایمیل تایید Registration - Sending the Verification Email

  • ثبت نام - پیوند تأیید ایمیل را مدیریت کنید Registration - Handle the Email Verification Link

  • جمع بندی مختصر Brief Round-up

ورود به سیستم در Logging in

  • مقدمه ورود به سیستم Introduction to logging in

  • منوی پیمایش را به روز کنید تا شامل ورود/خروج شوید Update the navigation menu to include login/logout

  • فرم ورود را رندر کنید Render the Login form

  • ورود به سیستم را مدیریت کنید Handle the Login

خروج از سیستم Logging out

  • ایجاد صفحه خروج Creating the logout page

بازنشانی رمز عبور Resetting your password

  • فرآیند بازنشانی رمز عبور Reset Password Process

  • فیلدهای بازنشانی را به عضو اضافه کنید Add reset fields to Member

  • قالب ایمیل Reset Password را ایجاد کنید Create the Reset Password Email Template

  • اعلان ایمیل بازنشانی رمز عبور را ایجاد کنید Create the Reset Password Email Notification

  • فرم رمز عبور فراموش شده را ارائه دهید Render the Forgotten Password Form

  • یک اعلان تغییر رمز عبور ایجاد کنید Create a Password Changed Notification

  • فرم بازنشانی رمز عبور را ایجاد کنید Create the Reset Password Form

  • پست فرم بازنشانی رمز عبور را مدیریت کنید Handle the Password Reset Form post

محافظت از محتوای شما Protecting your content

  • ایجاد یک صفحه محافظت شده Creating a protected page

حساب من My Account

  • معرفی Introduction

  • صفحه حساب من را رندر کنید Render the My Account page

  • رویداد پست جزئیات حساب من را مدیریت کنید Handle the My Account Details Post Event

  • رمزعبور خود را تغییر دهید Change your password

انتشار Publishing

  • انتشار Publishing

پایان The End

  • پایان The End

نمایش نظرات

Udemy (یودمی)

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

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

آموزش باشه، آمبراکو
جزییات دوره
16 hours
109
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,498
- از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Anthony Shorrock Anthony Shorrock

معمار راه حل های دیجیتال