Новый видеокурс "ASP.NET MVC Fundamentals" от Дмитрия Охрименко будет интересен для тех, кто хочет с нуля изучить популярнейшую технологию ASP.NET MVC. Видеокурс дает базовые знания MVC, не требующие предварительного глубокого изучения ASP.NET. Программа  видео курса: Видеоурок 1. Введение в ASP.NET MVC. Видеоурок 2. Система маршрутизации и работа с областями Видеоурок 3. Представления и компоновки в ASP.NET MVC. Видеоурок 4. Контролеры и действия. Асинхронное выполнение. Возвращение данных Видеоурок 5. Вспомогательные методы и HTML формы Видеоурок 6. Модель. Шаблонизированные методы. Использование EntityFramework. Видеоурок 7. Привязка модели и валидация. Видеоурок 8. Типы фильтров. Работа с фильтрами. Авторизация. Видеоурок 9. AJAX в MVC Видеоурок 10. Вопросы безопасности в MVC Framework. Защита. Продолжительность видеокурса 10 часов 19 минут. Стоимость 62 USD. В видеокурсе 2 бесплатных урока - первый и пятый. Изучайте современные технологии и расскажите о видеокурсах Вашим друзьям-разработчикам!

Адаптивнный дизайн сайта уже стал почти постоянным требованием заказчиков. Адаптивность - это способность веб страниц правильно отображаться на различных устройствах, универсальная верстка у которой есть свои правила, техники и хитрости.  Ваш сайт должен одинаково хорошо работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре устройств и с разными разрешениями. Как решить эту задачу быстро и оптимально, с чего начать - этому посвящен бесплатный вебинар Александра Петрика, на который мы приглашаем всех желающих. Вебинар состоится 30 июня 2014 года с 16:00 до 17:30 (по киевскому времени). Программа вебинара: Зачем нужен адаптивный веб-дизайн Адаптивная верстка сайта Мобильные версии сайтов Вебинар рассчитан на тех, кто уже знает HTML, CSS, JavaScript и имеет некоторый опыт веб разработки. Регистрируйтесь на вебинар, задавайте вопросы тренеру! Если Вы не сможете принять участие в этом вебинаре, смотрите его в записи в нашем канале на YouTube или в группе vKontakte. Поделитесь информацией о вебинаре со знакомыми web разработчиками!

Верстальщик сайтов – это специалист, который занимается созданием веб-страниц. Его работа заключается в том, чтобы при помощи различных элементов языка разметки веб-страницы перевести графические элементы дизайна (рисунки, шрифты, таблицы и т.д.) в понятный для браузера формат, то есть сверстать сайт. Работа верстальщика не очень сложная, но требует определенного уровня подготовки и большого внимания к деталям. На хороших специалистов практически постоянно существует большой спрос. На ITVDN все, кто заинтересован в изучении технологий для верстки веб-страницы, найдут необходимые видео уроки и материалы. А также курсы для «прокачки» практических навыков верстки сайта и Тренажер для навыков написания кода. Курсы записаны сертифицированными разработчикам и тренерами Microsoft. ITVDN рекомендует проходить обучение в такой последовательности:    HTML & CSS, автор Александр Петрик How to HTML & CSS, автор Сергей Раздобудько Photoshop. Базовый курс для web-разработчика, автор Сергей Воропаев JavaScript Essential, автор Дмитрий Охрименко How to JavaScript, автор Валерия Прокопенко Основы использования Git, автор Александр Пономаренко Twitter Bootstrap 3, автор Сергей Швайцер Создание адаптивного сайта с Bootstrap 3, автор Александр Пономаренко WordPress Starter, автор Артем Кондранин Практический курс по верстке лендинга, автор Сергей Рубец HTML5 & CSS3, автор Дмитрий Охрименко Также вас могут заинтересовать записи вебинаров ITVDN (все в свободном доступе): Верстаем сайт правильно Photoshop: зачем он нужен веб-разработчику? WordPress: создаем блог за час Скоростная верстка, или как упростить себе жизнь с Bootstrap 3 Интеграция верстки лендинга на CMS WordPress Адаптивный веб-дизайн: типы адаптивных макетов Семантика HTML5, создаем змейку, используя canvas Что надо знать для веб разработки. (реальная разработка + обзор вакансий) Создание веб-приложения с Angular 1.5, Firebase и Gulp Как решить проблемы верстки с помощью HTML5 Web Components Если вы планируете свое обучение с нуля, тогда наилучшим решением будет приобретение подписки ITVDN сроком от 3 месяцев. Это оптимальный срок, за который вы сможете научиться создавать красивые сайты, мастерски владея современным инструментарием  верстальщика.

Введение Метатеги никак не влияют на отображение содержимого веб-страниц, но их активно используют поисковые машины для сбора информации про сайт. Тег meta можно записать внутри элемента head безмерное количество раз с такими атрибутами, как charset, name, http-equiv и content. При применении атрибута name или http-equiv  content обязателен. Names Значения атрибута name разнообразные. Это и author, и description, и keywords. Author явно указывает на автора HTML- страницы, description обычно используется поисковыми машинами для отображение описания страницы в выдаче поиска. Поисковики активно используют метатеги для определения некоего доверия веб-страницам. Вот почему так важно использовать теги meta. Так, например, keywords очень широко используется (иногда слишком). Хотя, современные поисковые машины генерируют релевантный контент самостоятельно. HTTP эквиваленты Атрибут http-equiv может быть использован вместо name и сгенерирует HTTP название, что будет отправлено на сервер. Атрибут должен редко применятся, его значения: Content-type – оправляются зашифрованные данные; Default-style – предпочитаются стили с указанных источников; Refresh –определяется, как часто (в секундах) страница будет обновляться или пересылать на другую. Не очень разумно. Очень удобно использовать запись вместо аналогичного для определения кодировки страницы. <head>     <title>Air conditioners? YEAH conditioners!title>     <meta charset="utf-8">     <meta http-equiv="refresh" content="3">         <meta name="description" content="This is my really, really, REALLY exciting web page about air conditioners"> Источник: http://www.htmldog.com/guides/html/intermediate/metatags/ 

Введение Должно быть, Вы уже знаете, что существует огромное количество текстовых тегов. Вы знакомы с параграфами, заголовками и даже аббревиатурами. Но существует множество других, более непонятных и сложных тегов. Непонятных, потому что вы вряд ли найдете их в интернете, и не потому что они не нужны. Если Вы найдете текст с объяснениями, то используйте новые для себя элементы для создания более качественного, лучшего, более значимой HTML-страницы. Адреса Тег address используется специально для контактных данных или всей веб-страницы (единожды). Это не значит, что address нужно обязательно применять для всех старых адресов. <h3>Author contact detailsh3> <address> <ul> <li>0123-456-7890li> <li>author_dude@noplaceinteresting.comli> <li>http://www.noplaceinteresting.com/contactme/li> ul> address> Определения Тег dfn используется для выделения первого термина. Как и тег abbr, атрибут title может быть использован для описания термина. <p>Bob's <dfn title="Dog">caninedfn> mother and <dfn title="Horse">equinedfn> father sat him down and carefully explained that he was an <dfn title="A mutation that combines two or more sets of chromosomes from different species">allopolyploiddfn> organism.p> Двунаправленный текст Тег bdo может использовать обратное направление текста, следовательно, может отображать языки, что читаются справа налево. Атрибут dir может принимать значения ltr (слева направо) или rtl (справа налево). <bdo dir="rtl">god lmthbdo> Редакции Теги ins и del используются для отображения соответственно вставленных и удаленных частей. Они не имеют ограничений применения в тексте, также могут быть применены для целых разделов контента и, как правило, используются в «Track Changes» - дословно «отслеживание изменений». Теги редакции также имеют атрибуты datetime, чтобы показать, когда была произведена правка, а также cite – причины изменений. <p>I have decided to <del datetime="2013-01-26">decreasedel><ins cite="http://www.icecreamforall.com/changeofpolicy/">increaseins> the amount of free ice cream that the State will provide for its citizens.p> Как и в обычных текстовых редакторах, элемент ins применяют для подчеркивания текста, а для зачеркивания – del. Источник: http://www.htmldog.com/guides/html/intermediate/text2/

1. Используйте сброс CSS стилей в браузерах (Reset CSS) Различные браузеры по-разному устанавливают шрифты, поля и другие свойства. Вместо того, чтобы устранять каждый элемент по одному, большинство разработчиков используют “Reset CSS” стиля для сброса таких параметров, как margin, border, font-size и других. Примеры и библиотеки для сброса CSS: Eric Meyer Yahoo! Crucial 2. Используйте средства разработки браузера и дополнительные плагины. Очень полезно при разработке визуализировать «невидимые» части веб-страницы, например, свойства - margin, padding, parent positions и так далее. Вместо того, чтобы спрашивать себя, почему функция остановилась или неверно задан border style, рекомендуется использовать встроенные средства веб-разработки или использовать плагины для браузера. Firebug – плагин для браузера Firefox. Фантастическая и бесценная вещь при разработке страницы. Yahoo!'s YSlow – Плагин для Firebug для проверки скорости загрузки страницы. 3. Выучите JavaScript JavaScript является языком высокого уровня, где автоматически выполняется установка и компилирование. Он подходит для людей даже без опыта программирования. С появлением AJAX, JS становится очень важной частью современных веб приложений. 4. Выучите Photoshop Photoshop - необходимая вещь для каждого разработчика. Используя различные инструменты программы, Вы можете создать как отдельную часть дизайна, например, кнопку, так и полноценный дизайн, который не только произведет впечатление на клиентов, но и позволит Вам проявить Ваше творчество. 5. Тестируйте Ваш продукт на IE 30% пользователей интернета до сих пор используют данный браузер для просмотра контента. К сожалению, Internet Explorer на данный момент не получил стандартов HTML, и веб разработчики должны учитывать это в своих продуктах. Проверяйте Ваш продукт на всех браузерах. Например, Firefox имеет полную поддержку стандарта HTML, в то время как Internet Explorer только продолжает развиваться. Источник: http://www.hackification.com/2008/11/06/ten-web-development-tips-i-wish-id-known-two-years-ago/

Новые пакеты подписки для Frontend разработчиков Уважаемые пользователи платформы ITVDN! Представляем Вам новые выгодные пакеты подписки для Web-разработчиков: «FrontendStarter» и «FrontendPro». Теперь Вы можете получить доступ на 3 месяца к интересующим Вас видео курсам на 30% дешевле. Пакет «Frontend Starter» охватывает 6 базовых курсов для начинающего Web-разработчика: •        HTML & CSS (renewed) •        How to HTML&CSS •        JavaScript Essential •        How To JavaScript •        Twitter Bootstrap 3 •        Создание адаптивного сайта с Bootstrap 3 «Frontend Starter» позволяет обрести базовые знания за 3 месяца и овладеть основами Web-разработки. Рекомендуем проходить обучение именно в представленной структуре для образцового усвоения информации и использования ее на практике. Стоимость подписки на 3 месяца - $35. Пакет «Frontend Pro» охватывает 6 курсов для опытного Web-разработчика: •        JavaScript Advanced •        JQuery •        HTML5 и CSS3 •        JavaScript Шаблоны •        ReactJS Essential •        AngularJS Essential Если же Вы уже владеете базовыми знаниями Web-разработки, именно пакет «Frontend Pro» будет Вам полезен. «Frontend Pro» сопутствует развитию Ваших навыков Frontend направления, а именно углублению знаний JavaScript и изучению таких популярных фреймворков как AngularJS и ReactJS. Стоимость подписки на 3 месяца - $39. Подробнее http://itvdn.com/ru/subscriptions Желаем Вам результативного усвоения информации и скорейшего присоединения Вашей кандидатуры в ряды лучших Web-разработчиков, с помощью платформы ITVDN. Вашим комментариям и пожеланиям будем только рады!

Купите подписку FrontEnd Starter и получите скидку 50% на FrontEnd Pro! C 25 октября до 10 ноября 2016 года на ITVDN действует акция для начинающих веб разработчиков. Покупая пакет подписки FrontEnd Starter, пользователь получает скидку 50% на приобретение пакета FrontEnd Pro.  В пакете «Frontend Starter» 7 видеокурсов, с которых начинается изучение основ веб-разработки: HTML & CSS  How to HTML&CSS JavaScript Essential How To JavaScript Основы использования Git Twitter Bootstrap 3 Создание адаптивного сайта с Bootstrap 3 Стоимость пакета 18 USD. Срок доступа 3 месяца. Знаний, которые Вы получите, изучив эти технологии, будет достаточно, чтобы начать работать верстальщикоми и зарабатывать первые деньги, выполняя простые задачи информационного наполнения и сопровождения сайтов, но для выполнения более сложных задач этого мало. В пакете «Frontend Pro»: JavaScript Advanced JQuery HTML5 и CSS3 JavaScript Шаблоны ReactJS Essential AngularJS Essential HTML5 Web Components Полная стоимость пакета 32 USD. Срок доступа 3 месяца. Приобретая подписку FrontEnd Starter, Вы получате возможность купить FrontEnd Pro всего за 16 USD! Акция продлится до 10 ноября 2016 года. Промо-коды для приобретения пакета FrontEnd Pro cо скидкой 50% будут высланы участникам акции 10 ноября. Срок действия акционного промо-кода - 30 дней. Купить пакет FrontEnd Starter 

Купите подписку FrontEnd Starter и получите скидку 50% на FrontEnd Pro! C 23 июня до 7 июля 2016 года на ITVDN действует акция для начинающих веб-разработчиков. Покупая пакет подписки FrontEnd Starter, пользователь получает скидку 50% на приобретение пакета FrontEnd Pro. Срок действия акционного промо-кода - 30 дней с момента покупки пакета FrontEnd Starter. В пакете «Frontend Starter» 7 видеокурсов, с которых начинается изучение основ веб-разработки: HTML & CSS  How to HTML&CSS JavaScript Essential How To JavaScript Основы использования Git Twitter Bootstrap 3 Создание адаптивного сайта с Bootstrap 3 Стоимость пакета 18 USD. Срок доступа 3 месяца. Знаний, которые Вы получите, изучив эти технологии, будет достаточно, чтобы начать работать верстальщикоми и зарабатывать первые деньги, выполняя простые задачи информационного наполнения и сопровождения сайтов, но для выполнения более сложных задач этого мало. В пакете «Frontend Pro»: JavaScript Advanced JQuery HTML5 и CSS3 JavaScript Шаблоны ReactJS Essential AngularJS Essential HTML5 Web Components Полная стоимость пакета 32 USD. Срок доступа 3 месяца. Приобретая подписку FrontEnd Starter, Вы получате возможность купить FrontEnd Pro всего за 16 USD! Не упустите прекрасную возможность провести лето с пользой. Акция продлится до 7 июля 2016 года. Купить пакет FrontEnd Starter   

<p>На этом вебинаре мы сделаем web-трансляцию для игрушки Lines, которую мы создали на <a href="https://itvdn.com/ru/webinars/description/lines" target="_blank">предыдущем вебинаре</a>.</p> <p>HTML и Bootstrap формируют поле игры. JavaScript динамически отображает и перемещает шарики. PHP-скрипты получают и сохраняют содержимое игрового поля из запущенной на Androidе игры.</p> <p>Ключевым моментом вебинара является вызов PHP-скрипта из JavaScript-кода для web-трансляции игрового процесса. В конце вебинара мы разместим всё на PHP-хостинг и вместе посмотрим стрим игры Lines.</p> <p>Вы сможете самостоятельно сделать такую же web-трансляцию, повторив за ведущим все действия с подробными объяснениями, а потом применить полученный опыт для онлайн-мониторинга любых процессов внутри ваших проектов.</p> <p><strong>План вебинара:</strong></p> <ol> <li>Постановка цели и выбор технологий.</li> <li>Формирование игрового поля на HTML и Bootstrap.</li> <li>Написание JavaScript-функций для отображения элементов игры.</li> <li>Создание API для сохранения/получения игровой позиции.</li> <li>Обращение к PHP-скрипту из JavaScript-кода.</li> <li>Загрузка скриптов на хостинг и тестирование трансляции.</li> <li>Обзор созданного проекта.</li> </ol> <p><strong>Технологии:</strong> PHP, JavaScript, Bootstrap.</p> <p><strong>Необходимое программное обеспечение</strong>: PHPStorm, OpenServer, Bootstrap, PHP-hosting.</p> <p><strong>Целевая аудитория:</strong> программисты, инженеры, IT-студенты</p>