г. Мурманск, ул. Папанина, д. 3/1
выбрать другой
г. Мурманск, ул. Папанина, д. 3/1 89113001585

выбрать другой

HTML5 JS CSS

30.10.2019 / Псковская 2А
г. Саранск, ул. Псковская 2А коворкинг 107

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

HTML5 (HyperText Markup Language, версия 5) – язык разметки гипертекста для описания структуры веб-страницы. Целью его разработки было улучшить поддержку мультимедиа-технологий и одновременно сохранить удобочитаемость кода для человека.

Основной компонент HTML5, тег (tag), – это код, который подает браузеру команду выполнить задачу. Например, изменить шрифт или вставить изображение. Теги представляют собой последовательность символов, которая начинается со знака «<» и оканчивается знаком «>». При закрытии тега к нему добавляется символ «/». Теги имеют атрибуты, значения которых могут быть текстовыми, например, «left» или «right», или числовыми, например, ширина и высота изображения. Теги могут вкладываться друг в друга, но не могут пересекаться. Действие вложенных тегов объединяется. То есть, HTML5 – это достаточно простой набор кодов, которые описывают структуру документа.

Язык разметки HTML5 не считается языком программирования, поскольку неполон по Тьюрингу, то есть не дает возможности реализовать любую вычислимую функцию. Для реализации таких возможностей в HTML5 включают программы на языке JavaScript. Это скриптовый язык программирования, код которого выполняется на стороне клиента. Применяется он обычно для организации на сайте динамических HTML-страниц без перезагрузки самой страницы, то есть без обращения к серверу. Программы-скрипты встраивают в HTML-документ, заключая их в теги <script> и </script>. JavaScript – очень выразительный язык, его основные события несложны для понимания и в то же время являются мощным средством программирования.

Для изменения стиля элементов веб-страниц и пользовательских интерфейсов используют набор параметров форматирования CSS (Cascading Style Sheets, каскадные таблицы стилей). С помощью CSS-стилей можно прикреплять стиль (например, шрифты и цвет) к документам HTML, изменяя стиль отдельных элементов.

Одно из основных понятий HTML5 – объектная модель DOM (Document Object Model). Согласно DOM-модели объекты, заключенные в HTML-теги, вложены один в другой и образуют иерархическую структуру, или дерево тегов. Каждый HTML-тег образует отдельный элемент-узел, каждый фрагмент текста – текстовый узел, и т.д. Узлы дерева можно изменять, применяя методы и функции. Именно посредством объектной модели HTML5 взаимодействует со скриптами, написанными на языке JavaScript.

Скрипты JavaScript можно подключать в любом месте, выносить их в заголовок HEAD или использовать внешние скрипты, прописывая путь к файлу со скриптом внутри тегов <script> и </script>. Отдельные файлы удобно использовать, потому что один и тот же файл можно подключать на разных страницах, даже не скачивая его каждый раз заново. С помощью JavaScript можно изменять страницу (писать на ней текст, добавлять и удалять теги, менять стили элементов). Реагировать на события (окончание загрузки страницы, нажатие на кнопку клавиатуры, движение или клик мыши, прокрутка) выполнением соответствующей функции. Выполнять запросы к серверу и загружать данные без перезагрузки страницы. Ребята на занятиях в кружках программирования знакомятся с основными событиями JavaScript, изучают элементы DOM и их методы, которые могут реагировать на события от этого элемента. Разбирают примеры их использования, понемногу погружаясь в такую интересную и востребованную область программирования, как веб-разработка.

Еще с помощью JavaScript можно рисовать! В HTML5 определен элемент <canvas> – растровый холст, прямоугольная область на странице для отображения диаграмм, игровой графики или других изображений. В контексте рисования определены методы и свойства рисования. Это одна из областей HTML5 + JavaScript, изучением которой с интересом занимаются ребята в школах программирования. Ведь эти навыки они позднее смогут использовать при разработке веб-приложений с более сложной графикой, например, аркадных игр.

Python (Питон)
17.01.2020 / Псковская 2А
г. Саранск, ул. Псковская 2А коворкинг 107

Python – скриптовый язык программирования, хорошо спроектированный и логичный. Хотя его название связано не со змеей, а с британским комедийным телешоу «Летающий цирк Монти Пайтона», русскоязычные пользователи чаще зовут его «Питоном». Написанные на Python скрипты выполняются на большинстве современных ОС, что делает язык пригодным для решения самых разных задач в области программирования: веб-разработки, создания десктопных …

Подробнее
Еще один тысячник в саранском классе!
17.01.2020 / Псковская 2А
г. Саранск, ул. Псковская 2А коворкинг 107

Самира Винтина радуется грамоте, а мы поздравляем умную и любознательную девочку с ее первой тысячей пингвинов! Желаем Самире и дальше с удовольствием заниматься программированием вместе с СОФТИУМ, ведь это круто, увлекательно и очень перспективно!

Подробнее
Уважаемые родители, не стоит торопиться :)
13.01.2020 / Марковникова 15
г. Дзержинск, ул. Марковникова, д. 15

После занятий бывают случаи, когда родители по каким-либо причинам запаздывают за детьми. Не стоит волноваться! Наши ведущие никогда не уйдут, не выгонят ребёнка, а наоборот, они звонят родителям, узнают информацию, играют с детишками на ПлейКорте, и дожидаются мам, пап, бабушек и дедушек Всем добра!

Подробнее
Новогодние товары в Пингстор! г. Саранск
17.12.2019 / Псковская 2А
г. Саранск, ул. Псковская 2А коворкинг 107

В нашем магазине Пингстор недавно появились новогодние товары. И вот уже первые счастливые покупатели радуются своим приобретениям и поднимают настроение себе и окружающим!  Новогодние леденцы-трости и радужные леденцы на палочке, волшебное печенье с предсказаниями и забавные игрушки… Праздник совсем близко!  Скорее делай задания, зарабатывай пингвины и выбирай себе новогодние лакомства и игрушки в Пингстор!

Подробнее

Партнеры

Сеть магазинов детской одежды ORBY
Российское движение школьников
Ростелеком
Сеть кафе-мороженое 33 пингвина
Программа лояльности Сбербанк
Высшая Школа Экономики
Агентство Инновационного Развития РМ
Инновационный Бизнес-Инкубатор «Клевер»