Array  break  case  catch  const  continue  default  Date  do Error  else  Function  false  finally  for

function  if  in  instanceof  Infinity  Math  NaN  Number  new  null  Object  Promise  prototype  RegExp

return  String  switch  this  then  throw  try  true  undefined  var  with  while
	
alert(s)
appendChild(tagName)
fillRect()
pow(base, n)
sin(radians)
cos(radians)
random()
isNaN()
test()
sqrt(n)
prompt(s)
parseInt(s) parseFloat(s)
floor(f) 
ceil(f)
charAt(n)
indexOf(substring, offset)
substring(start, end)
replace(pattern, replacement)
toLowerCase(s)
toUpperCase(s)
abs(n)
splice(start, length, newItem1, newItem2, ...)
split(pattern, limit)
toString()
createElement(tagName)

getElementById(id)

getContext(contextType)

removeChild(domElement)

strokeText(text, x, y)

fillText(text, x, y)

measureText(text)

setItem(key, value)

join(delimeter)

round(floatNumber)
	

Как этим пользоваться

Что необходимо

Вам нужно работать на этом сайте в современнном браузере. Рекомендую Гугл Хром.

Работоспособность этой страницы проверялась в Chrome 37.0.2062.120, FireFox 32. Убедитесь, что вы используете один из них или более поздней версии.

Вы можете набирать код примеров встречающихся по ходу изложения в поле ввода внизу. Это на данный момент примитивнейший текстовый редактор, позволяющий запустить на выполнение ваш код, сохранить его на нашем сервере под каким-нибудь понятным вам именем и открыть ранее написаный вами пример. От простого текстового поля его пока отличает только поддержка табуляции, перенос строк с учетом отступов, "понимание" сочетаний клавиш Ctrl+D (дублировать строку) и Ctrl+S (Сохранить). Развивать этот редактор буду, но не знаю когда смогу этим заняться.

Возможно, вам будет удобнее открыть в отдельной вкладке расширенный редактор кода

Если у вас уже есть опыт работы с каким-то текстовым редактором для программистов, вы можете набирать код в нем, сохранить его в кодировке UTF-8 и загрузить его на сервер здесь. Поначалу я хотел ограничиться только упомянутой страницей, но стало лень описывать (далеко не в первый раз), что такое кодировка UTF-8 и даже что такое текстовый редактор.

Главная идея этого небольшого сервиса в том чтобы человек смог быстро приступить к решению задач по программированию, и понять "его" ли это занятие. В дальнейшем ему, конечно, не обойтись без освоения сред разработки, компиляторов, систем контроля версий, инструментов для тестирования кода и так далее.

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

Оформление кода

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

function functionName() {
	//здесь все остальное, например:
	alert('А это мы выведем в всплывающем окне');//стандартная функция браузерого JavaScript
	writeln('А это мы выведем в консоли вывода приложения');//Эта функция определена мной и
								//работает только на этом сайте
	function otherFunction() { //внутри функций можно определять другие функции
		//...
	}
}

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

В примерах кода вы можете наводить курсор мыши на такие, такие и такие слова, и читать в всплывающей подсказке, что они значат. Эти и эти можно кликать мышью если подсказка "обрезается" (к сожалению гугл хром так любит делать).

Советую внимательно прочитать и осмыслить все подсказки в этом самом первом примере кода. Если при прочтении возникли вопросы, обязательно пишите их в комментариях к этой странице.

Подходит ли ваш браузер, чтобы начать работу немедленно?

Советую убедиться, что ваш браузер работает на этом сайте так, как это было задумано мной. Вы можете скопировать фрагмент кода JavaScript выше в редактор внизу страницы и нажать на кнопку в редакторе. В результате должно появиться системное окошко с текстом "А это мы выведем в всплывающем окне" и открыться "псевдоокно" с заголовком "Вывод приложения". В последнем появится строка "А это мы выведем в консоли вывода приложения".

Обновите страницу (нажмите клавишу F5 или кнопку в виде круглой стрелки (круглых стрелок) в вашем браузере). В поле ввода должен оставаться текст, который вы вставили перед этим.

Кликнете мышью в редакторе кода и нажмите иконку или нажмите сочетание клавиш Ctrl+S. Должно вылезти окно для ввода имени сохраняемой программы. Введите какое-то имя и нажмите кнопку "Сохранить". После того как окошко скроется, нажмите на кнопку . Должен загрузиться список ваших файлов.

Кнопка служит для сохранения содержимого редактора под новым именем, то есть для создания новых файлов

Если все сработало, значит скорее всего у вас не должно будет возникнуть проблем с этим сайтом. В противном случае скачайте себе новый хром, разрешите хранить куки - все дело скорее всего в этом.

Еще несколько слов перед началом. Если вы сохранили с этой страницы файл на сервер и дали какое-то имя главной функции, лучше не менять его при последующих сохранениях. На данной странице это будет работать, но страница доступа к вашим программкам не позволит запустить программку в этом случае.

Тест на новые слова
КОММЕНТАРИИ
  • Александр Дейко:
    ?
    Всем привет!
    Какое конкретно имя главной функции лучше не менять при последующих сохранениях?
    19:55 02.03.2015
    • Andrey Lamzin:
      Главная функция
      Главная функция - это функция в которой размещен твой код.
      Когда ты сохраняешь новый код, можешь прочесть сообщение:


      Сохраняемый код должен содержать одну главную функцию.

      Например:
      function myFirstProgram() {
      //Тут все остальное, включая вспомогательные функции
      }




      В данном случае имя главной функции myFirstProgram
      00:12 03.03.2015
      00:15 03.03.2015

  • Несохраненный_файл.js
Строка: 0, Символ: 0

  • {name}
  • У вас пока нет файлов
 

Проверьте себя,
знаете ли вы значение слов, использующихся в программном коде на уже прочтенных страницах.

 

Правильно!

Не забывайте переодически проходить этот тест по мере чтения новых статей.

 

Ошибка!

 

Осталось: 0 сек.

Health:

Score:

 

Что значит:

 

 

 


Информация

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

Файл должен содержать одну главную функцию, имя которой должно совпадать с именем файла.

Например, файл называется task1.js, имя главной функции должно быть task1.

Все остальные функции должны быть определены внутри главной.

*

Информация

Сохраняемый код должен содержать одну главную функцию.

Например:

function myFirstProgram() {
	//Тут все остальное, включая вспомогательные функции
}
					




Простой пароль
Пароли не совпадают