ვებ პროგრამირება 10 წლიდან

მიმდინარეობს V-XI კლასის მოსწავლეთა #რეგისტრაცია

🔶#ვებ პროგრამირება (#Html, #CSS, #Javascript, #PHP + #MYSQL);
🎯 რეგისტრაცია: https://forms.gle/A2UuRXczgUzpG64aA
🔶პროგრამირების დაწყება შეიძლება პატარობიდან.
კომპიუტერზე მხოლოდ თამაშით, თამაშდამოკიდებულების რისკი იზრდება.
ბავშვები როცა სწავლობენ პროგრამირებას, სწორად ვითარდებიან და უფრო საქმიანნი ხდებიან, ადვილად ეჩვევიან შრომას და დიდ წარმატებებს აღწევენ.
კურსი მიმდინარეობს ივნისის ჩათვლით. მეცადინეობა კვირაში ორჯერ.
კურსის დამტავრების შემდეგ მოსწავლეები შეძლებენ დამოუკიდებლად დაგეგმონ და ააწყონ ვებგვერდები. გამომდინერა პრაქტიკული დატვირთვიდან კურსის დასრულების შემდეგ ექნებათ პროგრამირებისთვის საჭირო მტკიცე უნარები.

კურსის სასწავლო გეგმა:

HTML და CSS

მიმოხილვა: HTML და CSS ხელს უწყობენ მოქნილი, მიმზიდველი და მომხმარებლისთვის შესაფერისი ვებსაიტების განვითარებას.

HTML (Hyper Text Markup Language) გამოიყენება გვერდის შინაარსის საჩვენებლად, სადაც პრეზენტაციისთვის გამოიყენება CSS.

გვერდი. HTML აღწერს ვებ – გვერდის სტრუქტურას სემანტიკურად, პრეზენტაციის მინიშნებებთან ერთად, ესაა მარკირების ენა, ვიდრე პროგრამირების ენა. HTML საშუალებას იძლევა სურათებსა და ობიექტებს სურვილისამებრ იყოს განთავსებული ვებგვერდზე და მისი გამოყენება შესაძლებელია ინტერაქტიული ფორმების შესაქმნელად.

კურსის დამთავრების შემდეგ შეძლებენ მსენლები ააწყონ ლამაზი თანამედროვე მოთხოვნების შესაბამისი გვერდები, რომლებიც გათავსდებიან ინტერნეტში.

სასწავლო გეგმა:

მიმიხილვითი ნაწილი:

 რატომაა HTML ძალიან მოქნილია და მხარდაჭერილია ყველა ბრაუზერში?

 მოსახერხებელი და ღია ტექნოლოგია, ეს უკეთეს შესრულებას საშუაებას იძლევა.

 რა არის CSS? როგორ უზრუნველყოფს ძლიერ კონტროლს HTML დოკუმენტის პრეზენტაციაზე?

 რას ზოგავს CSS?

 შეიძლება CSS  გამოყენებულ იქნას საპასუხო ვებ – გვერდების შესაქმნელად, რომლებიც თავსებადია მრავალ მოწყობილობაზე?

 

მოდული 1: ვებ პროგრამირების შესავალი

ამ მოდულში შეისწავლით ვებ – გვერდის შექმნის ძირითად შესავალს. ძირეული ტექნოლოგია

ვებგვერდის სტრუქტურის განსაზღვრა.

 ვებ განვითარების შესავალი;

 

მოდული 2: HTML- შესავალი

ამ მოდულში იქმნება ეტაპი,  სადაც მნიშვნელოვან კონცეფციებს და სინტაქსს აღოვაჩენთ. ასევე ვხედავთ HTML– ის გამოყენებას ტექსტისთვის თუ როგორ უნდა შექმნათ ბმულები და როგორ გამოვიყენოთ HTML ვებგვერდის სტრუქტურის შესაქმნელად.

 HTML ისტორია;

 რა უნდა გააკეთოთ იმისათვის, რომ დაიწყოთ მუშაობა და შექმნათ თქვენი პირველი HTML გვერდი?

 რა არის HTML წარწერები და ატრიბუტები?

Tag HTML Tag ელემენტის წინააღმდეგ;

 HTML ატრიბუტები:

 როგორ განვასხვაოთ HTML დოკუმენტის ვერსიები?

 

მოდული 3: HTML- ძირითადი ფორმატირების ტეგები

ამ მოდულში HTML გამოიყენება იმის დასაზუსტებლად, უნდა იყოს გამოცხადეული თუ არა თქვენი ვებგვერდში აბზაცი ან სია;

როგორ განისაზღვრება?

 HTML ძირითადი წარწერები;

 HTML ფორმატირების ტეგები;

 HTML ფერების კოდირება;

 

მოდული 4: HTML- დაჯგუფება Div Span– ის გამოყენებით

ამ მოდულში, HTML <div> და <span> ელემენტი არის ნაკადის შინაარსის ზოგადი კონტეინერი და არ წარმოადგენს თავისთავად არაფერს. გამოიყენეთ იგი ელემენტების დასაჯგუფებლად ისეთი მიზნებისთვის, როგორიცაა სტილის შექმნა (კლასის ან ID– ს გამოყენება, ატრიბუტების და ხაზოვანი დონისა და ბლოკის დონის გამოყოფა.

 Div და Span წარწერები დაჯგუფებისთვის.

 

მოდული 5: HTML- სიები

ამ მოდულში გამოიყენება HTML <li> ელემენტი

ელემენტები: სია (<ol>), დალაგებული სია (<ul>), ან მენიუ (<მენიუ>). მენიუები და დალაგებული სიები, სიის ელემენტები.

 დალაგებული სიები;

 განმარტების სია;

 

მოდული 6: HTML- სურათები

სურათების (და სხვა უფრო საინტერესო ტიპის შინაარსის) ჩანერგვის შესაძლებლობა ვებ – გვერდებში. გასათვალისწინებელია მულტიმედიის სხვა ტიპები, მაგრამ ლოგიკურია დავიწყოთ მოკრძალებული <img> ელემენტით.

როგორ განვათავსოთ სურათი ვებ – გვერდზე.

 გამოსახულების და სურათების რუკების შედგენა

 

მოდული 7: HTML- ჰიპერბმული

ამ მოდულში მნიშვნელოვანია ჰიპერბმულები, რომლებიც ქსელს ქმნიან  ინტერნეტში. ეს მოდული საჭიროა ბმულის შესაქმნელად და განიხილავს ბმულის საუკეთესო პრაქტიკას.

 URL – ერთიანი რესურსების ლოკატორი;

 URL კოდირება;

 

მოდული 8: HTML- ცხრილები

ამ მოდულში ვებსაიტზე ცხრილი მონაცემების გასაგები, ხელმისაწვდომი გზით წარმოდგენა შეიძლება იყოს

 <table>

 <th>

 <tr>

 <td>

 <caption>

 <thead>

 <tbody>

 <tfoot>

 <colgroup>

 <col>

 

მოდული 9: HTML-Iframe

ამ მოდულში, HTML <iframe> ელემენტი წარმოადგენს ჩასმული დათვალიერების კონტექსტს, ეფექტურად ჩადგმული

სხვა HTML გვერდი მიმდინარე გვერდზე. ეს მოდული დაგეხმარებათ გამოიყენოთ iframe ტეგი

 ატრიბუტების გამოყენება

 Iframe, როგორც სამიზნე

 

მოდული 10: HTML- ფორმა

ამ მოდულის გამოყენებით შეიქმნება ვებ ფორმები, რომლებიც წარმოადგენენ ვებ – გვერდის მნიშვნელოვან ნაწილს – ეს თქვენთვის მნიშვნელოვან ფუნქციონირებას უზრუნველყოფს.

მომხმარებლის მხრიდან ვებსაიტებთან ურთიერთობის საჭიროება, მაგ. დარეგისტრირება და სისტემაში შესვლა, გამოხმაურების გაგზავნა, პროდუქტების შეძენა და ა. შ

 

 <input>

 <textarea>

 <button>

 <select>

 <label>

 

მოდული 11: HTML- Headers

ამ მოდულში, HTML <head> ელემენტი გთავაზობთ ზოგად ინფორმაციას (მეტამონაცემები) დოკუმენტის შესახებ,

მათი სათაურის, სკრიპტებისა და ფურცლების  სტილის და ბმულების ჩათვლით.

 Title

 Base

 Link

 Style s

 Script

 

მოდული 12: HTML-სხვადასხვა

მეტასთან დაკავშირებული ელემენტები: like <base>, <link>, <script>, <style> or <title>.

tags, xhtml and გამოცხადებული tags.

 HTML Meta Tag

 XHTML

 HTML დეკლარილებაTags & Attributes

 

მოდული 13: CSS2-შესავალი

ამ მოდულში შეისწავლება CSS გამოიყენება ვებ – გვერდების სტილისა და განლაგებისათვის.  მაგალითად, შრიფტის, ფერის, ზომის და თქვენი ტექსტის ინტერვალი, სვეტებად გაყოფა. ანიმაციების და სხვა დეკორატიული მახასიათებლების დამტება. ეს

მოდული გიწყობთ გზას კარგი HTML-CSS- სკენ.

 CSS– ის უპირატესობები;

   CSS ვერსიების ისტორია;

 CSS სინტაქსი;

 გარე სტილის  Style ფურცელი <link> – ის გამოყენებით და Style მრავალი სტილის ფურცელი

 მნიშვნელობის სიგრძე და პროცენტი;

 

მოდული 14: CSS2- სინტაქსი (პრაქტიკული ამოცანებით)

ამ მოდულში, Cascading Stylesheet (CSS) ენის ძირითადი მიზანია ბრაუზერში გვერდების ხატვის საშუალება.

გვერდის ელემენტები სპეციფიკური მახასიათებლებით, როგორიცაა ფერები, პოზიციონირება ან დეკორაციები. ამას CSS სინტაქსი ასახავს.

მისი  მიზანი ძირითადად HTML სამშენებლო ბლოკებია.

 CSS სინტაქსი

 ერთი სტილის ფურცლები

Style მრავალი სტილის ფურცელი

 მნიშვნელობის სიგრძე და პროცენტი

 

მოდული 15: CSS2-Selectors

 ID Selectors

 Class Selectors

 Grouping Selectors

 Universal Selector

 Descendant / Child Selectors

 Attribute Selectors

 CSS – Pseudo Classes

 

მოდული 16: CSS2-Color Background Cursor

 background-image

 background-repeat

 background-position

 CSS Cursor

 

მოდული 17: CSS2-Text Fonts

 color

 background-color

 text-decoration

 text-align

 vertical-align

 text-indent

 text-transform

 white-space

 letter-spacing

 word-spacing

 line-height

 font-family

 font-size

 font-style

 font-variant

 font-weight

 

მოდული 18: CSS2-სიები და ცხრილები;

 list-style-position

 list-style-image

 list-style

 CSS Tables

  1. border
  2. width & height

III. text-align

  1. vertical-align
  2. padding
  3. color

 

მოდული 19: CSS2-ბოქსები

 Borders & Outline

 Margin & Padding

 Height and width

 CSS Dimensions

 

მოდული  20: CSS2-ეკრანზე პოზიციონირება

 CSS Visibility

 CSS Display

 CSS Scrollbars

 CSS Positioning

  1. Static Positioning
  2. Fixed Positioning
  3. Relative Positioning
  4. Absolute Positioning

 CSS Layers with Z-Index

CSS Floats

 

 The float Property

 The clear Property

კურსის ბოლოს მონაწილეებს შეეძლებათ მიიღონ:

This ამ კურსის დასრულების შემდეგ თქვენ გექნებათ საფუძვლიანი და საფუძვლიანი გაგება HTML და CSS– ის შესახებ. დასრულების შემდეგ, თქვენ შეძლებთ HTML და CSS -ის გამოყენებით ნებისმიერი სირთლის ვებ გვერდების ბლოკების და სტრუქტურების დაპროექტებას.

 

 

PHP+MYSQL –ის სასწავლო გეგმა

 

  1. ცვლადები და მუდმივები

მუდმივები’

ცვლადების და მუდმივების ტიპები;

ცვლადები PHP -ში და HTML;

 

  1. პირობითი ოპერატორები

პირობითი ოპერატორი if ‘

და if else’

პირობითი ოპერატორი  Switch’

 

  1. ციკლები

ციკლი;

ციკლი PHP-ში;

ციკლი while;

ციკლი DO WHILE;

ციკლი FOR;

 

  1. მასივები და ფუნქციები მასივებთან სამუშაოდ

მასივები PHP-ში

მასივების შექმნა PHP ენაზე

ფუქცია count() და ციკლი

მასივი და Foreach

ფუქნციები მასივებთან სამუშაოდ

მასივების უნიკალური ელემენტები

მასივში ელემენტის დამატება

ფუნქცია implode и explode

მრავალგანზომილებიანი მასივები PHP-ში

 

  1. ფუნქციები საკუთარი ფუქნციის შექმნა

მონაცემთა მიღება HTML ფორმებიდან.

მეთოდი GET და POST.

ფუნქცია სტრიქონებთან სამუშაოდ, საიტის ფორმის დაცვა;

საკუთარი ფუქნციის შექმნა;

ფუნქციის ვალიდაცია;

ფუქციები და მათი ურთიერთქმედება;

 

ენა SQL და მონაცემთა ბაზებთან მუშაობა

 

  1. მუშაობის MySQL-ში დაწყება (ბაზის შექმნა, ცხრილების შექმნა);
  2. მონაცემტა ბაზებთან მუშაობა და ოპერატორი SELECT;
  3. ოპერატორი INSERT (მონაცემის ჩასმა ბაზაში);
  4. ცხრილის განახლება MySQL და ოპერატორი UPDATE;
  5. ცხრილიდან მონაცემის წაშლა MySQL და ოპერატორი DELETE;
  6. მონაცემთა ბაზის პროექტირების სტანდარტული წესები და მონაცემთა შენახვა სხვადასხვა ცხრილებში;
  7. SQL ბრძანებები:

INNER JOIN;

LEFT JOIN და RIGHT JOIN;

  1. XML-სთან დაფაილებთან მუშაობა (წაკითხვა და მასივის გამოტანა ბრაუზერში);
  2. XML -ის MySQL ბაზაში ჩამწერი ფუნქციის შექმნა;
  3. ფაილებთან მუშაობა PHP-ის გამოყენებით
  4. ობიექტზე ორიენტირებული პროგამირება

კლასები, getters-setters;

ინკაპსულაცია;

მემკვიდრეობა;

პოლიმოფრიზმი. ინტერფეისი;

პოლიმორფიზმი. აბსტრაქტული კლასები