gvard.github.io/dev/

Разрешение экрана, время:

Окно браузера: объект window

window – программный интерфейс для работы с окном браузера. Например, можно в JavaScript-коде на странице использовать метод window.open() для открытия нового окна и window.close() для закрытия открытого окна:

Основы

Вопросы для самопроверки

Web-азработка: фронтенд, JavaScript, бэкенд

Темы

Hello World в консоли

При открытом окне браузера, нажать F12. Справа или снизу откроется окно, выбрать консоль (console). В командной строке консоли можно вводить команды. Это командный интерпретатор языка JavaScript.

Современный учебник JavaScript // Руководство по JavaScript, часть 1: первая программа, особенности языка, стандарты.

Логические и арифметические операции

Number(6.56E24)
// 6.56e+24
"Арбуз" < "Яблоко"
// true
NaN == NaN
// false
isNaN(NaN)
// true
isNaN('foo')
// true
Number.isNaN('foo')
// false
typeof NaN === "number"
// true
typeof null === 'object'
// true
true ? 1 : 2
// 1
false ? 1 : 2
// 2
"5" - 1
// 4
"5" + 1
// '51'
false == 0
// true
null == 0
// false
null == undefined
// true
0 == " \t\r\n "
// true
"" != "0"
// true

// Присваивание значения переменной:
var ლ_ಠ益ಠ_ლ = 42;
console.log(ლ_ಠ益ಠ_ლ);

Ключевые слова

break
case
catch
class
const
continue
debugger
default
delete
do
else
export
extends
finally
for
function
if
import
in
instanceof
new
return
super
switch
this
throw
try
typeof
var
void
while
with
yield
implements
interface
let
package
private
protected
public
static
await
null
true
false

Калькулятор

Ответ:

Действие по выбору CheckBox

Изменить направление
1
2
3
4
5
6
function changeDirection(checkBox) {
  var flexContainer = document.getElementById('flex-container');
  if (checkBox.checked)
    flexContainer.style.flexDirection = 'column';
  else
    flexContainer.style.flexDirection = 'row';
}

Игра

Страница с играми на JavaScript и библиотеке jQuery

Видимость элементов (свойство display)

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi tempore nostrum autem magnam culpa quis quos suscipit natus tempora. Impedit eaque necessitatibus enim, alias dolorum amet facere natus?

ujjawal/Parse-Wiki-Infobox and siznax/wptools for parsing infobox fact sheet (via stackoverflow).

Полезности

Ссылки