თუ გსურთ გადადგათ პირველი ნაბიჯები ვებ-გვერდების დამზადებაში და ისწავლოთ პრაქტიკულ მაგალითებზე დაყრდნობით, ან თუნდაც არსებული ცოდნის გაღრმავება და პრობლემების გადაჭრის Advanced ხერხების შესწავლა გსურთ, კურსი თქვენთვის ნებისმიერ შემთხვევაში სასარგებლო იქნება. კურსი დაიწყება აბსოლუტური ნულიდან და პრაქტიკულ მაგალითებზე დაყრდნობით შეგასწავლით საბაზისო HTM, CSS-ს, შემდგომ კურს დაემატება Advanced საკითხები და ეტაპობრივად მივალთ თანამედროვე, ლამაზ, სხვადასხვა მოწყობილობებზე მორგებულ ვებგვერდების აწყობამდე.
ვისთვის არის კურსი:
მათთვის, ვისაც სურს HTML და CSS ტექნოლოგიის შესწავლა
მათთვის, ვისაც სურს პირველი ნაბიჯების გადადგმა ვებ-გვერდების დამზადებაში
მათთვისაც, ვისაც აქვს გამოცდილება ვებ-დეველოპმენტის მიმართულებით, თუმცა სურს შეივსოს და გაიღრმავოს ცოდნა.
მოთხოვნები:
კურსის გავლა და მასალის შესწავლა შეუძლია ყველას. მთავარია, იცოდეთ კომპიტერის გამოყენება საბაზისო დონეზე.
რას გთავაზობთ:
კვალიფიციურ ტრენერს, რომლებსაც აქვთ ვებ დეველოპმენტის მრავალწლიანი პრაქტიკული გამოცდილება.
8 საათზე მეტ ვიდეო ლექციებს, რომელთა ნახვასაც შეძლებთ ნებისმიერ დროს შეუზღუდავად.
პრაქტიკულ სავარჯიშო ფაილებს, რომელზეც კურსის განმავლობაში იმუშავებთ.
დახურულ FACEBOOK ჯგუფს სადაც უშუალოდ ტრენერისგან მიიღებთ კითხვებზე პასუხებს: www.facebook.com/groups/htmlonedge/
სერტიფიკატს, რომლის ასაღებადაც უნდა დაწეროთ დავალებები და ფინალური ამოცანა.
რაც ყველაზე მნიშვნელოვანია, ეს კურსი, რომელსაც ერთხელ შეიძენთ, მუდმივად თქვენს განკარგულებაშია. შეგიძლიათ მომავალში მოუბრუნდეთ მასალებს და აღიდგინოთ ან გადაიმეოროთ ყველა მნიშვნელოვანი საკითხი.
HTML CSS BOOTSTRAP
სრული კურსის სილაბუსი
ლექცია 1: შესავალი HTML და CSS ტექნოლოგიებში
რა არის HTML
HTML-ის საბაზისო ტეგები
ბლოკური და ხაზოვანი ელემენტები
რა არის CSS
როგორ გამოვიყენოთ CSS
CSS საბაზისო თვისებები:
Font-size
Font-weight
Text-align
Text-decoration
background-color
color
width
height
საჭირო ინსტრუმენტები და სერვისები
W3Schools ვებ-გვერდი
Sublime Text ედიტორი
სხვა სასარგებლო სერვისები
ლექცია 2: საბაზისო CSS სელექტორები, შრიფტები
კლასის სელექტორი
ID სელექტორი
კონტექსტური ტიპის სელექტორები
CSS სელქტორების პრიორიტეტები
რიგითობითი სელექტორები:
nth-of-child
nth-of-type
შრიფტები:
font-family
შრიფტის დამატება @font-face წესით
ლექცია 3: CSS თვისებები
CSS თვისებები:
margin
padding
box-sizing
margin, width, height პროცენტებში
border
display
CSS მნიშვნელობა: auto
ლექცია 4: სიები, ცხრილები, overflow
სიის ელემენტები:
ol
ul
li
table
CSS თვისებები: oveflow
ლექცია 5: Advanced CSS
უკანა ფონის დამუშავება: background
ელემენტების პოზიციონირება: position
ზომების კონტროლი: min-height, max-height, min-width, max-width
transition, visibility, display: none
transform: rotate(), transform-origin, keyframe
ფსევდო-ელემენტები და ფსევდო-კლასები
Footer-ის მიწებების ხერხები
ლექცია 6: ადაპტური მარკირება
Flexboxes
Flexbox + Media queries
რა არის Bootstrap?
Bootstrap-ის ბადე
სვეტები სხვადასხვა ზომის ეკრანზე
Flexbox-ები Bootstrap-ში
Bootstrap-ის დამატებით სასარგებლო კლასები
სერთიფიკატის ასაღებად
სერტიფიკატის ასაღებად საჭირო დეტალები მას შემდეგ დაემატება, რაც კურსი და შესაბამისი სასერტიფიკატო დავალებები სრულად აიტვირთება საიტზე.
-
საჭირო ლინკები
-
დავალებები
სერტიფიკატის ასაღებად აუცილებელია შეასრულოთ და გამოგზავნოთ დავალებები. მას შემდეგ, რაც შეასრულებთ დავალებებს, შეგიძლიათ მუშაობა გააგრძელოთ სასერტიფიკატო პროექტებზე.
- დავალების ასატვირთი ლინკი
- 1 დავალება CV
- 2 დავალება Circles
- 3 დავალება Tables
- 4 დავალება Menu (5.4 ვიდეოში განხილული მაგალითის მსგავსად)
- 5 დავალება წამზომი (5.5 ვიდეოში განხილული მაგალითის მსგავსად)
- 6 დავალება Opera (5.7 ვიდეოში განხილული მაგალითის მსგავსად)
- 7 დავალება Business Consulting (6.3 ვიდეოში განხილული მაგალითი)
- 8 დავალება Hotel (6.9 ვიდეოში განხილული მაგალითი)
-
5.4 ლექციის ფაილები: ჩამოსაშლელი მენიუ ანიმაციით
იგივე ფაილები გამოგადგებათ მე-4 დავალების შესასრულებლად
-
5.5 ლექციის ფაილები: წამზომი
იგივე ფაილები გამოგადგებათ მე-5 დავალების შესასრულებლად
-
5.7 ლექციის ფაილები: ოპერის თეატრის ვებგვერდი
-
6.3 ლექციის ფაილები: ბიზნეს საკონსულტაციო ვებგვერდი
-
6.9 ლექციის ფაილები: სასტუმროს ვებგვერდი
-
საკითხავი მასალები
-
სასერტიფიკატო პროექტები
სასერტიფიკატო დავალებების შესასრულებლად კონკრეტული დრო არ არის გამოყოფილი. აუცილებელი წინაპირობაა, რომ 8 დავალება გქონდეთ შესრულებული. მას შემდეგ რაც ატვირთავთ 8 დავალებას და 3 სასერტიფიკატო პროექტს, მოგვწერეთ მეილზე info@oned.ge რათა მოხდეს თქვენი სასერტიფიკატო დავალებების შეფასება. გაითვალისწინეთ, შეფასება გაკეთდება მხოლოდ ერთხელ.
-
1 ლექცია: საბაზისო HTML ტეგები, შესავალი СSS-ში
- 1.0 კურსის წარდგენა - მიხეილ კირიჩენკო
- 1.1 რა არის HTML და როგორ დავაყენოთ Sublime Text ედიტორი
- 1.2 HTML-ის საბაზისო ტეგები; პირველი ვებგვერდის აწყობა.
- 1.3 ბლოკური და ხაზოვანი ელემენტები
- 1.4 რა არის CSS
- 1.5 როგორ გამოვიყენოთ CSS
- 1.6 CSS საბაზისო თვისებები: Font-size; Font-weight;
- 1.7 CSS საბაზისო თვისებები: Text-align
- 1.8 CSS საბაზისო თვისებები: Text-decoration
- 1.9 CSS საბაზისო თვისებები: Background-color და color
- 1.10 CSS საბაზისო თვისებები: width და height
-
საჭირო ინსტრუმენტები და სერვისები
-
2 ლექცია: საბაზისო CSS სელექტორები, შრიფტები
-
3 ლექცია: CSS: დაშორებები, პროცენტული მნიშვნელობები, auto, ჩარჩოები, display
-
4 ლექცია: HTML/CSS: სიები, ცხრილები, overflow
-
5 ლექცია: Advanced CSS
- 5.1 უკანა ფონის დამუშავება: Background
- 5.2 ელემენტების პოზიციონირება: Position
- 5.3 ელემენტების ზომების კონტროლი min-height, max-height, min-width, max-width
- 5.4 მაგალითზე დაყრდნობით (მენიუ): transition, visibility, display: none
- 5.5 მაგალითზე დაყრდნობით (წამზომი): transform: rotate(), transform-origin, keyframe
- 5.6 ფსევდო-ელემენტები და ფსევდო-კლასები
- 5.7.1 ოპერის ვებგვერდი: მენიუ
- 5.7.2 ოპერის ვებგვერდი: მენიუს ანიმაცია
- 5.7.3 ოპერის ვებგვერდი: აფიშა
- 5.7.4 ოპერის ვებგვერდი: Read About ღილაკი და ცვლადების შექმნა
- 5.8 Footer-ის მიწებების ხერხები
-
6 ლექცია: ადაპტური მარკირება
- 6.1 Flexboxes
- 6.2 მაგალითზე დაყრდნობით: Flexbox + Media queries
- 6.3.1 Business consulting ვებ-გვერდი: Header
- 6.3.2 Business consulting ვებ-გვერდი: Footer
- 6.3.3 Business consulting ვებ-გვერდი: Image და Slogan
- 6.3.4 Business consulting ვებ-გვერდი: Our Methods სექცია
- 6.3.5 Business consulting ვებ-გვერდი: News სექცია
- 6.4 რა არის Bootstrap
- 6.5 Bootstrap-ის ბადე და კლასი col
- 6.6 მაგალითის განხილვა: სვეტები სხვადასხვა ზომის ეკრანზე
- 6.7 Flexbox-ები Bootstrap-ში
- 6.8 Bootstrap-ის დამატებით სასარგებლო კლასები
- 6.9.1 სასტუმროს ვებ-გვერდი: Header&Navbar
- 6.9.2 სასტუმროს ვებ-გვერდი: Footer&Carousel
- 6.9.3 სასტუმროს ვებ-გვერდი: Rooms&Pricing
- 6.9.4 სასტუმროს ვებ-გვერდი: Meals