AngularJS שיעור 4: Data Binding

(לקוח מתוך מדריך AngularJS בעברית) המונח data binding אינו ייחודי ל AngularJS. מדובר בקישור אוטומטי של אלמנטים של תצוגה (view), אל אלמטים של נתונים (model). כאשר המודל משתנה, התצוגה שלו (view) משתנה באופן אוטומטי, ולהיפך. קישור נתונים (data binding) חד כיווני במערכות אחרות קישור הנתונים מתבצע בכיוון אחד: ממודל הנתונים … המשך קריאה

AngularJS שיעור 3: AngularJS Templates

(לקוח מתוך מדריך AngularJS בעברית) להלן דוגמא מתוך המדריך של AngularJS:

קטע קוד זה מציג HTML עם תכונות (attributes) נוספות של AngularJS. עקרונית, התקן של html (גירסה 5 האחרונה) אינו "מאושר" מקיומן של תכונות כמו ng–model שבדוגמא, אך לא מפריע לקיומן. AngularJS מאפשר אף הוספת תגיות html חדשות (כלומר elements), והדפדפנים … המשך קריאה

AngularJS שיעור 2: model-view-controller או MVC

(לקוח מתוך מדריך AngularJS בעברית) MVC היא תבנית עיצוב (design pattern) די ישנה (נוצרה עבור שפת Smalltalk עוד בשנות ה-70). במילים אחרות, מדובר בשיטה שבה כותבים תוכניות שבהן חלקי ממשק אדם מכונה, כל שהתוכנה תהייה פשוטה יותר. ב NVC מפרידים בין: הנתונים של האפליקציה (model) הלוגיקה לביצוע (controller) התצוגה למשתמש … המשך קריאה

אירועים (events) ב Javascript

(מדריך Javascript מתאים ומתעדכן עבור התלמידים בקורס full stack של החיפושית) אירועים מהווים את מרכז הפעילות בתוכניות שבהן ממשק עם המשתמש. ניתן ליצור אירועים בעצמנו, אך כרגע נתמקד ביכולת לטפל באירועי דפי html, (הקשות על רכיבים, שימוש בעכבר) וגם אירועי מקלדת. רישום לאירוע השלב הראשון בטיפול באירוע הוא "רישום". בשלב … המשך קריאה

jQuery mobile : רשימות (lists)

רשימות נפוצות למדי באפליקציות mobile. נראה כיצד תומך בהן JQM. רשימות בסיסיות אפילו בשימוש בסיסי ב HTML (כלומר ללא שימוש ב JQM) מתקבלת תוצאה סבירה:

התוצאה:               אולם ניתן להוסיף "סימון" של JQM (באמצעות תכונת data), ולקבל תוצאה משודרגת:

והתוצאה:     … המשך קריאה

jQuery mobile : לעבוד עם Toolbars

(השיעור שלהלן מבוסס על פרק 3 מהספר: jQuery Mobile Web Development Essentials) כבר ראינו כיצד ניתן להוסיף header לדף שלנו, לדוגמא:

ניתן להוסיף ל header כפתורים, בעיקר כדי לסייע בניווט. הדרך הבסיסית להוספת כפתורים היא באמצעות הוספת קישורים:

קיימים רק שני מקומות להוספת הכפתורים ב – header שהן ימין … המשך קריאה

jQuery mobile שיעור 1: למה צריך להתאים ל – mobile

טלפונים חכמים הם בסך הכל מן מחשבים קטנים שכאלה, ומכילים דפדפן אינטרנט "אמיתי". דפדפנים בטלפונים החכמים (כל החברות) מבוססים על פרוייקט webkit (שעליו מבוססים דפדפני Chrome, Safari ואחרים). אם כך – מדוע צריכה להיות בעיה להציג דפי אינטרנט רגילים במכשיר נייד ? עיקר ההבדל הוא כמובן בגודל, ובעוד כמה פרטים. … המשך קריאה

איך "לעברת" את הדף ?

עברית כותבים מימין לשמאל. אם מקבלים אתר (או template)  שנבנה לשפה לועזית (לע"ז = לשון עם זר), צריך להמיר את הדפים באמצעות מספר טכניקות. להזיז את הרכיבים לא כל האתרים משתמשים ב – float כדי לסדר את הדף, אבל זוהי השיטה הנפוצה והפשוטה ביותר. אם לא עושים זאת, צריך למדוד … המשך קריאה

קידוד טקסט (או למה רואים ג'יבריש במקום העברית שלי ?)

פוסט זה מציג את נושא קידודי הטקסט השונים. הפוסט משתמש בעורך ++notepad, ומחייב התקנת HEX-Editor (חינם, ההתקנה תוסבר כאן). ++notepad והפלאגין HEX_Editor למי שלא מכיר, אפשר להוריד את ++notepad מכאן, והוא לא עולה אגורה. (פוסט זה נכתב בתאריך 12/1/2015, ו – ++notepad יורד בגירסת Je suis Charlie) כדי להוסיף את … המשך קריאה

מבוא ל Javascript ליודעי C (או שפות אחרות) – 2

(מדריך Javascript מתאים ומתעדכן עבור התלמידים בקורס full stack של החיפושית) פונקציות פונקציות פועלות במידה רבה הדומה לפונקציות בשפות אחרות. לדוגמה:

(כאשר מוגדרת הפונקציה addNums). אבל פונקציה היא דבר שונה לגמרי ב Javascript. להלן כמה שינויים: הגדרת הפונקציה משתמשת במילה השמורה function הפרמטרים של הפונקציה אינם נושאים כל סוג … המשך קריאה