آموزش ساخت یک برنامه وب با Polymer.js و طراحی متریال

Building a Web Application with Polymer.js and Material Design

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: این دوره با ایجاد یک داشبورد مدیریت زندگی واقعی ، عملکرد اساسی Polymer را معرفی می کند. کامپوننت های وب از یک پالت استاندارد جدید HTML5 انقلابی تشکیل شده است. اینها سرانجام قسمتهای مهم گمشده مورد نیاز در توسعه وب را برای ساخت برنامه های بسیار قابل نگهداری ، مدولار و قابل توزیع به یکدیگر متصل می کنند. ویژگی های کامپوننت های وب مانند الگوها در نوشتن کد قابل استفاده مجدد به ما کمک می کنند ، در حالی که عناصر سفارشی به ما امکان می دهد عناصر HTML خود را تعریف کنیم. با Shadow DOM می توان شاخه های DOM محصور شده را در عناصر خود تعریف کرد و HTML Import یک بسته بندی و توزیع استاندارد تمام فناوری های قبلی است. اگرچه این موارد فوق العاده به نظر می رسند ، اما ما هنوز نمی توانیم از آنها استفاده کنیم زیرا با همه مرورگرهای موجود سازگار نیستند. خوشبختانه انواع مختلف پر کردن برای استفاده از مرورگرهای قدیمی برای کنترل این استانداردها و حتی ترکیب آنها با سایر فناوری ها منتشر شده است. پلیمر ، که توسط Google پشتیبانی می شود ، قطعاً محبوب ترین است. این دوره با ایجاد یک داشبورد مدیریت واقعی ، عملکرد اساسی Polymer را معرفی می کند. سرانجام ، چارچوب UI انتخابی Material Design خواهد بود زیرا با بسیاری از عناصر پلیمری که از قبل وجود دارند کاملاً ترکیب شده است.

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

مقدمه Introduction

  • مقدمه Introduction

  • برنامه ما Our Application

  • این دوره برای چه کسانی است Who This Course Is For

مثال کار - ساختار Working Example - Structure

  • مقدمه Introduction

  • راه اندازی Setting Up

  • تاسیسات Installations

  • نرم افزار Shell The Application Shell

  • اولین عنصر ما Our First Element

  • آناتومی یک عنصر - خصوصیات Anatomy of an Element - Properties

  • آناتومی یک عنصر - خصوصیات محاسبه شده Anatomy of an Element - Computed Properties

  • آناتومی یک عنصر - روی رویدادها ضربه بزنید Anatomy of an Element - Tap Events

  • آناتومی یک عنصر - نقاط درج Anatomy of an Element - Insertion Points

  • خلاصه Summary

مثال کار - یک ظاهر طراحی شده Working Example - Styling

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

  • آناتومی یک عنصر - CSS Anatomy of an Element - CSS

  • گرم کردن Theming

  • رنگ آمیزی Coloring

  • دامنه CSS CSS Scope

  • طراحی مواد Material Design

  • خلاصه Summary

مسیریابی Routing

  • مقدمه Introduction

  • منو The Menu

  • مسیریابی Routing

  • در حال بارگیری صفحات Loading Pages

  • خلاصه Summary

احراز هویت Authentication

  • مقدمه Introduction

  • سرور ساده Backend JSON Simple Backend JSON Server

  • امنیت ساده Backend Simple Backend Security

  • صفحه ورود به سیستم Login Page

  • مراحل ورود به سیستم Login Process

  • خلاصه Summary

مشخصات Profile

  • مقدمه Introduction

  • عنصر کارت - الگو اگر The Card Element - Template If

  • خواندن داده ها Reading the Data

  • عنصر کشویی - تکرار الگو Dropdown Element - Template Repeat

  • Dropdown Element - عنصر انتخاب کننده خنک کننده Dropdown Element - A Cooler Select Element

  • به روزرسانی داده ها Updating the Data

  • خلاصه Summary

صفحه لیست کارمندان Staff List Page

  • مقدمه Introduction

  • خواندن داده ها Reading the Data

  • ایجاد داده ها Creating the Data

  • به روزرسانی داده ها Updating the Data

  • موارد را حذف کنید Delete Items

  • عنصر جستجو Search Element

  • عنصر جستجو - رویدادهای سفارشی Search Element - Custom Events

  • عنصر جستجو - استفاده مجدد Search Element - Reuse

  • خلاصه Summary

گپ زدن Chat

  • مقدمه Introduction

  • نمایش دوستان Showing Friends

  • صفحه چت Chat Page

  • سوکت .IO Socket.IO

  • به روزرسانی داده ها در زمان واقعی Updating Data in Real-time

  • خلاصه Summary

عملکرد و بهینه سازی Performance and Optimization

  • مقدمه Introduction

  • آتشفشانی - مسئله Vulcanization - The Problem

  • آتشفشانی - راه حل Vulcanization - The Solution

  • وظایف Gulp Gulp Tasks

  • آزمایش کردن Testing

  • خلاصه Summary

منابع و منابع Caveats and Resources

  • مقدمه Introduction

  • سازگاری مرورگر Browser Compatibility

  • Shady and Shadow DOM Shady and Shadow DOM

  • سئو SEO

  • منابع - مراحل بعدی Resources - Next Steps

  • خلاصه Summary

نمایش نظرات

آموزش ساخت یک برنامه وب با Polymer.js و طراحی متریال
جزییات دوره
2h 6m
65
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
101
3.8 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Bill Stavroulakis Bill Stavroulakis

بیل Microsoft MVP ، Google Developer Expert ، مهندس ارشد نرم افزار در Software Competitiveness International و خالق Dotnetweekly است. وی بیش از 7 سال تجربه در ساخت برنامه های وب دارد و از یادگیری و آموزش فن آوری ها در هنگام رشد و بلوغ در دنیای همیشه در حال تغییر وب بسیار هیجان زده است. بیل کار خود را در سال 2006 در سیلیکون ولی آغاز کرد و در حال توسعه برنامه های فیس بوک بود که بیش از 6 میلیون کاربر داشت. وی سپس به کار بر روی چارچوب Ruby-on-Rails ادامه داد و یک پورتال back-end را برای یک موسسه آموزشی مشهور در یونان پیاده سازی کرد. وی یک شرکت توسعه وب/بازاریابی اینترنتی را تأسیس کرد که با طیف گسترده ای از طیف وب - مانند استقرار محصولات در زمینه تجارت الکترونیکی ، سرگرمی ، آموزش و انتشارات - سروکار داشت. امروزه ، او بر روی پلت فرم NET تمرکز دارد و در SoftCom-Int متخصص در راه حل های مدیریت دانش سازمانی کار می کند. وی عضو فعال جامعه NET است که رویدادها/مسابقات/سخنرانی ها را برگزار می کند و به خاطر مشارکت های خود با جایزه MVP در سال 2013 به وی اهدا شد.