Skip to content

Instantly share code, notes, and snippets.

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

Screenshot from 2025-07-28 14-48-28

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

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

  1. მოძებნე input ელემენტი და შიგნით ჩაწერილი მნიშვნელობა ცვლადში შეინახე
  2. შექმენი li ელემენტი, შიგნით span და ორი button tag-ით
  3. span ელემენტში ჩაწერე მომხმარებლის შეყვანილი ფილმის სახელი
  4. button tag-ებში ტექსტად ჩაწერე "წაშლა" და "ნაყურები"
@ixtk
ixtk / javascript.md
Last active September 27, 2025 20:56
Javascript ქართულად, მაგალითებით

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

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

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

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

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

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

line-height: 1.4 body-ზე

if (SW) {

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

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

const servers = {
  facebook: [{ username: "turbo-booster", isOnline: false }],
  discord: [
    { username: "mailbox_2", isOnline: true },
 { username: "Leanne", isOnline: false }
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

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

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

What is this??

This is about writing clean CSS for group projects.

Since we're gonna work as a team, it's important to have consistent base styles that everyone will use. So our UI will look the same regardless of who wrote the CSS code. There will not be differences between Student A's button and Student B's button. They will share common class names and CSS values.

One student writes all these values based on the design at the start of the project, pushes to Github. Others always use these CSS variables and utitlity classes for their JSX components.

Create VARIABLES for the following:

  • border-radius (in px)

Figma Design

Bluff Grid: Know Me Edition

As a logged-in user

  • I see the homepage:
    • Button to Host a New Game
    • Button to Join a Game
  • Navigation bar with my username and profile picture (as a clickable button) displayed

ზოგადი მოთხოვნები

Design mockup

Figma file

Sass

ამ პროექტში სტილისთვის გამოვიყენებთ SASS extension-ს.

სხვა