חלק ממסלול HTMLפופולרימסלולCSS למתחילים
קורס CSS חינמי ואינטראקטיבי. בכל שיעור אתם מעצבים HTML אמיתי (סלקטורים, מודל הקופסה, צבעים, גופנים, flexbox, grid, עיצוב רספונסיבי), עם תצוגה מקדימה חיה בזמן ההקלדה ותעודה חינמית כשאתם מסיימים. חלק ממסלול ה־HTML הרחב, כך שההקשר של ה־markup ש־CSS צריכה נמצא ממש שם.
325,794+ לומדים רשומים
119 שיעורים104 אתגרים582 שאלות חידון
- ידידותי למתחילים
עזרה בתכנות בליווי AI
שיעורים אינטראקטיביים ומעשיים
הקראה קולית בכל שיעור
חידונים לבדיקת הידע
תעודת סיום בחינם
סילבוס
היחידה הזו היא חלק ממסלול HTML. בסילבוס המלא יש עוד יחידות - לחצו על כל תצוגה מקדימה למטה כדי לראות אותה בדף המסלול.
- יחידה 1יסודות60 שיעורים
יחידה 2
עיצוב באמצעות CSS
להתחיל את היחידהלהתחיללהרחיבלכווץהפיחו חיים בדפי האינטרנט שלכם באמצעות צבעים, פריסות וסגנונותמבוא
5 שיעורים540הוספת CSS
4 שיעורים725בוררים בסיסיים
7 שיעורים1247יסודות הטקסט
8 שיעורים1450צבעים ורקעים
5 שיעורים834תפריט בית קפה
פרויקט3 שיעורים1מודל הקופסה — חלק 1
6 שיעורים943מודל הקופסה, חלק 2
5 שיעורים833Flex Box
6 שיעורים943טופס התחברות
פרויקט4 שיעורים1טכניקות פריסה
7 שיעורים1151יסודות העיצוב הרספונסיבי
6 שיעורים1052דף האינטרנט של טונגה
פרויקט6 שיעורים1אתגרים אחרונים
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?
האם כדאי ללמוד HTML לפני CSS?
מה ההבדל בין CSS, Flexbox ו־Grid?
האם אפשר ללמוד CSS אונליין בחינם?
האם מקבלים תעודה אחרי קורס ה־CSS?
