רוצה ללמוד פיתוח אתרים אבל לא יודע מאיפה להתחיל?

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

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

שוב, אתה מסתדר מצוין עד כה.

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

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

התחל עם הסוף בראש.

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

אולי אתה רוצה לעשות שינוי בקריירה. אולי יש לך רעיון מרושע לאפליקציה. או אולי אתה רק רוצה ללמוד בשביל הכיף.

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

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

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

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

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

Backend - זהו החלק שבדרך כלל מעבד, שומר ומטפל בנתונים. זה איך האתר או היישום עובד. מפתחי Back-end הם בדרך כלל פתרונות בעיות טובים, הוגים הגיוניים שמעוניינים בפונקציונליות של אתר או יישום. פיתוח עורפי קשור בדרך כלל לשפות בצד השרת כגון PHP, Python ו- Ruby.

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

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

ראשית דבר ראשון, עבור ישר ל- freeCodeCamp או Codecademy וקח את הקורסים "HTML & CSS" שלהם. זה אמור לתת לך תחושה לגבי מה כל הטכנולוגיות האלה.

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

ברגע שעשית את זה, מזל טוב! התחלת במסע פיתוח האינטרנט שלך.

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

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

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

ללמוד לקודד זה כמו לנסות להיות האיש החזק בעולם.

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

אבל ברגע שאתה מקבל את המשאית הזו מתגלגלת, זה נהיה קל יותר וקל יותר, עד שאתה מוצא את עצמך רץ לקראת הסוף! בסדר ... אולי לא רץ! :-)

אם סגנון הלמידה שלך מתאים יותר להדרכות וידאו, בדוק גם כמה מקורסי HTML ו- CSS שניתן למצוא ב- YouTube.

אני יכול להמליץ ​​באופן אישי על שני הקורסים בחינם של אודמי מאת אדווין דיאז ובראד חוסיי. שניהם מדריכים מעולים (אם לא קצת משונים). ושני הקורסים יקימו את הגדרת סביבת הפיתוח שלך, הורדת עורך טקסט (אני אוהב Sublime ו- Brackets) ובניית פרויקט ממשי.

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

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

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

אתה לא צריך להיות מומחה HTML או CSS לפני שתוכל להתחיל לבנות דברים.

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

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

תבניות אינן האויב.

משהו אחר שמצאתי שימושי בהתחלה הוא לעבוד עם תבניות. עכשיו אל תשנא אותי עדיין - שמע אותי!

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

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

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

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

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

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

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

כמו כן, אני תמיד שמח לעזור לאנשים היכן שאפשר, אז אל תהסס להגיד שלום :-)