הדרך הטובה ביותר ללמוד פיתוח אתרים חזיתיים

מדוע פיתוח אתרים?

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

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

זה הזמן הטוב ביותר ללמוד פיתוח אתרים אם אתה מעוניין ללמוד משהו.

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

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

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

האינטרנט עצום - התחל בקטן ושמור עליו קטן

כנראה ראיתם מספר רב של מסגרות וספריות JavaScript שם כמו React, Angular, Vue, Ember, jQuery, XYZ, וכן הלאה.

כמה שאלות נפוצות מאוד שאני מקבל כ- YouTuber המפרסם תוכן לפיתוח אתרים הן:

האם עלי ללמוד איקס?

האם X טוב יותר מ- Y?

מה היקף ה- Z?

זכור תמיד שני דברים בנוגע לטכנולוגיה, במיוחד באינטרנט:

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

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

התחל עם HTML ו- CSS

אני לא יכול להדגיש את זה מספיק. כואב לי לראות המון אנשים ששואלים אותי שאלות על פרויקטים של React שלהם כאשר התשובה טמונה ב- HTML בסיסי או CSS.

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

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

אנימציות? הבנתם. גרור ושחרר? HTML יכול להתמודד עם זה. פריסות? בדוק את ממשקי ה- API של Flexbox או Grid CSS!

יש כל כך הרבה דברים שאתה יכול ללמוד על HTML ו- CSS! אל תמהרו רק ל- JavaScript כי כל הילדים המגניבים בבלוק עוסקים ב- Angular. ספריות ומסגרות אלה אינן הולכות לשום מקום. קח את הזמן שלך .

ללכת רחבה או להעמיק?

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

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

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

אז מה הפיתרון? התשובה היא, באופן מפתיע, לא לעשות אף אחד מהם. בחר מחסנית טכנולוגית קטנה כמו HTML / CSS / JavaScript והיכנס עמוק למדי לשלושתם. יש לכך כמה יתרונות:

1. לא תשתעמם, שכן לשלושתם יש מטרות שונות יחסית ואתה כותב אותן אחרת.
2. אתה יכול למזג את שלושתם, וליצור ולראות משהו בעל משמעות במהירות ללא מאמץ של חודשים (אשר בדרך כלל נדרש על ידי שפות אחרות כמו C / C ++). זה ישמור על המוטיבציה שלך להמשיך.

אל תבחר להגיב, או זוויתי, או Vue

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

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

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

צור פרויקט קטן אך עובד עם HTML / CSS / JavaScript. וכשאתה עושה זאת, צור עוד אחד ואז, צור פרויקט אחר.

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

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

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

אדון במסחר אחד

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

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

איך, אולי תשאל? התשובה היא פשוטה - זה תלוי בך. צור פרויקט פשוט בכל המסגרות העיקריות (Angular, Vue ו- React), ותראה איזו מהסרטונים הכי הכי איתך. בחר אחד ואל תסתכל אחורה

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

אבל אל תשכח מהאחרים

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

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

זה יכול לכלול כמה דברים - כמו בדיקות יחידות עם Jest, בדיקות מקצה לקצה עם Cypress, Webpack, Babel או Parcel, מעט devops, scripting shell shell, פריסות שרתים וכן הלאה.

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

להמשיך הלאה

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

הרשת. האם. עָצוּם.

אז אם סיימתם עם HTML / CSS / JavaScript / React / Angular / Vue, עברו לשרתים. למד אודות פריסת שרתים, NGiNX, HAProxy, איזון עומסים, הגדרת תשתיות ענן, חומות אש והגדלה אוטומטית.

גם עם זה סיימת? עבור אל WebAssemble, השפה לאיטרציה הבאה באינטרנט.

סיימת למידת WebAssemble? שגיאה, אני לא יודע אז. אולי לעבור לתחומי תכנות אחרים, או לבשל? :)

סיכום

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

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

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

שָׁלוֹם!