חלק ממסלול HTMLמסלולCSS למתחילים
קורס CSS חינמי ואינטראקטיבי. בכל שיעור אתם מעצבים HTML אמיתי (סלקטורים, מודל הקופסה, צבעים, גופנים, flexbox, grid, עיצוב רספונסיבי), עם תצוגה מקדימה חיה בזמן ההקלדה ותעודה חינמית כשאתם מסיימים. חלק ממסלול ה־HTML הרחב, כך שההקשר של ה־markup ש־CSS צריכה נמצא ממש שם.
14,472+ לומדים רשומים
119 שיעורים114 אתגרים582 שאלות חידון
- ידידותי למתחילים
עזרה בתכנות בליווי AI
שיעורים אינטראקטיביים ומעשיים
חידונים לבדיקת הידע
תעודת סיום בחינם
סילבוס
היחידה הזו היא חלק ממסלול HTML. בסילבוס המלא יש עוד יחידות: לחצו על כל תצוגה מקדימה למטה כדי לראות אותה בדף המסלול.
- יחידה 1יסודות60 שיעורים
יחידה 2
עיצוב באמצעות CSS
להתחיל את היחידהלהתחילהפיחו חיים בדפי האינטרנט שלכם באמצעות צבעים, פריסות וסגנונותמבוא
5 שיעורים540הוספת CSS
4 שיעורים725בוררים בסיסיים
7 שיעורים1247יסודות הטקסט
8 שיעורים1450צבעים ורקעים
5 שיעורים834תפריט בית קפה
פרויקט3 שיעורים3מודל הקופסה — חלק 1
6 שיעורים943מודל הקופסה, חלק 2
5 שיעורים833Flex Box
6 שיעורים943טופס התחברות
פרויקט4 שיעורים4טכניקות פריסה
7 שיעורים1151יסודות העיצוב הרספונסיבי
6 שיעורים1052דף האינטרנט של טונגה
פרויקט6 שיעורים6אתגרים אחרונים
4 שיעורים4יחידה 3
שליטה ב-CSS
להתחיל את היחידהלהתחילקחו את מיומנויות ה-CSS שלכם לשלב הבא!שליטה בבוררים – שילובים
6 שיעורים539מחלקות פסאודו אינטראקטיביות
5 שיעורים431פסאודו־מחלקות מבניות
5 שיעורים432פרויקט תפריט נפתח
4 שיעורים4אפקטים חזותיים
5 שיעורים536דף נחיתה
5 שיעורים5בנו באמצעות CSS Grid
4 שיעורים426אתר חגיגת הטעמים
4 שיעורים4אתגרים מסכמים
5 שיעורים5- יחידה 4פיתוח Frontend מעשי35 שיעורים
- יחידה 5JavaScript בפעולה27 שיעורים
ללמוד תוך כדי עשייה
כתבו קוד אמיתי, שלפו נתונים ממסדי נתונים, בנו אתרים ושלטו בפרומפטים ל-AI. השיעורים האינטראקטיביים שלנו מכסים כל מיומנות שמפתחים מודרניים צריכים.
לבנות רצף
שמרו על עקביות וראו איך ההתקדמות שלכם גדלה! עקבו אחרי הרגל התכנות היומי, הגנו על הרצף עם ימי הקפאה וקבלו פרסים על כל יום שאתם מגיעים.
12 ימי רצף
חזרו מחר כדי לשמור על הרצף!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
הכל או כלום
יום 5 מתוך 7
הקפאת רצף
2 left
לתכנת מכל מקום
קחו את מסע התכנות שלכם לכל מקום! בלי התקנות, בלי הורדות: פשוט פותחים ומתחילים לתכנת. זמין ב-iOS, ב-Android ובאתר עם דירוג של 4.9 כוכבים.
אתם לא לבד
התחרו בטבלאות דירוג עולמיות, הזמינו חברים כדי לקבל פרסים וחגגו את ההצלחות אחד של השני. תכנות עם חברים זה יותר כיף!
1
2
3
אזור העלייהכל הדרכים ללמוד
לקרוא, להאזין, לבחון את עצמכם, לשאול את ה-AI או לחפש כל דבר שכבר למדתם. כל שיעור פוגש אתכם בדיוק איפה שאתם.
משתנה הוא מיכל עם שם ששומר ערך שאפשר להתייחס אליו בהמשך התוכנית.
ב-Python יוצרים משתנה על ידי כתיבת השם, סימן שווה, ואז הערך שרוצים לשמור.
הערך יכול להשתנות עם הזמן. השמה מחדש לאותו שם פשוט מפנה אותו לערך חדש.
לקבל תעודה
קבלו תעודה על כל קורס שתסיימו. הוסיפו אותן לפרופיל ה-LinkedIn ולקורות החיים כדי להציג למעסיקים את כישורי התכנות שלכם.
תעודת סיוםיסודות Python
להוסיף ל-LinkedInלמה ללמוד CSS עם Coddy
- כתבו CSS בדפדפן וצפו בדף מתעצב מחדש בזמן אמת. בלי שלב build, בלי הגדרת עורך. כל שינוי בסלקטור או במאפיין מופיע מיד, כך שאתם רואים מה כל כלל עושה באמת.
- CSS מרכזית: סלקטורים ו־specificity, מודל הקופסה, מיקום, flexbox, CSS grid, מעברים, media queries ועיצוב רספונסיבי. ה־CSS שכל מפתח Frontend צריך ביום־יום.
- רמזי AI עוזרים לכם לדבג את הדברים שתמיד מפילים אנשים, כמו הפתעות של specificity, גלישות בפריסה והתנהגות מוזרה של flexbox, בלי לגלות את התיקון, כך ש־CSS הופכת לאינטואיטיבית ולא לקסם.
- תעודת CSS חינמית כשאתם מסיימים את היחידה. משתלבת באופן טבעי עם קורסי ה־HTML וה־JavaScript לבסיס Frontend מלא.
שאלות נפוצות על לימוד CSS
מה זה CSS?
CSS (Cascading Style Sheets) היא השפה שקובעת איך דפי HTML נראים: צבעים, גופנים, מרווחים, פריסה, אנימציות והתנהגות רספונסיבית בגדלי מסך שונים. HTML מגדירה מה יש בדף; CSS מגדירה איך הוא מוצג.
האם קשה ללמוד CSS?
את CSS הבסיסית (סלקטורים, צבעים, גופנים, מודל הקופסה) קל ללמוד בכמה שעות. החלקים הקשים יותר מגיעים אחר כך: כללי specificity, פריסות flexbox ו־grid, ולגרום לדברים להיראות נכון בכל גודל מסך. הקורס מציג אותם בצעדים קטנים עם תצוגה מקדימה חיה, כך שאתם רואים בדיוק מה כל כלל עושה.
האם כדאי ללמוד HTML לפני CSS?
כן. HTML מגדירה את המבנה של הדף; CSS מעצבת אותו. בלי HTML אין לכם מה לעצב. מסיבה זו יחידת ה־CSS הזו היא חלק ממסלול ה־HTML: יחידת יסודות ה־HTML באה קודם, ואז אתם מבלים את רוב המסלול בעיצוב שלה.
מה ההבדל בין CSS, Flexbox ו־Grid?
Flexbox ו־Grid הם מודולי פריסה בתוך CSS: הם לא טכנולוגיות נפרדות, הם יכולות של CSS. Flexbox מתאים במיוחד לפריסות חד־ממדיות (שורה של כרטיסים, סרגל ניווט). Grid מתאים במיוחד לפריסות דו־ממדיות (דף שלם, פריסת כרטיסים מורכבת). רוב האתרים האמיתיים משתמשים בשניהם, והקורס מסביר מתי לבחור בכל אחד.
האם אפשר ללמוד CSS אונליין בחינם?
כן. יחידת ה־CSS האינטראקטיבית חינמית: שיעורים מלאים, תרגילי קוד, תצוגה מקדימה חיה ותעודה. הכול רץ בדפדפן, כך שלא צריך להתקין עורך או כלים כדי להתחיל.
האם מקבלים תעודה אחרי קורס ה־CSS?
כן. סיום יחידת ה־CSS מעניק לכם תעודת סיום חינמית. הוכחה שניתנת לאימות שאפשר להוסיף לקורות החיים או לשתף ב־LinkedIn לצד תעודות HTML ו־JavaScript, כחלק מתיק עבודות של Frontend.
