Basic (or advance) Javascript – 3

יום ראשון, פברואר 15, 2015

בהמשך לפוסטים הבסיסיים על JS שלפעמים זה נכנס לעולם ה – Advance JS, הפעם נסתכל על פונקציות כאובייקטים.   כולנו יודעים שהגדרת אוביקט בסיסי עם מאפיין, ניתן לכתוב בצורה הבאה: Code Snippet var obj = {};obj.prop = "some value";   אבל האם קטע הקוד הבא גם כן יעבוד ? Code Snippet var fn = function () {};fn.prop = "some value";   מסתבר שכן, ברמה הכי בסיסית כל פונקציה היא אובייקט ב – JS, נוכל לשכלל את זה לשמירת מידע על המידע שחוזר מפונקציה במטמון של עצמה, בצרה הבאה: Code Snippet function getElements(name) {   ...
אין תגובות

Basic (or advance) Javascript – 2

יום חמישי, ינואר 1, 2015

בהמשך לפוסטים על Advance JS שאני לא בטוח האם זה Basic או Advance, הפעם אכתוב על שמות לפונקציות. (הרעיון לפוסטים ורוב הדוגמאות מגיעות מכאן)   לכולם די ברור שהקריאה לפונקציה היא לפי השם שלה, וכמובן ניתן לכתוב קוד רקורסיבי, לדוגמא חישוב הפקטור של מספר יכול להיראות כך: Code Snippet function factorial(num) {    // If the number is less than 0, reject it.    if (num < 0) {        return -1;    }        // If the number is 0, its factorial is 1.    else if (num == 0) {        return 1;    }        // Otherwise, call this recursive procedure again.   ...
תגובה אחת

Basic (or advance) Javascript – 1

יום שלישי, דצמבר 30, 2014

לאחרונה העברתי שיעור על Advance Javascript, במהלך השיעור, לא הייתי סגור על עצמי האם הכותרת של Advance JS היא נכונה, או שבעצם אני מלמד Basic JS ופשוט אנשים בדרך כלל לא יודעים את החומר הנ”ל. אז אני אכתוב על הנושא – מדובר בפוסטים קצרצרים אשר יאירו נקודות שונות בנושא. הגדרת פונקציות הדבר הבסיסי ביותר ב – JS היא הגדרת פונקציות, ישנם שלושה דרכים להגדרת פונקציות: Code Snippet function MyFunction1() {    return "MyFunction 1";}var MyFunction2 = function () {    return "MyFunction 2";};window.MyFunction3 = function () {    return "MyFunction 3";}; מה ההבדל ביניהם, והאם הסדר משנה, כלומר האם נוכל...
אין תגובות

AngularJS – todolist

יום שני, דצמבר 22, 2014

בפוסט זה נלמד מספר דברים בסייסים על עבודה עם אנגולר,  הפוסט יציג דוגמה לניהול רשימת משימות (todo list) עם היכולות הבאות: רשימת המשימות תגיע ב – ajax מהשרת. כל משימה יש לה טקסט והאם היא בוצעה. ניתן להוסיף משימות חדשות. ניתן לסמן האם המשימה בוצעה או לא. ניתן להסתיר את המשימות שבוצעו. המשימות יהיו מסודרים ברשימה ממויינת. הדמו עצמו נלקח חלקית מהאתר של angular וברובו מתוך הספר (המדהים) Pro AngularJS. חשוב לציין העיצוב בדוגמאות הבאות מבוססות Bootstrap, ואני לא מסביר אותם במהלך הפוסט. ניתן להוריד את הדוגמה המלאה מכאן, (צד השרת מבוסס ASP.NET...
4 תגובות

HTML + JS Basic demos

יום ראשון, נובמבר 23, 2014

בהמשך לפוסטים אודות קוד למתחילים בעולם ה – WEB, הפעם נרצה לכתוב משהו דומה לפעם הקודמת. נרצה להציג תמונה על המסך, ולמשתמש יהיה שני תיבות טקסט, שהוא יוכל לקבוע את המיקום של התמונה על המסך, כמו כן בדיוק כמו בפעם הקודמת, יהיה לחצן של מיקום רנדומלי (רק שהפעם נוודא שאנחנו לא חורגים מגודל המסך) וכמובן לחצן Start שבכל X זמן, תקבל התמונה מיקום רנדומלי אחר, והפעם גם נוסיף Stop כדי שה – interval ידע לעצור. ראשית, נסתכל על קוד ה – html + css שלנו. Code Snippet <head>    <meta charset="utf-8" />    <title></title>    <style>        #myImg {            position: absolute;           ...
אין תגובות

HTML + JS – Basic Demos

יום ראשון, נובמבר 16, 2014

בדוגמה הזו נראה קצת HTML עם JS בסיסי, להלן המשימה: יהיה לנו שלושה תיבות טקסט, כל אחד מהם מייצג את אחד מצבעי הבסיס (כל צבע שהוא מורכב מעירבוב של שלושת צבעי הבסיס – אדום, ירוק, כחול – כל אחד יכול לקבל מספר בין 0-255), לדוגמה לבן מיוצג על ידי 255 עבור כל אחד מצבעי היסוד, בעוד ששחור מורכב מ – 0 בכל אחד מצבעי היסוד). נרצה שבכל פעם שהמשתמש משנה את הערך באחד מתיבות הטקסט, צבע הרקע של המסך ישתנה. לאחר מכן נלחץ על לחצן בשם Random, שיגרום להגרלה אקראית של צבע הרקע. בסוף נרצה שצבעי הרקע ישתנה אוטומטית...
תגיות: , , ,
אין תגובות

פיתוח תוכנה – צעד אחר צעד, עבודה עם Enum ב – #C

יום רביעי, מאי 7, 2014

הרבה פעמים אנחנו רוצים להחזיק משתנה עם ערך מתוך רשימה, לדוגמה – יום בשבוע (ראשון, שני, שלישי וכו’). כדי לעשות זאת נוכל להגדיר משתנה מסוג string ולהחזיק את השם של היום בשבוע, הבעייה עם שיטה זו, שנוכל בקלות לעשות טעיות כתיב והמידע יהיה לא נכון, שיטה אחרת היא כמובן להחזיק מספר כשנחליט שיום ראשון הוא 1, יום שני הוא 2 וכן הלאה. הבעייה בשיטה זו, היא שהקוד לא קריא, כי אם לדוגמה אנחנו רוצים לעשות בדיקה, הקוד ייראה משהו בסגנון: Code Snippet int day = int.Parse(Console.ReadLine());if (day == 1){    //....}else if (day == 2){    //..}//.... בדיוק בשביל...
תגיות: , , ,
2 תגובות

פיתוח תוכנה – צעד אחר צעד, חלק א’ פרק שביעי

יום ראשון, פברואר 16, 2014

לפרק הקודם. בפרק זה נלמד על: המשך עבודה עם WPF. התחלה של תנאים. בפרק הקודם התחלנו לכתוב תוכנה שמדמה “פנקס רשימות”, (מומלץ לחזור על הפרק הקודם לפני ההמשך). נרכז לרגע את קוד ה – xmal וקוד ה – cs שכתבנו בפרק הקודם. Code Snippet <Window x:Class="WpfApplication1.MainWindow"       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         Title="MainWindow" Height="350" Width="525">    <Grid>        <Grid.RowDefinitions>            <RowDefinition Height="auto"></RowDefinition>            <RowDefinition></RowDefinition>        </Grid.RowDefinitions>        <Menu Grid.Row="0">            <MenuItem Header="File" Padding="5,1">                <MenuItem Header="New" Click="New_Click"></MenuItem>                <MenuItem Header="Open" Click="Open_Click"></MenuItem>                <MenuItem Header="Save" Click="Save_Click"></MenuItem>                <Separator></Separator>                <MenuItem Header="Exit" Click="Exit_Click"></MenuItem>            </MenuItem>        </Menu>        <TextBox Grid.Row="1"            ScrollViewer.VerticalScrollBarVisibility="Visible"           TextWrapping="Wrap"           AcceptsReturn="True"           Name="txtData"           FontSize="16"           Padding="5"></TextBox>    </Grid></Window>   כזכור, החלק של ה...
5 תגובות

פיתוח תוכנה – צעד אחר צעד, חלק א’ פרק שישי

יום שלישי, ינואר 21, 2014

לפרק הקודם.   בפרק זה נלמד: היכרות עם מספר פקדים ב – WPF. עבודה עם משתנים מקוד WPF. עבודה בסיסית עם קבצים.   בפרקים הקודמים למדנו על משתנים וכיצד ממירים בין מחרוזת למספר, בפרק זה נכיר כמה פקדים בסיסיים בעבודה בפרוייקטי WPF, ונעבוד עם משתנים בקוד כשנראה כיצד להמיר ממספר למחרוזת בחזרה. בפרק שלישי הכרנו את האלמנטים הבאים: (מומלץ לעבור שוב במהירות על פרק זה לפני ההמשך) StackPanel – המאפשר להכיל בתוכו מספר פקדים אחרים כשהם יהיו אחד ליד השני או אחד מתחת השני. TextBox – המאפשר למשתמש להכניס טקסט כלשהו בתוכו. ...
7 תגובות

פיתוח תוכנה – צעד אחר צעד, חלק א’ פרק חמישי

יום שישי, ינואר 10, 2014

לפרק הקודם בפרק זה נלמד: קצת יותר על משתנים. המרה בסיסית בין הסוגים השונים. היכרות עם עבודה עם תאריכים וזמנים.   בפרק הקודם התחלנו ללמוד על המשמעות של משתנים והסוגים השונים, ראינו עבודה עם משתנים מסוג מחרוזת (string) ב – Console Application, כעת נקח את הקוד מהשיעור הקודם שבו בקשנו כזכור שם פרטי ומשפחה ונבקש גם את הגיל. כזכור הקוד היה נראה כך: Code Snippet Console.Write("Enter your first name: ");string firstName = Console.ReadLine();Console.Write("Enter your last name: ");string lastName = Console.ReadLine();Console.WriteLine("Your full name is: {0} {1}", firstName, lastName); כעת נרצה לבקש מהמשתמש את תאריך הלידה...
3 תגובות