შესავალი პრეზენტაცია

1. შ ე მ ო გ ვ ი ე რ თ დ ი
რა არის WEB დეველოპმენტი და როგორ
შევქმნათ საკუთარი WEB გვერდი

2. როგორ დაიწყო ყველაფერი

3. 1969
1974

4. მოგვიანებით 1989 წელს
ევროპაში, ცერნის
ლაბორატორიაში, იქ, სადაც
დღეს მსოფლიოს წამყვანი
ფიზიკოსები ექსპერიმენტებს
ატარებენ, დაიბადა ვების
(World Wide Web (WWW))
კონცეფცია. ის ბრიტანელმა
მეცნიერმა ტიმ ბერნერს ლიმ
(Sir Timothy John «Tim» Berners
Lee) წარმოადგინა.
მართალია, იმ დროისთვის
ინტერნეტი უკვე გამართულად
მუშაობდა, მაგრამ იქ
თითქმის არაფერი იყო, მას
ძირითადად როგორც
საკომუნიკაციო ქსელს ისე
იყენებდნენ -- ელექტრონული
დოკუმენტების გასაგზავნად
და მისაღებად.
ტიმ ბერნერლის იდეა კი
ერთი შეხედვით ძალიან
მარტივიდა ამავე დროს
ინოვაციური იყო: ნაცვლად
იმისა, რომ ინტერნეტის
მომხმარებლებს ელექტრო
ნული დოკუმენტები ერთმანეთ
ისთვის ეგზავნათ, მან შექმნა
სისტემა, რომლის საშუალები
თაც ამ დოკუმენტების ინტერნე
ტში განათავსებდნენ და მათთ
ან მუშაობა ნებისმიერ მსურვე
ლს შეეძლებოდა. ამ სერვისზე
პასუხისმგებელი კი ვებ-
სერვერები უნდა გამხდარიყვნ
ენ, სადაც განთავსებული იქნე
ბოდა ჰიპერტექსტური ტექნო
ლოგიით აწყობილი ვებ გვერ
დები.

5. ამის შემდეგ გაჩნდა საჭიროება
რომ შექმნილიყო გარემო რომელიც
მომხმარებელს საშუალებას მისცემდა
დაკავშირებოდა ინტერნეტს
სასურველი ინფორმაციის
მისაღებად.პირველი ბრაუზერი
ილინოისის უნივერსიტეტის NCSA
ჯგუფმა 1993 წელს შექმნა, მას
სახელად Mosaic ეწოდა.
იმავე წელს ეს პროგრამა ორ
მილიონზე მეტმნა ადამიანმა დააყენა
თავის კომპიუტერზე. მომხმარებლებმა
საკუთარი გვერდების განთავსება
დაიწყეს. ამ დროისთვის უკვე 130
რეგისტრირებული საიტი იყო, ხოლო
წლის ბოლოს მათი რაოდენობა 600--
მდე გაიზარდა.

6. სტატიკური ვერ გვერდების
შესაქმნელად გამოიყენება
მარკირების ენა HTML რომელიც
ასევე ტიმ ბერნერლიმ შექმნა 20
საუკუნის 80 იან წლებში ,
ამჟამად ვსარგებლობთ HTML5
სტანდარტით რომელმაც მის
თავდაპირველ ვერსიასთან
შედარებით წარმოუდგენელი
ევოლუცია და ცვლილება
განვლო, გვერდებისთვის
ლამაზი სტილების, ანიმაციების
და responsive კონტენტის შექმნა
კი ხდება CSS ენის დახმარებით
რომელიც გვაძლევს
საშუალებას ვებ გვერდის
ვიზუალი გავხადოთ ბევრად
უფრო ლამაზი , სანახაობრივი
და მომხმარებლისთვის
მიმზიდველი, ხოლო ვებ
გვერდისთვის დინამიურობის
შესაძენად კი გამოიყენება
პროგრამირების ენა JavaScript
რომელიც დღეს დღეისობით
გამოიყენება არა მხოლოდ DOM
ელემენტთან სამუშაოდ არა
მედ როგორც back-end - ის ენად
რაც გვაძლევს საშუალებას რომ
სერვები დავაპროგრამოთ
node.js - ის მეშვეობით რაც არის
Framework-ი ასევე JavaScript- ი
გვაძლევს საშუალებას შევქმნათ
მობილური აპლიკაციები რაშიც
გვეხმარება React Native
როგორ შევქმნათ საკუთარი ვებ გვერდი?

7. რა არის HTML?

8. რა არის HTML?
HTML (HyperText Markup
Language) წარმოადგენს
ჰიპერტექსტური მარკირების
ენას, რომელიც ძირითადად
გამოიყენება ინტერნეტის
ქსელის დოკუმენტების
შესაქმნელად.
2014 წელს ოფიციალურად
დასრულდა მუშაობა ახალ
სტანდარტზე - HTML5-ზე,
რომელმაც ფაქტიურად
რევოლუციური ცვლილებები
შეიტანა HTML-ში.
საბოლოოდ, HTML5
ძირითადად გამოიყენება
შემდეგი დანიშნულებით:
HTML5, როგორც ჰიპერტექსტური
მარკირების განახლებული ენა,
როგორც წინა HTML4-ის
განვითარება;
HTML5, როგორც მძლავრი
პლატფორმა ვებაპლიკაციების
შექმნისთვის, რომელიც HTML5-
თან ერთად ასევე მოიცავს
პროგრამირების ენა JavaScript -
ს და სტილების კასკადურ
ცხრილებს CSS3-ს. HTML5-ის
განვითარებით დაკავებულია
World Wide Web Consortium
(შემოკლებით W3C- მსოფლიო
ქსელის კონსორციუმი) -
დამოუკიდებელი
საერთაშორისო ორგანიზაცია,
რომელიც განსაზღვრავს HTML5-
ის სტანდარტებს
სპეციფიკაციების სახით.
მიმდინარე სრული
სპეციფიკაციის ნახვა
შესაძლებელია მისამართზე
კონკრეტულად რა მოიტანა HTML5-მა?
• HTML 5-მა განსაზღვრა პარსინგის ახალი
ალგორითმი DOM-ის (Document Object
Model) სტრუქტურის შესაქმნელად;
• ახალი ელემენტების და ტეგების დამატება,
როგორიცაა ელემენტები video, audio და
სხვა;
• HTML-ის არსებული ელემენტების
გამოყენების წესების და სემანტიკის
ხელახალი განსაზღვრა.

9. რა არის CSS?

10. • CSS იშიფრება, როგორც Cascading Style Sheets(იერარქიული სტილის ცხრილები)
• სტილები საზღვრავენ, თუ როგორ გამოსახონ HTML ელემენტები
• სტილები საერთოდ მოთავსებულია სტილის ცხრილებში
• სტილები დაემატა HTML 2.0-ში, რათა გადაჭრილიყო პრობლემა
• გარე სტილის ცხრილებს შეუძლიათ სამუშაოს რაოდენობის შემცირება
• გარე სტილის ცხრილები მოთავსებულია CSS ფაილებში
რა არის CSS?

11. • Bootstrap არის ფრეიმვორკი რომელიც გამოიყენება კლიენტის მხარის
სტრუქტურასთან სამუშაოდ და რომლის დახმარებითაც ვებ-გვერდის შექმნა
გაცილებით მარტივად და სწრაფად შეიძლება.
• Bootstrap მოიცავს HTML და CSS-ზე დაფუძნებულ შაბლონებს, ფორმებს,
ღილაკებს, ცხრილებს, ნავიგაციის ელემენტებს, სურათების კარუსელებს და ა.შ
• Bootstrap-ის საშუალებით მარტივად შეიძლება რეაგირებადი დიზაინების
შექმნა.
რა არის Bootstrap?

12. Bootstrap-თან წვდომა
იმისათვის რათა Bootstrap ჩავრთოთ
ჩვენს ვებ გვერდზე იგი ან უნდა
გადმოვწეროთ საიტიდან - getbootstrap.com,
ანდა გამოვიყენოთ CDN ბმული, ამ
შემთხვევაში სასურველია ჩავრთოთ jQuery
ბიბლიოთეკაც

13. რა არის JavaScript ?

14. JavaScript - ი არის
ხელსაწყო(პროგრამირების ენა)
რომელიც გამოიყენება
დინამიური ვებ გვერდების
შესაქმნელად, JavaScript-მა
არსებობა დაიწყო როგორც
LiveScript-მა და ის გამოჩნდა
Netscape 2.0-ში 1995 წელს,
მაგრამ შემდეგ კომპანია
Netscape-მ შეუცვალა სახელი
წმინდა მარკეტინგული მიზნების
გამო, როგორც ვიცით 90 -იან
წლებში Java სარგებლობდა
უდიდესი პოპულარობით და იყო
საკმაოდ მოთხოვნადი ენა,
Netscape -მა იფიქრა რომ
სახელი JavaScript-ის ასეთი
მსგავსება Java-სთან
გამოიწვევდა დეველოპერების
დაიტერესებას ამ ენით.
როგორც აქამდე ავღნიშნეთ
JavaScript არის მსუბუქი,
ინტერპრეტირებადი, ობიექტზე
ორიენტირებული
შესაძლებლობების მქონე
დაპროგრამების ენა, რომელიც
საშუალებას გვაძლევს
სტატიკური HTML გვერდებს
შევმატოთ ინტერაქტიულობა.
თავდაპირველად JavaScript
წარმოადგენდა საცდელ
პროექტს რომელიც შეიქმნა 8 -
დღეში და ამ ენის
დანიშნულებას წარმოადგენდა
მხოლოდ DOM –ის
მანიპულაციები. დღეს
დღეისობით ვხედავთ რომ ამ
პროექტმა გაამართლა რადგან
დღესღეისობით JavaScript
წარმოადგენს ვეგ გვერდის ერთ
- ერთ უმნიშვნელოვანეს
ნაწილს.
რა არის JavaScript ?

15. რა არის Back-end?

16. Back-end არის Web გვერდის
უმნიშვნელოვანესი ნაწილი რომელიც
აკავშირებს Front-end - ს მონაცემთა
ბაზასთან , სივრცესთან სადაც ინახება ამ
გვერდზეე განთავსებული მთელი რიგი
ინფორმაცია , Back-end არის
პასუხისმგებელი რომ გადაამუშაოს
მომხმარებლის ყოველ request -ი და
დაუბრუნოს გარკვეული სახის response,
მაგალითად როდესაც მომხმარებელს სურს
იხილოს გარკვეული სახის ინფორმაცია Web
გვერდზე ამისათვის იგი აგზავნის
გარკვეულ მოთხოვნას ანუ request - ს
სერვერზე , სერვერი ამუშავებს მის
მოთხოვნას და უბრუნებს მას მონაცემთა
ბაზიდან შესაბამის ინფორმაციას, სერვერი
კი აკავშირებს დასაბრუნებელ ინფორმაციას
Front-end თან და გამოაქვს მომხმარებლის
ბრაუზერში მოთხოვნილი გვედი შესაბამისი
კონტენტით.

17. Back-end ენები

18. მადლობა ყურადღებისთვის!