Программирование для начинающих. Видео-курс.

April 28th, 2015 No Comments »

Вышел видео-курс «Программирование для начинающих». В нём вы сможете написать вашу первую программу на примере игры «Камень-ножницы-бумага».

камень-ножницы-бумага

Объяснение идёт последовательно и спокойно:

Вы открыли консоль языка программирования. Этот язык программирования называется JavaScript.
Всё в порядке, не переживайте, мы не сломали интернет.
Эта консоль ещё называется командная строка — тут вы можете писать команды на языке JavaScript, а браузер будет их исполнять.

Вот забавный трейлер к этому курсу.

Записывайтесь и учитесь программировать — это первый шаг к новой карьере.

Добавим немного интерактива

February 22nd, 2009 1 Comment »

Добавим немного интерактива с помощью JavaScript.

Для начала давайте не субмитить форму, если пользователь ничего не ввёл в поле ввода.

Для этого сначала нужно добавить полю ввода идентификатор, по которому можно к этому полю обращаться и с ним работать, в этой строке приписываем атрибут id:

<input id="server" name="server" style="width:300px"
value="<?=$_GET["server"]?>"/>

Теперь мы можем обращаться с этим полем ввода как с объектом, находя его по ID:

var inp = document.getElementById('server');

Вот теперь можно по нажатию кнопки проверять наличие текста в этой строке ввода:

<input name="submit" type="Submit" value="Submit"
onclick="var inp = document.getElementById('server');
if(!inp.value) {alert('Введите адрес сервера.'); return false;}"/>

Вообще, если кнопки типа submit в обработчике нажатия возвращает FALSE, то субмита формы не происходит — этим мы и воспользовались.

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

AJAX

May 29th, 2007 No Comments »

A.J.A.X. означает “Asynchronous JavaScript and XML” (англ. “Асинхронный JavaScript и XML“, перевод мой, вольный )

Пример, который мы разбирали на лекции, доступен здесь (1.5 Кб)

Чтобы он заработал на вашей машине, в файле 2.php смените этот путь

http://localhost/SmartHands/3.php

на любой рабочий другой

http://localhost/ваш/путь/к/файлу/3.php

Кстати, AJAX чаще всего не работает для удаленных скриптов, т.е. если вы поменяете УРЛ выше на

http://koodix.com

то получите сообщение об ошибке. Это сделано в целях безопасности. Так что пока обращайтесь к скриптам только в своём домене.

Что почитать

May 24th, 2007 No Comments »
  • php.net – сайт-проматерь-пропаперь. Когда в редакторе нет встроенного хелпа по PHP, удобно лазить сюда: http://php.net/php_uname (справка по php_uname())
  • PHP.SPB.RU – хотя сайт староват и давно не обновлялся, здесь много полезных кусков кода с подробными объяснениями. До сих пор пользую модуль для измерения скорости работы PHP
  • phpclasses.org – много не всегда качественных, но уже готовых к использованию PHP-классов. Выкладывать ваши наработки или нет – дело хозяйское. Я выкладываю.
  • htmlcoder – тоже обновляется не часто, но советую перелопатить все имеющиеся здесь статьи по HTML, CSS и JavaScript.
  • dklab – сайт, на страницах которого был выложен класс JsHttpRequest, реализующий AJAX, когда самого термина AJAX ещё не придумали. Автор явно человек с головой. Рекомендую наблы.

Приятного чтения!

Пример веб-приложения

May 22nd, 2007 5 Comments »

Итак, рассмотрим пример веб-приложения со следующей функциональностью:

  • показать список товаров
  • подредактировать конкретный товар
  • удалить товар
  • добавить товаров

Исходники (12 Кб)

Для успешной работы приложения на вашей машине надо сделать следующее:

  1. создать базу данных products (удобно через phpMyAdmin)
  2. содержимое файла schema.sql скормить этой базе, в результате чего будет создана одноименная таблица
  3. в файле server.php поправить данные (логин/пароль) для коннекта с базой

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

У кого что не получается – пишите в комменты, будем делиться опытом друг с другом.

P.S. Удобно дампить переменные (смотреть их содержимое) с помощью имеющегося в проекте класса dBug, для этого надо сделать такой вызов:

< ?
new dBug( $var );
?>