Download as PDF, PPTX
Html presentation
- 1. შ ე მო გ ვ ი ე რ თ დ ი რა არის WEB დეველოპმენტი და როგორ შევქმნათ საკუთარი WEB გვერდი
- 2.
- 3.
- 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.
- 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.
- 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.
- 14. JavaScript - იარის ხელსაწყო(პროგრამირების ენა) რომელიც გამოიყენება დინამიური ვებ გვერდების შესაქმნელად, JavaScript-მა არსებობა დაიწყო როგორც LiveScript-მა და ის გამოჩნდა Netscape 2.0-ში 1995 წელს, მაგრამ შემდეგ კომპანია Netscape-მ შეუცვალა სახელი წმინდა მარკეტინგული მიზნების გამო, როგორც ვიცით 90 -იან წლებში Java სარგებლობდა უდიდესი პოპულარობით და იყო საკმაოდ მოთხოვნადი ენა, Netscape -მა იფიქრა რომ სახელი JavaScript-ის ასეთი მსგავსება Java-სთან გამოიწვევდა დეველოპერების დაიტერესებას ამ ენით. როგორც აქამდე ავღნიშნეთ JavaScript არის მსუბუქი, ინტერპრეტირებადი, ობიექტზე ორიენტირებული შესაძლებლობების მქონე დაპროგრამების ენა, რომელიც საშუალებას გვაძლევს სტატიკური HTML გვერდებს შევმატოთ ინტერაქტიულობა. თავდაპირველად JavaScript წარმოადგენდა საცდელ პროექტს რომელიც შეიქმნა 8 - დღეში და ამ ენის დანიშნულებას წარმოადგენდა მხოლოდ DOM –ის მანიპულაციები. დღეს დღეისობით ვხედავთ რომ ამ პროექტმა გაამართლა რადგან დღესღეისობით JavaScript წარმოადგენს ვეგ გვერდის ერთ - ერთ უმნიშვნელოვანეს ნაწილს. რა არის JavaScript ?
- 15.
- 16. Back-end არის Webგვერდის უმნიშვნელოვანესი ნაწილი რომელიც აკავშირებს Front-end - ს მონაცემთა ბაზასთან , სივრცესთან სადაც ინახება ამ გვერდზეე განთავსებული მთელი რიგი ინფორმაცია , Back-end არის პასუხისმგებელი რომ გადაამუშაოს მომხმარებლის ყოველ request -ი და დაუბრუნოს გარკვეული სახის response, მაგალითად როდესაც მომხმარებელს სურს იხილოს გარკვეული სახის ინფორმაცია Web გვერდზე ამისათვის იგი აგზავნის გარკვეულ მოთხოვნას ანუ request - ს სერვერზე , სერვერი ამუშავებს მის მოთხოვნას და უბრუნებს მას მონაცემთა ბაზიდან შესაბამის ინფორმაციას, სერვერი კი აკავშირებს დასაბრუნებელ ინფორმაციას Front-end თან და გამოაქვს მომხმარებლის ბრაუზერში მოთხოვნილი გვედი შესაბამისი კონტენტით.
- 17.
- 18.