Multiplatform Mobile App Development with Web Technologies:Ionic and Cordova
نوشته‌های مشابه
Ionic چیست و نحوه نصب آن چگونه است
Ionic فریمورکی است که به ما امکان می‌دهد برنامه‌های تلفن همراه را با استفاده از فناوری‌های وب شامل HTML، CSS و جاوا اسکریپت توسعه دهیم. برنامه داخل یک مرورگر اجرا می‌شود، اما بعد از تکمیل پروژه نوار آدرس مرورگر را در داخل آن برنامه نمی‌بینید! بصورت خلاصه Ionic یک مجموعه ابزار UI منبع باز است…
ایجاد اولین پروژه ionic
ionic cli : ما اکنون آماده شروع اولین پروژه خود هستیم – کمی هیجان زده هستید نه؟ نکته جالب این است که ما می‌توانیم اولین پروژه خود را با استفاده از خط فرمان Ionic ایجاد، اصلاح و بسازیم. (command‐line interface (CLI)) این تمام چیزی است که ما برای توسعه برنامه های Ionic نیاز داریم! اکنون…
ساختار پروژه ionic
اگر این اولین برخورد شما با ساختار پروژه Ionic یا Angular باشد، ممکن است فایل‌های داخل فولدر برای شما بسیار ترسناک و طاقت‌فرسا به نظر برسند. اما یک خبر خوش برایتان دارم شما بیشتر اوقات فقط در پوشه src کار می کنید و می‌توانید بقیه موارد را تا حد زیادی فراموش کنید! ساختار پروژه ionic…
کار با Angular (قسمت اول)
در این مقاله به موضوعات اصلی برای کار با Angular می‌پردازیم پوشه app تا به حال کدهای اصلی مربوط به برنامه را (قرار گرفته در پوشه app) ندیده‌ایم – پس بیایید کار با Angular را شروع کنیم! همانطور که قبلاً گفته شد، عمده فعالیت‌های ما در هنگام کار با Angular در پوشه app و پوشه…
کلاس (کار با Angular)
کلاس ها: در داخل کلاس خود می‌توانیم متغیرهایی را مانند سایر زبان‌ها تعریف کنیم، بنابراین کلاس خود را به صورت زیر تغییر می‌دهیم:
123456import { Component } from '@angular/core';@Component({selector: 'app-home', templateUrl: 'home.page.html', styleUrls: ['home.page.scss'],})export class HomePage {myVariable = 'I open at the close'; }حال چگونه این مقدار را در view نشان دهیم؟ با استفاده از دو براکت {{ و }} در داخل فایل html و به کمک Angular data binding می‌توانیم به این متغیری…
مسیریابی (Navigation and Routing)
آیونیک (Ionic) مفهوم مسیریابی (Navigation and Routing) جداگانه‌ای برای خود نداشته به فریمورک جاوا اسکریپت خود متکی است در فریمورک انگولار (Angular) از Angular Router برای حرکت در صفحات مختلف برنامه خود استفاده می کنیم. در حال حاضر در پیش‌نمایش برنامه در مرورگر٬ صفحه اصلی (صفحه خانه) را می بینیم – اما واقعاً چگونه این…
