מיד אחרי "איפה הכי טוב ללמוד?" אולי השאלה הנפוצה ביותר שאני שומע מאנשים שנכנסים לקוד היא "אילו ספרי פיתוח אתרים כדאי לי ללמוד?" ובכן, ראה זאת כתשובה לשאלה הזו מכיוון שאצרתי רשימה של ספרים שהם לא רק נהדרים לכניסה לפיתוח חזיתי אלא גם זמינים באופן חופשי.
ספרים על CSS
זה החלק הארי של המקום שבו אנחנו הולכים לבלות כי, ובכן, זה אתר בעיקר על CSS!
הקסם של CSS מאת אדם שוורץ
- מושלם בשביל: השלבים הבאים במסע ה-CSS שלך
- רמת למידה: ביניים
- דורש: קצת הבנה בסיסית של CSS
אדם שוורץ מכסה שישה מושגי CSS בספר זה, כולל דגם התיבה, פריסה, טבלאות, צבע, טיפוגרפיה ומעברים. אלו דברים שאפילו פוגעים בכמה אנשי CSS ותיקים, חלק מהמושגים האלה עשויים לבלבל. אדם עשה מאמצים רבים כדי לבטל כל אחד מהם.
בנוסף לכך שהספר הוא בסיס מצוין למושגי CSS מורכבים, אני אוהב איך כל אחד ממאפייני ה-CSS המוזכרים לאורך הספר ניתן ללחוץ כך שתמיד תוכל ללחוץ עליהם כדי לראות כיצד כל אחד מהם מיושם. יש הרבה דוגמאות להמחשה והמלצות לקריאה נוספת, אם תרצה ללמוד יותר על כל פרק.
מצאתי את הפרק על צבעים מעניין מאוד לא רק בגלל שהוא נכנס לשיטות העבודה המומלצות לשימוש בצבע נגיש, אלא גם בגלל שיש יישומים סופר פרקטיים, כמו כשאדם נכנס לשימוש ב-CSS כדי לתמוך במיתוג של ארגון.
עיצוב אתרים עמיד מאת ג'רמי קית'
- מושלם בשביל: פיתוח אסטרטגיות לכתיבת קוד
- רמת למידה: ביניים
- דורש: קצת הבנה בסיסית של CSS
ישר מההקדמה:
לא תמצא כאן שום קוד שיעזור לך לבנות אתרים טובים יותר. אבל תמצא רעיונות וגישות. רעיונות עמידים יותר מקוד. ניסיתי לשלב את הרעיונות הכי עמידים מההיסטוריה של עיצוב אתרים לגישה לבניית אתרי העתיד.
מה שג'רמי עושה כל כך טוב הוא לתאר מיומנויות רכות, כמו תכנון, מתאר וגישות לכתיבת קוד. לכן, במקום להכניס קטעי קוד לאורך הספר, מה שתמצא הם פרטים על אסטרטגיות קוד, כגון שיפור מתקדם, החלטה באיזה כלי להשתמש והאתגרים של כתיבת קוד ידידותי לעתיד.
ולמי מכם שלא היה העונג להקשיב לג'רמי מספר תוכן (כמו שהוא עושה ב- סדרת היסטוריית אתרים), יש קובץ שמע זמין להורדה.
תחילת פיתוח אתרי CSS: מתחיל למקצוען מאת סיימון קוליסון
- מושלם בשביל: היסודות של CSS
- רמת למידה: מתחילים מוחלטים
- דורש: שום דבר מלבד זמן ומוטיבציה
זה אולי נכתב ב-2006, אבל הסיקור של סיימון בתקני אינטרנט ונגישות הוא נצחי ורלוונטי היום. הוא מספק הבנה של יכולת פעולה הדדית כמו גם גישות לבניית יישומי אינטרנט, כולל שלבי התכנון המוקדמים שלעתים קרובות מתעלמים מהם.
לספר שני חלקים רחבים המחולקים עוד יותר ל-16 פרקים. חלק 1 מכסה נושאי CSS, כמו עבודה עם טקסט, קישורים, רשימות, רקעים, תמונות, טבלאות וטפסים. זה גם ממש לא חוסך בפרטים.
חלק 2 עוסק כולו בפריסה, לשפוך אור על שימושיות ומניפולציה של פריסה, בתוספת מקרה שימושי. הפרקים מסודרים בצורה כזו שפרק אחד זורם באופן טבעי אל הפרק הבא. כל פרק מכיל גם קטע מסכם המדגיש את כל המושגים החשובים הנלמדים בפרק.
ואכן, הספר מספק למפתחים מתחילים רקע מוצק ב-CSS ומסייע להם בהדרגה עם מושגים מתקדמים יותר. זה יקל על מסע ה-CSS שלך.
ספרים על HTML ו-CSS
CSS ו-HTML נלמדים לעתים קרובות יחד, מה שיכול להיות מועיל במיוחד כאשר אתה כותב את שורות הקוד הראשונות שלך ורוצה לדעת כיצד שתי השפות מתקשרות זו עם זו.
למד לקוד HTML ו-CSS מאת שי האו
- מושלם בשביל: מתחילים את המסע הקדמי שלך
- רמת למידה: למתחילים
- דורש: אין ניסיון קודם כלל
שי מתייחס לספר זה כאל א מדריך פשוט ומקיף המוקדש לעזור למתחילים ללמוד HTML ו-CSS.
הוא עושה זאת על ידי התמקדות באלמנטים נפוצים של עיצוב ופיתוח חזיתי. חלק מהשיעורים המכוסים הם מודל תיבה, מיקום, טיפוגרפיה, רקע והדרגות, רשימות, מדיה, טפסים וטבלאות. בפרק הראשון *בניית דף האינטרנט הראשון שלך, שי ניתח את התוכן של אתר אינטרנט טיפוסי כולל אלמנטים, תכונות והגדרת מבנה מסמך HTML, אימות קוד, בוררים ואיפוסי CSS. אני מוצא את הספר מלמד מאוד במיוחד מכיוון שהוא חרג משטח פני השטח כדי להתייחס למושגי מפתח רבים עם דוגמאות קוד, שאותן תוכל לעקוב אחריהם.
דבר אחד עמוק בספר הנהדר הזה הוא ששי בנה פרויקט שלם מאפס לאורך 12 השיעורים ובסוף כל שיעור הוא סיפק תקציר וקישורים למצב הנוכחי של האתר הזה (כדי שתוכל להשוות עם שלך אם אתה עוקב) וקוד המקור בכל שלב של השיעורים.
אם אתה לומד שלומד על ידי עשייה, תמצא חומר זה שימושי מאוד ועד שתסיים, תפתח אתר פונקציונלי מרובה עמודים.
המשך מתקדם של הקורס זמין גם בחינם דרך אותו קישור.
HTML ו-CSS: למד את היסודות ב-7 ימים מאת מייקל נאפ
- מושלם בשביל: מתחילים את המסע הקדמי שלך
- רמת למידה: למתחילים
- דורש: אין ניסיון קודם כלל
האם אתה יכול ללמוד את כל מה שצריך לדעת על HTML ו-CSS בשבעה ימים? כנראה שלא, אבל זו הסיבה שהספר הזה מ-2017 של מייקל קנאפ מתמקד ישירות ביסודות. מייקל מתעמק בשיעור היסטוריה קצר לפני שהוא נכנס למבנה, לוגיקה ומצגת HTML ו-CSS. אתה הולך להתעדכן עד לנקודה שבה אתה אמור להרגיש די בטוח לגבי הרכבת דף אינטרנט בסיסי, בתוספת כמה תוספות לאורך הדרך כשהספר נוגע בקידום אתרים וניתוח.
הספר מורכב מתוכנות פשוטות שתוכל להפעיל במחשב שלך אם תרצה לעקוב אחריו.
גרסת הספר האלקטרוני זמינה בחינם ב-Apple Books, אך ישנה גם גרסת Kindle אם כבר יש לך מנוי שם.
The Greatest CSS Tricks Vol. 1 מאת כריס קוייר
- מושלם בשביל: מתפעל ממה ש-CSS יכול לעשות
- רמת למידה: ביניים
- דורש: קצת ניסיון ב-CSS
האם ידעת שגם ל-CSS-Tricks יש ספר על CSS? זה יהיה טיפשי להשאיר את זה מחוץ לרשימה הזו כי מה שאתה מקבל הוא אוסף של תחבולות CSS קלאסיות שמוסברות על ידי לא אחר מאשר כריס קוייר. למעשה, כריס בחר ידנית את כל הדוגמאות המכוסות בספר מהשנים הרבות, הרבות (רבות!) שמנהל את האתר הזה כאן מתוך שפע הטריקים שעברו על שולחנו.
כל טריק פותר נקודת כאב מסוימת. למשל, הראשון טריק "גלילה עם סיכה לתחתית".מדגים כיצד ה overflow-anchor ניתן להשתמש במאפיין CSS כדי ליצור את אותו ממשק דמוי צ'אט של כלי כמו Slack, שבו המסך מעוגן בתחתית באופן שמרגיש כאילו הדף גולל עבורך עם הוספת פריטים חדשים.
ספרים על תהליך
קוד עוסק באותה מידה אֵיך אנו כותבים קוד ומשתפים פעולה בפרויקטים עם אחרים, שכן מדובר בקוד האמיתי שאנו כותבים. הספרים הבאים הם נקודות פתיחה מצוינות לכל דבר, החל מתכנון וניהול פרויקטים ועד לתקשורת ושיתוף פעולה עם אחרים.
שיתוף פעולה: חבר אנשים סביב פרויקטים דיגיטליים מאת אלן דה פריס
- מושלם בשביל: להיות משתף פעולה טוב יותר
- רמת למידה: N / A
- דורש: ראש פתוח לעבודה טובה עם אחרים!
אלן מתייחסת למשהו בספר הזה שכולנו צריכים להתמודד איתו: שיתוף פעולה עם אחרים. וזה לא עניין של מה בכך - הספר מחולק לארבעה חלקים שנכנסים לעומק דברים שאנחנו יכולים לעבוד עליהם היטב עם אחרים:
- לדעת להכין את הקרקע וליצור את התנאים הנכונים לשיתוף פעולה.
- לטפח את התרבות הקבוצתית בשלבים הראשונים של שיתוף הפעולה.
- לשמור על תהליך שיתוף פעולה בריא.
- קצור את הפירות של שיתוף פעולה.
כאסטרטגית תוכן, לאלן יש את הסוג הנכון של הניסיון לעזור לכל אחד להיות חלק מפרויקט שיתופי, או להפיק את המרב משיתוף פעולה.
תהליך עיצוב אתרים מודרני על ידי זרימת אינטרנט
- מושלם בשביל: מעצבים בכירים, מנהלי פרויקטים
- רמת למידה: N / A
- דורש: קצת הבנה בסיסית של CSS
הספר האלקטרוני החינמי הזה כולל תהליך עיצוב בן שבעה שלבים שנועד לעזור להגדיר את זרימת העבודה עבור המותג של היום של עיצוב אתרים.
זה כולל:
- לקבוע מטרות
- הגדרת היקף
- מפות אתר ו-wireframes
- עבודה עם תוכן
- טיפול באלמנטים ויזואליים
- בדיקות
- משלוח
כל מי שמתחיל פרויקט עיצוב חדש או באמצע פרויקט עיצוב ימצא את התובנות שלא יסולא בפז לאורך הספר. ומה שהכי מדהים הוא איך זה כתוב בצורה שכמעט מרגישה כאילו אתה מוחזק ביד פרויקט שלם מהרעיון ועד לסיום.
עיצוב עבור האינטרנט מאת מארק בולטון
- מושלם בשביל: לומדים לעבוד עם לקוחות
- רמת למידה: למתחילים
- דורש: עניין אמיתי בעיצוב
נראה שארגונים רבים מתמודדים עם עיצוב אחרת. אבל הסופר מארק בולטון מתעד זרימת עבודה עיצובית יסודית עיצוב עבור האינטרנט שמבטל אתגרים רבים ומכסה את כל מה שאתה צריך לדעת.
מה שמיוחד בספר הזה הוא שהוא באמת עוסק בעבודה. בטח, יש המון מידע בעל ערך עצום על שיטות עבודה מומלצות לעיצוב עבור דברים כמו טיפוגרפיה, צבע ופריסה, אבל מה שאתה באמת הולך לקחת מהספר הזה הוא אֵיך אלה משתלבים בזרימת עבודה עיצובית. זה מלמד אותך איך לחקור, את הטכנולוגיות שיש לנו כדי ליישם רעיונות, ובסופו של דבר, איך לעבוד עם אחרים כמו גם עם לקוחות - מזון מושלם לאנשים כולל מובילי עיצוב, מנהלי פרויקטים, פרילנסרים או כל מי שמעורב בתהליך העברת הפרויקט .
למד בקרת גרסה עם Git על ידי מגדל
- מושלם בשביל: מאסטרינג Git
- רמת למידה: כל הרמות יתקבלו בברכה
- דורש: אין ידע קודם כלל
בספר זה, הצוות מאחורי הפופולרי לקוח מגדל עבור Git להכיר ללומדים את העיקר של מערכת בקרת גרסאות באמצעות Git. מפתחים שעובדים בצוותים ימצאו את זה שימושי במיוחד, שכן זה עוזר בשיתוף פעולה יעיל עם חברי צוות בבניית תכונות שונות של פרויקט גם כאשר אתה נמצא במרחק אלפי קילומטרים זה מזה. עם זאת, זה עדיין ממש נהדר עבור כל מי שעשוי להתבייש משורת הפקודה ורוצה לבנות שם אמון.
ומכיוון שהספר הוא של יצרנית אפליקציה שמקיימת אינטראקציה עם Git, אתה הולך לקבל מנה יפה של שימוש ב-Tower כ-GUI בנוסף לעבודה ישירות על שורת הפקודה.
אז, בין אם מדובר בהתחייבות, הסתעפות, מיזוג, בקשות משיכה, חילוף עבודה או טיפול בסכסוכי מיזוג, אתם הולכים לקבל הרבה מאוד מהספר הזה.
ספרים על JavaScript
לימוד JavaScript תמיד נראה באופנה. למעשה, ג'ייסון רודריגז כתב על נוף הלמידה של JavaScript ב-2018 וסיפק רשימה יפה של ספרים בחינם. לא צץ יותר מדי מאז, אבל הנה המחשבות שלי על הספרים הבאים.
JavaScript רהוט מאת Marijn Haverbeke
- מושלם בשביל: משתפר בכתיבת JavaScript
- רמת למידה: מפתחים בינוניים עד ותיקים
- דורש: ניסיון קודם ב-JavaScript
JavaScript רהוט באמת עומד בשמו. באופן אישי, אני מחשיב את זה כאחד מספרי ה-JavaScript הכתובים ביותר שנתקלתי בהם. סגנון הכתיבה של מרג'ין מרתק, במיוחד עם האופן שבו הוא מציג מושגי תכנות ומלווה את הקורא. לדבריו, הספר פשוט עוסק להדריך מחשבים ולגרום להם לעשות מה שאתה רוצה שהם יעשו.
הספר הוא צלילה עמוקה לתוך JavaScript הפרוס על פני שלושה חלקים ו-21 פרקים. אתה הולך לקרוא חבורה על מושגי תכנות בסיסיים, כגון ערכים, טיפוסים, אופרטורים ופונקציות, ועד מושגים מתקדמים כמו ביטויים רגולריים, מודולים, DOM ותכנות אסינכרוני. הוא מתחיל כל פרק עם ציטוט קצת פילוסופי כדי להכין את הקורא למה שמצפה לו ואז צולל היישר לנושא.
בנוסף, ישנם שלושה פרויקטים שיעזרו לך לתרגל את הכישורים החדשים שלך.
הבנת הבטחות JavaScript מאת ניקולס סי זקאס
- מושלם בשביל: מי שרוצה ללמוד הכל על תכנות אסינכרוני עם הבטחות ב-JavaScript.
- רמת למידה: ביניים
- דורש: צלעות JavaScript בסיסיות
הבטחות JavaScript הוצגו ב-2015 כחלק ממפרט ES6 לטיפול בפונקציות אסינכרוניות ב-JavaScript. על פי MDN:
הבטחה היא אובייקט המייצג את ההשלמה או הכישלון בסופו של דבר של פעולה אסינכרונית
בספר זה בן 51 עמודים, ניקולס מסביר את הרעיון של הבטחות על פני שלושה פרקים: יסודות, הבטחות שרשרת ועבודה עם הבטחות מרובות. למרות ש קישור לספר שאנו מספקים היא גרסת הקהילה החינמית, הגרסה המלאה (זמין על אמזון) יש שני פרקים נוספים על פונקציות אסינכרון ומעקב אחר דחייה ללא טיפול. ניקולס פישט את הרעיון של הבטחות עם מספר איורים ודוגמאות. תלמד איך להשתמש then(), catch(), ו finally() ולהבין כיצד לשרשר הבטחות מרובות יחד. ניקולס מכסה גם את הקצאת מטפלי הדחייה וההסדרים. אולי כדאי שתקרא את הספר כדי לחזק את הבנתך בנושא.
ניקולס הוא מחבר ספרי JavaScript ותיק שכותב על JavaScript כבר למעלה מ-15 שנה. הוא מביא לידי ביטוי את ניסיונו העשיר בספר הזה (בדיוק כפי שעשה בספר עבודתו כאן ב-CSS-Tricks).
מדבר JavaScript מאת אקסל ראושמאייר
- מושלם בשביל: עולה רמות מתחילת JavaScript
- רמת למידה: ביניים
- דורש: ידע בתכנות מונחה עצמים
ספר זה מוצג בארבעה פרקים המכסים יותר מ-30 נושאים. הנה איך זה מתפרק:
- הפרק הראשון הוא רענון נחמד על תחביר, סוגי משתנים, פונקציות וטיפול בחריגים.
- הפרק השני מציע פרספקטיבה היסטורית ל-JavaScript כהקדמה לסוגי התכונות המכוסות לאורך שאר הספר.
- פרק 3 מוצג פחות או יותר כספר עיון עם דוגמאות קצרות ונקיות.
- הפרק האחרון מתאר טיפים, כלים וספריות שיעזרו לכתוב JavaScript טוב יותר ולפעול לפי שיטות עבודה מומלצות.
סודות הנינג'ה של JavaScript מאת ג'ון רזיג ודוב ביבו
- מושלם בשביל: יצירת ספריית JavaScript חוצת דפדפנים מהיסוד
- רמת למידה: ביניים
- דורש: ניסיון קודם בתכנות
למעשה יש א מהדורה חדשה יותר של ספר זה, אבל מהדורת 2012 היא זו החינמית. כך או כך, זו הזדמנות טובה ללמוד מג'ון רזיג; אתה יודע, הבחור ש נוצר jQuery.
הטכניקות המכוסות כאן כוללות סגירות, פונקציות, DOM, כיוון עצמים עם אבות טיפוס ואסטרטגיות חוצות דפדפנים. הטבה אחת נחמדה היא שכל פרק מלווה בסיכום קצר המושלם לעיון לאחר שתסיים את הספר.
לימוד דפוסי עיצוב JavaScript מאת Addy Osmani
- מושלם בשביל: לומדים לכתוב JavaScript יעיל יותר
- רמת למידה: ביניים
- דורש: רמה הגונה של חווית JavaScript
הרעיון של דפוס עיצוב מתייחס לפתרון לשימוש חוזר לבעיה שחוזרת על עצמה בפיתוח אפליקציות. בספר זה, Addy Osmani מכסה את ההטמעה של דפוסי עיצוב נפוצים באמצעות ES6 ואילך, כמו גם דפוסי עיצוב ספציפיים ל-React, שיכולים להיות שימושיים במיוחד כאשר עובדים על אפליקציות React מורכבות שבהן תחזוקה היא המטרה העיקרית.
חלק מהדפוסים המכוסים כוללים דפוסי Singleton, Proxy, Provider, Prototype ו-Observer. במקרים מסוימים, Addy כוללת יתרונות וחסרונות של שימוש בחלק מהדפוסים הללו וכיצד הם עשויים להשפיע על ביצועי האפליקציה שלך.
אתה לא מכיר את JS מאת קייל סימפסון
- מושלם בשביל: שליטה ב-JavaScript
- רמת למידה: מתחיל
- דורש: ניסיון קודם בתכנות מועט או ללא
למרות שהכותרת עשויה להיות קצת פרובוקטיבית, מה שקייל רומז כאן הוא שהוא כותב את הספר הזה בהנחה שאין לך ניסיון קודם ב-JavaScript.
קייל מתחיל במעבר על יסודות התכנות כפי שהם נראים מבעד לעדשת JavaScript. לאחר מכן הוא ממשיך, בפרקים הבאים, להציג מושגים מתקדמים יותר כמו היקף וסגירה, this מילת מפתח, אבות טיפוס של אובייקט, async, וביצועים.
יש כאן הרבה פרטים והסברים מצוינים, וקייל עושה את זה קל מאוד להבנה על ידי הימנעות מז'רגון סופר טכני. יש גם תרגילים רבים שנועדו לחזק את הלמידה שלך. ספר זה בהחלט יקדם אותך עם JavaScript. יש מהדורה שנייה של הספר בעבודות שאתה יכול לעקוב אחריהם ב-GitHub.
מדריך JavaScript למתחילים מאת פלביו קופס
- מושלם בשביל: התייחסות למתחילים
- רמת למידה: רק מתחיל
- דורש: הרשמה למייל, אולי ניסיון קודם
Flavio הרכיב עזר מאוד שימושי ל-JavaScript עבור אלה שרק מתחילים. זה יותר כמו מדריך עזר מהיר מאשר ספר לימוד, אז אלו מכם שרק מתחילים אולי רוצים להתייחס לזה כמשהו שאתם שומרים על השולחן ולא כמשהו שאתם יושבים איתו לפרקי זמן ארוכים.
JavaScript עבור Data Science מאת Gans, Hodges & Wilson
- מושלם בשביל: כניסה להדמיית נתונים
- רמת למידה: בינוני עד מתקדם
- דורש: ידית הגונה ב-JavaScript
המחברים מכסים את תכונות הליבה של JavaScript המודרני, כולל התקשרויות חוזרות, הבטחות, ירושה, אובייקטים ומחלקות. הם גם נכנסים לבדיקה באמצעות מוקה, React ו-Vizualization של נתונים, כולם נהדרים לכל מי שמחפש לעלות רמה של הקוד שלו ואופן הכתיבה שלו. הספר לא נכנס להרבה מהמושגים כמו חלק מהספרים האחרים, אבל הוא באמת זוהר כשהוא נכנס למדעי הנתונים.
הספר משתמש ב-Data-Forge; ספריית JavaScript המיועדת לעבודה עם נתונים טבלאיים. ישנם תרגילים רבים שיעזרו לקוראים להתעדכן בנושא הדיון. הפרק האחרון כולל גם פרויקט אבן יסוד שמחבר הכל ביחד.
גלישה את
אני בהחלט מקווה שאוסף הספרים הזה יעזור לך, בין אם אתה עושה את הצעדים הראשונים שלך בפיתוח אינטרנט חזיתי, יש לך תריסר שנים מתחת לחגורה, או שאתה נופל איפשהו באמצע. אני יודע כמה קשה להיכנס למשהו חדש בפעם הראשונה והתחושה של לא לדעת איפה לחפש. אני גם יודע איך זה מרגיש להגיע לרמה וצריך משהו שיעלה אותי. צריך להיות כאן משהו לכולם, ללא קשר למקום שבו אתה נמצא במסע הלמידה שלך.
והיי, אם יש לך ספרים אחרים שזמינים לרכישה בחינם באינטרנט, אנא שתפו אותם בתגובות! אני בטוח שנוכל לבנות רשימה גדולה עוד יותר.
