Name: Веб-программирование для детей
Author: Станислава Солнечная

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

digital

paper-a5-bw

https://store.ridero.ru/text-utils/v1/free-text/slug/veb-programmirovanie_dlya_detei?volumeLimit=0.25

ridero

Часть 1

Веб-программирование для детей

<div class="preview-fragment">Аннотация
Задачи подойдут для детей от 5 класса, хорошее пособие для репетиторов, учителей информатики. Курс состоит из интересных задач, игрушек на javascript. Дополнительные игры будут публиковаться в последующих частях книги, в следующих частях новые задачи и новые элементы по веб-программированию, и новые примеры. Книги будут писаться частями, так как сама цель выпусков — это передать интересные задачи по веб-программированию.
Часть 1
Браузер — это программа для визуализации веб-страниц. Веб-браузер распознает теги, скрипты и т. д. и отражает в графическом виде. Есть различные браузеры: Яндекс (Рисунок 1), Microsoft Edge (Рисунок 2) и т. д. Выбирают браузер по более удобному интерфейсу и нужному функционалу.
<figure class="Figure"><img src="https://ridero.ru/books/veb-programmirovanie_dlya_detei/image/5c4c8fc18da0fd34ebe8d0f6"/></figure>
Рисунок 1
<figure class="Figure"><img src="https://ridero.ru/books/veb-programmirovanie_dlya_detei/image/5c4c901b8da0fd34ebe8d12c"/></figure>
Рисунок 2
 
Гипертекст — это текст с гиперразметкой.
Гиперссылки — это ссылки на другие страницы всемирной паутины.
Доменное имя — это символьный адрес, который указывает передачу информации. Например, yandex.ru, google.ru.
Алгоритм — это последовательность шагов. Переменная — это именованная область памяти.
Внимательно за синтаксисом. Если не правильно будет написана конструкция, то браузер не распознает текст.
Теги &lt;html&gt; — основной тег, указывающий браузеру html-страницу.
Тег &lt;html&gt; — открытый, тег &lt;/html&gt; — закрытый. Текст, указанный между тегами будет задан так, какой тег использован, более подробно смотри примеры с тегами ниже.
Напишем первую программу, см. Листинг 1.

Первая программа
Листинг 1

&lt;html&gt;
Привет!
&lt;/html&gt;

Пишем программу в блокноте, см. Рисунок 3. При сохранении ввести расширение файла. html, см. Рисунок 4 — Рисунок 5. Расширение файла указывает компьютеру, для какой программы она создана, поэтому в нашем случае мы указываем. html.
Чтобы появилась возможность изменить расширение у файла, надо в компьютере сделать настройки.
Ниже приведены настройки для Windows 7, см. Рисунок 7.
Нажимаем кнопку «Пуск», далее кликаем по строке «Панель управления», выбираем пиктограмму «Параметры папок». В открывшемся окне, во вкладках выбираем: «Вид». Далее находим чек-бокс (флажок): «Скрывать расширения для зарегистрированных типов файлов», убираем галочку в чек-боксе (флажок). У файлов на компьютере появится расширение, которое будет возможно изменить.
Название отразится в строке-url браузера, см. Рисунок 6.
<figure class="Figure"><img src="https://ridero.ru/books/veb-programmirovanie_dlya_detei/image/5c4c90168da0fd34ebe8d129"/></figure>
Рисунок 3
<figure class="Figure"><img src="https://ridero.ru/books/veb-programmirovanie_dlya_detei/image/5c4c90118da0fd34ebe8d126"/></figure>
Рисунок 4</div>

https://store.ridero.ru/text-utils/v1/free-text/slug/veb-programmirovanie_dlya_detei?volumeLimit=0.25&template=domFragment

Авторская орфография и пунктуация сохранены. Корректорская правка не проводилась.

Книга публикуется в авторской орфографии и пунктуации

Помощник в магазине Rideró

У этой книги нет оглавления

Купите книгу, чтобы продолжить чтение.

Бесплатный фрагмент закончился.

У этой книги нет бесплатного отрывка

Бесплатный фрагмент

Издай свою книгу

У этой книги ещё нет описания

О книге

книги автора

книги авторов

книги импринта

Аудиокнига

Электронная книга

Печатная книга

Автор

Авторы

Мы дарим вам эту книгу бесплатно, читайте с удовольствием, а Rideró начислит автору роялти.

Для этого подтвердите адрес электронной почты.

Получите книгу бесплатно

Начните обсуждать бесплатный фрагмент прямо сейчас и получите электронную версию бесплатно, оставив отзыв длиной не менее 200 символов. 
 Автор при этом получит роялти, как при обычной продаже.

{countAuthors, plural, =0 {} one {Автор {authorName}, } other {{authorName} {isOther, select, true {и другие авторы} other {}} - }}книга {title}{subtitle} {countFormats, plural, =0 { } other {в }}{isPaper, select, true {печатном} other {}}{countFormats, plural, =0 {} one {} other {, }}{isDigital, select, true {электронном} other {}}{countFormats, plural, =3 {, } other {}}{isAudio, select, true {аудио} other {}} {countFormats, plural, =0 {} other {формате }}в интернет магазине Ridero

Читайте онлайн оглавление книги {title}{subtitle}{countAuthors, plural, =0 {} one {, автор {authorName}} other {, авторы: {authorName} {isOther, select, true {и другие} other {}}}}

Читайте бесплатно книгу {title}{subtitle}{countAuthors, plural, =0 {} one {, автор {authorName}} other {, авторы: {authorName} {isOther, select, true {и другие} other {}}}}

{title} - купить книгу в интернет магазине{countAuthors, select, 1 {, автор {authorName}} other {}} Ridero

, автор {authorName}

*Facebook признан экстремистской организацией и запрещен в РФ

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Мы проверили вашу книгу и готовы отправить ее в магазины. Проверьте, пожалуйста, почту {userEmail}, чтобы заключить договор.

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Ой! Кажется, ваша книга нарушает закон РФ, и мы не можем ее опубликовать. Проверьте почту {userEmail}, чтобы узнать подробности.

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Ваша книга поступила в отдел публикации. Проверка книги может занять от 1 до 3 рабочих дней

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} Ваша книга добавлена в акцию «{discountDescription}», которая продлится с {discountStart} до {discountEnd}. Расскажите об акции своим друзьям и читателям, чтобы они ее не пропустили.

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}/#freebiePrint"'>'{objectName}'<'/a'>'{period} {formattedDate} Ура, товарищ! Мы тебе почти за свой счёт готовы напечатать 1 экземпляр новой книги!

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} {formattedDate} вашу книгу скачали {cnt} раз. Хотите больше? Узнайте, как привести больше '<'a target=_blank href="https://beta.ridero.ru/book/share.html#!/{objectId}/"'>'новых читателей'<'/a'>'.

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Аннотация для книги готова

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Аудиокнига готова

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Буктрейлер для книги готов

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Обложка книги готова

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Редактор завершил работу над книгой

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Иллюстрации для книги готовы

Услуга "консультация юриста" оказана

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Помощник завершил работу над книгой

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Отрисовка схем и элементов для книги завершена

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Завершёна услуга "Ridero POD"

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Рекламная кампания книги закончена

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Последняя версия книги опубликована

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Работы по заказу №{number} завершены

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Корректура книги готова

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Верстка книги готова

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Завершена услуга "набор текста" для книги

Мы получили от вас оплату по счету №{number}'<'/i'>' и скоро напишем в почту {userEmail}, чтобы обсудить детали

Мы получили от вас оплату по счету №'<'i'>'{number}'<'/i'>' и скоро напишем в почту {userEmail}, чтобы обсудить детали

'<'a class="ga_feed_anchor" target="_blank" href="{bookLink}"'>'{objectName}'<'/a'>'{period} Мы проверили вашу книгу и опубликовали ее в магазине Rideró. Скоро она будет опубликована и в других магазинах, которые вы выбрали. Проверьте, пожалуйста, почту {userEmail}, чтобы узнать подробности

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} {formattedDate} Поздравляем! Вашу книгу кто-то только что добавил в избранное! Узнайте, как еще больше '<'a target=_blank href="https://beta.ridero.ru/book/share.html#!/{objectId}/"'>'привлечь внимание читателей'<'/a'>'.

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} Нам понравилась ваша книга, и мы добавили ее в тематическую подборку '<'a target="_blank" href="https://ridero.ru/listing/{annotation_id}"'>'{annotation_displayname}'<'/a'>' в магазине Rideró.

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} {formattedDate} для старта продаж мы включили книгу “{objectName}” в специальную подборку. Ваши первые читатели получат электронную версию совершенно бесплатно, а Rideró начислит вам роялти. '<'br/'>' Не забудьте отправить ссылку на книгу друзьям или поделиться ей в соцсетях

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Тираж вашей книги по заказу '<'i'>'{number}'<'/i'>' готов и передан в службу доставки

Мы получили от вас оплату по счету №'<'i'>'{number}'<'/i'>' и скоро напишем в почту {userEmail}, чтобы обсудить детали

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Читатель оформляет покупку вашей книги в электронном формате

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Читатель оформляет покупку вашей книги в бумажном виде

'<'a target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Только что кто-то купил вашу аудиокнигу. '<'a target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/stat"'>'Проверьте статистику!'<'/a'>'

'<'a target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Поздравляем, ваша аудиокнига куплена по акции «{discountDescription}». '<'a target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/stat"'>'Проверьте статистику!'<'/a'>'

'<'a target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Поздравляем! Только что куплена электронная копия вашей книги. '<'a target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/stat"'>'Проверьте статистику!'<'/a'>'

'<'a target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Поздравляем, ваша книга куплена по акции «{discountDescription}». '<'a target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/stat"'>'Проверьте статистику!'<'/a'>'

'<'a target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/view"'>'{objectName}'<'/a'>'{period} Поздравляем! Только что кто-то купил вашу книгу в бумажном виде. '<'a target="_blank" href="https://beta.ridero.ru/#!/book/{objectId}/stat"'>'Проверьте статистику!'<'/a'>'

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} {formattedDate} бесплатный фрагмент вашей книги {cnt, plural, one {прочитал} other {прочитали}} {cnt} {cnt, plural, one {человек} two {человека} few {человека} many {человек} other {человек}}. '<'a target=_blank href="https://beta.ridero.ru/book/share.html#!/{objectId}/"'>'Привлекайте новых читателей'<'/a'>'

Вы дочитываете книгу '<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period}. Надеемся, она вам понравилась. Пожалуйста, поделитесь впечатлениями на '<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'странице книги'<'/a'>'. Это очень важно для автора.

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} {formattedDate} {cnt} {cnt, plural, one {человек} two {человека} few {человека} many {человек} other {человек}} {cnt, plural, one {начал} other {начали}} читать вашу книгу, купленную в приложении Ridero Store чуть раньше

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} У вашей книги появился новый отзыв на Ридеро! '<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'Перейти на сайт книги'<'/a'>'.

Спасибо за отзыв о книге '<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period}! Поделитесь им в соц. сетях, чтобы рассказать о своих о впечатлениях друзьям и знакомым!

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} Кто-то оставил отзыв о вашей книге. Интересно, что там написано? '<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'Перейти на сайт книги'<'/a'>'

Кто-то ответил на ваш отзыв к книге '<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'. Примите участие в обсуждении.

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} Нам понравилась ваша книга, и мы добавили ее в подборку «{annotation_displayname}» на '<'a target="_blank" href="https://ridero.ru/books"'>'главной странице магазина Rideró'<'/a'>'

При загрузке книги '<'b'>'«{bookTitle}»'<'/b'>' произошла ошибка. Свяжитесь с техподдержкой, и мы поможем вам загрузить книгу в систему.

'<'a class="ga_feed_anchor" target="_blank" href="https://beta.ridero.ru/#!/book/{bookId}/view"'>'{bookTitle}'<'/a'>'{period} Поздравляем! Мы распознали вашу рукопись и сделали из нее книгу. Отправьте ее в магазины или закажите тираж.

'<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>'{period} {formattedDate} страницу вашей книги {cnt, plural, one { посмотрел} other { посмотрели}} {cnt} {cnt, plural, one {человек} two {человека} few {человека} many {человек} other {человек}}. '<'a target=_blank href="https://beta.ridero.ru/book/share.html#!/{objectId}/"'>'Продвигайте книгу'<'/a'>' с нами

Заявка '<'b'>'{number}'<'/b'>' на вывод средств принята. В ближайшее время с вами свяжется наш менеджер

Заявка '<'b'>'{number}'<'/b'>' на вывод средств отклонена. Причина: '<'i'>'{rejectionReason}'<'/i'>'

На книгу '<'a class="ga_feed_anchor" target="_blank" href="https://ridero.ru/books/{engTitle}"'>'{objectName}'<'/a'>' из вашего «Избранного» действует скидка {discountAmt}% до {discountEnd}. Самое время ее купить!

Плюсы Rideró, ISBN в подарок, буктрейлеры, вебинары и многое другое

Отзывы

Нельзя публиковать ссылки в отзывах

Только зарегистрированные пользователи могут оставлять отзывы. <button>Зарегистрироваться</button>

Если вы хотите поставить книге оценку 1 или 2, пожалуйста, расскажите, что конкретно вам не понравилось в книге, напишите текстовый отзыв из 200 знаков

Оглавление - Веб-программирование для детей

Часть 1