გამოიწერე YouTube-ის არხიyoutube white icon svg გამოწერა

კურსები #HTML

ქვემოთ ნაჩვენებია პროგრამირების კურსები, რემლებიც ემთხვევა თეგს სახელად #HTML

საიტის აწყობა (ავტორიზაცია)

საიტის აწყობა (ავტორიზაცია)

მოცემულ ვიდეოში ვაკეთებთ ავტორიზაციის გვერდს

საიტის აწყობა (რეგისტრაცია, პაროლის აღდგენა)

საიტის აწყობა (რეგისტრაცია, პაროლის აღდგენა)

მოცემულ გაკვეთილში ვიმუშავებთ რეგისტრაციის და პაროლის აღდგენის გვერდებზე
საიტის აწყობა (header, nav, footer), ცოტა რამ display:flex-ზე

საიტის აწყობა (header, nav, footer), ცოტა რამ display:flex-ზე

მოცემულ ვიდეოში პროექტში დავამატებთ header და footer ელემენტებს, ასევე

საიტის აწყობა, როგორ მუშაობს CSS flexbox (display: flex;)

საიტის აწყობა, როგორ მუშაობს CSS flexbox (display: flex;)

მოცემულ ვიდეოში ვისაუბრობ თუ, როგორ მუშაობს CSS flexbox

საიტის აწყობა (ბლოგის გვერდი, ნაწილი #1)

საიტის აწყობა (ბლოგის გვერდი, ნაწილი #1)

მოცემულ ვიდეოში ვიწყებთ ბლოგის გვერდებზე მუშაობას ვიდეოში გამოყენებული საიტები
CSS position property, ვისწავლოთ CSS პოზიციები

CSS position property, ვისწავლოთ CSS პოზიციები

მოცემულ ვიდეოში ვისაუბრებ თუ როგორ მუშაობს CSS-ის ერთ ერთი მთავარი თვისება (property) პოზიცია (posit
html tables, ცოტა რამ ცხრილების შესახებ

html tables, ცოტა რამ ცხრილების შესახებ

მოცემულ ვიდეოში ვსაუბრობ თუ როგორ უნდა ავაწყოთ ცხრილები და რა თვისებები გააჩნია მათ
ბლოგის გვერდი #2, ვაწყობთ ქარდებს

ბლოგის გვერდი #2, ვაწყობთ ქარდებს

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

display: grid; თვისება, რომელიც აუცილებელია ვიცოდეთ

display: grid; თვისება, რომელიც აუცილებელია ვიცოდეთ

display:grid; განლაგების მოდული გვთავაზობს გრიდზე დაფუძნებულ სისტემას, რომელიც შედგება სვეტებისა

display:grid-ის საზომი ერთეულები fr-ები (fractions)

display:grid-ის საზომი ერთეულები fr-ები (fractions)

როგორ გამოვთვალოთ 1fr შემდეგი ტიპის გრიდ კონტეინერში

  1. ვაჯამებთ fr-ებ
ბლოგის ლისტის გვერდის დასრულება display:grid-ის დახმარებით

ბლოგის ლისტის გვერდის დასრულება display:grid-ის დახმარებით

მოცემულ გაკვეთილში ვიყენებთ პრაქტიკაში display:grid-ს და fr საზომ ერთეულებს

HTML კ

ბლოგის დეტალური გვერდის დასრულება

ბლოგის დეტალური გვერდის დასრულება

მოცემულ ვიდეოში ვასრულებთ ბლოგის დეტალურ გვერდს, რომლის დროსაც ვიყენებთ display:grid თვისებას

კონტაქტის გვერდის დასრულება

კონტაქტის გვერდის დასრულება

მოცემულ ვიდეოში ვასრულებთ კონტაქტის გვერდს, რომელიც აწყობილია display: grid;-ის დახმარებით

დახმარების გვერდის დასრულება

დახმარების გვერდის დასრულება

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

საიტის აწყობა: ცოტა რეფაქტორინგი და ბოქსმოდელის განხილვა

საიტის აწყობა: ცოტა რეფაქტორინგი და ბოქსმოდელის განხილვა

მოცემულ ვიდეოში footer-ს ვამაგრებთ დოკუმენტის ბოლოში, მიუხედავად იმისა, თუ რა ზომის

საიტის აწყობა: რესპონსივი, მთავარი გვერდი

საიტის აწყობა: რესპონსივი, მთავარი გვერდი

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

/* 
საიტის აწყობა: მობილური ნავიგაცია

საიტის აწყობა: მობილური ნავიგაცია

მოცემულ ვიდეოში ვაწყობთ მობილურ ნავიგაციას, ჩვენი  header-ისთვის

ჯავასკრიპტი ქართულად, querySelectors

ჯავასკრიპტი ქართულად, querySelectors

იმისთვის რომ  ჯავასკრიპტით დოკუმენტში განვახორციელოთ ცვლილებები საჭიროა ჯერ მივწვდეთ ელემენტ

აკარდიონის აწყობა ჯავასკრიპტით

აკარდიონის აწყობა ჯავასკრიპტით

მოცემულ გაკვეთილში ვაკეთებთ აკარდიონს ჯავასკრიპტის DOM-ით

HTML

ამინდის აპლიკაცია FETCH API-ის დახმარებით

ამინდის აპლიკაცია FETCH API-ის დახმარებით

დღევანდელ გაკვეთილში FETCH API-ის დახმარებით ავაწყობ ამინიდის პროგნოზის აპლიკაციას

html

როგორ გავასწოროთ HTML ელემენტი ცენტრში

როგორ გავასწოროთ HTML ელემენტი ცენტრში

ხშირად დამწყებმა დეველოპერებმა არ იციან, თუ როგორ გამოიყენონ კონკრეტული CSS-ის თვისე

როგორ გავაკეთო dark theme

როგორ გავაკეთო dark theme

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

CSS-ში არსებობს

პირველი Hello world აპლიკაცია Angular-ში

პირველი Hello world აპლიკაცია Angular-ში

ნებისმიერი Angular პალიკაციისთვის აუცილებელია პროექტში არსებობდეს მინიმუმ 1 root

გარემოს გამართვა დეველოპმენტისთვის

გარემოს გამართვა დეველოპმენტისთვის

დღევანდელ გაკვეთილში ჩვენ უბრალოდ გავმართავთ კოდის წერისთვის საჭირო გარემოს და გაგიზიარებთ ჩემთვი

HTML-ის შესავალი, პირველი გაკვეთილი

HTML-ის შესავალი, პირველი გაკვეთილი

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

CSS-ის შესავალი, დასაწყისი

CSS-ის შესავალი, დასაწყისი

როგორც წინა გაკვეთილში ვისაუბრეთ HTML წარმოადგენს ვებგვერდის სტრუქტურას (ტანს),

კლასები და აიდები HTML, CSS-ში

კლასები და აიდები HTML, CSS-ში

დღევეანდელი ვებ პროგრამირების გაკვეთილი შეეხება HTML-სა და CSS-ში class და id<

ბლოკური და ინლაინ ელემენტები HTML-ში

ბლოკური და ინლაინ ელემენტები HTML-ში

HTML-ში ყველა ელემენტს ანუ თეგს აქვს საწყისი (default) მნიშნველობა, რომელიც შეიძლება იყოს როგორც

როგორ მუშაობს პრიორიტეტები CSS-ში

როგორ მუშაობს პრიორიტეტები CSS-ში

მოცემულ გაკვეთილში განვიხილავთ თუ როგორ მუშაობს CSS-ში პრიორიტეტები.

რა არის box model CSS-ში?

რა არის box model CSS-ში?

CSS-ში ერთ-ერთი ყველაზე საჭირო კონცეპტი არის Box model, დღევანდელ გაკვეთილში განვიხილავთ თუ როგორ

რა არის favicon და როგორ დავაყენო ?

რა არის favicon და როგორ დავაყენო ?

დღევანდელ გაკვეთილში განვიხილიავთ ე.წ. favicon-ს რომელიც გამოსახულია ჩვენი ბრაუზერის ჩანართზე ე.წ

რა არის child combinator ( > ) სიმბოლო CSS-ში

რა არის child combinator ( > ) სიმბოლო CSS-ში

child combinator (>) სიმბოლო განთავსებულია CSS-ის სელექტორებს შორის და ის აღნიშნავს იმ ელემენტ

HTML-ის სიები (lists)

HTML-ის სიები (lists)

ვებგვერდებზე შესაძლოა დაგვჭირდეს სიები, რომლის საშუალებასაც  HTML გვაძლევს. HTML-ში გვაქვს რ

ცხრილები (tables) HTML-ში

ცხრილები (tables) HTML-ში

ფორმები HTML-ში

ფორმები HTML-ში

HTML-ში ფორმის თეგი <form> გამოიყენება მომხმარებლის მიერ ინფორმაციის შეტანისთვ

CSS-ის კომბინატორები | რა არის "+" და რა არის "~" ?

CSS-ის კომბინატორები | რა არის "+" და რა არის "~" ?

წინა გაკვეთილში უკვე ვისწავლეთ თუ როგორ მუშაობს CSS-ის ერთერთი კომბინატორი

პრაქტიკული დავალება (საიტის აწყობა)

პრაქტიკული დავალება (საიტის აწყობა)

მოცემულ ვიდეოში ვიმტკიცებთ განვლილი მასალით მიღებულ