Front end პროგრამირების კურსი

● ცხრილები 

● მულტიმედია 

● IFRAME 

● სემენტიკური & ბლოკური ტიპის ტეგები 

● მათი მნიშვნელობა თანამედროვე ვებსა და SEO ოპტიმიზაციაში 

● ფორმების მიმოხილვა

● ფორმების შემადგენელი ელემენტები

● ინფუთის ტიპები

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

● სელექტორები , მარტივი სელექტორი ტეგის აიდი და კლასის გამოყენებით 

● სელექტორების უპირატესობა 

● CSS კომენტარი , ფერები 

● ფონები 

● ფონის თვისებები 

● საზღვრები 

● საზღვრის თვისებები 

● გარე საზღვრები 

● TEXT - ტექსტური თვისებები 

● ფონტების შემოტანა

● CSS - დაშორებები 

● Box-sizing , content-box , border-box 

● ელემენტების WIDTH, HEIGHT 

● განხილვა და რეკომენდაციები, რა შემთხვევებში არ შეიძლება ფიქსირებული სიმაღლის & სიგანის გამოყენება 

● იუნითები PX, % 

● BOX-MODEL განხილვა 

● შუქჩრდილები (BOX-SHADOW)

● აიქონების შემოტანა ვებ გვერდზე 

● ლინკები - A:VISITED , A:HOVER, A:ACTIVE 

● HOVER PSEUDO-CLASS 

● სიიის თვისებები 

● DISPLAY 

● DISPLAY FLEX თვისებები 

● FLEX მიმართულებები 

● FLEX განოყენებით ვებ საიტის მარტივი მაკეტის აწყობა , სხვადასხვა განლაგებით 

● MIN-WIDTH, MIN-HEIGHT , MAX-HEIGHT, MAX-WIDTH , თვისებების განხილვა მათი როლი რესფონსივ დიზაინში 

● პოზიციები , STATIC , RELATIVE, ABSOLUTE , FIXED, STICKY 

● Z-INDEX 

● პოზიციონირება , LEFT , RIGHT , TOP , BOTTOM , თვისებების გამოყენებით 

● ABSOLUTE პოზიციის ურთიერთქმედება RELATIVE პოზიციასთან 

● პრაქტიკული სამუშაო პოზიციების გამოყენება რეალური პროექტებიდან

● OVERFLOW - თვისებები , HIDDEN , SCROLL , AUTO 

● OVERFLOW თვისების პრაქტიკული მაგალითები 

● სქროლბარის გასტილვა 

● ელემენტების გაცენტრება , ვერტიკალური/ჰორიზონტალური გაცენტრება 

● პრაქტიკული მაგალითები , ბლოკური ტიპის ელემენტის გაცენტრება ჰორიზონტალურად , RELATIVE/ABSOLUTE ელემენტის გაცენტრება ვერტიკალურად/ჰორიზონტალურად, TRANSFORM:TRANSLATE თვისების გამოყენებით , გაცენტრებები FLEX თვისების შიგნით 

● კომბინატორები

● PSEUDO – ELEMENT 

● ::BEFORE, ::AFTER , CONTENT, 

● სელექტორები ატრიბუტის გამოყენებით, 

● PSEUDO – CLASSES 

● OPACITY 

● OBJECT-FIT , თვისებები COVER , CONTAIN, OBJECT - POSITION

● ერთეულების გამოყენება პრაქტიკული მაგალითები 

● ერთეულები 

● იუნითების სწორი გამოყენება RESPONSIVE დიზაინში 

● CALC ფუნქცია 

● ATTR ფუნქცია 

● VAR ფუნქცია 

● ფუნქციების პრაქტიკული მაგალითებ

● 2/3D ტრანფორმაციები 

● გადასვლები (TRANSITION) 

● ანიმაციები KEYFRAME გამოყენებით

● მედია ქუერები 

● FILTER 

● BACKDROP-FILTER 

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

● რა არის SCSS ზოგადი მიმოხილვა , გამოყენება თანამედროვე ვებ დეველოპმენდში 

● NODE.JS ინსტალაცია 

● NPM განხილვა 

● NPM გამოყენებით SASS ინსტალაცია 

● SCSS - სინტაქსი 

● PARENT-SELECTOR, @EXTEND , VIRIABLES , ფსეუდო კლასების/ელემენტის გამოყენება , @MIXIN, @MIXIN პარამეტრები , @INCLUDE, @USE, @FUNCTION, @FOR , @RETURN , @EACH 

● OPERATOR , @IF , @ELSE

● TAILWINDCSS  - მიმოხილვა , გამოყენება თანამედროვე ვებ პროგრამირებაში 

● ინსტალაცია  

● კომპონენტების ზოგადი მიმოხილვა 

● კონცეფცია

● განლაგებები

● FLEXBOX &  GRID

● ტოპოგრაფია  &  ფონები

● TAILWINDCSS   მუშაობის სტანდარტი 

● figma  ფაილთან მუშაობა 

● დაშორებების განსაზღვრა , ფონის ფერების, ფონტის ზომების ფერის font-family განსაზღვრა, opacity თვისების განსაზღვრა , box-shadow თვისების განსაზღვრა 

● ფაილების ჩამოტვირთვა svg/png ფორმატში 

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

● მარქაფის ფინალური Პროექტების წარდგენა 

● პროექტის კოდის გარჩევა/გამარტივება 

● ხარვეზების არსებობის შემთხვევაში გამომწვევი მიზების განხილვა 

● Responsive ვერსიის განხილვა 

● კრიტიკული შეცდომების განხილვა სამუშაო დიზაინთან (figma) 

● Javascript - ზოგადი მიმოხილვა 

● Javascript - გამოყენება ვებ საიტებში , მაგალითები რეალური პროექტებიდან 

● პრაქტიკული მაგალითების ჩვენება , (ივენთების გამოყენებით)

● სინტაქსის განხილვა , Ცვლადების შექმნა , ცვლადების როლი javascript ენაში, ქეისენსიტივის მნიშვნელობა 

● ცვლადის შექმნა 

● რა სხვაობაა ქივორდს შორის

● რა შემთხვევაში რომელი ქივორდის გამოყენებაა რეკომენდებული 

● კომენტარი 

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

● გამოტანის ფუნქციები 

● ცვლადის გამოტანა html დოკუმენტში 

● მონაცემთა ტიპები 

● მონაცემის ტიპის გადამოწმება 

● ოპერატორები

● მოქმედებები სტრინგებზე 

● სტრინგის სტრიქონების გადაბმა “+” ოპერატორის გამოყენებით 

● სტრინგის აწყობა html ტეგების გამოყენებით და მისი გამოტანა html დოკუმენტში 

● ტემპლეიტ სინტაქსის გამოყენება `${ // }` 

● მეთოდები სტრინგებზე , length, charAt(), startwith(), endwith(), includes(), indexof(), match(),search(), replace(), slice(), split(), tostring(), touppercase() , tolowercase() 

● Regexp – search(), replace() , მოდიფიკატორები (I , g , m) , ნიმუშები , metacharacter

● მოქმედებები რიცხვებზე 

● ჩაშენებული ფუნქციები 

● რა შემთხვევაში ბრუნება NaN ტიპი 

● გუნქციები , ფუნქციის მნიშვნელობა ჯავასკრიფტში, 

● ფუნქციის შექმნა , ფუნქციის პარამეტრები , რესტ პარამეტრი , RETURN ქივორდი , 

● ლოკალური და გლობალური ცვლადების განსაზღვრა ,

● ARROW ფუნქციები , სხვაობა ტრადიციულ და ARROW ფუქციას შორის (THIS ქივორდის გამოყენება)

● მასივები , მასივის დანიშნულება , ინდექსის განმარტება 

● მასივის შექმნა 

● მასივის ელემენტის გამოძახება ინდექსის მეშვეობით 

● For ციკლის გამოყენებით მასივი ყველა წევრის დაბეჭვდა 

● მოქმედებები მასივებზე 

● გამეორების მეთოდები 

● სხვაობა მეთოდებს შორის 

● მასივების სორტირება 

● რიცხვების სორტირება მასივში

● ობიექტები , ობიექტის გამოყენების მაგალითები რეალურ ვებ გვერდებზე 

● სინტაქსი , თვისებები და მნიშვნელობები 

● ობიექტიდან თვისების / მეთოდი გამოძახება 

● თვისების შეცვლა , ახალი თვისების ჩამატება 

● This ქივორდის გამოყენება ობიექტის მეთოდებში 

● For in loop გამოყენება 

● Nested ობიექტის შექმნა 

● Getter & setter 

● ობიექტების მასივის შექმნა მაგ 

● მოქმედებები ობიექტების მასივზე

● თარიღები 

● თარიღის ობიექტის შექმნა 

● Get & set მეთოდები მათი მნიშვნელობები 

● PARSE() მეთოდი 

● პრაქტიკული სამუშაო

● Match - ობიექტი 

● Match Მეთოდები 

● რენდომული ოპერაციები 

● პრაქტიკული მაგალითები 

● boolean ლოგიკა 

● If/else , else if გამოყენება , პრაქტიკული მაგალითები 

● Switch / case - გამოყენება პრაქტიკული მაგალითები 

● განხილვა და შედარება , რა უპირატესობები აქვს if/else switch შედარებით და პირიქით

● ციკლები 

● For 

● For in

● For of 

● While / do while 

● Events - ივენთების მიმოხილვა , გამოყენება front-end დეველოპმენდში 

● გამოყენების გზები 

● ივენთის გამოყენება html ელემენტში 

● ივენთის გამოყენება addEventListener ფუნქცით 

● Event ობიექტი (ზოგადი განხილვა)

● DOM - დოკუმენტრი ობიექტის მოდელი 

● DOM - განხილვა , მისი გამოყენება FRONT-EDN დეველოპმენდში 

● ცელექტორები 

● რომელი სელექტორის გამოყენება არის რეკომენდებული 

● ივენთის შექმნა LOOP შიგნით 

● გამოტანის მეთოდები 

● პრაქტიკული მაგალითები

● HTML CLASS მეთოდები 

● CLASSLIST.ADD() 

● CLASSLIST.REMOVE() 

● CLASSLIST.REPLACE() 

● CLASSLIST.CONTAINS() 

● CLASSLIST.TOGGLE() 

● Პრაქტიკული სამუშაო

● HTML ATTRIBUTE მეთოდები 

● CREATEATTRIBUTE() 

● SETATTRIBUTE() 

● REMOVEATTRIBUTE() 

● GETATTRIBUTE() 

● HASATTRIBUTES() 

● TOGGLEAATRIBUTE() 

● ატრიბუტებთან სამუშაო პრაქტიკული მაგალითები

● სტილები & HTML ელემენტის შექმნა 

● CSS სტილების მინიჭება ჯავასკრიფტიდან 

● HTML ელემენტის შექმნა 

● DOCUMENT.CREATEELEMENT(ELEMENT) 

● DOCUMENT.CREATETEXTNODE(‘TEXT’) 

● APPENDCHILD() 

● PREPEND() 

● REMOVE() 

● პრაქტიკული სამუშაო

● ParentElement 

● children 

● NextElementSibling 

● PreviousElementSibling 

● ChildElementCount 

● LastElementChild 

● FirstElementChild 

● პრაქტიკული სამუშაო

● ClientHeight , clientTop , clientLeft, clientWidth 

● OffsetHeight , offsetWidth , offsetLeft, offsetTop 

● ScrollHeight, scrollWidth 

● ScrollLeft , scrollTop 

● ელემენტის პოზიციების დადგენა , element.getBoundingClientRect()

● EVENT - ობიექტი 

● EVENT.TARGET 

● EVENT.TYPE 

● EVENT.KEY 

● preventDefault() 

● მაუსის ივენთების განხილვა 

● თაჩის ივენთები 

● CLICK , CHANGE, INPUT , LOAD 

● პრაქტიკული გამოყენება

● window.history.forward(), 

● window.history.back() , 

● window.history.go() , 

● window.open() 

● Confirm(), 

● Screen ობიექტი 

● Json - ფორმატი , მისი დანიშნულება , სინტაქსი 

● Json - მონაცემთა ტიპები 

● Json - გამოყენებით , მასივების, ობიექტების , ობიექტების მასივის აწყობა 

● Json - სამუშაო მეთოდები 

● JSON.PARSE(), JSON.STRINGIFY() 

● JSON გამოყენებით ლოკალური ფაილის შექმნა

● Async 

● Await 

● .then() 

● Promise ობიექტი 

● Fetch() api 

● განხვავება ajax და fetch შორის , 

● Fetch გამოყენება პრაქტიკაში 

● LocalStorage, sessionstorage api

● კლასების ზოგადი დანიშნულება პროგრამირებაში , კლასების გამოყენება ჯავასკრიფტში 

● კლასის შექმნა , წევრების განხილვა 

● Constructor() 

● Static მეთოდები & თვისებები 

● This ქივორდი გამოყენება

● მემკვიდრებითობა 

● Super ქივორდი 

● მოდულები , მისი გამოყენების საჭიროება 

● EXPORT & IMPORT 

● მოდულების გამოყენება კლასების შიგნით

● Typescript - მიმოხილვა , გამოყენების საჭიროება 

● ტიპების განხილვა , ტიპიზაცია 

● იუნიონ ტიპები , 

● მასივების ტიპიზაცია 

● პარამეტრები & თვისებები 

● ჯენერიკები 

● დეკორატორები 

● Tsconfig.json განხილვა 

● კლასები 

● კლასის წევრები 

● იმპლემენტაცია

● Angular – cli ინსტალაცია, angular app ინსტალაცია 

● Cli განხილვა დანიშნულება შესაძლებლობები 

● angular app Ფაილური სისტემის განხილვა

● რისგან შედგება კომპონენტი 

● Component დეკორატორის განხილვა 

● Selector , templateUrl, styleUrl, template, styles 

● Template ინტერპოლაცია , Მონაცემების გამოტანის პრინციპი , ტემპლეიტ სინტაქსის განხილვა “{{}}” 

● ივენთების შექმნა 

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

● კომპონენტის შექმნა 

● მონაცემების გაცვლა შვილობილ და მშობელ კომპონენტებს შორის, Input() , output() დეკორატორის გამოყებით

● Angular - დირექტივები 

● NgClass 

● NgStyle 

● Ngif/ifelse 

● NgFor 

● NgSwitch 

● დირექტივის გამოყენება ატრიბუტებში 

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

● დირექტივების გამოყენება Ngfor შიგნით

● ფორმის მოდულის იმპორტი

● Reactive forms განხილვა 

● FormControl 

● Setvalue მეთოდი 

● FormGroup 

● FormControlname 

● PatchValue მეთოდი 

● Validators 

● Invalid , dirty , touched თვისებები

● როუტერის მოდული 

● როუტერის მნიშვნელობის განხილვა 

● როუტერის გვერდების შექმნა და პრაქტიკაში გამოყენება 

● როუტერ აუთლეტი 

● როუტერ ლინკის გამოყენება html ფაილში 

● როუტერის ობიექტის განხილვა: path , component, redirect ,canactivate 

● როუტერის პარამეტრები 

● როუტერის ქუერპარამეტრები 

● როუტერის ნავიგაციის მეთოდი 

● აქტიური როუტერის თვისებების განხილვა : url , params, paramMap, queryparams 

● შვილობილი როუტერი 

● როუტერის გუარდი

● Http მოდული განხილვა , მისი მნიშვნელობა ანგულარის ფრეიმვორქში 

● Http მოთხოვნის მეთოდები , get() , post() , put() , delete(), 

● Response - Subscribe მეთოდი 

● სერვისი შექმნა და მისი გამოყენება 

● Http მოთხოვნის პარამეტრები , 

● httpParams მისი მეთოდები : fromstring, fromobject 

● Http მოდული პრაქტიკული გამოყენება , api გამოყენება დაბრუნებული პასუხის გამოტანა ვიზუალურად

● Angular – pipe , testing

● Datapipe 

● Upper/lowercasepipe 

● Decimicalpipe 

● Percentpipe 

● Jsonpipe 

● საკუთარი pipe შექმნა 

● ტესტირება 

დავალებების ტიპის მიხედვით საშუალოდ 30 წუთიდან შეიძლება რამდენიმე დღეც 

კურსის დასრულების შემდეგ შეგეძლებათ ჯუნიორ დეველოპერის დონის პროექტებზე მუშაობა

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

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

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

დიახ, სერტიფიკატს გავცემთ, მაგრამ ჩვენთან მიღებული ცოდნა აღემატება სერტიფიკატის ღირებულებას

კურსის გავლა შეუძლია ყველას ვისაც უკვე შეუსრულდა 15 წელი

კურსის წარმატების დასრულების შემდეგ შეგიძლიათ გაიაროთ BACK END პროგრამირების კურსი რომელიც რომლის შემდეგაც გახდებით FULL STACK ვებ პროგრამისტი