JavaScript ვებ პროგრამირების კურსი

academica.ge წარმოგიდგენთ პროგრამირების ენა JavaScript-ის კურსს.

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

კურსის დაწყებამდე სასურველია იცოდეთ რა არის და როგორ მუშაობს HTML და CSS, თუმცა, ეს არ არის სავალდებულო.

ამ კურსით თქვენ შეისწავლით JavaScript-ის და პროგრამირების საფუძვლებს. კურსი შედგება 8 ლექციისგან. ლექციებს თან აქვს დართული GitHub-ის ლინკი სავარჯიშოებით.

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

თუ გინდათ შეიძინოთ ან გაიღრმავოთ ცოდნა JavaScript-ში და ბოლოს შეძლოთ ამ და მსგავსი პროექტების წერა, შემოგვიერთდით Academica.ge-ზე.

HTML, CSS და გარემოს მომზადება

შესავალი
Compiler
HTML-ის დოკუმენტის შექმნა
Head თეგი
Body თეგი - p, h, img, div
CSS
სელექთორები
Javascript-ის დოკუმენტის მიმაგრება
კონსოლი
კომენტარები
Github-დან დოკუმენტების გადმოწერა
პროექტის წერა

მონაცემთა ტიპები, ცვლადები, hoisting, JS Selector, JS style, ელემენტის შექმნა

Javascript-ით
მონაცემთა ტიპები
ცვლადი
Var, let და const
ცვალდის მნიშვნელობის შეცვლა
+
Hoisting
getElementByID და querySelector
innerHTML
createElement
appendChild
setAttribute
პროექტის წერა

ფუნქციები, EventListeners, პარამეტრებიანი ფუქნციები, Scopes

ფუნქციები
Events
addEventListener
პარამეტრებიანი ფუნქციები
ანონიმური ფუნქცია
Arrow Function
Hoisting
Scopes
პროექტის წერა

If Statement, if else, რიცხვების მეთოდები, “და” და “ან” ოპერატორი, switch

statement
If Statement-ის წერა
Else
%
== და ===
Math.random()
Math.floor()
If else
&&
||
Switch
პროექტის წერა

ციკლები

For ციკლი
While ციკლი

მასივი და მისი მეთოდები

მასივი
ინდექსების ათვლა
const-ის ახალი მნიშვნელობა
toString()
Length()
forEach()
Map()
Push()
მასივის ცალკეული ინდექსისთვის მნიშვენლობის მინიჭება
pop()
unshift()
shift()
concat()
Spread operator
sort() და toSort()
reverse() და toReverse()
filter()
პროექტს წერა

ობიექტები

ობიექტები
წვდომის განხორციელება მნიშვნელობაზე
Delete საკვანძო სიტყვა
This საკვანძო სიტყვა
ობიექტის მეთოდი
JSON.Stringify
პროექტის წერა

Front-end, Back-end და API

რთული და მარტივი საიტები
Front-end
Back-end
Back-end-ის შაბლონი
რას აკეთებს JS დეველოპერი
JSON Placeholder
API-ს მეთოდები
body
Header
.then((response) => response.json())
.then(todos => კოდი)
Endpoint-ის დაკონკრეტება
პროექტის წერა

სამუშაო ფაილები
- Github-ის ლინკი

სერტიფიკატი

სერტიფიკატის ასაღებად უნდა შეასრულოთ 2 საგამოცდო პროექტი და გაგვიზიაროთ ორივე პროექტი ერთად info@academica.ge-ზე. აუცილებლად მოგვწერეთ, რომ გსურთ პროექტები შემოწმდეს სასერტიფიკატოდ.

საგამოცდო პროექტი

საგამოცდო პროექტი 1: შექმენით იგივე სირთულის პროექტი, რაც განხილულია ლექციის ფარგლებში, რომელსაც ექნება ანალოგიური ფუნქციონალი. საგამოცდო პროექტი 2: შექმენით დამოუკიდებელი პროექტი, თქვენთვის სასურველი ფუნქციონალით. მოთხოვნები: 1.საინფორმაციო ბარათები უნდა გამოდიოდეს საიტზე დინამიურად (ფუნქციის დახმარებით) 2. ბარათებზე ინფორმაცია უნდა ინახებოდეს ობიექტებში 3. საიტს უნდა ჰქონდეს საძიებო სისტემა 4. აუცილებელია პროექტის წერისას if Statement-ის გამოყენება 5. საიტს უნდა ჰქონდეს კომენტარების სექცია, სადაც get request-ით უნდა გქონდეთ გამოტანილი ინფორმაცია JSONPlaceholder-ის ერთ-ერთი სერვერიდან;