shape-876@2x

Web Development

מבוא לפיתוח Web- Introduction to Programming, HTML & CSS, Basic Java Script

מספר הקורס 90966

JB Online Academyקורס מקוון
40 שעות לימוד עצמי זמן למידה מוערך
קורס מקוון הזמין מכל מקום ובכל זמן
calendar-1.svg

המועדים הקרובים

31/12/2023

קורס בוקר

סניף

תל אביב

31/01/2024

קורס בוקר

סניף

תל אביב

28/02/2024

קורס בוקר

סניף

תל אביב

31/03/2024

קורס בוקר

סניף

תל אביב

30/04/2024

קורס בוקר

סניף

תל אביב

30/05/2024

קורס בוקר

סניף

תל אביב

30/06/2024

בוקר

סניף

תל אביב

31/07/2024

בוקר

סניף

תל אביב

29/08/2024

בוקר

סניף

תל אביב

30/09/2024

בוקר

סניף

תל אביב

31/10/2024

בוקר

סניף

תל אביב

28/11/2024

בוקר

סניף

תל אביב

31/12/2024

בוקר

סניף

תל אביב

על הקורס בקצרה​

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

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

קיימות שפות רבות ליצירת אפליקציות ווב (Web Applications), אך שתי השפות המהוות את התשתית לכל עמוד הן HTML ו-CSS, בין אם אתם נדרשים ליצור דפי נחיתה, תוכן לצרכים שיווקיים, תכנים אינפורמטיביים או אפילו רק שינוי ועיצוב של דפים קיימים.

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

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

hat.png

מטרות הקורס

הקניית הידע והכישורים המקצועיים הנדרשים

רכישת ידע מקצועי בקצב אישי, מכל מקום ובכל זמן

kahal.png

למי מיועד הקורס

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

structure.png

תכנית הלימודים

הסילבוס המלא
PDF להורדה

 

תוכן ערכת הלימוד הדיגיטלית בנושא מבוא לתכנות

#

פרק

1

Flow charts introduction – שימוש בתרשימי זרימה

2

קלט, פלט – Input/output

3

Variables and Assignment – משתנים והשמה

4

פעולות על משתנים – Expressions

5

Checking conditions תנאים –

6

Nested ifs – תנאים מקוננים

7

תנאים מורכבים – AND/OR

8

While Loops – לולאות תנאי

9

For Loops – לולאות אינדקס

10

Break/Continue

תוכן ערכת הלימוד הדיגיטלית בנושא HTML & CSS

#

פרק

נושאי לימוד

HTML

1

הקדמה

    1. HTML Basics
  • Visual Studio Code Editor, Usages, Extensions and more tricks
  • Static content –  HTML מהו דף   
  • HTML Tags – start tag, end tag, empty element
  • תגיות- מבנה הדף: html, head, body
  • הרצה של דף HTML ב-Browser
    1. HTML Tags Attributes – Using Double Quote

2

תגיות בסיסיות

    1. Basic Tags
  • Div
  • H1
  • Br
  • pre
  • Paragraph
  • Span
    1. Image and Hyperlink
  • Image
  • links
    1. Lists and Buttons
  • ul/ol/dl
  • button

3

טפסים

    1. HTML Forms Part – 1:
  • Form
  • Action
  • Get – query prams
    1. HTML Forms Part – 2:
  • Inputs types:
  • text
  • password
  • email
  • color
  • date
  • time
  • Validations – required, no validate
  • Buttons types, submit, type button

4

תגיות מתקדם

    1. Tables
    2. SVG
    3. Semantic Tags – Recap on all blocks elements

CSS

5

עיצוב

5.1 CSS Inline

  • Inline style attribute
  • Color
  • bgColor
  • text-align
  • font-size
  • px vs percentage
  • Height and width
    1. CSS Inline, Internal and External
    2. Selectors – tags, class, id
    3. Positioning
    4. Floating
    5. Box model
  • Margin
  • Padding
  • Box model
  • Border
    1. Display, Overflow and Opacity
    2. Background image, repeat, size, cover and more
    3. Flexbox – display flex, align items, justify content and more

6

Responsive

Responsive

  • Meta viewport
  • Media query
  • Using percentage measure

7

עיצוב מתקדם

עיצוב מתקדם

  • Animations & Transitions

8

Geolocation

Geolocation

9

Web Workers

Web Workers

תוכן ערכת הלימוד הדיגיטלית בנושא Basic Java Script

#

פרק

1

Output

2

Variables

3

Let/Const keywords

4

Data Types

5

Casting

6

Operators

7

Input

8

If Statement – Part 1

9

If Statement – Part 2

10

If Statement – Part 3

11

Switch Statement – Part 1

12

Switch Statement – Part 2

13

Loops – while

14

Loops – for

15

Loops – do-while

16

Array – part 1

17

Array – part 2

18

Functions – part 1

19

Functions – part 2

20

Functions – part 3

21

Objects

22

Events

23

getElementById

24

getElementByClassName

25

getElementByTagName

26

querySelector _ querySelectorAll

27

Create Element

28

Forms – part 1

29

Forms – part 2

תנאי קבלה

לא נדרש ידע קודם.

סביבת תרגול

נדרשת התקנה שלVisual Studio – סביבת עבודה מומלצת וחינמית.

קישורים להורדה:

 https://code.visualstudio.com/download (ל-Windows)

https://visualstudio.microsoft.com/vs/community/ (גם ל-Mac)

מבנה הקורס

קורס זה כולל 3 ערכות מקוונות ותכולתן:

    • סרטוני הדרכה
    • תרגילים
    • פתרונות לתרגילים
    • חוברת עזר בנושא מבוא לתכנות להעמקה נוספת

Schedule Appointment

Fill out the form below, and we will be in touch shortly.

לא הצלחנו לאתר את הטופס.

בודק...