نوشتههای مشابه
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 و پوشه…
چرا به فریمورکهای جاوا اسکریپت نیاز داریم؟
برای ایجاد سایتهای اینترنتی از از ابزارهای jQuery و بوت استرپ استفاده میشود که کلیه نیازهای توسعه دهندگان وب را پوشش میدهد با این وجود در این مقاله نیاز به فریمورکهای جاوا اسکریپت مورد بررسی قرار میگیرد. نیاز به به کارگیری پارادایمهای مهندسی نرم افزار توسط توسعهدهنگان وب مانند MVC و MVVM برای ایجاد برنامههای…
کلاس (کار با 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 میتوانیم به این متغیری…
