Башкы бетке

Сабак 1: JavaScript деген эмне?

Веб-барактарды интерактивдүү жана тирүү кылган программалоо тили!

Интерактивдүүлүк, анимация жана логика кошот

JavaScript: Интерактивдүү вебдин тили

JavaScript (JS) — бул интерактивдүү жана динамикалык веб-барактарды түзүүгө мүмкүндүк берген жогорку деңгээлдеги, интерпретациялоочу программалоо тили.

⚡ Жөнөкөй сөздөр менен: Эгер HTML — барактын скелети, CSS — анын сырткы көрүнүшү болсо, анда JavaScript — бул баракты жылып, колдонуучунун аракеттерине жооп берүүнү кыймылга келтирген булчуң жана мээ.

JavaScriptтин түзүлүш тарыхы

JavaScript 1995-жылы Netscape компаниясынын программисти Брендан Айк тарабынан 10 күн ичинде түзүлгөн! Алгач Mocha, андан кийин LiveScript деп аталган, кийинчерээк JavaScript атын алган.

💡 Кызыктуу факт: Аталышына карабастан, JavaScript Java тилине түздөн-түз байланыштуу эмес. Аталыш маркетинг максаттарында тандоо, анткени ал учурда Java өтө популярдуу болгон.

Веб-иштеп чыгуунун үч технологиясы

HTML

Түзүлүш

Барактагы элементтерди аныктайт: наамдар, абзацтар, сүрөттөр, шилтемелер.

Мисал: <h1>Наама</h1>

CSS

Кооздоп-жасалгалоо

Сырткы көрүнүштү аныктайт: түстөр, шрифттер, элементтердин жайгашуусу.

Мисал: color: red; font-size: 16px;

JavaScript

Минез-кулук

Интерактивдүүлүктү кошот: чыкылдатууга реакциялар, анимациялар, мазмунду жаңыртуу.

Мисал: button.addEventListener('click', ...)

JavaScript менен эмнелерди жасоого болот?

JavaScriptтин мүмкүнчүлүктөрүнүн мисалдары:

Бул текстти өзгөртүү үчүн баскычты басыңыз!

Эсептегич: 0

Курсорду квадраттын үстүнө алып баргыла:

JavaScriptтин негизги түшүнүктөрү

1. Өзгөрмөлөр (Variables)

Өзгөрмөлөр программанын иштөө процессинде өзгөртүүгө болочун маалыматтарды сактайт.

// Өзгөрмөлөрдү жарыялоо
let name = "Иван"; // Өзгөртүүгө болот
const age = 25; // Өзгөртүүгө болбойт
var city = "Москва"; // Эски ыкма

// Өзгөрмөлөрдү колдонуу
console.log("Салам, " + name + "!");
// Чыгарылат: Салам, Иван!

2. Функциялар (Functions)

Функциялар — бул белгилүү тапшырмаларды аткаруучу код блогдору.

// Функцияны жарыялоо
function greet(name) {
    return "Салам, " + name + "!";
}

// Функцияны чакыруу
let message = greet("Анна");
console.log(message); // Салам, Анна!

3. Окуялар (Events)

JavaScript колдонуучунун аракеттерине окуялар аркылуу жооп берет.

// Чыкылдатуу окуясынын иштетүүчүсү
button.addEventListener('click', function() {
    alert('Баскыч басылды!');
    document.getElementById('result').textContent = 'Сиз баскычты басыдыңыз';
});

JavaScript кайда аткарылат?

Аткаруу чөйрөсү Сүрөттөмө Колдонуу мисалдары
Браузер Веб-барактардын клиент тарабы Интерактивдүү формалар, анимациялар, AJAX-сурамдар
Node.js Сервердик аткаруу чөйрөсү Веб-серверлер, API, маалымат базалары
Мобилдик тиркемелер Көп платформалуу иштеп чыгуу React Native, Ionic, NativeScript
Компьютер тиркемелери Компьютерлер үчүн тиркемелер Electron (VS Code, Discord, Slack)
Оюндар Веб-оюндар жана мобилдик оюндар Phaser, Three.js, Babylon.js
🎯 Билуү зарыл: JavaScript — бул браузерлердин бардыгында кошумча плагинсиз иштөөчү жалгыз программалоо тили. Бул аны фронтенд-иштеп чыгуу үчүн милдеттүү кылат.

Заманбап JavaScript (ES6+)

2015-жылдан баштап JavaScript чоң сандагы жаңы мүмкүнчүлүктөрдү алды:

// Жебе функциялары (Arrow functions)
const add = (a, b) => a + b;

// Нуска саптары (Template literals)
const name = "Максим";
const greeting = `Салам, ${name}!`;

// Деструктуризация (Destructuring)
const user = { name: "Анна", age: 30 };
const { name, age } = user;

// Класстар (Classes)
class Person {
    constructor(name) {
        this.name = name;
    }
}

Популярдуу JavaScript фреймворктору жана китепканалары

React

Facebook тарабынан колдонуучу интерфейстерин түзүү үчүн китепкана

Vue.js

Интерфейс түзүү үчүн прогрессивдүү фреймворк

Angular

Google тарабынан веб-тиркемелер үчүн фреймворк

Redux

Тиркеменин абалын башкаруу үчүн китепкана

⚠️ Түшүнүү зарыл: JavaScript — бул фреймворкторго өтүүдөн мурун үйрөнүү керек болгон негиз. Негизги JavaScriptди түшүнбөй React же Vue үйрөнүүгө аракет кылбаңыз!

JavaScript үйрөнүүнүн артыкчылыктары

Артыкчылык Сүрөттөмө Сиз үчүн пайда
Универсалдуулук Клиентте, серверде, мобилдик жана компьютердик түзмөктөрдө иштейт Иштеп чыгуунун бардык тармактарында иштей аласыз
Чоң коомчулук Дүйнөдөгү эң популярдуу тилдердин бири Көп окуу материалдары жана жардам
Жогорку сураныч JavaScript-иштеп чыгуучулар ар жерде керек Жакшы акы жана карьералык перспективалар
Тез башталуу Баштоо үчүн татаал орнотуулар керек эмес Азыр эле программалоону баштай аласыз
Чоң экосистема npmде 1.3 миллиондон ашык пакет Ар кандай тапшырмалар үчүн даяр чечимдер