Frontend של אפליקציות

אנציקלופדיה מקיפה לתכנון ובנייה של ממשק משתמש באפליקציות.

Screens Navigation Components State API Storage Permissions Notifications

מהו Frontend של אפליקציה?

Frontend של אפליקציה הוא כל החלק שאיתו המשתמש עובד: המסכים, הרכיבים, הניווט, הקלט, התצוגה, האנימציות, הנתונים והאינטראקציה עם יכולות המכשיר.

התחומים המרכזיים

מסכים

מסך בית, פרופיל, הגדרות, חיפוש, תוכן ועוד.

ניווט

מעבר בין מסכים וזרימות משתמש.

רכיבים

כפתורים, רשימות, שדות, כרטיסים וחלונות.

State

המצב הנוכחי של האפליקציה.

API

תקשורת עם שירותים ושרתים.

Device APIs

מצלמה, מיקרופון, מיקום, קבצים ועוד.

אחסון

שמירת נתונים מקומית.

Lifecycle

מצבי החיים של האפליקציה.

ארכיטקטורת אפליקציה

הדרך שבה האפליקציה מחולקת למסכים, רכיבים, נתונים ושירותים.

Screen

מסך.

Component

רכיב ממשק.

State

מצב.

Service

שירות המבצע פעולה.

Repository

שכבת גישה לנתונים.

Model

ייצוג נתונים.

Navigation

ניהול המעבר בין מסכים.

מסכים

המסך הוא יחידת התצוגה המרכזית באפליקציה.

Home

מסך הבית.

Login

מסך התחברות.

Register

מסך הרשמה.

Profile

פרופיל משתמש.

Settings

הגדרות.

Search

חיפוש.

Details

פרטי פריט.

List

רשימת פריטים.

Dashboard

לוח בקרה.

Onboarding

היכרות ראשונית עם האפליקציה.

רכיבי ממשק

Button

כפתור פעולה.

Text

טקסט.

Image

תמונה.

Input

שדה קלט.

Switch

מתג.

Checkbox

בחירה מרובה.

Radio

בחירה יחידה.

Slider

בחירה בטווח.

List

רשימת פריטים.

Card

כרטיס תוכן.

Dialog

חלון פעולה.

Bottom Sheet

חלונית תחתונה.

Progress

מחוון התקדמות.

Loading

מצב טעינה.

פריסת אפליקציה

Container

מכיל רכיבים.

Row

סידור אופקי.

Column

סידור אנכי.

Grid

סידור בשורות ועמודות.

Stack

רכיבים המונחים זה מעל זה.

Scroll

אזור גלילה.

Safe Area

אזור בטוח להצגת תוכן במכשיר.

אינטראקציה

אינטראקציה היא הדרך שבה המשתמש מפעיל את האפליקציה.

Tap

לחיצה.

Double Tap

לחיצה כפולה.

Long Press

לחיצה ממושכת.

Swipe

החלקה.

Drag

גרירה.

Pinch

צביטה לשינוי קנה מידה.

Focus

קבלת מיקוד.

State ומצב האפליקציה

State מייצג מידע שיכול להשתנות במהלך השימוש באפליקציה.

Local State

מצב של רכיב מסוים.

Global State

מצב משותף לחלקים שונים.

Loading State

מצב טעינה.

Error State

מצב שגיאה.

Empty State

אין תוכן להצגה.

Success State

פעולה הצליחה.

Offline State

אין חיבור לרשת.

נתונים

Object

מבנה נתונים.

Array

רשימת נתונים.

JSON

פורמט להעברת מידע.

Model

מבנה המייצג מידע.

Validation

בדיקת תקינות נתונים.

Transformation

שינוי מבנה הנתונים.

קלט וטפסים

Text Input

קלט טקסט.

Password

קלט סיסמה.

Search

קלט חיפוש.

Date

בחירת תאריך.

Number

קלט מספרי.

Selection

בחירת ערך.

Validation

בדיקת הקלט.

משתמשים והתחברות

Login

התחברות.

Register

יצירת משתמש.

Logout

התנתקות.

Session

מצב התחברות.

Token

אסימון המשמש להזדהות.

Biometric

זיהוי ביומטרי בהתאם לפלטפורמה.

הרשאות

אפליקציות עשויות לבקש הרשאה לגישה ליכולות או מידע במכשיר.

Camera

גישה למצלמה.

Microphone

גישה למיקרופון.

Location

גישה למיקום.

Notifications

הרשאה להצגת התראות.

Files

גישה לקבצים בהתאם לפלטפורמה.

אחסון מקומי

Preferences

העדפות משתמש.

Local Database

מסד נתונים מקומי.

Cache

נתונים זמניים.

Secure Storage

אחסון מידע רגיש באמצעות מנגנון מתאים לפלטפורמה.

API

API מאפשר לאפליקציה לקבל ולשלוח נתונים לשירותים חיצוניים.

REST API

תקשורת באמצעות HTTP.

GraphQL

גישה גמישה לשליפת נתונים.

WebSocket

תקשורת בזמן אמת.

Authentication API

שירותי משתמשים והתחברות.

Upload API

שליחת קבצים.

Payment API

תקשורת עם שירותי תשלום.

תקשורת ורשת

מושג משמעות
HTTP תקשורת בין האפליקציה לשרת.
HTTPS תקשורת מוצפנת.
GET קבלת מידע.
POST שליחת מידע.
PUT עדכון מידע.
DELETE מחיקת מידע.
Status Code תוצאת הבקשה.

התראות

Local Notification

התראה שנוצרת במכשיר.

Push Notification

התראה המגיעה משירות חיצוני.

Badge

סימון מספר או מצב על אייקון.

Notification Permission

הרשאה להצגת התראות.

מדיה

Image

תמונות.

Video

וידאו.

Audio

אודיו.

Streaming

הזרמת מדיה.

Gallery

גלריית מדיה.

מצלמה ומיקרופון

Camera Preview

תצוגה מקדימה.

Capture

צילום תמונה או וידאו.

Recording

הקלטה.

Permission

ניהול הרשאה.

מיקום

Current Location

מיקום נוכחי.

Coordinates

קואורדינטות.

Map

הצגת מפה.

Tracking

מעקב אחר שינוי מיקום בכפוף להרשאה.

קבצים

Open

פתיחת קובץ.

Select

בחירת קובץ.

Upload

העלאת קובץ.

Download

הורדת קובץ.

Share

שיתוף קובץ.

Offline

אפליקציה יכולה להיות מתוכננת להתמודד עם מצב שבו אין חיבור לרשת.

Offline Mode

מצב ללא חיבור.

Cache

שמירת מידע לשימוש חוזר.

Synchronization

סנכרון לאחר חזרת החיבור.

Retry

ניסיון חוזר לבקשה.

אנימציות

Transition

מעבר בין מצבים.

Animation

תנועה.

Loading Animation

אנימציית טעינה.

Gesture Animation

תגובה חזותית למחווה.

Page Transition

מעבר בין מסכים.

Themes

Light Mode

ממשק בהיר.

Dark Mode

ממשק כהה.

System Theme

התאמה להגדרת המכשיר.

Theme Variables

ערכים משותפים לצבעים ולעיצוב.

מסכים וגדלים

Phone

מסך טלפון.

Tablet

מסך טאבלט.

Foldable

מכשיר מתקפל.

Desktop

אפליקציית מחשב.

Orientation

Portrait ו־Landscape.

Adaptive Layout

התאמת הפריסה למכשיר.

נגישות

Screen Reader

תמיכה בקוראי מסך.

Keyboard

ניווט באמצעות מקלדת.

Contrast

ניגודיות מספקת.

Text Size

תמיכה בגדלי טקסט שונים.

Touch Target

אזור לחיצה מתאים.

אבטחה

Authentication

זיהוי המשתמש.

Authorization

הרשאות גישה.

Encryption

הצפנת מידע.

Secure Storage

אחסון מאובטח.

Token Security

הגנה על אסימוני התחברות.

ביצועים

Startup Time

זמן פתיחת האפליקציה.

Memory

צריכת זיכרון.

CPU

צריכת מעבד.

Network

שימוש יעיל ברשת.

Rendering

יעילות ציור הממשק.

Lazy Loading

טעינה לפי צורך.

מחזור חיי אפליקציה

Launch

הפעלת האפליקציה.

Active

האפליקציה פעילה.

Background

האפליקציה ברקע.

Resume

חזרה לפעילות.

Pause

השהיה.

Terminate

סיום האפליקציה.

מבנה קוד

UI Layer

שכבת הממשק.

Presentation

לוגיקת התצוגה.

Domain

לוגיקת התחום.

Data

גישה לנתונים.

Services

שירותים חיצוניים.

Models

מבני מידע.

פלטפורמות

Android

אפליקציות למכשירי Android.

iOS

אפליקציות למכשירי Apple.

Windows

אפליקציות Desktop.

macOS

אפליקציות Desktop.

Cross Platform

קוד משותף למספר פלטפורמות.

בדיקות

Unit Test

בדיקת יחידת קוד.

Integration Test

בדיקת שילוב.

UI Test

בדיקת ממשק.

End-to-End

בדיקת תרחיש משתמש.

Performance Test

בדיקת ביצועים.

Build ופרסום

Build

יצירת גרסת הפצה.

Debug

גרסת פיתוח ואבחון.

Release

גרסת הפצה.

Version

מספר גרסה.

Signing

חתימה על אפליקציה בהתאם לפלטפורמה.

Distribution

הפצת האפליקציה למשתמשים.

מילון מושגים

App

אפליקציה.

Screen

מסך.

Component

רכיב.

State

מצב.

Navigation

ניווט.

Gesture

מחווה.

API

ממשק תקשורת.

Permission

הרשאה.

Notification

התראה.

Storage

אחסון.

Lifecycle

מחזור חיי האפליקציה.

Rendering

יצירת התצוגה.

Platform

פלטפורמת ההרצה.

Release

גרסת הפצה.

Hosted & Compiled with HtmlRunner.com