מפתח חזיתי: אתרים ב-HTML/CSS/JavaScript - קורס 18,000 רובל. מבית הספר לקודי לתכנות לילדים, הכשרה של 3 מודולים (חודשים)
Miscellanea / / December 03, 2023
גיל: 11-14 שנים
רמה: למתחילים.
משך: מ-3 מודולים (חודשים), מ-24 שעות*.
פורמט: שיעורים אישיים וקבוצתיים, לא מקוון ומקוון (זמן אמת).
מספר ילדים: מ-1 עד 8.
מחיר:
מ-750 רובל לשעה בקבוצה מקוונת,
החל מ-850 רובל לשעה בקבוצה לא מקוונת,
מ-1050 רובל לשעה בנפרד באינטרנט,
החל מ-1980 רובל לשעה בנפרד במצב לא מקוון.
בעולם המודרני, כל חברה רצינית שואפת לרכוש אתר משלה, כי הוא סוג של "כרטיס ביקור" באינטרנט, שבלעדיו עשיית עסקים כבר נראית מיושן, קל דעת ו אָבוּד.
בשנים האחרונות עלה מקצוע מנהל האתר לראש דירוג המקצועות האטרקטיביים והמבוקשים ביותר בתחום ה-IT. בהקשר זה, יש כיום יותר ויותר אנשים שמוכנים לעבור הכשרה ביצירת אתרים איתם לגרד ולשלוט במומחיות היוקרתית הזו כדי לקבל כושר יציב והגון רווחים. בית הספר שלנו לתכנות CODDY מציע לא לעכב ולרשום את ילדכם לקורס "מפתח חזיתי: אתרים ב-HTML/CSS/JavaScript" כבר עכשיו! מטרת קורס זה היא ללמד ילדים כיצד ליצור אתרים מודרניים ולהכיר להם את יסודות המקצוע של מפתח ממשקים.
מהו ניהול אתרים וכיצד להפוך למנהל אתרים?
ניהול אתרים הוא מערך פעילויות לפיתוח, יצירה, אופטימיזציה וקידום אתרים. כל מה שקשור בדרך זו או אחרת לייצור ותחזוקה של אתרים. זהו מדע שלם שדורש כישורים וידע מסוימים בתחומים רבים, כגון תכנות אתרים, עיצוב, קופירייטינג, קידום אתרים ואחרים.
באינטרנט המודרני, כל אחד יכול ליצור אתר משלו. אבל ככלל, האיכות של פרויקטים באינטרנט משאירה הרבה מה לרצוי. כדי שאתר יהיה תחרותי, עליך לגשת לנושא בצורה מוכשרת ולערב אנשי מקצוע בעבודה. באמצעות שפת תכנות, המתכנת יוצר דפי אתר ומשלב אותם לאובייקט אחד, ולאחר מכן הוא מתווה אותם לתצוגה נכונה בדפדפנים. יש להקדיש תשומת לב מיוחדת לממשק האתר העתידי, תוך הבטחת פעולתו ואבטחתו הנכונות. אז, מנהל אתרים מקצועי עושה את כל האמור לעיל בעצמו! זהו מתכנת, מעצב אתרים, מעצב פריסה, מנהל ומנחה, ולפעמים קופירייטר SEO התגלגל לאחד.
איזה ידע וטכנולוגיות אתה צריך לשלוט כדי להיות מנהל אתרים?
לפני שתהפוך למנהל אתרים, עליך להכיר וללמוד טכנולוגיות, תוכניות ומערכות רבות. להלן השלבים העיקריים שיניחו את הבסיס למקצוע העתידי שלך:
1. לימוד HTML - שפת סימני עריכה לתמליל - על.
ברגע שתתחיל ללמוד HTML, תבין את המבנה של מסמך אינטרנט ותלמד כיצד ליצור אתרים פשוטים.
2. לימוד CSS - שפת סגנון תצוגת דף אינטרנט. הודות להכנסת סגנונות CSS למסמך, האתר מקבל טעם משלו ומראה ייחודי. אתה יכול להגדיר את הצבע, הגודל, הרקע ועוד הרבה יותר לדף האינטרנט.
3. מבוא ל-CMS - מערכת ניהול תוכן או "מנוע" של האתר.
4. שליטה ב-Adobe Photoshop - עורך גרפי עם מספר מדהים של אפשרויות. מומחים רבים משתמשים בו כדי לצייר עיצובים וליצור פריסות מקוריות ואיכותיות משלהם.
5. היכרות בסיסית עם שפות תכנות. הרוב המכריע של אתרי אינטרנט משתמשים ב-PHP ו-JavaScript. מהירות האתר, האבטחה שלו, המדרגיות האפשרית ותמיכה ממפתחי צד שלישי תלויים באיכות הסקריפטים הכתובים. במילים אחרות, אתה צריך להיות מסוגל לכתוב קוד איכותי.
6. עבודה עם מסדי נתונים.
והכי חשוב, מנהל האתר חייב ליצור אתרים מקוריים. עם הופעת הפתרונות המוכנים לכל מערכות ה-CMS הפופולריות, אתר אינטרנט עם עיצוב מקורי ללא תבנית מבוקש יותר מאי פעם. מנהל אתרים מקצועי יכול לא רק לעבוד עם קבוצה של תוכניות מוכנות, אלא גם לכתוב תוכניות מוכנות אלו. כדי להגיע לרמה הזו תצטרך לעבוד קשה. והקורס שלנו "מפתח חזיתי: אתרי אינטרנט ב-HTML/CSS/JavaScript" יעזור לילדכם לעשות את הצעדים הבטוחים הראשונים במשימה הקשה הזו. בהדרכתם של מתרגלי הוראה מנוסים, הוא ילמד ליצור אתרי אינטרנט אינפורמטיביים הכוללים עיצוב גרפי מקורי.
במהלך התהליך החינוכי ילמדו הנושאים הבאים:
1. יסודות של Hypertext Markup Language (HTML) וגיליונות סגנונות מדורגים (CSS)
2. פריסה של אתרי אינטרנט מודרניים
3. לימוד מעמיק של התכונות של עיצוב דפי אינטרנט
4. יסודות העבודה עם Adobe Photoshop ועבודה עם פריסות עיצוב אתרים
בשלב הראשוני נערוך היכרות עם יסודות המקצוע של מפתח ממשקי אינטרנט ונלמד את הכללים בניית המבנה וההיגיון של אתרי אינטרנט, השגת מיומנויות תכנות מעשיות ממשקי אינטרנט. כל תלמיד ילמד את היסודות של כתיבת קוד HTML ו-CSS.
עם השלמת נושא זה, ילדך יצור אתר אינטרנט מודרני משלו.
המודול השני כולל לימוד מעמיק של כלי תכנות ממשק אינטרנט. במודול זה נמשיך את ההיכרות שלנו עם HTML ו-CSS. התלמידים יכירו את האלגוריתם והמבנה של יצירת אתרים מודרניים הלכה למעשה, יצרו באופן עצמאי גלריית תמונות אינטראקטיבית ויפרסמו את הפרויקט שלהם באינטרנט.
במהלך המודול השלישי נמשיך בהיכרות עם מקצוע מפתח אתרים, נרכוש מיומנויות מעשיות בעבודה עם Adobe Photoshop ונלמד כלים מודרניים לעיצוב אתרים. בשלב יצירת עיצוב אתר הסטודנט ירכוש מיומנויות בסיסיות בעבודה בעורך גרפי. ננתח אפשרויות שונות לעיצוב אתרים, נדון ביתרונות ובחסרונות של כל אחד מהם, ונברר כיצד ניתן לשפר את העיצוב.
בסיום הקורס, אני ותלמידיי ניצור אתר באמצעות פריסת עיצוב מוכנה באמצעות כלי תכנות האינטרנט העדכניים ונפרסם את תוצאת העבודה שלנו באינטרנט.
11
קורסיםמורה בקורס:
"Minecraft: מבוא לבינה מלאכותית", "Unity 3D", "מפתח חזיתי: אתרי HTML/CSS/JavaScript", "ציור בסגנון אנימה", "תכנות לקטנטנים", "תכנות מיינקראפט", "חשיבה עיצובית", "בוטים בפייתון", "עיצוב גרפי בפוטושופ", "וידאובלוגין"
חינוך:
קורסים רבים לשיפור כישורי IT בחברות בינלאומיות (Chatbot Hackathons, Prototyping בתחום הבינה המלאכותית, ארכיטקטורת IT וכו'). אוניברסיטת היילברון, היילברון, גרמניה (תואר שני במנהל עסקים). האוניברסיטה הכלכלית של בלארוס, מינסק, בלארוס (תואר שני במנהל עסקים).
ניסיון:
עוסק בייעוץ ללקוחות מערכות משפטיות, מערכות לפתרונות ביקורת ואוטומציה של תהליכים, עובד בתחום החדשני של IT וסטארט-אפ בגרמניה בחברה בינלאומית.
תחומי עניין:
התפתחות אישית, תשוקה לשיתוף ידע, רשת, פותחת עולם, מעצבת חיים, פעילה ספורטיבית.
"היום כל העולם קשור זה בזה: אנשים, מדינות, כלכלות, טכנולוגיות וכו'. תכנות היא מיומנות מפתח של העתיד. זה עוזר לך להבין טוב יותר את עולם העתיד, לעצב אותו באופן פעיל ולהיות חבר חדשני בחברה מרגשת ללא גבולות. היכולת לקוד פותחת דלתות אינסופיות לעתיד עבור ילדינו בעולם הזה והופכת אותם לשגרירים של טכנולוגיות חדשות".
9
קורסיםמורה בקורס:
"Minecraft: מבוא לבינה מלאכותית", "Unity 3D", "מפתח חזיתי: אתרי HTML/CSS/JavaScript", "ציור בסגנון אנימה", "תכנות לקטנטנים", "תכנות מיינקראפט", "חשיבה עיצובית", "בוטים בפייתון", "עיצוב גרפי בפוטושופ", "בלוג וידאו"
חינוך:
קורסים רבים לשיפור כישורי IT בחברות בינלאומיות (SAP, אוטומציה של תהליכים, מסחר אלקטרוני). אוניברסיטת FOM של שטוטגרט, שטוטגרט, גרמניה (תואר שני במנהל עסקים) האוניברסיטה הטכנית הממלכתית של קרגנדה, קרגנדה, קזחסטן.
ניסיון:
מייסד חנות חשמל מקוונת מצליחה בגרמניה, עוסקת בייעוץ ללקוחות ב תחום אוטומציה של תהליכי מכירה, עובד בתחום מכירות IT בגרמניה בבינלאומי חברות.
תחומי עניין:
טיולים, דיג, ספורט, שחמט.
גתה אמר: "אתה יכול ללמוד רק מה שאתה אוהב"
מודול 1
היום הראשון
יסודות פריסת דף האינטרנט
- מבנה מסמך HTML
- דף אינטרנט ראשון באמצעות שפת סימון HTML
- היכרות עם עורך הטקסט הנשגב 3
תוצאת השיעור: יצר את דף האינטרנט הראשון, למד דרכים בסיסיות לסימון טקסט באמצעות תגיות.
משימה מעשית: צור דף אינטרנט באמצעות שפת סימון HTML.
יום שני
תכונות רכיב Div ותג
- עבודה עם מפקח האינטרנט
- יצירת אתר רב עמודים
- לימוד רכיבי תג ותכונות חדשות
תוצאת השיעור: למד כיצד להוסיף קישורים ותמונות לאתר, הוסיף תכונות לתגיות
משימה מעשית: צור אתר מרובה עמודים ראשון.
יום שלוש
גיליונות סגנון מדורגים
- מבוא לגליונות סגנונות מדורגים
- עיצוב רכיבי HTML
- שימוש בבוררים
- התקנה ועבודה עם הפלאגין Emmet והוספת טקסט Lorem
תוצאת השיעור: למד כיצד לשנות את צבע הרקע וצבע הטקסט של רכיבי HTML, להשתמש בשני סוגים של בוררים, ליצור טקסט Lorem באמצעות תוסף Emmet
משימה מעשית: לשנות את מראה הדף באמצעות מאפייני CSS.
יום רביעי
יצירת אתר יגואר
- יצירת אתר יגואר מרובה עמודים
- יצירת מבנה קובץ פרויקט
- עבודה עם ריפוד וריפוד אלמנטים
תוצאת השיעור: למד לעבוד עם קובץ CSS חיצוני, הכיר את הריפוד החיצוני והפנימי של אלמנטים.
משימה מעשית: ליצור אתר מרובה עמודים של יגואר.
מודול שני
היום הראשון
דגם קופסא ב-CSS
- דגם קופסא ב-CSS
- יצירת בלוקים בעלי צורה יוצאת דופן
- עבודה עם מאפיין גודל התיבה כדי לשנות את אופן חישוב הרוחב והגובה של אלמנט
תוצאת השיעור: למד כיצד ליצור בלוקים של צורות יוצאות דופן, להשתמש במאפיין גודל קופסה עם ערך הגבול-תיבה כדי לחשב נכון את הרוחב של אלמנט, ולהגדיר את הגדלים של אלמנטים ביחידות מדידה שונות
משימה מעשית: צור כרטיסים עם טקסט באמצעות ערכי מאפיינים שונים בגודל תיבה.
יום שני
מניפולציה מתקדמת של טקסט ב-CSS
- סוגים שונים של גופנים
- בחירת פונטים לאתרי אינטרנט
- יצירת סגנונות חדשים המאפשרים לך להתאים אישית את תצוגת הטקסט ברמה מתקדמת
תוצאת השיעור: יצר דף באמצעות סוגים שונים של גופנים, שיפר את המראה והקריאה של הטקסט באמצעות המאפיינים שעברו.
משימה מעשית: ליצור דף באמצעות סוגי גופנים בסיסיים.
יום שלוש
מיקום אלמנטים ב-CSS
- עבודה עם נכס הצוף
- סוגי מיקום של אלמנטים בדף
- מיקום נכס
תוצאת השיעור: למד לעבוד עם מאפייני הציפה והמיקום, ליצור טקסט העוטף תמונות
משימה מעשית: צור דף אינטרנט והצב עליו אלמנטים באמצעות מאפייני ציפה ומיקום
יום רביעי
יצירת עמוד בלוג
- יצירת עמוד בלוג
- מאפייני מיקום אלמנטים להצבת תפריטים ופוסטים בעמוד
- תגים סמנטיים
תוצאת השיעור: למד לעבוד עם תגיות סמנטיות באמצעות מאפייני מיקום, הניח את המרכיבים העיקריים של הבלוג בעמוד
משימה מעשית: ליצור דף בלוג באמצעות תגים סמנטיים
מודול שלישי
היום הראשון
פסאודו-שיעורים ועבודה עם תמונות ב-CSS
- שימוש בתמונות רקע בדף אינטרנט
- שיעורי פסאודו מרחפים, פעילים ומבקרים
- שינוי הסגנון של אלמנט אחד בעת הפעלת פסאודו-קלאס באלמנט אחר
- יצירת דפוסי רקע
תוצאת השיעור: למד איך לעבוד עם תמונות רקע, למד תכונות לעבודה עם תמונות
משימה מעשית: הוסף שינויים חיצוניים לאלמנטים כאשר אתה מרחף מעליהם עם סמן העכבר.
יום שני
FlexBox ב-CSS
- עבודה עם פריסת תיבה גמישה של CSS
- מאפיינים ליישור אלמנטים במיכל Flex
- משחק חינוכי פלקס-צפרדע
תוצאת השיעור: למד לעבוד עם טכנולוגיית Flex ליצירת פריסות גמישות, השלים את משחק flex-frog כדי לאחד את החומר המכוסה
משימה מעשית: השלם את משחק הגמישות-צפרדע כדי לאחד את החומר המכוסה
יום שלוש
פיתוח אתר חנות הסניקרס. חלק 1
- יצירת מבנה אתר עם מודלים
- התחברות לאתר פונטים
- מאפיינים של כותרת האתר ורכיבי הצאצא שלו
- פונקציות ליצירת רקע עמוד שיפוע
תוצאת השיעור: יצר מבנה אתר עם מודלים, חיבר את הפונט לאתר.
משימה מעשית: בחר והורד תמונות עם דגמים, הוסף צל לכותרת האתר
יום רביעי
פיתוח אתר חנות הסניקרס. חלק 2
- השלמת עבודה באתר
- יצירת בלוק עם קלפים
- שינוי התנהגות של אלמנטים בעת ריחוף מעליהם
- טכנולוגיית FlexBox למיקום כרטיס
תוצאת השיעור: יצרו אתר עם כרטיסי דגם
משימה מעשית: הוסף גלריה באמצעות טכנולוגיית FlexBo
מודול רביעי
היום הראשון
פריסת רשת ב-CSS
- מבוא למערכת Grid
- יצירת דף באמצעות גריד
- מאפיינים לעבודה מתקדמת עם תאי Grid
תוצאת השיעור: למד את מערכת הפריסה הדו-ממדית (CSS Grid Layout), למד כיצד למקם תאי Grid בעמוד.
משימה מעשית: השלם את משחק גן הרשת כדי לאחד את החומר המכוסה.
יום שני
פסאודו-אלמנטים אחרי ולפני
- פסאודו-אלמנטים לפני ואחרי
- שילוב תמונה עם טקסט בפנים
- אלמנטים עם פסאודו-אלמנטים של האות הראשונה והשורה הראשונה
תוצאת השיעור: למד לעבוד עם פסאודו-אלמנטים לפני, אחרי, אות ראשונה ושורה ראשונה, לשלב פסאודו-אלמנטים עם מאפיינים שונים ליצירת בלוקים יפים
משימה מעשית: צור אלמנט באמצעות האפטר ולפני אלמנטים פסאודו.
יום שלוש
אנימציות וטרנספורמציות ב-CSS
- טרנספורמציות CSS
- החלת טרנספורמציות על רכיבי HTML
- יצירת בלוקים מונפשים ב-CSS
- החלת פונקציות תזמון על מסגרות מפתח
תוצאת השיעור: למד כיצד לעבוד עם טרנספורמציות ב-CSS, ליצור אינסוף אנימציות ב-CSS.
משימה מעשית: צור כפתור, הוסף לו טרנספורמציות כאשר אתה מרחף.
יום רביעי
תרגל יצירת אנימציות ב-CSS
- יישום אנימציה וטרנספורמציה בפועל
- יצירת מערכת מסלול מונפשת של כוכבי לכת במערכת השמש שלנו
תוצאת השיעור: יצר עמוד המדגים את תנועת כוכבי הלכת במערכת השמש ורקע מונפש.
משימה מעשית: ליצור מערכת מסלול מונפשת של כוכבי לכת במערכת השמש שלנו.
מודול 5
היום הראשון
הקמת חנות מקוונת
- מהי חנות מקוונת?
- יצירת מבנה פרויקט
- הגדרת הפרויקט
תוצאת השיעור: התחיל ליצור חנות מקוונת.
משימה מעשית: בחר אייקונים לשימוש באתר.
יום שני
יצירת כותרת חנות מקוונת
- משתנים ב-CSS וכיצד להשתמש בהם
- חיבור גופנים לגיליון סגנונות חיצוני באמצעות פונקציית url
- כותרת חנות מקוונת, הסגנון שלה
- הוספת פונקציונליות תפריט נוספת באמצעות שפת התכנות JavaScript
תוצאת השיעור: הגדירו משתנים גלובליים בפרויקט, יצרו כותרת רב תכליתית עם תפריט, חיברו קובץ Javascript כדי להוסיף פונקציונליות נוספת של התפריט.
משימה מעשית: הוסף שינוי הרקע של כותרת האתר בעת גלילה בדף
יום שלוש
יצירת המסך הראשון עם המוצר הראשי
- מבנה HTML של בלוק המצגת
- מערכת רשת לתצוגה נכונה של אלמנטים
- ערכי מאפייני CSS באמצעות משתנים
- אלמנטים של עיצוב
תוצאת השיעור: יצר את חלק המצגת של החנות המקוונת
משימה מעשית: ליצור חלק מצגת מחנות מקוונת
יום רביעי
יצירת בלוק עם מוצרים פופולריים
- סימון HTML עבור בלוק עם מוצרים
- סטיילינג לכרטיסי מוצר
- רשת רשת למיקום כרטיסים
- סטייליזציה של בלוק עם ההיסטוריה של החברה
תוצאת השיעור: יצר בלוק עם מוצרים פופולריים והיסטוריה של החברה
משימה מעשית: הוסף ריפוד חיצוני ופנימי לאלמנטים בבלוק עם היסטוריית החברה
מודול 6
היום הראשון
יצירת סליידר עם ביקורות של לקוחות.
- בלוק סקירה
- דרכים ליצור קונטיינרים ניתנים לגלילה ב-CSS
- מאפיינים מסוג גלילה ו-snap
- נקודות עיגון של המחוון
תוצאת השיעור: יצרה סליידר עם ביקורות לקוחות באמצעות HTML ו-CSS.
משימה מעשית: הוסף נקודות עיגון לחלקים הראשיים של האתר וצור גלילה אוטומטית לבלוקים אלה כאשר אתה לוחץ על הכפתור.
יום שני
עבודה עם טפסים ותוכן וידאו.
- תגי HTML5 להכנסת תוכן וידאו לאתר
- עיצוב קטע עם וידאו קליפ במסך מלא
- תג שדה קלט -, והתכונות שלו
- תג ליצירת טפסים ב-Html
- עיצוב אלמנט קלט טקסט
תוצאת השיעור: יצר קטע עם סרטון ובלוק עם טופס משוב
משימה מעשית: ליצור טופס משוב, לסגנן את האלמנטים
יום שלוש
יצירת דף גלריה נפרד
- רשת רשת מותאמת אישית עבור דף גלריה
- הוספת בלוקים עם תמונות לרשת
- פסאודו-אלמנטים ואנימציות שונות של בלוקים עם תמונות
- מסנני CSS לשיפור העיצוב החזותי של הגלריה
תוצאת השיעור: יצר עמוד נפרד עם גלריית תמונות
משימה מעשית: שימוש בסוגים שונים של מיקום כדי ליצור רקע חריג שקוף.
יום רביעי
התאמת תוכן לכל סוגי המכשירים.
- דרכים להתאים תוכן למכשירים ניידים
- שאילתות מדיה להחלת מאפיינים שונים על אותו אלמנט במכשירים בעלי רוחב שונה
- כללי CSS עבור שלושה סוגי מכשירים
תוצאת השיעור: התאמנו את האתר לטאבלטים וטלפונים.
משימה מעשית: באמצעות שאילתות מדיה, שנה את ערכי המאפיינים של רכיבי HTML כדי להתאים את התוכן לכל סוגי המכשירים
מודול 7
היום הראשון
מבוא למסגרת Tailwind SS.
- מהן מסגרות וכיצד הן מזרזות את תהליך פיתוח הפרויקט?
- התקנת המסגרת והפלאגינים של Tailwind CSS
- Tailwind CSS Framework Concepts
- עבודה עם טיפוגרפיה וצבעים ב-Tailwind CSS
תוצאת השיעור: יצר את דף האינטרנט הראשון באמצעות Tailwind CSS framework.
משימה מעשית: צור בלוק עם אלמנטים של טקסט, סגנון באמצעות מחלקות רוח גבית.
יום שני
שיעורי רוח גבית ליצירת אתר רספונסיבי
- עבודה עם שיעורי Tailwind ליצירת אתר רספונסיבי
- שיעורים להוספת אפקטי ריחוף ומיקוד
- שיעורים להוספת צללים לאלמנטים
- שיעורים לעבודה עם גדלי אלמנטים
- חוגים לעבודה עם ריפוד חיצוני ופנימי של אלמנטים
תוצאת השיעור: יצרנו עמוד מותאם לכל סוגי המכשירים.
משימה מעשית: צור כפתורים, הוסף אפקטים בעת לחיצה עליהם באמצעות שיעורי Tailwind
יום שלוש
Tailwind Flex Layout.
- עבודה עם Tailwind Flex Layout
- שיעורים ליישור אלמנטים צאצאים במיכל Flex
- יצירת כרטיס עם מחיר מוצר
- יצירת מדדי התקדמות
- עבודה עם Pseudo Elements ב-Tailwind CSS
תוצאת השיעור: יצר מיכל Flex עם כרטיסי מוצר
משימה מעשית: ליצור כרטיס עם תיאור של המוצר.
יום רביעי
מערכת רשת ב-Tailwind CSS.
- מאפייני טווח שורות ו-col-span
- מאפיינים למילוי אוטומטי של חלל ריק ב-Grid באלמנטים
- עמוד צוות הפרויקט
תוצאת השיעור: יצר עמוד צוות פרויקט אדפטיבי באמצעות מערכת Tailwind Grid.
משימה מעשית: הוסף אפקטים לרכיבי רשת בעת ריחוף מעליהם
מודול 8
היום הראשון
הגדרת הפרויקט
- הקמת פרויקט אתר האפליקציה "ניהול".
- יצירת כותרת רספונסיבית לאתר אינטרנט
- יצירת תפריט המבורגר באמצעות JavaScript
- יצירת קטע מצגת עם מוצר
תוצאת השיעור: יצר את המסך הראשון של אתר האפליקציה "ניהול".
משימה מעשית: הוסף תמונת רקע למסך הראשון.
יום שני
יצירת קטע עם תיאור האפליקציה
- חלק עם תיאור האפליקציה ויתרונותיה
- התאם את הבלוק שנוצר לכל סוגי המכשירים
- קטע עם פעולת האפליקציה
- החל מסנני Tailwind על תמונה
תוצאת השיעור: יצר שני חלקים של האתר "ניהול"
משימה מעשית: צור קטע נוסף עם ההיסטוריה של יצירת היישום
יום שלוש
יצירת קטע על צוות הפרויקט
- קטע על הצוות
- סליידר באמצעות Tailwind CSS ו-Javascript
- כרטיסי עובד
תוצאת השיעור: יצר קטע על צוות הפרויקט
משימה מעשית: צור קטע עם כפתור CTA
יום רביעי
יצירת מדור עם מחירים
- צור קטע עם מחירים
- צור כותרת תחתונה לאתר רספונסיבי
- סיים את הפרויקט
תוצאת השיעור: השלים את העבודה על הפרויקט, יצר את האתר עבור אפליקציית "ניהול".
משימה מעשית: לסיים את הפרויקט, לשים את האתר באינטרנט
מודול 9
היום הראשון
התחל לעבוד על הפרויקט שלך.
- בחר נושא לפרויקט
- התחל לפתח אתר משלך
תוצאת השיעור: נבחר נושא והעבודה על הפרויקט החלה
משימה מעשית: פרוייקט עבודה
יום שני
המשך עבודה על הפרויקט
- המשך לעבוד על הפרויקט
- תקן שגיאות בפרויקט
תוצאת השיעור: יצירת דפי אתרים
משימה מעשית: פרוייקט עבודה
יום שלוש
הכנת מצגת לפרויקט.
- תאר את הפרויקט שלך
- צור תבנית מצגת כדי להגן על הפרויקט שלך
- סיים את הפרויקט
- שים את האתר באינטרנט
תוצאת השיעור: הכין מצגת וחזרו על הנאום.
משימה מעשית: להכין מצגת של הפרויקט, לשים את האתר באינטרנט.
יום רביעי
הגנה על פרויקט.
- סיים את מצגת הפרויקט
- הגן על הפרויקט שלך מול קהל
תוצאת השיעור: סיימנו עבודה על פרויקט הקורס והצגנו אותו להורים.
משימה מעשית: לסיים את הפרויקט, להכין ולערוך מצגת.