נגישות       נגישות
שינוי גודל טקסט:
א א א
שינוי צבעי האתר:
? מקשי קיצור:

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

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

Internet Explorer, Chrome ובגרסאות ישנות של Firefox: לחצו על מקש Alt ועל מקש המספר או האות על-פי הרשימה. ב Firefox 3 ומעלה: לחצו על המקשים Alt + Shift + המספר או האות.

S - עבור לתוכן הדף
L - חיפוש
1- עמוד הבית
2 - פרוייקטים
3 - מדריכים
4 - אודות
5 - צרו קשר
6 - הצהרת נגישות
מדריכים על פיתוח אתרים באמצעות javascript

לימדו javascript. שפת התכנות הפופולארית ביותר בעולם, והשפה שבה כתוב צד המשתמש של אתרי אינטרנט.

 

מדריכי javascript

אם הבנתם ספרו לחבריכם המפתחים, ואם לא ספרו לנו (כדי שנוכל לשפר את המדריכים).

 

מדריכי JavaScript בסיסיים

2. על משתנים וערכים ב-JavaScript

במדריך זה תוכלו ללמוד על סוגי המשתנים הפשוטים הקיימים בשפת ה-JavaScript.

3. סוגי משתנים ב-JavaScript

במדריך השלישי בסדרה, תלמד על סוגי משתנים ב-JavaScript, ובהם מחרוזות, מספרים, בוליאנים ו-null.

4. כיצד לשלב מחרוזות ומשתנים ב-JavaScript?

למד לשלב מחרוזות וערכים בקוד, וכיצד להוסיף הערות לקוד JavaScript.

5. פונקציות וארגומנטים של פונקציות

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

6. פונקציות שמחזירות return ופונצקיות שמועברות כפרמטרים

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

 

7. בחירה בין חלופות ב-JavaScript באמצעות if ו-else

למד כיצד להשתמש במשפטי תנאי if, elseif ו-else כדי לבחור בין חלופות של קוד.

8. הדרך הנכונה לשילוב קוד JavaScript באתר

במדריך זה נלמד שאת קוד ה-JavaScript עדיף להפריד לקובץ סקריפט נפרד כדי שהאתרים שלנו יהיה מסודרים, יעילים ואיכותיים הרבה יותר.

9. לולאת while ב-JavaScript

כדי לא לחזור על אותו קוד יותר מפעם אחת משתמשים בלולאות. במדריך זה נלמד על לולאת while ב-JavaScript.

10. לולאות for ותרנגולות

אחרי שהבנתם למה צריך להשתמש בלולאות כשקראתם בעיון את מדריך while,הגיע הזמן לקחת את כישורי הלולאות שלכם לרמה גבוהה יותר וללמוד על לולאת for.

11. מערכים ורשימות של ערכים

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

12. פעולות על מערכים: יצירה, קריאה, עדכון ומחיקה

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

13. תכונות ופעולות על מערכים

לאחר שבמדריך קודם למדנו על 4 הפעולות הבסיסיות שניתן לבצע על מערכים ב-JavaSCript, במדריך זה, הרשו לי להציג, תכונות ופעולות שניתן לבצע על מערכים.

14. אירועים ומאזינים לאירועים

אם עד עכשיו למדנו את שפת ה-JavaScript כשפת תכנות רגילה לגמרי עם משתנים, לולאות ופונקציות, הגיע הזמן ללמוד את אחד הדברים שמייחדים את השפה, ומעניקים לה את כוחה בשירותם של מתכנתי האינטרנט.

15. משתנים מקומיים וגלובאליים ב-JavaScript

מה ההבדל בין משתנים מקומיים וגלובאליים ב-javascript? למה זה משנה בכלל? וכיצד לחסוך במצטבר שעות רבות של ניסיונות להבין מה השתבש בסקריפטים שלנו?

16. כיצד לעבוד עם טפסים ב-JavaScript?

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

 

17. כיצד להוסיף, לערוך ולמחוק אלמנטים בדף באמצעות JavaScript

למדו כיצד להוסיף ולערוך אלמנטים לדף באופן דינמי.

18. הרחבה על כיצד להוסיף אלמנטים לדף באמצעות JavaScript?

גם מדריך זה, בדומה לקודמו, מסביר את הנושא של הוספת אלמנטים לדום, אבל הפעם הנושא מטופל יותר בהרחבה, ומוסיף דוגמאות קוד, הסברים ואופני פעולה להוספת מגוון של אלמנטים.


מדריכי JavaScript למתקדמים

העולם המוזר של var

מילת המפתח var (קיצור של variable) משמשת להגדיר משתנים מאז ימי ראשית ה-JavaScript. יש לה תכונות מסוימות שמייחדות אותה ממקבילותיה בשפות תכנות אחרות. כדאי להכיר את התכונות האלה כדי להימנע מהפתעות.

מדריך AJAX ב-JavaScript

פרוטוקול AJAX מאפשר לשנות את תוכנו של הדף בלי לטעון אותו מחדש, ולשלוח ולקבל מידע משרת (מרוחק) בלי צורך לחכות לתגובת השרת. לכן, השימוש ב-AJAX הוא חיוני בתכנות מודרני כשרוצים להעניק חוויית משתמש טובה, ולצרוך שירותים שרצים ברקע בלי להפריע לטעינת הדף.

התוצאה הסופית של מדריך AJAX באמצעות javascript

טיפול בשגיאות ב-JavaScript

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

ביטויים רגולריים ב javascript

ביטויים רגולריים משמשים לזיהוי דפוסים במחרוזות בכל שפות התכנות. כשעיקר ההבדל בין שפה לשפה הוא בתחביר. ביטויים רגולריים הם מאוד שימושיים. משתמשים בהם לזיהוי URL, לסינון ספאם, לווידוא המידע שהזינו משתמשים לקבצים, לזחילה ברשת, לבדיקת החוזק של ססמאות, ומה לא. במדריך זה תלמדו את הבסיס לשימוש בביטויים רגולריים בשפת ה-JavaScript.

תכנות מונחה עצמים עם java script - חלק ראשון

במדריך הראשון על נושא אובייקטים של JavaScript, אני מסביר כיצד ליצור אובייקטים וכיצד להגדיר להם תכונות ומתודות.

js מונחה עצמים - הוספת מתודות על ידי הרחבת הפרוטוטיפ

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

הורשת אובייקטים ב-javascript

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

פונקציות אנונימיות שקוראות לעצמם ב-javascript

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

מפתח frontend, על bower שמעת

bower הוא מנהל חבילות קוד שמאפשר לך להוריד, לעדכן, ולנהל חבילות קוד מתחום ה-javascript וה-css. אז אם אתה רוצה לנהל את חבילות הקוד ביתר קלות, כדאי שתכיר את הכלי הזה.

אתר bower מנהל חבילות הקוד באינטרנט

 

מדריך TypeScript

במדריכים בסדרת ה- TypeScript, תלמדו את השפה מונחית העצמים שמבוססת על JavaScript. היא השפה שבה כתובות אפליקציות של Angular2.

מדריך ללימוד-typescript

 

העברת פונקציות כארגומנטים לפונקציות ב-JS

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

מה זה? 8 תרגילים בהבנת המילה השמורה this ב-JavaScript

מילת המפתח this מצביעה על ההקשר שבו אנחנו נמצאים, ולפיכך הערך של this משתנה לפי המקום שמשתמשים בה בקוד. במדריך זה נלמד את הנושא באמצעות 8 דוגמאות קוד.

דוגמה לשימוש ב-YOUTUBE API באתר

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

מדריך מפות גוגל API

קל מאוד להטמיע מפת גוגל באתר, אבל אפשר להפוך את המפה למותאמת במיוחד לצרכינו באמצעות ה-API של המפות. במדריך זה נציג את ה-API שיהפוך את המפות באתר שלכם לטובות הרבה יותר.

מדריך לבניית אתרים - בלוק שעון מעוצב לאתר

מדריך שמסביר כיצד להוסיף שעון מעוצב לאתר באמצעות קצת javascript, HTML ו-CSS.

תחביר חלופי ל-if...else if ב-javascript

בתכנות ב-javascript ישנן אפשרויות אלגנטיות ושימושיות להצהרת if...else. במדריך זה אסביר שתי אפשרויות: Ternary operator שמשמש במידה וצריך לבחור בין שתי חלופות, ו- הצהרת switch, שמשמשת במידה וצריך לבחור בין יותר משתי חלופות.

12 ספריות java script שכדאי להכיר

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