פיתוח ל-Web: מילון המונחים המושלם ל – בניית אתרים
רוצים להכיר טוב יותר את עולם הפיתוח ל-web ובניית אתרי אינטרנט? הכנו לכם רשימת מושגים שחובה להכיר, A to Z. בואו להבין סוף סוף מה זה אלגוריתם, מה נכלל בצד שרת ומי נחשב מפתח פול-סטאק.
עולם הפיתוח ל- Web מכיל מונחים ומושגים רבים מאוד, שחלקם מובנים רק למי שכותבים קוד בעצמם. אם אתם מתעניינים בנושא ורוצים לדעת יותר, המומחים של HackerU - 'החממה' עשו לכם סדר והכינו לכם רשימת מושגים בתחום שכדאי להכיר כדי להבין טוב יותר.
58 מונחים בתחום בניית אתרים שכדאי להכיר
A
API (Application Programing Interface)
סדרת פקודות שמאפשרת למתכנתים לבצע פעולות באופן יחסית פשוט, ללא צורך לכתוב את הקוד בעצמם.
Application
אפליקציה היא תוכנה שמיועדת לביצוע פעולות מוגדרות.
Attribute
הכוונה למידע, מאפיין או פרמטר (תלוי בהקשר) של רכיב באתר או באפליקציה.
Algorithm
אלגוריתם הוא סדרת צעדים לביצוע משימה. בעת יצירת האלגוריתם המתכנתים למעשה כותבים את סדרת הפעולות שיש לבצע כדי לפתור בעיה.
Accessibility
נגישות היא התאמת האתר או האפליקציה לאנשים עם מוגבלויות שונות. היום קיים תקן נגישות שמחייב כל בעלי אתר או אפליקציה לבצע התאמה כך שכולם יוכלו לצרוך את התוכן ולבצע פעולות.
B
Backend
תכנות בצד השרת. המפתחים משתמשים בשפות כמו Node.js, שמאפשרות בניית מערכות ניהול של האתר או האפליקציה. לדוגמה מערכת ניהול משתמשים, מערכת ניהול מוצרים, מערכת סליקה ועוד.
Bandwidth
רוחב פס הוא הכמות המקסימלית של מידה שיכולה לעבור בפרק זמן מסוים. רוחב פס גדול מאפשר חוויית גלישה טובה יותר.
Bootstrap
ספרייה מאוד פופולרית שכוללת הגדרות עיצוב ודינאמיות של HTML, CSS, JavaScript.
Browser
דפדפן הוא התוכנה שמאפשרת לגלוש באינטרנט. הדפדפן יודע לתרגם את המידע שמגיע לאחר בקשת אתר ומציג למשתמשים את התוכן. הדפדפן מכיל כלי פיתוח שמסייעים לעבודת הפיתוח של האתר או האפליקציה. דוגמאות לדפדפנים פופולריים: Chrome, Firefox, Safari, Edge.
Bug
תקלה בקוד שמונעת ביצוע פעולה או שמייצרת טעות כלשהי בפעילות האתר או האפליקציה.
C
Class
סלקטור של CSS, מאפשר לגשת לאלמנטים בדף ולהגדיר להם עיצוב / עימוד. בתכנות Class זאת תבנית שמכילה הגדרות ליצירת אובייקטים.
CMS (Content Management System)
מערכת ניהול תוכן האתר. דוגמה למערכת מאוד נפוצה – WordPress.
Code
קוד שנכתב על ידי המתכנתים בעת בניית האתר או האפליקציה.
CSS (Cascading Style Sheet)
שפת קוד שאחראית על עיצוב ועימוד תוכן האתר.
CTA (Call to Action)
כפתור באתר שמיועד ליזום פעולה מיידית מצד המשתמשים. לדוגמה, בטופס יש לחצן "שליחה" שיש ללחוץ עליו כדי לשלוח פרטים, לבצע רכישה ועוד.
D
Database
מאגר המידע של אתר, מנוע חיפוש או אפליקציה. המאגר מכיל למשל רשימת לקוחות, משתמשים, מוצרים ועוד.
Domain
הכתובת המזהה של האתר. את הכתובת ניתן להקליד בשורת הכתובת בדפדפן, כדי להגיע לאתר.
DNS (Domain Name System)
פרוטוקול המאפשר תרגום כתובת מילולית של האתר לכתובת IP שהיא כתובת מספרית. ניתן לפשט את תהליך התרגום לטבלה שמכילה כתובת מילולית של אתר כמו hacker.co.il ובעמודה ליד כתובת מספרית כמו 45.223.136.26.
Documentation – דוקומנטציה.
כדי שהמפתחים ידעו כיצד להשתמש בספריות פופולריות דוגמת Bootstrap, יש לספרייה מסמך תוכן שמפרט כיצד כל רכיב בה עובד.
Debugging
תהליך חיפוש ותיקון שגיאות בקוד.
E
Ecommerce
חנות אינטרנטית שמאפשרת רכישת מוצרים דרכה.
End User
המשתמש באתר או באפליקציה
F
Favicon
קיצור של Favorite Icon. האייקון שמופיע ליד תיאור האתר בלשונית הדפדפן.
Front-End – צד לקוח.
חלק מתוכן האתר שהמשתמש רואה ומשתמש בו. הקוד שנכתב מתורגם אצל המשתמשים בדפדפן.
Full-Stack
מפתחי full-Stack יודעים לפתור בעיות גם בצד הלקוח וגם בצד השרת, ובכך לתת פתרון מלא לדרישת הלקוחות שלהם.
Firewall
חומת אש היא תוכנה או חומרה שמטרתה להגן על הרשת מפני קבלת ושליחת מידע לא רצוי.
Framework
סביבת הפיתוח בה משתמשים המפתחים. סביבת פיתוח טובה מאפשרת לכתוב קוד בשפות תכנות רבות, כך שניתן להשתמש בתוכנה אחת לפיתוח האתר כולו.
Font
גופן הוא סגנון עיצוב צורת האות. המפתח בוחר גופן כדי לקבוע את האופן בו מוצג תוכן האתר.
G
GUI (Graphical User Interface)
הממשק הגרפי של התוכנה, האתר או האפליקציה. הממשק הגרפי הוא העיצוב אותו רואים המשתמשים.
H
HTML
HTML היא שפת קוד בסיסית לבניית אתר. הפקודות בשפה נקראות תגיות (Tags באנגלית), ומכאן יש כאלה שאומרים שזאת שפת תגיות. בעזרת HTML כותבים את קוד השלד של האתר.
Hosting
אחסון האתר או האפליקציה. כדי שכל אחד יוכל לצפות באתר אונליין, יש להעלות אותו לשרת אחסון. חברות רבות בארץ ובחו"ל נותנות שירות זה. דוגמה לחברה ידועה בתחום היא Go Daddy.
HTTPS
גרסה מאובטחת של פרוטוקול הרשת HTTP. האבטחה נוצרת באתר על ידי הצפנת המידע שמועבר בין השרת למשתמשים. כך ניתן להעביר מידע אישי ופרטי כרטיס אשראי ללא חשש.
I
IP Address
כתובת IP, היא כתובת שמזהה כל מה שמחובר לאינטרנט. כאשר משתמשים מתחברים לאינטרנט, הנתב נותן להם כתובת שמזהה אותם כל עוד הם מחוברים. כך ניתן לשלוח אל אותו המשתמש את המידע אותו הוא מבקש לקבל מאתרים שונים.
J
JavaScript
שפת תכנות שמאפשרת ליצור דפים דינמיים ויצירת אינטראקציה עם המשתמש. היום ניתן בעזרת JavaScript לכתוב קוד בצד הלקוח ובצד השרת, לכן זאת שפת התכנות המרכזית בלימודי Full Stack.
L
Load-Time
זמן הטעינה שלוקח לדף להיטען בדפדפן.
M
Maintenance
תהליך תחזוקת האתר או האפליקציה לאחר העלייה לאוויר. בתהליך זה מתקנים באגים, מוספים תכונות ומשפרים את האתר.
Mobile-First
תהליך בניית אתר או אפליקציה, כאשר נקודת ההתחלה היא במובייל – המסך הקטן ביותר. בשלב שני ממשכים להתקנים בעלי מסך גדול יותר כמו טאבלט ודסקטופ.
N
Navigation
ניווט בין דפי האתר או בין אתרים שונים ברשת האינטרנט.
Node.js
ספריית JavaScript מבוססת על מנוע JavaScript – V8. בעזרת Node.js ניתן לכתוב קוד בצד השרת.
O
Open Source – קוד פתוח.
מערכות מבוססות קוד פתוח מאפשרות למפתחים לשנות, לשפר ולהוסיף תוספים לקוד הבסיסי של המערכת.
Optimization
שיפור חלקים שונים בקוד האתר או האפליקציה כדי שיעבדו באופן חכם ויעיל יותר.
Operating System
מערכת ההפעלה של ההתקן. במחשב windows 10 / 11 או iOS. בנייד Android או iOS
P
Performance – ביצועים.
פרמטרים שונים שמציגים את יעילות טעינת אלמנטים בדף האתר. מדידת ביצועי האתר מתבצעת כדי לשפר את חוויית המשתמש באתר.
PHP
שפת תכנות צד שרת מאוד פופולרית. מערכת ניהול התוכן WordPress נבנתה בשימוש ב-PHP.
Programming Language
שפת קוד לכתיבת הוראות פעולה למחשב. לדוגמה השפה JavaScript נוצרה כדי לייצר אינטראקציה עם המשתמשים באתר או באפליקציה.
Page template
התבנית הבסיסית של דף האינטרנט. לדף הבנוי בקוד HTML, למשל, יש תבנית בסיסית שמחלקת את הדף לאזורי תוכן שונים.
R
Redirects
הפניה אוטומטית מכתובת (URL) אחת לאחרת. לדוגמה הפניה מהכתובת הישנה של האתר לחדשה.
Registrar
רשם היא חברה שקיבלה אישור לסחור בכתובות אינטרנט (Domain). את רשימת הרשמים הישראלית (כתובות המסתיימות ב-il) אפשר למצוא באתר של איגוד האינטרנט הישראלי ISOC.
Responsive design – תצוגה רספונסיבית.
התאמה אוטומטית של האתר או האפליקציה להתקן בו הוא מוצג. למשל מעבר בין תצוגת אתר במסך המחשב (Desktop) לתצוגת אותו אתר בטלפון הסלולרי (Mobile).
S
Server
שרת הוא מחשב או מערכת שנותנת שירות למחשבים אחרים או למשתמשים. לדוגמה, שרת דואר מאפשר קבלה ושליחה של דואר אלקטרוני – email. דוגמה נוספת היא אתרי אינטרנט שמאוחסנים בשרתים שמאפשרים גישה למידע שנמצא בהם.
Search Engine – מנוע חיפוש.
לדוגמה Google הוא מנוע החיפוש שהפך להיות כלי מרכזי ויומיומי במציאת מידע באינטרנט.
SEO (Search Engine Optimization) – קידום האתר במנוע חיפוש.
SEO הוא תהליך שמטרתו שיפור קוד ותוכן האתר כך שיופיע במקום טוב יותר בתוצאת החיפוש במנוע החיפוש.
Server-side – צד שרת.
תכנות בשפה כמו Node.js ליצירת דפים דינמיים באינטרנט. לדוגמה: תוצאת חיפוש מוצר באתר שמוכר מכשירים סלולריים. המשתמש מחפש מוצר, כתוצאה מציג לו האתר דף שהוכן דינמית עבורו. דוגמה נוספת: כאשר משתמש נכנס לאתר או אפליקציה של רשת חברתית, הוא רואה מידע של חברים שמקושרים לחשבון שלו.
T
Text editor
עורך טקסטואלי הוא התוכנה שמשמשת לכתיבת טקסט פשוט במחשב. מסמכי טקסט משמשים למשל כמסמכים המציגים רישיון זכויות יוצרים.
U
User Experience
חוויית המשתמש בעת גלישה באתר או שימוש באפליקציה.
User Interface
ממשק התוכנה או האפליקציה. הממשק מייצר את הקשר של המשתמש עם האתר או האפליקציה. לדוגמה, טופס באתר אותו ממלא המשתמש ולבסוף שולח על ידי לחיצה על כפתור.
W
Web Page
דף אינטרנט אותו רואים המשתמשים בעת שימוש בדפדפן.
Web Browser
דפדפן, התוכנה בה משתמשים כדי לגלוש באינטרנט.
עשינו לכם חשק להתחיל לבנות אתרים בעצמכם ולהפוך למתכנתי פול-סטאק?
מסלול בניית אתרים - Full Stack Web Developmentב-HackerU הוא המקום ללמוד ולהתמקצע בפיתוח אתרים ואפליקציות ל-Web.
מסלול ההכשרה שלנו כולל תרגולים רבים, פרויקטים מעשיים ועבודה Hands On בנוסף לחומר העיוני, כך שבשילוב עם ההרצאות הפרונטליות הוא מעניק לכם ניסיון פרקטי ומעשי בפיתוח שיסייע לכם להצליח בראיונות העבודה ולהשתלב בעולם התכנות וההייטק בסיום הקורס.
המסלול יהפוך אתכם למתכנתי Full Stack שמתמחים גם בפיתוח צד שרת וגם בפיתוח צד לקוח – כך שמגוון האפשרויות שלכם להיקלט בשוק העבודה גדל בצורה משמעותית. ועוד לא אמרנו מילה על המשכורות המפתות שמחכות לכם בהמשך הדרך 😊
נכתב ונערך על ידי איתמר צוקרמן, ראש תחום הדרכה והכשרת מרצים
רשימת קורסים בתחום הפיתוח, לסילבוס המלא לחצו על שם הקורס:
לעוד כתבות
