г. Мурманск, ул. Полярные Зори, д. 1
выбрать другой
г. Мурманск, ул. Полярные Зори, д. 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, изучением которой с интересом занимаются ребята в школах программирования. Ведь эти навыки они позднее смогут использовать при разработке веб-приложений с более сложной графикой, например, аркадных игр.

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

Canva (Канва) – онлайн-редактор для создания дизайна с помощью готовых шаблонов. На платформе можно делать визуальный контент для сайтов и социальных сетей, макеты печатной продукции. У сервиса есть удобное мобильное приложение для iOS и Android. Canva адресована как профессиональным дизайнерам, так и обычным пользователям, когда возникает необходимость сделать визитку, объявление, создать презентацию или коллаж. Работа …

Подробнее
Microsoft Office
28.10.2019 / Псковская 2А
г. Саранск, ул. Псковская 2А коворкинг 107

Microsoft Office – это пакет офисных программ, предназначенный для работы с текстом, вычислениями, таблицами и изображениями. Его можно установить не только на компьютер, но и на телефон или планшет. Благодаря последним версиям продукта, создавать файлы и совместно работать с ними можно с любого устройства и из любой точки мира. Такие возможности делают MS Office очень …

Подробнее
Tilda и WIX
23.10.2019 / Псковская 2А
г. Саранск, ул. Псковская 2А коворкинг 107

Tilda и WIX — профессиональные блочные конструкторы сайтов. Tilda (Тильда) – удобный интуитивный конструктор сайтов, с помощью которого человек без опыта веб-разработки может создать красивый функциональный ресурс. С Tilda процесс построения интернет-проекта становится похож на игру. А если есть интерес к делу, то любой может быстро и легко стать настоящим дизайнером сайтов. Tilda активно пользуются …

Подробнее
Наша умничка — Рима!
23.10.2019 / Выборгское шоссе 13
г. Санкт-Петербург, Выборгское шоссе 13, 3 этаж

Тысяча пингвинов для неё не предел! Рима очень старательно работает над своими проектами, проявляет фантазию в каждом задании Команда программистов Софтиум поздравляет тебя и желает успешного развития в IT сфере

Подробнее

Партнеры

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