קורס בניית אתרים – פיתוח Full Stack

אין צורך ברקע טכנולוגי קודם!

כולל התלמדות מעשית בחברת הייטק

כולל אימון למעב לראיון עבודה

משך הקורס כ 6 חודשים, פעם בשבוע

משך כל מפגש בקורס 4 שעות

פיתוח Full Stack מכיל בתוכו פיתוח צד לקוח ופיתוח צד שרת. מפתח ה Full Stack אחראי על הפיתוח של הממשק הידידותי למשתמש וגם על הפיתוח של מה שלא נראה לעין, ובעצם נמצא מאחורי הקלעים.
בקורס פיתוח Full Stack נלמד גם כיצד לכתוב ממשק ידידותי למשתמש תוך מתן דגש על נראות, ביצועים, שמישות ונגישות וגם כיצד לעבד ולאחסן נתונים, ולבצע פעולות שאינן גלויות למשתמש ובעצם מתרחשות מאחורי הקלעים.

אין צורך ברקע טכנולוגי קודם!

רוצים לשמוע עוד?

מה עושה מפתח Full Stack?

מפתח full stack הוא תפקיד חשוב ומקיף בעולמות ההייטק. מפתח כזה אחראי לשני צידיו של מוצר דיגיטלי – גם לצד הלקוח (למשל, חווית משתמש) וגם לצד השרת (למשל, ידע במסדי נתונים ופיתוח אתרים). כמו כן, המפתח אחראי לתקשורת בין שני הצדדים האלו, והוא בעל הבנה מ”קצה לקצה” ויודע לפעול ולפתח בכל השכבות. מפתח פול סטאק מכיר ויודע לעבוד עם שפות תכנות שונות ועם טכנולוגיות ותוכנות שונות, ויש לו ידע רחב ומעמיק בפיתוח. עובד כזה יודע לזהות בעיות ולייצר פתרונות המתאימים גם לצד השרת וגם לצד הלקוח והוא יודע כיצד לבחון את הפרויקט מכל הזוויות הנכונות.

באופן עקרוני, מפתח פול סטאק יכול למעשה לפתח תוכנה שלמה מכל צדדיה בעצמו, שכן יש לו את כל הידע הדרוש לשם כך. כמובן, לרוב לא דרוש ממנו לעשות את העבודה בעצמו, אך יש לו תפקיד חשוב בהבנה של הפרויקט ואף הוא יכול לתפקד כראש הצוות. היום מעסיקים רבים מחפשים עובדים עם ידע מקיף שכזה, ולכן מדובר על תפקיד שמתאים ביותר לתעשייה העכשווית. 

הכירו את המרצה

שם בר

מנהל תחום התוכנה במכללה. מרצה לפיתוח בניית אתרים, פיתוח צד שרת ובדיקות אוטומטיות. מרצה לשעבר בקורס אלגוריתמים במכללת TopEDU מטעם Microsoft. מפתח תוכנה לשעבר + DEVOPS בחברת אלביט מערכות. מתרגל כשנתיים במכללת אפקה לקורסי מבוא למדעי המחשב + תכנות מתקדם.

ניתן לבוגרים שלנו לספר

מה לומדים בקורס?

קורס Full Stack מלא אשר יכלול את כל מה שנוגע לפיתוח – צד לקוח + צד שרת, (קורס פרונט-אנד + קורס באק-אנד) ,בקורס זה התלמידים יצאו עם 2 פרוייקטים גדולים + מבחן מעבר.

בנוסף לכל אלו הקורס כולל:

  • סדנת הכנה לראיונות עבודה.
  • התמחות בחברת הייטק שם תוכל להתנסות בדבר האמיתי.
  • הבטחת עבודה (בכפוף לתקנון)

מבנה הקורס:

HTML5

  • Tags & Attributes – יסודות שפת התגיות ליצירת דף אינטרנט.
  • Markup patterns – הבנת תבניות ותחביר שפת התגיות
  • Plugins for accessibility – תוספים לנגישות
  • Meta tags – הוספת הגדרות למסמך הhtml
  • SEO Ready  – אופטימיזציה לקידום האתר
  • Bonus- SVG – הגדרת גרפיקה מבוססת וקטורים בפורמט xml

Browsers

  • Console – מערך הבקשה של הדפדפן
  • Performance (network tab inspection) – איתור בעיות רשת לייעול האתר
  • Mobile view – הצגת האתר במסך מובייל
  • IE Emulator

Node.js

  • הקדמה לNode.js – סביבת שרת, מאפשרת הפעלת js בשרת
  • Modules – מודולים (ספריות) עבור השרת
  • NPM – מנהל חבילות/סיפריות קוד עבור node.js
  • בניית חבילת קוד אישית  –  יצירה וכתיבת חבילת קוד באופן עצמאי.

NoSQL-MONGO DB

 

  • הקמת שרת – כתיבת פקודות להקמת הסביבה
  • לימוד JSON – הכרות עם קבצים מסוג json להעברת נתונים בצורה קלה

 

  • Collection – אוסף מסמכים הנמצא בתוך מסד הנתונים. (בסילבוס רשום Collevtions יכול להיות שיש שם טעות?)
  • Schema – אובייקט json המאפשר להגדיר את הצורה והתוכן של מסמכים
  • ROBO-3T – ממשק משתמש גרפי (gui) ליצירת קשר עם הנתונים.
  • חיבור אפליקציה לDB – 

Css3

  • Basic Properties – עיצוב בסיסי של האתר
  • Box Model – הבנה וקביעת גודל האלמנט לפי מודל הקופסה (רבדים)
  • Color Units – דרכים שונות לשימוש בצבעים לעיצוב האתר
  • Measurement units – דרכים שונות לקביעת גודל האלמנטים
  • Display types – תצוגות שונות של האלמנטים
  • Positions & float – מיקום אלמנטים שונים על הדף 
  • Overflow – גלישת אלמנטים על אלמנטים אחרים (אלמנט “צף”)
  • Fonts – שימוש בגופנים קיימים שונים ומותאמים אישית 
  • Animation & transition – יצירת אנימציות ושינוי תכונות לאלמנטים
  • Browsers compatibility – תאימות לדפדפנים שונים
  • Responsive design – עיצוב רספונסיבי למסכים שונים

Build Automate Unit Test

  • בניית בדיקות – בניית סט בדיקות אוטומטיות
  • E2E – חלוקת הבדיקות למקרי בדיקה שונים
  • UI בדיקות Selenium – בדיקות ממשק משתמש ע”י selenium
  • הרצת בדיקות לפי זמנים – ביצוע הבדיקות בפועל

Java script ES6

  • Variables – יחידות זיכרון (משתנים)
  • Arrays – יצירת מבנה נתונים חד מימדי ודו מימדי (מטריצות)
  • Objects – יצירת אובייקטים (אוסף של מאפיינים עבור אובייקט).
  • Basic Selectors – שימוש בבוררים בסיסיים
  • Built-in function – שימוש בפונקציות מובנות בjava script
  • Custom function – תרגול כתיבת פונקציות (מותאמות אישית) באופן עצמאי
  • Dom manipulation – מבנה ייצוג דף האינטרנט
  • Bonus -OOP + Inheritance – תכנות מונחה עצמים וירושה

Bootstrap

  • Grid system – שיטת הגרידים, פריסת אלמנטים על גבי הדף
  • Heading & Paragraphs – יצירת כותרות ופסקאות
  • Glyphicons – שימוש בגופני סמלים עבור פרויקטים
  • Buttons – יצירת כפתורים מעוצבים
  • List – יצירת רשימות מעוצבות
  • Navigation – יצירת אלמנטים לניווט
  • Models – מודלים נוספים (או שהכוונה לmodal – הודעות popup – אם כן יש טעות בסילבוס)

Express Web Server

  • יצירה והתקנת שרת –לימוד מעשי ליצירת שרתים
  • GET ַ & POST – מתודות למשיכה בקשה ועדכון נתונים מהשרת
  • MiddleWare – תיווך בין צד לקוח לצד שרת
  • Static pages – 
  • Work with forms – אובייקט בסיס נתונים באמצעותו נוכל להכניס, לערוך ולהציג נתונים מטבלה.
  • File system – 
  • קריאה לקובץ, כתיבה ועריכה
  • פרויקט – יישום החומר הנלמד 

React.JS

  • What is react – מבוא לreact
  • Tooling & setup – התקנת כלים שונים עבור השימוש בreact
  • ES-6 syntax – כתיבת קוד לפי גרסה es6
  • React component – יצירת קומפוננטות (רכיבים)
  • Understanding JSX –    הבנת java script xml
  • State –   אובייקט המשמש חלקים באפליקציה שניתנים לשינוי.
  • Props & props types – העברת ערכים בין קומפוננטות
  • Css styling & react – עיצוב אלמנטים בreact
  • Conditional rendering – הצגת רכיבים, אלמנטים ושיתוף קוד בריאקט על המסך 
  • Class &style binding – שימוש במחלקות עבור קומפוננטות מורכבות ועיצובן
  • Forms – יצירת אינטראקציה עם הדף (דפים אחרים)
  • Event – אירוע, תגובה של react/js לאלמנטים בhtml (למשל לחיצת כפתור)
  • Context API – העברת ערכים בין רכיבים ללא תלות בקומפוננטות ביניים
  • Lifecycle Methods – מחזור חיים של קומפוננטה (בנייה, עדכון, הסרה)
  • Router v4 – ניווט לערוצים שונים באפליקצית ווב ללא רענון של כל הדף
  • List & keys – יצירת תכונה לאלמנטים כאשר יוצרים רשימה
  • Fragment – תבנית בreact המאפשרת לקומפוננטה להחזיר מספר אלמנטים ללא תוספות לdom
  • Redux – ספריית קוד פתוח, משמש לבניית ממשק משתמש

SQL – MYSQL

  • התקנת MySQL – התקנת מערכת ניהול מסדי נתונים.
  • בניית DB – לימוד מעשי ליצירת מאגר נתונים
  • יצירת טבלה  – לימוד עשי ליצירת טבלאות בsql
  • קישורים בין טבלאות – יצירת קשרים בין טבלאות להוצאת נתונים מורכבים
  • שליפת נתונים – הוצאת נתונים ממסד הנתונים.
  • מחיקה והוספה של נתונים – למידה מעשית לעדכון מסד הנתונים
  • חיבור אתר קיים לDB – יצירת קישור בין האתר למסד הנתונים.

להורדת הסילבוס המלא לחצו כאן

 

רוצים לשמוע עוד?

באילו משרות ניתן להשתלב אחרי קורס פול סטאק?

בעולם ההייטק העכשווי, יש יתרון עצום למפתחי פול סטאק וניתן להשתלב בשוק העבודה במגוון גדול מאוד של חברות הייטק. מפתחים כאלו זוכים לגמישות תעסוקתית, שכן הם יכולים להשתלב במגוון גדול של תפקידים – גם בתפקידי צד שרת, כלומר עבודה “מאחורי הקלעים”, בניית מסדי הנתונים, תקשורת נתונים, בניית מערכת משתמשים ועוד; וגם בתפקידי צד לקוח – חווית משתמש, עיצוביות, נראות ללקוח וכדומה. כמובן, האידיאל הוא להשתלב בעבודת “מפתח פול סטאק” המשלבת את שני הצדדים ואת התקשורת ביניהן, ומאפשרת עבודה דינאמית, מאתגרת, ויצירתית, שמתחדשת כל הזמן. 

במסגרת הקורס של SVColleg הסטודנטים זכאים לסדנת הכנה לראיונות עבודה, וכן התמחות מעשית בשוק העבודה, שם ניתן להתמקצע באופן מעמיק בתחום הפול סטאק וכן לשדרג משמעותית את קורות החיים. כמו כן, המכללה מלווה את הסטודנט עד החתימה על החוזה!