טכנולוגיות אינטרנט: קורס מעשי CSS - קורס 1699 rub. מסטפיק, הדרכה 21 שיעורים, תאריך: 29 באוקטובר 2023.
Miscellanea / / December 04, 2023
ברוכים הבאים לקורס "טכנולוגיות אינטרנט: קורס מעשי"!
קורס זה מתאים לך אם:
- אתה כבר יודע מה זה HTML ו-CSS וחסר לך תרגול.
- אם אתה יודע מה זה בורר כיתות וכבר עיצבת דפים קטנים.
- רצוי שתהיה הבנה בפלקבוקס, או רצון ללמוד אותו תוך כדי - יהיה לזה בלוק נפרד.
מטרת הקורס: לימוד CSS והשגת מיומנויות מעשיות.
מבנה הקורס:
1. תיאור הקורס
מידע קצר על הקורס וכיצד לבצע את המטלות
2. HTML ו-CSS: מודול תרגול
אנו זוכרים את התיאוריה הבסיסית של HTML ו-CSS: מבנה מסמך, אלמנטים בסיסיים של HTML, בוררי CSS, שוקלים דוגמאות וכמובן מבצעים משימות מעשיות.
3. עוד CSS
בלוק תיאוריית CSS: קומבינטורים ובוררי תרכובות, מודל קופסאות, מדורג וירושה. בואו נבין צללים, מעברי צבע, Z-index, מעברים ואנימציה.
4. מודול מעשי
אנו מיישמים את כל מה שלמדנו במהלך הקורס לבעיות מהחיים האמיתיים. זה לא הפריסה של אתר ענק - זו עבודה על רכיבים בודדים של האתר. כרגיל, מתחילים בחלקים הקלים ומסיימים בחלקים הקשים.
דוגמה לאחת המשימות:
5. מבוא ל-Adaptive
הבנת שאילתות מדיה, ערכים מחושבים ומשתנים.
אנו מבצעים משימות ביניים. ובסופו של דבר, אפשר לעצב אתר רספונסיבי ולפרסם אותו.
6. סיכום
הקורס מתפתח ומתוכנן להוסיף כאן בלוקים ומטלות פרוייקטים חדשים!
1
נומורה למחקר, מורה למדעי המחשב (הקטגוריה הגבוהה ביותר), מהנדס QA
יש לי השכלה טכנית ופדגוגית גבוהה יותר. היא סיימה את בית הספר לתארים מתקדמים של האוניברסיטה הפדגוגית הממלכתית של מוסקבה בכיוון של "תיאוריה ושיטות של חינוך וחינוך (אינפורמטיקה)." אני חתן פרס באולימפיאדת המורים במוסקבה. בנוסף לעבודתי העיקרית, אני מכין את התלמידים לבחינת המדינה המאוחדת ולבחינת המדינה המאוחדת, וגם מפתח קורסים משלי באינטרנט. ליצירת קשר: [email protected]
תחילת הקורס
1. מידע כללי על הקורס
2. כיצד לבצע משימות
HTML ו-CSS: מושגים בסיסיים
1. הדגשות HTML
2. יסודות CSS
עוד CSS
1. דגם קופסה
2. בוררים
3. אשד וירושה
4. מיקום, Z-index
5. צללים, מעברי צבע, מסננים
6. אנימציה
7. מעברים
מודול מעשי
1. Flexbox | תיאוריה + פרקטיקה
2. תַפרִיט
3. כותרת + קלפים
4. טפסים
מבוא ל-Adaptive
1. רוחב מינימלי, מינימום גובה, מקסימום רוחב, מקסימום גובה
2. שאילתות מדיה @media
3. ערכים מחושבים ומשתני CSS
4. תפריט המבורגרים
5. פּרוֹיֶקט
סיכום
1. סיכום