ixtk

const phrase = "everything is awesome"
const name = "emmet"

// 1. კონსოლით გამოაჩინე name-ის სიგრძე
// 2. კონსოლით გამოაჩინე name-ის პირველი და ბოლო ასო
// 3. კონსოლით გამოაჩინე name, ოღონდ ყველა ასო დიდად უნდა ეწეროს e -> E
// 4. კონსოლით გამოაჩინე phrase, ოღონდ სიცარიელე (space) ჩაანაცვლე ტირეებით

const fruits = ["Apple", "Cherry", "Melon"]

ixtk

ფონტები, დიზაინი და ფერები

• Book Nook Figma Board
• Lato – Google Fonts
• Libre Baskerville – Google Fonts

--col-primary: hsl(25, 76%, 31%);
--col-secondary: hsl(43, 74%, 49%);
--col-bg-primary: hsla(42, 31%, 94%, 0.5);

ixtk

const books = [
  {
    title: "The Hitchhiker's Guide to the Galaxy",
    author: 'Douglas Adams',
    yearPublished: 1979,
    genre: 'Science Fiction',
    pages: 224,
    isbn: '978-0345391803',
    isAvailable: true,
    imageUrl:

ixtk

ახალი თემები

• სია - ელემენტების ერთობლიობა ([1, 2, 3], ['ben', 'rachel', 'donny'])
• ობიექტი - ერთი "ელემენტი", რომელიც შეიცავს ნებისმიერი მნიშვნელობის რამდენიმე ატრიბუტს (მაგ.: const car = { color: "red", year: 2019 })
• ციკლი, loop (ამ დავალებებში გამოიყენე for of loop)
• ინდექსები - სიიდან/ტექსტიდან კონკრეტულ პოზიციაზე მყოფი ელემენტების წაკითხვა

მოცემულია string-ების (ტექსტის) სია (Javascript):

ixtk

შექმენი მოცემული ინტეფეისი

HTML-ში უნდა გქონდეს მხოლოდ input, button (დამატების ღილაკი) და ul (ფილმების სია, თავიდან ცარიელი, ან რამდენიმე საწყისი ფილმით). ღილაკზე უნდა გეწეროს onclick.

დამატების ღილაკზე დაჭერისას

1. მოძებნე input ელემენტი და შიგნით ჩაწერილი მნიშვნელობა ცვლადში შეინახე
2. შექმენი li ელემენტი, შიგნით span და ორი button tag-ით
3. span ელემენტში ჩაწერე მომხმარებლის შეყვანილი ფილმის სახელი
4. button tag-ებში ტექსტად ჩაწერე "წაშლა" და "ნაყურები"

ixtk

Express-ის პროექტის შექმნა

ვამატებთ ახალ ფოლდერს და ვხსნით VSCode-ში

1. VSCode-ში ვხსნით ტერმინალს (Terminal -> New Terminal)
2. ვწერთ ამ ბრძანებებს (ერთ ხაზად ცალ-ცალკე)

npm init -y

ixtk

ul-ს დაუწერე list-style-position: inside;

site-main-ს ზედმეტი margin-top აქვს

ფონტი იყოს sans-serif

line-height: 1.4 body-ზე

if (SW) {

ixtk

შექმენით node.js-ის სკრიპტი onlineStatus.js.

მოცემულია ობიექტი:

const servers = {
  facebook: [{ username: "turbo-booster", isOnline: false }],
  discord: [
    { username: "mailbox_2", isOnline: true },
 { username: "Leanne", isOnline: false }

ixtk

ixtk

თითოეული გვერდისთვის შექმენით ცალკე ფოლდერი pages-ში. და თითოეულისთვის შექმენით ცალკე CSS & JSX ფაილები (არ დაწეროთ რომელიმე კონკრეტული გვერდის კოდი App.css-ში)

src/
├── mock-data/
│   ├── products.json
│   ├── users.json
├── shared/
│   ├── Header.jsx
│ ├── Footer.jsx