מפתחים רבים מנסים להימנע מלכלוך את ידיהם עם JavaScript ככל שהם יכולים להימנע מכך. יש תפיסה ש-JavaScript לא מסודר ומעודד הרגלי קידוד רעים, מכיוון שהוא לא אוכף חוקים בצורה קפדנית כמו רוב שפות הקידוד האחרות.
אבל זה גם חוזק. זה הופך את הפיתוח של דברים ב-JavaScript למהיר וקל, בתנאי שאתה יודע מה אתה עושה. פיתוח קוד ב-JavaScript הוא לעתים קרובות תהליך יעיל יותר פשוט כי אינך צריך להשקיע כל כך הרבה זמן בניפוי באגים, ואתה יכול לראות את התוצאות של כל שינוי שאתה מבצע באופן מיידי.
אם יש חיסרון, זה שחלק מהקודנים למעשה עצלנים, ולא בודקים את הקוד שלהם מספיק לפני שהם משחררים אותו, וזו הסיבה שאנו רואים כל כך הרבה דפי אינטרנט שצורכים זיכרון ומחזורי מעבד יתר על המידה.
למרבה המזל, אחד הדברים הטובים ביותר ב-JavaScript הוא שיש כל כך הרבה כלים קיימים שאתה יכול לעשות בהם שימוש. לא צריך להמציא את הגלגל מחדש בכל פרויקט. חלקם עשויים אפילו לחסוך מכם את הנסיון לבצע קידוד כלשהו.
במאמר זה, נסקור כמה מכלי JavaScript והספריות השימושיים ביותר הזמינים עבורך לשימוש כשאתה עובד על פרויקטים משלך. ברוב המקרים, הכלים הללו הם בחינם או בעלות נמוכה, ובחרנו רק את אלה שלא דורשים הרבה מאמץ כדי ללמוד.
1. Tota11y
אחת המשימות החשובות ביותר עבור כל מפתח אתרים היא להבטיח לדפים שלו נגישות טובה. זה יכול להיות קשה להגיע לשלמות, אבל אנחנו צריכים לפחות לנסות לגרום לגורם הנגישות להיות טוב ככל האפשר.
אל האני Tota11y כלי JavaScript מבית Khan Academy עושה עבודה מרשימה מאוד בניתוח דפי האינטרנט שלך לצורך נגישות בזמן שאתה בשלב הפיתוח, כך שאתה יכול לספק ניתוח בזמן אמת של גורמי נגישות לצוות הפיתוח שלך.
2. BrowserSync
להתחיל עם BrowserSync זה בכלל לא פשוט, אבל ברגע שלמדת איך להשתמש בו, תגלה שזה הכרחי במעבדת הבדיקות. בדוק את האתר שלך במספר דפדפנים ומכשירים בו-זמנית.
תכונה מעניינת נוספת של הכלי הזה היא שהוא מאפשר לך לחנוק את החיבור שלך כך שתוכל לדמות טעינת הדף בחיבור איטי יותר ממה שיש לך בפועל.
ישנם כלים נוספים לבדיקה במספר דפדפנים, אבל זה היחיד שמצאנו שגם משקף את כל האינטראקציות שלך עם הדף באופן מיידי בכל הדפדפנים והמכשירים המחוברים שלך.
3. Chart.js
יש כל כך הרבה דרכים שבהן תרשימים יכולים להיות שימושיים, ואחד הפתרונות החינמיים האלגנטיים ביותר שגם קל להגדיר צריך להיות בשם פשוט מאוד Chart.js כלי.
באמצעות סקריפט אחד פשוט מאוד, אתה יכול ליצור מגוון מדהים של תרשימים, ואתה יכול אפילו לשלב אותו עם מסד נתונים כדי לטעון נתונים באופן דינמי וליצור תרשימים חדשים בכל פעם שהנתונים משתנים. אתה יכול לערבב סוגי תרשימים שונים יחד במקום בו הגיוני לעשות זאת (לדוגמה, תרשים קו ותרשים עמודות משולב).
זה עובד באמצעות קנבס HTML5, ואתה יכול ליצור בדים מרובים בדף כדי לארח תרשימים מרובים. רק ודא שאתה נותן לכל קנבס ותרשים שם ייחודי כדי שלא תשלח נתונים ליעד הלא נכון.
תכונה מגניבה נוספת של Chart.js היא שהתרשימים שהוא מייצר מלאים responsive, כך שיהיו להם מראה עקבי על פני מגוון גדלי מסך שונים.
4. SamsaraJS
בחירת השם הבלתי רגילה לכלי זה ("סמסרה" במסורת הבודהיסטית מתייחסת למעגל הסבל הנצחי שממנו אמורים להשתחרר) עשויה להוות אינדיקציה לכמה עבודה תצטרכו להשקיע כדי לשלוט בו, אבל הוא מסוגל לגרום לדף האינטרנט שלך לעשות דברים מדהימים.
הקונספט כאן הוא "אנימציית פריסה", וזה מאוד תכליתי. SamsaraJS נותן לך שליטה מלאה על הפריסה, ומאפשר לך "להזיז" אותה ולשנות אותה, לפי רצף שנקבע מראש או בתגובה לאינטראקציה של המשתמש.
5. קרטוגרף
אם דף האינטרנט שלך ירוויח מהצגת נתונים גיאוגרפיים בצורה גרפית, אז קרטוגרף הוא כלי JavaScript המושלם שאתה צריך למטרה זו.
ניתן לעצב כל נתונים בדיוק של נקודת סיכה ולקשור אותם למיקומים ספציפיים במפה, כשהכל נוצר בגרפיקת SVG בזמן אמת. זה אומר שאפילו אנימציה אפשרית.
הדבר הטוב ביותר בזה הוא עד כמה התוצאה הסופית נראית מקצועית. אין ספק שזו אלטרנטיבה מעניינת לשימוש בפתרונות מיפוי פופולריים יותר כגון GoogleMaps, ואינה מגיעה עם תוספות לא רצויות.
דבר נוסף שמייחד את Kartograph הוא שיש לו סקריפטים עבור Python ו-JavaScript.
6. רפאל
זהו מנוע SVG שמפשט את המשימה של ציור גרפיקת SVG בזמן אמת (זה שונה מגרפיקת SVG שהותאמה מראש). ישנם יתרונות רבים לציור הגרפיקה הווקטורית שלך לפי הצורך במקום להשתמש בגרפיקה שהורכבה מראש.
זוהי הטכנולוגיה ברמה גבוהה של פרויקטים של יישומי אינטרנט כמו Kartograph (ראה לעיל) וה- אמולטור MCDU נבנו עם.
בעוד רפאל הספרייה אינה בפיתוח פעיל בשלב זה, יש לה כבר כמעט כל מה שאתה צריך כדי ליצור כמעט כל דבר שתרצה, ואין ספק שהיא הופכת את קידוד SVG להרבה יותר קל משימוש בתחביר SVG רגיל.
7. Knockout.js
זה לא קל להיות מסגרת ממשק משתמש בימינו עם כל כך הרבה תחרות מסביב, אבל Knockout.js יש משהו קצת יותר מיוחד. עקומת הלמידה שוטחה עם הדרכות אינטראקטיביות. מעבר לכך, זוהי מסגרת חזקה וגמישה שנדחסה עד מתחת ל-60KB בגודל.
למרות גודלו הקטן, הוא נותן לך שליטה רבה על רכיבי ה-DOM שלך ומאפשר לך לבנות אינטראקטיביות מלאה responsive אתרי אינטרנט במהירות ובקלות.
JavaScript לא רע
חלק ניכר מהבוז שהופנה ל-JavaScript הוא מורשת מימיה הראשונים, כאשר היא בהחלט לא הייתה מושלמת, ולמרבה הצער החליטה לא נכון את שמה לנצח עם Java.
התמודד כראוי עם JavaScript ותגלה שזו שפה חזקה מונחה עצמים שאידיאלית לפיתוח יישומים מקוונים ולא מקוונים בקלות רבה. זה לא משהו שאפשר להגיד על רוב השפות שקיימות.
אפילו ג'אווה דורשת הרבה יותר מאמץ, למרות שהיא נותנת לך הרבה כלים חוצי פלטפורמה מוגדרים מראש לעבוד איתם.
הכלים המפורטים לעיל הם רק שבעה שימושים מאוד מתוך פלטה של מיליונים שתוכלו לבחור מהם. אין ספק שזו שפה שמועילה לדעת, ועשויה להיות השפה הטובה ביותר לשלוט בה, מכיוון שהיא מספקת את מירב ההזדמנויות.
תמונת כותרת באדיבות
תגובות תגובות 0