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

#

פרק

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

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
  2. HTML Tags Attributes – Using Double Quote

2

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

• 1. Basic Tags
• Div
• H1
• Br
• pre
• Paragraph
• Span
  2. Image and Hyperlink

• Image
• links
  3. Lists and Buttons

• ul/ol/dl
• button

3

טפסים

• 1. HTML Forms Part – 1:
• Form
• Action
• Get – query prams
  2. HTML Forms Part – 2:
• Inputs types:

• text
• password
• email
• color
• date
• time

• Validations – required, no validate
• Buttons types, submit, type button

4

תגיות מתקדם

1. 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
  2. CSS Inline, Internal and External
  3. Selectors – tags, class, id
  4. Positioning
  5. Floating
  6. Box model

• Margin
• Padding
• Box model
• Border
  7. Display, Overflow and Opacity
  8. Background image, repeat, size, cover and more
  9. 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

#

פרק

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