יצירת אתר מעולה דורשת כישורים רבים, אבל לא תמיד צריך לפתח הכל לגמרי מאפס. כדי להשתמש בכל אחת מספריות ה-JavaScript המוצגות במאמר זה, תצטרכו להיות לפחות כמה כישורי JavaScript קיימים, אך גם לא בהכרח צריך להיות מומחה.
מה שאתה כן צריך להיות מומחה בו הוא להבין כיצד למזג את הספריות לאתר כדי להפיק מהן את המרב. זה לא באמת משהו שאפשר ללמד. זו מיומנות שאתה יכול ללמוד רק על ידי עשייה. עם זאת, לאחר ששלטת במושגים, אין גבול ליצירתיות שלך ולמה שאתה יכול להשיג איתה.
אסופה כאן הרשימה שלנו של ספריות JavaScript השימושיות ביותר הזמינות למתכנתים לשיפור האתר. אולי לא תראה את המועדף שלך ברשימה כאן, אבל זה לא אומר שזה לא מומלץ. למעשה, לא ניתן לבטל כל ספריית JavaScript שעוזרת לך להשיג משהו שווה. אבל עם מיליוני ספריות לבחירה, אנחנו צריכים למתוח את הגבול איפשהו.
1. jQuery
עדיף להתחיל עם המובן מאליו. כמעט בוודאות שאתה כבר משתמש בספרייה הזו בדרך כלשהי, גם אם אתה עדיין לא מכיר אותה. בעיקרו של דבר, jQuery מאפשר לך לעשות דברים דינמיים לדפי אינטרנט סטטיים בקלות רבה יותר מאשר בשיטות אחרות, ואינו דורש תכנות בצד השרת כדי להשיג את התוצאות. זה גם אומר שעדכונים יכולים להתרחש מהר יותר מאשר עם חלופות בצד השרת. ספריות רבות אחרות כוללות את jQuery כתלות, כך שככל הנראה תצטרך לשלב אותה בדפים שלך גם אם אינך ניגש ישירות לתכונות שלה.
2. אב טיפוס
זה, במובן מסוים, יכול להיחשב כמתחרה ל-jQuery. זה לא בהכרח נחות, אבל זה מאומץ הרבה פחות. שימוש באב-טיפוס וב-jQuery ביחד עלול להוביל להתנגשויות, אלא אם כן תנקוט בצעדים מיוחדים כדי להתמודד עם בעיה זו. זו הסיבה שאתה צריך לדעת את התלות בתוך ספריות JavaScript האחרות שבהן אתה משתמש.
3. מודרניזר
ספרייה זו עוזרת להתגבר על בעיות בעיבוד דפים בדפדפנים ישנים שאינם תומכים באופן מלא ב-HTML5. בעוד שדפדפנים כאלה נהיים נדירים יותר, הם עדיין חלק מהנוף והשימוש ב-Modernizr יכול לעזור לך להתמודד עם הבעיה בצורה יעילה.
4. אוזן נעל
תוך שש שנים קצרות בלבד, Bootstrap השיגה תפוצה עצומה ברחבי עולם פיתוח האינטרנט. זה עוסק אך ורק בפריסת ממשק המשתמש ובשילוב רכיבים, אבל זה עושה את זה טוב מאוד. עם זאת, תצטרך לשנות את הגדרות ברירת המחדל כמעט לכל דבר, מכיוון שהן מבוססות על Twitterערכת הצבעים של, שאינה הידידותית ביותר מבין ממשקי המשתמש.
5. PDF.js
אתה אולי יודע ש-PDF format כפוף לנקודות תורפה מסוימות. כדי לעקוף בעיה זו, PDF.js נוצר כדי להציג תוכן PDF לתוך HTML5 Canvas. ברור שזה גם אומר שזה עובד רק בדפדפן שתומך ב-HTML5 וב-Canvas.
6. תרשימי JS
ספרייה מצוינת המספקת מחולל גרפים פשוט אך חזק, כך שתוכל ליצור כל מיני תרשימים בעלי מראה מקצועי לאתר שלך מבלי להשקיע יותר מדי זמן ומאמץ. הגרסה החינמית חזקה באותה מידה בהשוואה לגרסה בתשלום, אך כוללת סימן מים. רכישת רישיון מסירה סימן מים זה.
7. Chart.js
זוהי אלטרנטיבה ממש טובה, חינמית לחלוטין, ללא סימן מים ל-JS Charts. זה קל לשימוש, מתועד היטב וניתן להתאים אותו באינסוף דרכים. השימוש בו דורש מעט יותר מיומנות JavaScript מאשר תרשימי JS.
8. D3.js
זהו אח גדול יותר לשתי הדוגמאות הקודמות, המיועדות לשימוש קל משקל. עם זאת, אם אתה מחטב נתונים בליגות הגדולות, D3 מציע לך את התכונות המתקדמות שיכולות לקחת את המצגת המקוונת שלך לשלב הבא. כל סוג של נתונים יכול להיות חזותי ולהביע במספר מדהים של דרכים. פשוט בדוק את הדוגמאות באתר D3 כדי לראות מה פספסת.
9. bHive
מסגרת גרפית נהדרת שהיא כמו revolutיווני ל-HTML5 Canvas כפי שהיה רפאל ל-HTML4. bHive מאפשר לך ליצור במהירות גרפיקה SVG, אנימציות, ואפילו לשלב אינטראקטיביות שבה ניתן להשתמש במספר דרכים שונות, כגון משחקים פשוטים ויישומי חינוך.
10. קרוסלת ינשוף
אמנם אין לעודד שימוש יתר בקרוסלות, אבל במקרים שבהם אתה באמת צריך להשתמש בקרוסלות, Owl הוא אחד התוספים המומלצים ביותר לקרוסלה שנוצרו אי פעם עבור jQuery. זה תואם הן למסכי מגע והן למכשירי הצבעה. הוא תומך בהחלקה וגרירה ושחרור. זה ניתן להתאמה אישית מלאה והוא responsive כברירת מחדל.
11. Date.js
לפעמים אתה צריך להיות מסוגל להביע תאריך בformatיון בדרכים שונות כדי לתת הקשר לאתר. התכונות של Date.js מאפשרות לך לעשות בדיוק את הדבר הזה, תוך שימוש בתחביר מאוד פשוט שלא יכול להיות קל יותר ללמוד.
13. Moment.js
עוד דייט formatספריית טינג ועיבוד. זה קצת יותר מורכב מDate.js אבל מאפשר לך לבצע חישובים ספציפיים מסוימים בקלות (isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate וכן הלאה). כאשר אינך זקוק לכל התקורה שמגיעה עם התכונות הנוספות הללו, השתמש במקום זאת ב-Date.js.
13. dateDropper
כאשר אתה צריך להציג פקד לוח שנה / בורר תאריך באתר שלך, dateDropper הוא הפתרון האלגנטי והפשוט ביותר שראינו אי פעם (וראינו הרבה). זה גם תואם יותר לממשקים ניידים מאשר רבים מהפתרונות האחרים שקיימים.
13. Numeral.js
עושה למספרים מה ש-Date.js עושה לדייטים.
14. wForms
ספרייה פשוטה אך שימושית המתוחזקת על ידי בארכיון Google Code, wForms מאפשרת עבודה קלה של משימות נפוצות הקשורות לטפסי קלט של משתמשים. אלה כוללים אימות קלט, עצות לכלים ותכונות שימושיות אחרות.
15. מיון טבלה
טבלאות הניתנות למיון קיימות כמעט באותה תקופה שיש לטבלאות (טבלאות נתונים, בכל מקרה). אבל עם ספריית JavaScript הידנית הזו, אתה יכול להפוך כל טבלה למיון בקלות רק על ידי הוספת מחלקה לטבלה כשאתה יוצר אותה, וזה פשוט כמו:
תמונת כותרת באדיבות רוגי
תגובות תגובות 0