JavaScript

JavaScript

Rulezzzzz................

JS

JavaScript®

JavaScript ( здесь и далее JS) — это простой, интерпретируемый, объектно — ориентированный  язык с функциями первого класса. Наибольшее распостранение получил в web среде, как язык сценариев (скриптов) веб страниц. Не смотря на то что JS приобрел наибольшую популярность в Web, JS это полноценный язык на котором подсилу решить практически любую задачу.

В классической редакции JavaScript запускается на стороне клиента (пользователя) интренета, который в свою очередь может использоваться для создания тех или иных блоков веб-страницы, определять поведение по различным событиям итд.

JavaScript и Java это абсолютно разные языки, со схожем синтаксисом и названием, JS не в коем случае не является интерпретируемым Java. Джаваскрипт может функционировать и как процедурный и как объектноориентированный язык.

Настоятельно Рекомендуем!.

НПри всей простоте JavaScript по сравнению с другими языками программирования, новичкам бывает сложно без знаний HTML и CSS. Посему перед изучением JS настоятельно рекомендуем изучить две смежные технологии упомянутые выше.

  • Начало работы в Web
  • Основы Html
  • Основы Css

Вступление

Для того чтобы начать изучение JavaScript не обязательно иметь какой то опыт в программировании. Но вы должны четко ориентироваться в html и css, иначе вам будет тяжело понять некоторые аспекты.

Что такое JavaScript?

JavaScript это язык программирования который позволяет делать довольно сложные манипуляции на странице сайте — всякий раз, когда на странице вы видете что-то отличное от статичной верстки, будьте уверены не обошлось без JS.  Умный поиск, различные эффекты у изображений и текста, интерактивные карты и анимация, все это работа джаваскрипта.


HTML — ( hypertext markup language — язык разметки гипертекста ) . Назначение html это смысловое и визуальное структурирования контента веб страницы. Формирования списков, меню, параграфов и заголовков. Html это каркас или фундамент на котором живет каждый сайт в сети.

CSS — (Cascading Style Sheets — каскадные таблицы стилей). Назначение css это красотa и всё что с этим связано.  Каким шрифтом будет написан тот или иной текст, какого  размера и цвета будет элемент, за всё это отвечает язык стилей сss.

JavaScript язык программирования, который добавляет интерактивность на ваш веб-сайт (например: игры, отклик при нажатии кнопок или при вводе данных в формы, динамические стили, анимация). Динамика это про джаваскрипт. JS позволяет формировать обновляемый контент, анимировать изображения, управлять мультимедия и многое, многое другое.

HTML CSS JS

Разберем на практическом примере, взаимодействия этих трех технологий.

Для создания структуры воспользуется html и создадим простой параграф.

    <p>JavaScript Rulezzz.....</p>

Для придания красоты добавим стилей

p{
  font-family: 'helvetica neue',helvetica,sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  border: 2px solid rgba (0,0,200,0.6);
  background: rgba(0,0,200,0.3);
  color: rgba (0,0,200,0.6);
  box-shadow:1px 1px 2px rgba(0,0,200,0.4);
  border-radius: 10px;
  padding: 3px 10px;
  dispaly: inline-block;
  cursor:pointer;
}
 
И наконец, добавим немного JavaScript для придания динамического поведения:
var para = document.querySelector('p');

para.addEventListener('click', updateName);

function updateName() {
  var name = prompt('Enter a new name');
  para.textContent = 'Player 1: ' + name;
}
Авторизация
*
*
Регистрация
*
*
*
Генерация пароля