Курс « HTML5 + CSS3 » предназначен для широкого круга веб - разработчиков, желающих углубить свои знания и освоить на практике новые возможности. HTML5 и CSS3. Современные средства Web - разработки. Learn HTML5 and CSS3 Tutorial 31: Float and Clear [Part 1] - Duration: 9:22.
Курс «HTML5+CSS3» предназначен для широкого круга веб-разработчиков, желающих углубить свои знания и основоить на практике новые возможности, предоставляемые HTML5 и CSS3. Для полноценного усвоения материала слушателям желательно иметь навыки браузерной верстки, а так же базовые знания HTML, CSS и JavaScript. Чему Вы научитесь:.
Размечать страницу при помощи новых семантических тегов HTML5: header, footer, aside, nav и других;. Использовать новые поля ввода для создания автоматически валидируемых форм без JavaScript;. Создавать восхитительные сайты используя новые возможности CSS3;. Использовать тени, скругленные углы блоков без использования изображений;. Создавать текстовые эффекты: вдавленный текст, неоновое свечение, эффект огня;.
Использовать на своих сайтах нестандартные загружаемые шрифты. Создавать страницы, одинаково хорошо выглядящие на устройствах с разным разрешением экрана при помощи медиазапросов;. Определять поддерживаются ли возможности HTML5/CSS3 в браузере пользователя с помощью библиотеки Modernizr;. Создавать быстрые и современные сайты на основе шаблона HTML5 Boilerplate и css-фреймворка Twitter Bootstrap;.
Рисовать на холсте: создавать статическую 2d-графику и анимацию;. Использовать встроенные возможности браузера для воспроизведения аудио и видео на веб-страницах;. Определять местоположение пользователя при помощи средств геолокации. Преподаватель-практик с блестящими знаниями и богатым практическим опытом в области разработки веб-приложений: HTML5, CSS3, JavaScript, Python, Ruby, PHP, проектирования интерфейсов и баз данных.
Автор курсов: «HTML5 и CSS3 - создание современных интерфейсов и веб-приложений», «Python. Уровень 1 - программирование на языке высокого уровня», «Python. Уровень 2 - профессиональная веб-разработка с помощью фреймворка Django».
Внимательный и терпеливый, умеет донести знания до каждого. В качестве руководителя проекта, backend и frontend разработчика Дмитрий Акинин принимал участие в большом количестве проектов, в числе которых: сайты медиагруппы "Звезда" - телеканал "Звезда", радио "Звезда", корпоративный сайт компании Лудинг - лидера алкогольного рынка России, сайт телеканала Столица, сайт издательского дома "Собеседник", информационно-аналитические проекты "Первого канала", поддержка сайта компании "Pioneer", корпоративные порталы предприятий нефтегазовой отрасли, торговые площадки, онлайн CRM-системы, веб-приложения. Сочетает преподавание с практической работой.
23 июня в 13.00 стартует новый курс " HTML5 и CSS3 - Современные средства Web - разработки " Мы очень давно хотели запустить продвинутый курс. Данное приложение для тех, кто хочет научиться писать веб -сайты любой сложности, использовать последние технологии HTML5. Синтаксис фреймворков Kohana (PHP5 HMVC framework), jQuery (JavaScript framework), AngularJS (jQuery framework), Twitter Bootstrap ( HTML5, CSS3.
Окончил МГТУ им. Н. Баумана. Дмитрий Акинин является техническим директором собственной студии, клиентами которой являются как крупные производственно-промышленные холдинги, так и предприятия малого бизнеса.
Лекция автора курса Дмитрия Акинина. Способ ускоренного написания HTML и CSS кода. Знакомство с текстовым редактором Sublime text 3 2. Обзор HTML5. Что такое HTML5. Краткая история HTML.
Новая идеология HTML5. Отличия HTML5 от HTML4. 01 и XHTML1. Новые теги и атрибуты.
Устаревшие теги 3. Новые семантические элементы HTML5. Основная структура документа. Обзор новых тегов HTML5, таких как <section>, <article>, <header>, <footer> и <nav> и др. Смысл появления новых элементов и примеры использования. Поддержка новых тегов в устаревших браузерах 4.
Новые возможности для создания форм. Новые типы ввода данных: search, email, url, tel, range, number, datetime и др. Новые атрибуты полей ввода: autofocus, placeholder, reqired, autocopmlete и др.
Валидация данных форм на стороне клиента. Обратная совместимость с устаревшими браузерами. 1. Основы верстки. Боксы — основная экранная единица. Строчные и блочные боксы. Поток и расположение элементов.
Позиционирование: абсолютное и относительное. Схлопывание границ (margin collapsing). Выступ за границы родительского элемента. Верска плавающими (float) блоками.
Приоритет селекторов CSS (специфичность) 2. Введение в CSS3. Что такое CSS3. Что нового в CSS3. Преимущества CSS3.
Новые подходы к разработке: прогрессивное усовершенствование и постепенная деградация. Можем ли мы использовать CSS3 уже сегодня. Cоздание загругленных углов у блоков, тени под боксом, использование изображений в качестве рамки блока 4. Текстовые эффекты. Добавление тени к тексту.
Текстовые эффекты: свечение, вдавленный текст, винтажный текст, эффект огня и др. Автоматический перенос длинных слов в блоке 5. Работа с цветом. RGBA, HSLA и прозрачность. Удобство использования формата HSLA. Урок 3.
CSS3, часть 2. Заливка градиентом. Использование полупрозрачных градиентных заливок для создания эффекта блика. Генераторы градиентов 2. Фон.
Новые методы работы с фоном блока. Использование нескольких изображений для создания фона 3. Шрифты. Использование подгружаемых шрифтов в браузерах. Обзор библиотек открытых шрифтов 4. Многоколоночность.
Простое создание многоколоночной раскладки текста на странице 5. Интерфейс пользователя.
Новые функции для управления интерфейсом пользователя 6. Селекторы, комбинаторы и псевдо-классы. Новые методы доступа к элементам без использования классов и идентификаторов. Урок 4.
CSS3, часть 3. 1. 2D-преобразования. Преобразования элементов на плоскости: перемещение, масштабирование, вращение и растягивание 2. 3D-преобразования.
Трехмерные преобразования элементов 3. Переходы. Эффекты плавного перехода от одного стиля к другому без использования Flash и JavaScript 4. Анимация. Создание анимации на веб-странице с помощью CSS3. Урок 5. Современные инструменты веб-разработчика.
1. Медиа запросы (Media Queries). Понимание media queries. Адаптивный и мобильный дизайн средствами CSS3 2.
Modernizr. JavaScript-библиотека для проверки поддержки возможностей HTML5 и CSS3 в браузере 3. HTML5 Boilerplate. Высокопрофессиональный и надежный набор HTML/CSS/JS шаблонов для разработки веб-сайтов и веб-приложений. Урок 6. Less и Bootstrap.
Динамический язык стилевой разметки. Удобный инструмент для построения больших CSS файлов 2.
Twitter Bootstrap. Обзор возможностей Twitter Bootstrap. Twitter Bootstrap как прекрасный пример современного кроссбраузерного CSS-фреймворка. Быстрое создание современных веб-интерфейсов с помощью Twitter Bootstrap. Урок 7. Canvas и Video. 1.
Элемент Canvas (Холст). Что такое холст. Координаты холста. Рисование изображений в реальном времени. Методы создания изображений в реальном времени: пути, обводка, заливка, преобразования, кривые, градиенты, тени.
Анимация на холсте. Поддержка спецификации HTML 5 Canvas браузерами 2.
Видео и аудио. Плюсы и минусы в использовании элементов video и audio. Поддержка видео и аудио форматов браузерами. Атрибуты элементов video/audio. Управление воспроизведением. Урок 8.
Новые возможности HTML5. 1. Новые атрибуты HTML5. contentEditable, data-*, tabindex, hidden и др. 2. Хранение данных.
Web Storage — мощная, хорошо поддерживаемая замена файлам cookie 3. Автономные приложения. Создание веб-приложений работающих без постоянного подключения к интернету 4. Геолокация. Встроенные возможности определения местоположения пользователя 5. Сокеты (Web Sockets).
Создание прямого соединения между сервером и клиентом для обмена данными в реальном времени. Что вы получаете. Видеозаписи всех вебинаров. Методические указания и домашние задания по каждому вебинару. Доступ в закрытый раздел для слушателей ШП.