Веб-программирование с азов: Введение

У нас на AppleInsider.ru можно научиться многому. Например, вы запросто разберетесь с монтажом видеороликов в Final Cut Pro X вместе с Александром Кипровым в серии видеоуроков «Final Cut Pro X с любовью«, а ребята из Webparadox предлагают окунуться в мир программирования для iOS в реалити-шоу «Научи меня Xcode«. На этом мы не останавливаемся и представляем вам первый урок по программированию Web-приложений, подготовленный специально для AppleInsider.ru Борисом Надыкто.

Урок 1

Компьютеры — наиболее динамичная среда в мире. С момента их появления в виде громадных и дорогих мега-калькуляторов и до сегодня, когда ультрабук тоньше журнала имеет мощность выше, чем все существовавшие в 60-ых ЭВМ мира. Первым популярным ПК стал Apple I, имеющий 4 КБ оперативной памяти и 1 мГц процессор. Вышел в мир он в 1976 году. Теперь такие цифры являются просто смешными для нас. Это и есть доказательством сверхдинамичности рынка компьютеров. В истории компьютеров было много вех и знаковых событий, но мы коснемся только двух.

Первой стало создание сети ARPANET в 1969 году. Претерпев много изменений, она и стала сетью Интернет, которая изменила мир больше, чем открытие огня и изобретение колеса. Второй вехой стала презентация iPhone в 2007 год, которая задала тон индустрии компьютеров на мобильные устройства и отход от не мобильных ПК. Эти два события очень тесно сплетены. iPhone сыграл большую роль в популяризации Интернета и упрощении к нему доступа, а без Интернета сама концепция мобильных устройств потеряла бы целый ряд преимуществ и никогда не прогремела бы так. Изначально первый iPhone не поддерживал установку приложений. Стивен П. Джобс считал, что приложения нативного типа испортили бы совершенную красоту iPhone. А какую альтернативу он предлагал? Веб-приложения! Что это такое?

Веб-приложение — это такое же приложение, как и у вас стоят на iУстройствах, но файлы которого хранятся на удаленном сервере. Основным плюсом этих приложений есть полная кроссплатформенность. Веб-приложения часто путают с флеш-приложениями. Между ними есть кардинальная разница. Веб-приложение полностью исполняется браузером и иногда частично сервером, а Flash-приложения исполняются на ВМ Abobe Flash. Минусов у Flash много, поэтому мы будем изучать инструменты для создания настоящих web-приложений. Да, это первая статья курса о веб-программировании на AppleInsider.Ru!

По его окончанию вы сможете создавать уникальные веб-приложения. Стандартный веб-сайт уже представляет собой смесь огромного множества языков программирования, таблиц, файлов дизайна. Базой является язык разметки HTML. Чтобы вам было понятно, как работает веб-сайт или веб-приложение, я и пишу этот курс. Для удобства он будет разбит на части по технологиям, которые мы будем изучать. Технологии этого курса: PHP,JavaScript, XML, SQL, HTML. Наиболее важной частью интерактивного или динамичного сайта есть скрипты. Сначала мы рассмотрим PHP (так как он самый простой), затем JavaScript (имеет больше возможностей, но труднее).

Для начала нам нужно установить интерпретатор PHP. Для Windows вы можете скачать Denwer, для OS X 10.x-MAMP, для Linux-пакет php 5.6 с зависимостями. Стандартный веб-сайт уже представляет собой смесь огромного множества языков программирования, таблиц, файлов дизайна. Базой является язык разметки HTML.

Старт веб-сервера

Я использую Mac и расскажу, как все проходит на нем. В приложении запустите веб-сервер нажатием по большой кнопке в углу. Теперь перейдите в Настройки — Сеть — AirPort и посмотрите свой IP-адрес. У меня он 192.162.0.111. Он написан под окошком выбора сети в виде фразы: Компьютер подключен к сети и имеет адрес 192.162.0.111. Теперь перейдите по адресу: ваш IP:8080. Работает? Если нет, значит нужно читать справочники. Если да, то идем в папку htdocs в одной папке с приложением. Там есть страница index.html. Ее и откроет браузер при обращении к вашему серверу. Она и будет содержать наш код. А теперь давайте учить PHP!

1. Синтаксис

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

Синтаксис

Начнем с обозначения начала и конца скрипта PHP:

< ?php //Код ?>

Все, что находится внутри < ?php…?> будет распознано как скрипт и выполнено. Остальные особенности синтаксиса мы будем учить в тех частях, в которых они нам понадобятся.

2. Переменные

Переменные

Что такое переменные, думаю все знают еще из школы. В них с помощью знака = мы можем заложить любое значение. Также можно указать и тип значения переменной. Присваивание значения переменной в PHP выглядит так:


...
$1=15
//Все переменные должны начинаться со знака доллара.
...

Если требуется удалить значение переменной, то мы используем команду unset();

< ?php
unset (

3. Оператор

Операторы

Знак, который выполняет операции с числами и переменными:

* — умножение;
— — минус;
/ — деление;
+ — сложение;
== — сравнение;
< — меньше; > — больше;
=> — больше или равно;
< = — меньше или равно;
% — остаток от деления;
++ — инкримент. Увеличивает значение переменной на 1;
— — декримент. Уменьшает значение переменной на 1;
+= — увеличение значения переменной на указанную величину.
*= — умножение значения переменной на указанную величину.
-= — уменьшение значения переменной на указанную величину.
/= — деление значения переменной на указанную величину.

Есть еще много операторов двоичной системы, которые я не указываю.

4. Функции

Команды компьютеру — почти самое важное. Допустим, нам надо сообщить пользователю результат работы программы. Мы используем функцию echo()! Пример:

< ?php $1=15; $2=20; $3=$1+$2; echo $3; ?>

После функций ставим ;!

При назначении или выводе переменной мы заключаем значение для вывода или записи в ‘1’, если это только текст, в «1», если это переменные и текст или 1, если это только переменные.

Также вы можете создавать свои функции командой function():

< ?php function XXX($x) { команды } ?>
Очень удобно! Теперь мы можем сделать так: < ?php function printer ($1,$2) { $3=$1+$2; echo $3; } printer (500,900); printer (50,90); ?>

Набор функций PHP мы плотнее изучим в следующей статье курса.

5. Комментарии

Для легкости чтения и поддержки программы желательно вставлять в нее комментарии. Комментарии вставляются в ваш код, но не исполняются. Пример:

< ?php $chislo=5 //Мы назначили переменной значение #Теперь $chislo=5 /*что мы будем делать дальше? Мы будем учить массивы! Длинный комментарий. Простые только на одну строку, а этот на две*/ ?>

Комментарий

6. Массив

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

< ?php $1=array ('1', '2','3'); /*Для проверки мы используем функцию count, которая считает количество элементов*/ echo count $1; ?>

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

Массив

7. Константы

Есть переменные, значения которых мы менять не можем. Это константы. Есть встроенные константы (число Пи, например), и можно создавать свои константы командой define();

< ?php define ("author",”AvS") echo "author"; $author=PG; //Вылезет ошибка, так как константу менять нельзя ?>

8. Рекурсия

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

Домашнее задание:

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

Короткий FAQ:

Q: Что такое типы и типизация из части про переменные?

A: Во многих языках требуется ручное указание типа переменной. А типы обозначают то, что будет содержать переменная (строку, число, переключатель). PHP сам это определяет.

Q: Что я смогу создать по окончанию курса о PHP?

A: Программу на PHP практически любой сложности

Q: Что я смогу создать по окончанию курса?

A: Интерактивный веб-сайт, движки…

Q: Как веб-программирование связанно с тематикой сайта?

A: Одной из важнейших частей iOS является простота использования Интернета. Пользователи iУстройств активней всех серфят по Интернету. Даже iPhone изначально задумывался, как платформа только для веб. Также много небольших плюсов, например, веб-приложения позволят молодому разработчику не тратить деньги на публикацию приложения App Store.

Q:На кого рассчитан курс?

A: На вообще не умеющих программировать и незнакомых с веб-технологиями людей. До скорого и спасибо за рыбу!

Примечания:

1: Скрипты-сценарии. Короткие программы, работающие только из одного файла с кодом.

2: Компилятор — программа, которая собирает в один пакет все файлы приложения (изображения, музыку, код) и преобразует код в доступный для исполнения.

3: PHP — язык программирования, заточённый под создание веб-сайтов.

4: var= классическое имя переменной.

Boris Nadykto, ApplevsGoogle

Разработка приложений для iOS