כיום, AngularJS הפכה לאחת ממסגרות הפיתוח הפופולריות בעיקר בגלל יכולתה לעזור למפתחים ליצור יישומי עמוד יחיד (SPA) בקלות. ביישומי רשת מסורתיים, הלקוח (דפדפן) יוזם ערוץ תקשורת עם השרת על ידי בקשת דף. השרת מגיב על ידי עיבוד הבקשה ושליחת ה- HTML של הדף בחזרה ללקוח. אם בקשת המשתמש לדף חדש, השרת שולח דף HTML נוסף. גם אם הלקוח מבקש שינוי קטן, נניח טופס עם פרטים בסיסיים, יש להעלות את הדף כולו שוב על ידי השרת ולשלוח אותו בחזרה ללקוח.
בקשות HTML ו- Ajax
ביישומי עמוד יחיד, העמוד כולו נטען בזריקה אחת, והתקשורת שלאחר מכן מתבצעת על ידי השרת באמצעות בקשות Ajax. על הדפדפן לעדכן רק את החלק של הדף שהשתנה ואין צורך לטעון מחדש את כל העמוד בכל פעם שמשתמש מגיש בקשה חדשה.
מכיוון שגישת ה- SPA מצמצמת את משך הזמן שלוקח השרת להגיב לבקשות משתמשים, יישומי אינטרנט פועלים מהר יותר, משתמשים בפחות כוח מחשוב ומאפשרים למפתחי ממשק משתמש (UI) ליצור דפי אינטרנט אטרקטיביים וזריזים יותר.
יצירת דפי מעטפת
'העמוד היחיד' ב- SPA מתייחס לדף מעטפת המגיב לשאילתות בצורה של HTML, CSS או JavaScript. דף הפגז מעובד בצורה אסינכרונית עם ה- HTML, ומבטל את הצורך בנסיעה הלוך ושוב לשרת. דף הקליפה זקוק רק להפניה לספריית JavaScript של AngularJS ולהנחיית ng-view (מיכל וירטואלי המאפשר למפתחי ממשק המשתמש לעבור בין תצוגות) כדי לומר ל- AngularJS היכן יש לעבד את דפי התוכן בדף הקליפה.
בתוך אותו עמוד 'יחיד', AngularJS מאפשר למפתחים לספק מספר תצוגות הכלולות באותה כתובת אתר. קבוצות תצוגות שונות יכולות להופיע - זו אחר זו - בתוך אותו דף מעטפת, וכל תצוגה נטענת באופן דינמי כאשר המשתמש גולל בדף.
הוראת AngularJS המובנית - ng-app - מאפשרת למפתחים לאתחל את האפליקציה, עם אפשרות להוסיף גם הוראות צד שלישי. לעומת זאת, ההנחיה של מודל ng מאפשרת להוסיף ביטויים המחייבים נתונים לזיכרון. התבונן כאן:
מדריך ssis למתחילים 2012 עם דוגמאות
בעולם, מפתחים אימצו את ה- SPA באמצעות AngularJS ובסבירות גבוהה, מגמה זו צפויה להימשך זמן מה.
יש לך שאלה עבורנו? אנא הזכיר זאת בסעיף ההערות ונחזור אליך.
פוסטים קשורים: קריירה מצליחה לפיתוח אתרים עם AngularJS