آموزش ساخت یک برنامه موبایل با AngularJS 1 و Ionic

Building a Mobile App with AngularJS 1 and Ionic

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: ایجاد برنامه های کاربردی تلفن همراه ترکیبی راهی عالی برای استفاده از دانش شما در مورد زبانهای وب مانند HTML5 ، CSS و JavaScript است. چارچوب های مدرن مانند AngularJS و Ionic با الگوها و م componentsلفه های از پیش ساخته شده ، کار را آسان می کنند. در این دوره ، نویسنده کارکنان Ray Villalobos نحوه نصب چارچوب Ionic و ایجاد یک محیط توسعه مناسب برای ساخت برنامه های مبتنی بر وب را نشان می دهد. وی اجزای اصلی Ionic را مرور می کند: ویژگی های از پیش ساخته شده ، با کاربرد آسان مانند دکمه ها ، لیست ها ، برگه ها و فرم ها. سپس Ray نشان می دهد که چگونه می توان این م componentsلفه ها را با مدل ها ، نماها و کنترل کننده های Angular.js ترکیب کرد تا یک برنامه تک صفحه ای با لغزنده ها ، قابلیت کشیدن تا تازه سازی و جستجو ایجاد کند. این آموزش در ساخت یک برنامه چند صفحه ای به اوج خود می رسد ، که یاد می گیرید چگونه شخصی سازی آن را با CSS انجام دهید.
موضوعات شامل:
  • نصب محیط توسعه در Mac یا PC
  • درک الگوهای Ionic و م componentsلفه های CSS
  • افزودن IonicIcons به یک طرح
  • افزودن برگه ها ، کارت ها و لیست ها
  • استفاده از عناصر فرم
  • ساخت یک برنامه نمای واحد
  • در حال اجرا کشیدن برای تازه کردن
  • ایجاد یک برنامه چند برگه
  • یک ظاهر سازی برنامه ها
  • اجرای برنامه ها

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

مقدمه Introduction

  • خوش آمدی Welcome

  • آنچه باید قبل از تماشای این دوره بدانید What you should know before watching this course

  • با استفاده از پرونده های تمرینی Using the exercise files

1. شروع کار 1. Getting Started

  • درک چارچوب تلفن همراه ما Understanding our mobile framework

  • نصب محیط توسعه بر روی Mac Installing development environment on a Mac

  • نصب محیط توسعه بر روی رایانه شخصی Installing development environment on a PC

  • درک نصب Ionic Understanding the Ionic installation

  • کار با Ionic CLI و قالب ها Working with the Ionic CLI and templates

2. با استفاده از مؤلفه های CSS Ionic 2. Using Ionic CSS Components

  • درک مؤلفه های اساسی CSS Ionic Understanding basic Ionic CSS components

  • با استفاده از دکمه های یونی Using Ionic buttons

  • اضافه کردن Ionicons به یک طرح Adding Ionicons to a layout

  • کار با زبانه ها Working with tabs

  • با استفاده از سبک های لیست Using the list styles

  • ایجاد کارت و لیست ورودی Creating cards and inset lists

  • ایجاد عناصر فرم اصلی Creating basic form elements

  • با استفاده از انواع دیگر فرم Using other form types

  • با استفاده از عناصر فرم خاص Using special form elements

3. ساخت یک برنامه تک نمایش 3. Building a Single-View App

  • داربست یک برنامه تک نما Scaffolding a single-view app

  • با استفاده از کنترل کننده های زاویه ای Using Angular controllers

  • فیلترهای جستجوهای ما Filtering our searches

  • تنظیم مجدد لیست با ابزار داخلی Reordering out list with built-in tools

  • حذف موارد لیست Deleting list items

  • کشویی برای اضافه کردن موارد دلخواه Sliding to add favorites

  • اجرای کشش به روز کردن Implementing pull-to-refresh

4- ایجاد یک برنامه چند زبانه 4. Creating a Multi-Tab Application

  • درک روتر UI مبتنی بر حالت Ionic Understanding Ionic's state-based UI router

  • اولین مسیر ما را اجرا می کنیم Implementing our first route

  • افزودن صفحه دوم Adding a second page

  • ایجاد یک زیر صفحه Creating a sub-page

  • ایجاد یک هدر جهانی Creating a global header

  • ایجاد نمای تقویم Creating a calendar view

  • ایجاد الگوی اصلی ما Creating our main template

  • برنامه ای را به تقویم ما اضافه کنید Adding a schedule to our calendar

  • با استفاده از چندین دکمه Using multiple buttons

  • برنامه ما با CSS طراحی شود Styling our application with CSS

نتیجه Conclusion

  • مراحل بعدی: استقرار برنامه های خود Next steps: Deploying your apps

نمایش نظرات

آموزش ساخت یک برنامه موبایل با AngularJS 1 و Ionic
جزییات دوره
3h 31m
35
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
161,695
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ray Villalobos Ray Villalobos

مربی کارکنان ارشد در LinkedIn Learning

Ray Villalobos یک معلم طراحی/توسعه کامل و مدرس کارکنان ارشد در LinkedIn Learning است.

دوره های آموزشی او در قسمت جلو متمرکز شده است. -پایان موضوعات طراحی و توسعه مانند جاوا اسکریپت، AngularJS، React و Sass، به علاوه فریمورک هایی مانند Bootstrap و ابزارهایی که می توانند شما را به یک توسعه دهنده سریعتر و کارآمدتر تبدیل کنند. او سبک تدریس واضح و عملی دارد و به شما کمک می کند تا مهارت های خود را از طریق تمرین ها و پروژه های واقعی بهبود بخشید.

پیش از این، ری به عنوان مدیر چندرسانه ای برای Entravision Communications، شبکه ای از وب سایت های ایستگاه های رادیویی و تلویزیونی را مدیریت می کرد. در ساحل شرقی او همچنین سایت‌های روزنامه‌ای بزرگ را طراحی کرد و پروژه‌ها/بازی‌های تعاملی را برای شبکه روزنامه‌های تریبون ایجاد کرد. می‌توانید در LinkedIn یا از طریق سایر شبکه‌های اجتماعی @planetoftheweb با او تماس بگیرید. وبلاگ شخصی او را در https://raybo.org/ بررسی کنید.