Microsoft Word - Full Stack Syllabus evening.docx

תמליל

1 Real Time College Course: Full Stack Web Development Evening Duration: 625 Hours Hands-On-Training

2 מ י א נ ח נ ו? קבוצת Real Time Group הוקמה ב ש נ ת 2007 מספקת, החברה פ ת ר ו נ ו ת ע ס ק י י ם ו ט כ נ ו ל ו ג י י ם ב ת ח ו מ י התוכנה, החומרה ו ה ת ק ש ו ר ת, פ י ת ו ח ו ת מ י כ ה בפרויקטים מולטי- דיסציפלינאריים ב מ ע ר כ ו ת: Embedded Linux\ Linux Kernel \ Multi-Core \ Embedded \ Real-Time ל מ ג ו ו ן ל ק ו ח ו ת ב א ר ץ ו ב ח ו"ל. הקבוצה מורכבת משלוש חטיבות הבאות : בית תוכנה, מרכז הדרכה והשמה/ מיקור חוץ. Real Time College חטיבת ההדרכה מובילה ב ה ד ר כ ה למסלולי הכשרה מקצועית לתחום ההייטק וטכנולוגיית המידע, מסלולי ה כ ש ר ה ו ה ס ב ה לתחום ההיי- טק וטכנולוגיית המידע. מיקור חוץ ו ה ש מ ת ב ו ג ר י ם בחברות הייטק מתקדמות. ק ו ר ס י ם י י ע ו ד י י ם בקבוצות קטנות בתחום התוכנה, התקשורת ו ה מ ח ש ב י ם. מ ג ו ו ן ר ח ב ש ל ק ו ר ס י מ ח ש ו ב וטכנולוגיות מידע במתכונת אישית ו/ או קבוצתית. Real Time Development חטיבת הפיתוח, אחראית על תכנון, פ י ת ו ח, ב ד י ק ו ת ו י י ע ו ץ במערכות תוכנה, מערכות משובצות מחשב, מערכות תקשורת ו ב מ ת ן פתרונות טכנולוגיים בנושאים הנ"ל: HW/SW Development Networking Applications Web Testing Network Testing QA and Automation Tests RT / Embedded Applications. BSP/ Low Level Programming / Board Bring Up. Linux User/Kernel/Embedded Applications Manufacturing Testing Real Time H.R חטיבת ההשמה אחראית ע ל מ י ק ו ר ח ו ץ והשמה של הבוגרים בחברות ההייטק וטכנולוגיית המידע. ב ס י ו ם ה מ ס ל ו ל ה ח ב ר ה מ ב צ ע ת מ י ק ו ר ח ו ץ א ו ה ש מ ה ל ב ו ג ר י ם במסלולים הבאים: מ פ ת ח י Full Stack ו- Linux RT Embedded & בחטיבת הפיתוח של החברה. מיקור חוץ ל ש ו ת פ ו ת עסקיות של החברה. השמת הבוגרים בחברות היי טק.

3 אודות המסלול: א ת כלל הידע, הניסיון והכלים הנדרשים ל ס ט ו ד נ ט ב כ ד י ל ה צ ט ר ף ל צ ו ו ת פ י ת ו ח מסלול Full Stack מעניק ו ה ן צ ד ל ק ו ח.(Client) כ מ פ ת ח צד שרת (Server) כאמור הפיתוח ב WEB נ ח ל ק לשני תחומים: צ ד ש ר ת Side) (Server צד השרת נותן מענה ו מ ש ג ר נ ת ו נ י ם ) שאילתות ( שהתקבלו מהלקוח, ב ה י נ ת ן ו ב כ ל ר ג ע נ ת ו ן י כ ו ל ו ת ל ה י ו ת עשרות אלפי ב ק ש ו ת י ש נ ו צ ו ר ך בחישוב תשובות מהירות, אחסון המידע ו ט ע י נ ת ו, צ ד ה ש ר ת ה י נ ה ל ב ל י ב ה של התוכנה. צ ד ל ק ו ח Side) (Client צד הלקוח הינו ממשק המשתמש, לקוח קצה, במהלך השנים ג ד ל ה כמות המכשירים והדרכים שאנו צ ו ר כ י ם את המידע ו ה י ו ם ישנם אינספור טכנולוגיות, כ מ ו כן, הצרכים השתנו, אם בעבר הייתה ד ר י ש ה לעמוד סטאטי ו ה ש א ר ת פרטים, היום הדרישות מורכבות, הכוללות בין השאר תקשורת אינטראקטיבית, הצגת מידע מורכב, מילוי טפסים, ע י ב ו ד בזמן אמת והצגתן של מפות אינטראקטיביות.? מהו תפקיד המפתח Full Stack בשנים האחרונות חל מפנה בתחום הפיתוח, אם ב ע ב ר ציפו מהמפתח ל כ ת ו ב צ ד ש ר ת ו ל ה כ י ר צ ד ל ק ו ח (Web) א ו ל כ ת ו ב צ ד ל ק ו ח ו ל ה כ י ר צד שרת. כיום חברות הייטק דורשות מהעובדים י ד ע ו נ י ס י ו ן ב מ ג ו ו ן ר ח ב ש ל ש פ ו ת ת כ נ ו ת ו ט כ נ ו ל ו ג י ו ת ב ר מ ה ג ב ו ה ה ב מ ט ר ה ל י י ש ם צ ד ל ק ו ח ו כ ן צד שרת. התהליך התחיל מתוך הבנה של חברות ההייטק שבכדי לקדם את הפיתוח י ש " ל א ח ד " כ ו ח ו ת ולהקטין את משך ההמתנה, למנוע אי- הבנות בין המחלקות ולהגדיל את הוורסטיליות והגמישות של מוצר. מ ה ו מ ס ל ו ל? Full Stack זהו המסלול המלא כ י ו ם ב ת ח ו ם ה, Full Stack Web Development ה מ ס ל ו ל כולל את כלל הקורסים אשר נ ו ע ד ו ל ה ע נ י ק ל ך א ת ה י ד ע והניסיון המקצועי הנדרשים ב מ ג ו ו ן ט כ נ ו ל ו ג י ו ת, לרבות שפות תכנות ו פ ל ט פ ו ר מ ו ת כגון: NodeJS, AngularJS CSS3, Javascript, MySQL, ו ע ו ד. ה ס י ל ב ו ס נ ק ב ע ב ת י א ו ם עם השותפות העסקיות חברות הייטק המעוניינות לקלוט את ב ו ג ר י נ ו.

4 מ י ד ע על המסלול כחברת ההייטק המובילה באספקת שירותי מומחה ו ל מ ג ו ו ן לקוחות מעל כעשור, אנו מודעים לדרישת חברות ההייטק, הנושאים הרלוונטיים והידע הנדרש ב כ ד י ליישם אותך ב מ ש ר ה ר ל ו ו נ ט י ת. א נ ו ב Real Time Group פ י ת ח נ ו מסלול י י ח ו ד י ל ה כ ש ר ה ו ה ש מ ה לתחום Full Stack Web Development ה מ ט ר ה ב מ ס ל ו ל ז ה ה י א להכשיר אותך כ מ ו מ ח ה, Full Stack Web Development ל ה ע נ י ק ל ך א ת כ ל ל ה י ד ע והניסיון הנדרשים ב כ ד י להוות מקצוען ב ת ח ו ם. לקראת סוף ההכשרה, חטיבת ההשמה תבנה ק ו " ח עם המועמד ו ת ח ל עמו את תהליך ההשמה / מיקור- חוץ לחברות הייטק ר ל ו ו נ ט י ו ת ל ת ח ו מ ו. לבסוף מטרת המסלול - לשלב אותך בתעשייה כמפתח בחטיבת הפיתוח בחברתנו או באחת מהשותפות העסקיות. תיאור המסלול: ה מ ס ל ו ל נ ע ר ך במתכונת של קורסים מעשיים הכוללים הרצאות עיוניות, תרגול מעשי ר ב, עבודת שטח מ ע ש י ת וכן סטאז ' מעשי בחטיבת הפיתוח של החברה. בחירת התמחות Angular + Type Script או ReactJS ה י ק ף ה ת ו כ נ י ת 625 ש ע ו ת 475 שעות פ ר ו נ ט ל י ו ת ו מ ע ש י ו ת במחלקת ההדרכה o 150 ש ע ו ת ס ט אז' מ ע ש י בחטיבת הפיתוח של החברה o הלימודים מתקיימים : ם 2 מ פ ג ש י ב ש ב ו ע בין השעות 22:00-18:00 מסלול משך ע ר ב- כ ש נ ה. - מ ס ל ו ל ע ר ב o מטרות המסלול: ה מ ס ל ו ל נ ו ע ד ל ה ע נ י ק לסטודנטים את הידע הנדרש ב כ ד י ל ש ל ב ם ב ת ע ש י י ה Full Stack Web Development ה ס י ל ב ו ס ג ו ב ש ב ת י א ו ם עם השותפות העסקיות - חברות הייטק אשר מעוניינים לקלוט את ב ו ג ר נ ו. ה מ ס ל ו ל כולל מבחן ע ב ו ר כל מודול נ ל מ ד. הגשת התרגילים ע ל בסיס שבועי. קיים מועד נ ו ס ף ע ב ו ר נ כ ש ל י ם / נ ע ד ר י ם. נ ד ר ש ת נוכחות של ל פ ח ו ת 85% ו ע מ י ד ה ב מ ב ח נ י ם כתנאי הכרחי עבור קבלת תעודת המקצוע.

5 תהליך הפרויקט( קהל היעד: כלל המעוניינים ל ה ת מ ק צ ע בתחום האינטרנט ו פ י ת ו ח ב ע ו ל ם ה.Web ח ס ר י ר ק ע ק ו ד ם ב ת ח ו ם ה- Web א ו ב ע ל י ר ק ע ב ס י ס י. בעלי תואר ראשון או הנדסאים המעוניינים בהסבה מקצועית. תנאי קדם: א נ ג ל י ת ב ר מ ה ב י נ ו נ י ת. ב ע ל י ר ק ע ו/ א ו נ י ס י ו ן בפיתוח שפות תכנות י ת ר ו ן ר א י ו ן י ד ע מ ק צ ו ע י + ב ח י נ ה. סטאז ' מעשי: Hands On Training במהלך המסלול הסטודנט יבצע סטאז' מעשי במשך 150 שעות מלווה במהנדס מחטיבת הפיתוח של ה ח ב ר ה, פיתוח הפרויקט י ה י ה בחפיפה מלאה עם המודול הנלמד ב מ ט ר ה ליצור תיק ע ב ו ד ו ת וניסיון מעשי א ש ר יהווה הוכחה ל י ד ע וניסיון של המועמד ב מ ט ר ה ל מ צ י א ת ע ב ו ד ה כ מ פ ת ח Full Stack בסוף הסילבוס ( מ צ י א ת ע ב ו ד ה לקראת סיום הלימודים יועבר הסטודנט לחטיבת ההשמה לצורך תהליך השמה בחברות הייטק. כחלק מתהליך ההשמה תדאג החברה ל o בניית קו" ח אופטימאליים לכל סטודנט. o ש י ק ו ף ציוני הקורסים ופרויקטים של הבוגרים לשותפות העסקיות של החברה. o ע ב ו ר כ ל ר א י ו ן עבודה- הסטודנט יעבור הכנה אישית לראיון המקצועי, אחד על אחד. קבלת תעודה: בסיום המסלול הסטודנט יקבל תעודה מטעם מכללת.Real Time College באישור משרד הכלכלה / תמ"ת.

6 תכני המסלול Foundations 5 Basic Web services 5 HTML5 10 CSS3 20 Bootstrap 10 Javascript 60 Linux 75 MongoDB 20 MySQL 40 GIT 10 Security 5 Development to Production 5 Java 90 NodeJS 60 ב ח י ר ת ה ת מ ח ו ת ה ת מ ח ו ת ב כ ל י ם ש ל Google Typescript 10 Angular 50 ה ת מ ח ו ת ב כ ל י ם ש ל Facebook ReactJS 60 Total 475

7 פירוט תכני המסלול Foundation Basic Web services HTML5 CSS3 Bootstrap Web Basics HTTP protocol HTTPS protocol Client and Server side Web servers Domains Servers role and tasks IP structure DNS Request & Response Headers REST HTML introduction Structure Main tags and attributes Links and images Tables and frames Html imports New in HTML5 CSS Introduction CSS in HTML Selectors Best practices Animations Transitions Media queries and responsive design Page templating and layouts Colors and gradients Elements manipulation Font families Inline / Outsource Obtaining and using bootstrap Tables Forms Lists Grid system Typography Bootstrap best practice Re-designing bootstrap style

8 Javascript Linux Introduction to programming What is Javascript? Html and Javascript Internal javascript Selecting elements Working with events (forms, click...) Changing content Styles manipulation Variables Arrays Objects If statement Loops Functions JSON Browser object model Event Handling Callback Promise Async/Await XMLHTTPRequest Fetch Object Oriented Programming Javascript Singleton Pattern MVC Pattern Command line interpreters Unix file-system structure Symbolic links Text editors Frequently Used Shell Commands Active tasks The PATH environment variable Standard input and output, using pipes and redirections Compression and archiving (tarring and Un-tarring files) File ownership. Setting up \ configuring networking Commands to control your system killing Processes File systems in Linux Accessing manual pages. Network Administration Connectivity testing ping Secure Shell

9 MongoDB MySQL Source Control Secure Copy Name resolution System Administration Creating file-systems Mounting devices Dmesg Strace Kernel Modules Linux services RPM Packages Yum Introduction Installation MongoDB API Core concept Environment JSON Indexing Query optimizer Schema Design CRUD and MongoDB Shell MongoDB and NodeJS Introduction SQL differences MySQL data types create & delete database create, delete, duplicate tables column definition: Index, Unique, Auto Increment.. Query syntax CRUD Inner Join, Left/Right Join Union Retrieving data from a database Inserting and updating data Date and Time Functions Math Functions MySQL administration users, dumps, configuration Git Setup Repositories Commit Branches Forking Working with Git

10 Security Development to Production NodeJS DDos XSS SQL injection CSRF Man in the middle cross-site scripting attacks and other cross-site injections X-Powered-By header Strict-Transport-Security clickjacking protection MIME-sniffing client-side caching Buying & setting domain Buying server Server Configurations Setting DNS Uploading and working with FTP client-side caching Introduction to NodeJS Building NodeJS application Core Modules Installing packages Using built in libraries Building custom libraries File Sysyem A-synchronicity & callbacks blocking vs non-blocking I/O Sync and Async operations Async common errors Working with file systems Real time listen and emit Server and client sockets ExpressJS introduction Express Installation and setup Express routing Express templating and views Events emitting Authentication with JSON Web Token +Passport Socket IO Server Connecting to database MySQL Connecting to database MongoDB MVC Pattern

11 Java Typescript Java Is Platform-Independent Installing the Software (Applets and Applications) Creating a Java Application Creating a Java Applet Object-Oriented Programming and Java Objects and Classes Behavior and Attributes Inheritance Creating a Class Hierarchy Single and Multiple Inheritance Interfaces and Packages Creating a Subclass Statements and Expressions Variables and Data Types Expressions and Operators Creating New Objects Class Methods References to Objects Casting and Converting Objects and Primitive Types Comparing Objects & Copying Objects Determining the Class of an Object The Java Class Libraries Arrays in Java Block Statements if Conditionals for Loops & while and do Loops Creating Classes and Applications in Java Multithreading in Java - Creating and Using Threads Thread Scheduling Input Streams ה ת מ ח ו ת ב כ ל י ם שלGoogle Introduction Basic data types Destructuring Classes Interfaces Generics Modules Namespaces Ambients Decorators Advanced Types

12 Angular ReactJS Google ל ש ם י ל כ ב ת ו ח מ ת ה Angular Introduction Building single page applications Template Controller Scope & Scope Inheritance Directives Modules Dependency Injection Services Interception Rendering HTML DOM event handlers Filters Validation Routing Server communication Custom directives Facebook ל ש ם י ל כ ב ת ו ח מ ת ה Introduction Virtual DOM ES6 Classes Modules JSX Naming conventions Rendering Parser Components Props Validation Props State Life Cycle Reusable components Forms Events Debug API Calls Flux Animations

13 תהליך הסטאז ' ק ו ר ס ת י א ו ר ה פ ר ו י ק ט חלק בפרויקט ב פ ר ו י ק ט ז ה נפתח אפליקציית אינטרנט. מטרת הפרויקט היא ל ח ו ו ת ו ל ה ת נ ס ו ת ב פ י ת ו ח פרויקט מתחילת הדרך של אפיון ו ת כ נ ו ן ע ד ל ש ל ב ב ו י ש ל נ ו אפליקציית אינטרנט ע ל ש ר ת ייעודי, מאובטחת, מוצפנת מוכנה ל ק ב ל ו ל ש ר ת את הקהל י ע ד ש ל ה. ה פ ר ו י ק ט י ד מ ה פעילות של חברת נ ד ל" ן. בשלב הראשון אפיון של הפעולות, העיצוב, ק ה ל י ע ד, זרימת מידע ו א ף נ כ י ן API שיאפשרו ל א ח ר י ם ל ה ש ת מ ש ב ש ר ת והנתונים שלנו. שלב שני נ ת ח י ל לתכנן את סביבת העבודה שלנו, תוכנות, ספריות ו א ו ל י ה ת ק נ ו ת נ ו ס פ ו ת ל ב י צ ו ע ה פ ר ו י ק ט. ש ל ב ש ל י ש י ה י נ ו ה כ נ ת ה ש ל ד ש ל ה פ ר ו י ק ט. ב ע ז ר ת קוד HTML נכין תשתית עבור האפליקציה, נ פ ת ח ע מ ו ד י ם ר ל ו ו נ ט י י ם ונחלק את הפרויקט ל ת י ק י ו ת נ כ ו נ ו ת. ב ש ל ב ז ה נ י ת ן י ה יה כ ב ר לראות את סידור הפרויקט, מכיוון שחלק מהתיקיות עם תוכן תהינה אפשרות לפתוח את העמודים ב ד פ ד פ ן ולהרגיש את הפרויקט ב פ ו ע ל. ש ל ב ר ב י ע י הוא שלב העיצוב. ב ש ל ב ז ה נ ש ת מ ש בעמודים מהשלב הקודם ו נ ל ב י ש עליהם את העיצוב ע ל פי האפיון שיצרנו. כ ע ת נ י ת ן להשלים את הנראות של העמודים שלנו הכוללים צ ב ע י ם ל ר ק ע ו ל ט ק ס ט, נסדר את התוכן ב מ י ק ו ם נ כ ו ן ע ל גבי העמוד, נ ש ת מ ש ב א נ י מ צ י ו ת ונכין סקיצות של נתונים מדומים ע ל גבי העמודים ל צ ו ר ך ד ג י מ ה ראשונית של נראות הפרויקט. ב ש ל ב ז ה לעתים המפתח שולח את הסקיצה ל ל ק ו ח ומקבל הערות ו א י ש ו ר י ם להמשך הדרך. ש ל ב ח מ י ש י ה ו א ש ל ב ה ת כ נ ו ת ש ל ה פ ר ו י ק ט. ב ש ל ב ז ה א נ ו נ ו ס י ף א י נ ט ר א ק צ י ה עם הגולש, תגובות ל א י ר ו ע י ם, ל ח י צ ו ת והקלדות של הגולש. ב ש ל ב זה הגולש כ ב ר י כ ו ל ל ה ת ח י ל להרגיש שהאתר פ ע י ל ל ח ל ו ט י ן ו י כ ו ל ל ה ג י ב לפעולות שהוא מבקש ממנו אך בפועל אנחנו ע ד י י ן ל א ע ו ב ד י ם ע ם ש ר ת ו ל כ ן ה כ ל ע ד י י ן ל א י ע ב ו ד ב א מ ת. ש ל ב ש י ש י ה י נ ו ה כ נ ת מ א ג ר נ ת ו נ י ם. ב ש ל ב ז ה נכין טבלאות ו ק ש ר י ם ע ל פ י האפיון שיהיו מוכנים לקבל מידע ולספק מידע לאפליקציה שלנו. שלב שביעי הינו פיתוח שרת עבור הפרויקט שלנו, ל א ח ר ק ר י א ה והבנה של ה א פ י ו ן נכין שרת המסוגל ל ע ב ו ד עם המידע מהמאגרים. השרת יקבל תזרים מ י ד ע ו י ד ע ל א ב ד ולשמור אותו ב מ א ג ר נ ת ו נ י ם. ו כ מ ו ב ן לספק אותו בכיוון ההפוך כ ש ה ג ו ל ש צ ר י ך. ב ש ל ב ז ה נתקין את הספריות שקבענו בתכנון הפרויקט ונשלב אותם ב ק ו ד. HTML5 CSS3 & Bootstrap Javascript / Java MongoDB / Mysql NodeJS

14 שלב שמיני הוא פ י ת ו ח צ ד ל ק ו ח. ב ש ל ב ז ה א נ ו נ ש ת מ ש בקוד שכתבנו ע ד ע כ ש י ו ונמיר אותו לקוד מתקדם י ו ת ר. ב ש ל ב זה הפרויקט ק ם ל ח י י ם ו מ צ ל י ח לנהל את כל הפעולות שרצינו באפיון. מצד הלקוח אשר מזין פרטים או פ ע ו ל ו ת ועד התזרים מידע ו א י ב ו ד ו בצד שרת ו ש מ י ר ת ו ב מ א ג ר. ש ל ב זה הינו השלב האחרון בפיתוח היכולות של האפליקציה ו ה ש י מ ו ש ב ה, עתה היא מוכנה ל ש י מ ו ש. שלב תשיעי הינו שלב האבטחה. לאחר שהאפליקציה מוכנה ל ש י מ ו ש י ש נ ם כמה שלבים שנרצה ל ב צ ע ע ל מ נ ת ל ה ג ן על הקוד והתוכן שלנו ב פ נ י פ ר י צ ו ת וחשיפת מידע רגיש שלא ב כ ו ו נ ה. נ ש ת מ ש בספריות שהתקנו ו נ ו ס י ף ק ו ד נ ו ס ף לשמירת הפרויקט שלנו כ ך שיעשה את האמור ב א פ י ו ן ו ל א א ף ד ב ר נוסף שהפורצים י נ ס ו להוסיף או ל ה פ ך ל ק ח ת. ש ל ב ע ש י ר י הינו השלב ב ו א נ ו נעלה את הפרויקט ל ש ר ת. כ ע ת נ י ת ן י ה י ה לגשת אליו בכתובת הרצויה, ל ה ש ת מ ש ב ו מ כ ל מ ק ו ם ב ע ו ל ם. שלב אחרון הינו להעלות אותו לשרת הגרסאות שלנו ולשמור אותו שם. כ ע ת י ש ל נ ו ג ר ס ה ר א ש ו נ ה ו מ ו כ נ ה ב ש ר ת. כ ע ת ברגע שנרצה ל ע ר ו ך א ו ת ה נ ו כ ל ל ע ש ו ת ז א ת ב א מ צ ע ו ת ק ט ע י ק ו ד ולשמור את השינויים ב ג ר ס א ו ת נ ו ס פ ו ת כך שתמיד י ה י ה ל נ ו ג י ש ה ל ג ר ס א ו ת י ש נ ו ת יותר אם נ צ ט ר ך א ו א ם נ ש ת ף א ת ה ק ו ד עם הצוות. ReactJS / Angular Security Development to Production GIT ה ע ר ו ת : פתיחת המסלול מותנה ב מ ס פ ר נ ר ש מ י ם. דמי הרשמה אינם מוחזרים אלא ב מ ק ר ה ש ל א י פתיחת מסלול ע" י המכללה. דמי הרשמה כ ל ו ל י ם בשכר הלימוד. המכללה מביאה ידעתם של תלמידים שיתכנו שינוים בתוכן הקורסים ו ב מ ו ע ד ם. המכללה מתחייבת ל ה ו ד י ע ל ת ל מ י ד י ם ע ל כל שינוי. המכללה שומרת לעצמה את הזכות לשנות את תכני המסלול ב ה ת א ם ל ש י ק ו ל ד ע ת ה ה ב ל ע ד י ת.

15

16