Media queries CSS или как реализовать адаптацию под мобильные устройства на своем сайте, каким образом адаптировать различные элементы на веб-страничке под разные расширения экранов. В этом помогут Медиа запросы ( media queries CSS) с помощью которых можно творить любые трансформации дизайна странички. Из видео вы узнаете: • Что такое медио запросы в CSS3 • Какие есть типы носителей в media queries • Для чего нужны логические операторы • Как сформировать адаптивный дизайн сайта Подписаться на канал и смотреть уроки первым - Обсуждение видео: Весь код с урока тут - Типы носителей включают в себя all – по умолчанию; print – просмотра печати; screen – на компьютерных мониторах; speech - речевые синтезаторы; Логические операторы: and – эквивалентно «и»; not – эквивалентно «отрицание»; only – скрывает стили для браузера; , - эквивалентно «или». Условие медиа-запроса • width min-width max-width – ширина • height min-height max-height – высота • device-width min-device-width max-device-width – ширина на устройстве • device-height min-device-height max-device-height orientation - высота на устройстве • aspect-ratio min-aspect-ratio max-aspect-ratio – соотношение сторон • device-aspect-ratio min-device-aspect-ratio max-device-aspect-ratio - соотношение сторон на устройстве • resolution min-resolution max-resolution – разрешение экрана (количество пикселей) • color min-color max-color – количество бит на каждые из цветных компонентов устройства вывода • color-index min-color-index max-color-index – количество записей в таблице подставноки цветов • monochrome min-monochrome max-monochrome – количество битов на пиксель монохромного устройства • scan grid – сетка сканирования Видео метки: [00:27] - CSS3 медиа-запросы или (media queries) [01:11] - Типы носителя в медиа-запросов [01:45] - Логические операторы в CSS3 [02:19] - Условия медио запросов [03:00] - Описываем основную структуру HTML и CSS [04:30] - Подключаем файл под медио запросы [05:03] - Описываем стили по адаптивные устройства Во время урока я использую: Документацию по Media queries CSS Редактор PhpStorm Использую музыку: RetroVision - Heroes [NCS Release] Elektronomia - Energy [NCS Release] Смотреть другие видео на канале DWSTV: Сайт с нуля - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео уроки по Битрикс были Вам полезен, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.


(2 часть) Адаптация под мобильные устройства - Исходный код - В этом уроке мы сделаем, выпадающее горизонтальное меню. Оно будет имеет шрифтовые иконки которые при наведении на меню меняют цвет. Посмотреть и скачать код - , а тут вторая часть - Сделаем небольшую анимацию, в ней меняем цвет кнопки и текста, добавляем тень и все это отображается при наведении. Выпадающие списки меню можно реализовать многоуровневыми простым копированием UL и это все довольно просто реализовано на чистом CSS / CSS3. Обсуждение видео: В уроке задействуем: • display: flex; • используем transition; • позиционировать элементы при помощи position Подписка на канал: Видео сборник: *Видео метки*: [01:13] - Структура разметки в html [02:22] - Подключаем шрифтовые иконки [04:10] - Описываем стили в CSS [04:29] - Подключаем шрифт Cuprum [04:29] - Анмируем при наведении hover [08:10] - Выпадающее меню [11:56] - CSS генератор background *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Ссылки из урока: Архив кода на сайте - Шрифт Cuprum - Шрифтовые иконки - Генератор Градиентов - Использую музыку: Love Me Like You Do (Violin Cover by Robert Mendoza) [from FIFTY SHADES OF GREY soundtrack] Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео по CSS3 меню было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Исходный код - В рамках данного видео покажу как сделать красивую форму входа на сайт при помощи css. Задействуем анимацию элементов при наведении (transition), подключим шрифтовые иконки css, узнаете как задавать прозрачность элементам при помощи (rgba), о всем этом смотрите в видео уроке Форма CSS. Подписка на канал - Обсуждение видео: Видео сборник- *Видео метки*: [00:25] - Описываем каркас в html [01:10] - Стилизация формы CSS3 [04:25] - Прозрачный фон (rgba) [05:07] - Добавляем шрифтовые иконки *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Ссылки из урока: Архив каркаса и шрифтов - Сервис цветов - Шрифтовые иконки - Использую музыку: Elektronomia - Limitless [NCS Release] Tobu - Life [NCS Release] Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео по CSS было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки по 1С битрикс.


В данном уроке создадим анимированную кнопку на CSS с плавным бликом при наведении. Скачать исходный код - В уроке задействуем псевдоэлементы before и after, для анимированного появления используем transition, а при помощи position и overflow, от центруем кнопку и скроем все лишнее за ее пределами. Обсуждение видео: Более подробное описание тут - Подписка на канал: Видео сборник: *Видео метки*: [00:28] - Создаем файлы для кнопки [01:19] - Описываем стили кнопки в CSS [01:20] - Центруем кнопку по середине [01:44] - Оформляем ссылку под вид кнопки [02:56] - Описываем псевдоэлементы [03:32] - Делаем анимацию *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео Кнопка на CSS3 было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Исходный код с урока - Это заключительный седьмой урок из серии уроков по Форме на CSS. В нем закрепляем работу с before и after, которые проходили в предыдущих уроках и при помощи transform, реализуем эффект анимированной обводки у социальных иконок. Продолжение: ► 1 FORM на CSS / Предварительная разметка - ► 2 FORM / Вкладки на CSS и JS - ► 3 FORM / Переключение tabs на CSS и JS - ► 4 FORM / Эффект плавающего текста на CSS - ► 5 FORM / ::before ::after (Практика) - ► 6 FORM / Чекбокс (АНИМАЦИЯ) - *Видео метки*: [00:40] - Введение [02:02] - Добавляем блок div [02:55] - Добавляем псевдоэлементы [05:18] - Создаем анимацию по наведению ------------------------------------------------------------------------------------------------------- Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по CSS3, HTML5 Редактор PhpStorm Обсуждение видео: Скачать архив с урока - ⭐ Шпаргалка по EMMET - ⭐ Шпаргалка по Иконкам - Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK: ------------------------------------------------------------------------------------------------------- Мы очень рады если видео 7 FORM / Анимация ::before и ::after на transform Вам понравилось, хотите поблагодарить жмите кнопку нравится 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


2 часть: Настройка SEO свойств - В данном уроке разберем SEO настройки полей битрикс и принципы работы данного функционала который появился с 14 версии битрикс и во многом упростила возможность SEO оптимизации сайта. Одним из ключевых моментов этой настройки является возможность делать автоматизированные шаблоны, в которых задавать шаблоны мета-тегов: H1, title, description, ключевые слова и ключевые слова у картинок такие как title, название самой картинки alt. Если вы имеете сайт, в котором присутствует каталог товаров и в нем SEO поля не заполнены, тогда с помощью данного функционала сможете легко настроить SEO поля за 15 минут. Вам не придется при необходимости редактировать каждый товар индивидуально. Смотрите, учитесь, развивайтесь. Операторы SEO полей битрикс: (=lower arg1. argN) - приведение к нижнему регистру; (=upper arg1. argN - приведение к верхнему регистру; (=concat arg1. argN , ) - сцепление строк через разделитель; (=limit arg1. argN) delimiter NN - ограничение NN элементов по разделителю; (=translit arg1. argN) - транслитерация выбранных аргументов; (=min arg1. argN) - выборка минимального числового значения; (=max arg1. argN) - выборка максимального числового значения; (=distinct arg1. argN) - уникальные без дублей значения. Ссылки с урока: ФОРМЫ редактирования 1С БИТРИКС - Настройка ПРАВ ДОСТУПА 1С Битрикс - Во время урока я использую: Платформу с CMS 1С-Битрикс редакция Бизнес ; Музыка в ролике: Elektronomia - Sky High [NCS Release] Смотрите в прайс листах: Элементы управления CMS 1С Битрикс - 1C Битрикс как с ним работать - - Разный сборник уроков по битрикс - - Модули на битрикс- Азбука от А до CSS - Наш сайт видеоуроков: Новости в мире web разработок: Канал в facebook: Ключевые слова - SEO поля Битрикс инфоблок поля настройка CEO управление Мы очень рады если видео урок был по настройке SEO полей был Вам полезен, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.


Исходники и описание урока - В данном выпуске разберем красивое горизонтальное Меню в чистом CSS. В уроке задействуем режим наложения слоев при помощи mix-blend-mode: multiply; будем использовать псевдоклассы, и познакомимся с display:flex;. Весь код будем писать в чистом CSS3, сделаем в HTML простую структуру при помощи списков LI и оформим его стилями. Обсуждение видео: Подписка на канал - Видео сборник- *Видео метки*: [00:30] - Описываем каркас меню в index.php [01:52] - Отбираем и проставляем иконки [02:51] - Описываем стили меню в CSS3 [04:53] - Анимация при наведении *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Ссылки из урока: Архив с урока - Шрифтовые иконки - Меню (готовый код) - Использую музыку: Codeko - Crest [NCS Release] Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео по CSS было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Мы запускаем серию уроков по JavaScript, в них освоим фундаментальные концепции программирования, и вы сможете применять их при написании сценариев на JS. Часть 2: Виды подключений JS - Часть 3: document.write - Часть 4: Отлов ошибок - Часть 5: Инструкции и Функции - Часть 6: Типы данных - Часть 7: Переменные - Часть 8: Математические операции - В видео уроках познакомитесь с новыми символами , [ ] , ; , , , (), !, узнаете обозначение новых слов (var, null, else if ), разберем правила пунктуации и синтаксис самого языка. Информация представлена в серии уроков, которые желательно проходить по очередности как они идут друг за другом. Чтобы овладеть языком JavaScript, вы должны иметь базовые знания HTML, так и CSS. В данном видео разберем общее представление по JS, что такое JavaScript, для какой цели следует его изучать и какие результаты можно достичь при веб-разработках. Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: *Видео метки*: [01:00] - Что такое JavaScript [01:45] - JavaScript на примере Гари Поттера [02:30] - Возможности JS [03:31] - Составляющие JavaScript [03:43] - HTML язык разметки [03:55] - CSS (каскадные таблицы стилей) [04:01] - JS оживляет страницы сайтов *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео по JavaScript - 1 Введение было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Для анимации используют в большей степени JavaScript, но сейчас, в современных браузерах, мы можем анимировать элементы с помощью CSS. CSS позволяет описать в правиле @keyframes промежуточные шаги последовательности исполнения анимации ключевых кадров, которые достигаются в определенные моменты времени при ее исполнения. С помощью свойства animation указываем анимированные кадры и время их выполнения. В этом видео разберем анимацию, которая подойдет для CSS, в ней укажем серии @keyframes и, как эти кадры в сочетании с animation настройками, можно оживить элемент на нашей страничке. Из видео вы узнаете: 1 - Что такое Анимация в CSS; 2 - Как указать серию кадров для анимации; 3 - Рассмотрим практический пример: Прыгающий мяч/ Схожие запросы по видео: 1. css анимация 2. анимация блока css 3. css анимация примеры 4. анимация картинки css 5. плавная анимация css 6. анимация css html 7. анимация элементов css 8. анимация css скачать 9. эффекты анимации css 10. анимация с помощью css 11. анимация css движение 12. красивая анимация css 13. css создание анимации 14. работает css анимация 15. css анимация онлайн 16. css анимация бесконечная 17. анимация css Описание кода - ========================== Мы открываем новую рубрику сери уроков «Азбука от А до CSS», в которой начинаем разбирать интересные элементы свойств в CSS. Видео создано для разработчиков интернет-сайтов, командой ДАЛЬВЕБСТРОЙ, в помощь начинающим программистам. Наш сайт - Группа в контакте - Группа в facebook -


В данном уроке покажу как сделать импульсный, анимированный эффект кнопку на CSS с использованием Transform Scale. Скачать шаблон - Скачать исходный код - Для импульсной анимации в уроке задействуем псевдоэлементы before и after , воспользуемся transition для ее плавности проигрывания, поработаем с ключевыми кадрами @keyframes и а также подключим векторную иконку с сайта fontawesome.io и отобразим ее на странице. Обсуждение видео: Более подробное описание тут - Подписка на канал: Видео сборник: *Видео метки*: [00:47] - Описываем каркас анимированной кнопки [01:32] - Подыскиваем иконку Font Awesome [02:22] - Описываем стили в CSS [05:10] - Анимируем кнопку в CSS [07:19] - Создаем пульсацию [11:21] - Группируем код [12:54] - Дорабатываем анимацию *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео Animation css было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Код аккордеона: Красивый аккордеон слайдер на чистом CSS CSS3 за 8 минут. Картинки раскрываются при наведении, сам блок имеет эластичный вид что в свою очередь легко внедряется на любую страницу сайта и довольно эффектно смотрится. Задействуем в CSS: • display flex; • используем transition; • и скроем картинки за пределами блока при помощи overflow hidden; Как это делается смотрите в видео уроке. Обсуждение видео: Подписка на канал: Видео сборник: *Видео метки*: [01:02] - Делаем разметку в html [02:22] - Описываем стили в CSS3 [05:43] - Анимация при помощи transition *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Ссылки из урока: Архив с урока - Использую музыку: Maestro Chives feat. Royal Blue - Sleeping Pill Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео по CSS3 aслайдеру было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


В данном видео уроке при помощи CSS реализуем простой эффект при наведении на картинку. Скачать шаблон - Исходный код и демка - Для реализации такого эффекта мы задействуем в css transform со свойствами translate, rotate, scale. Для плавности появления используем transition, и обводку сделаем на псевдоэлементах before и after. Реквизиты для поддержки канала WMR - R165181087249 WMZ - Z138569415925 Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Обсуждение видео: Текстовое описание урока - Подписка на канал: Видео сборник: *Видео метки*: [00:51] - Описываем каркас блоков [01:34] - Задаем стили блоку с картинкой [01:53] - Позиционируем картинку по середине [02:16] - Трансформируем при наведении [02:56] - Оформляем текст [04:34] - Добавляем псевдоэлементы [05:45] - Анимируем их [06:22] - Скрываем основной текст *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео Эффекты наведения с надписью на CSS было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Информационные блоки в 1С_Битрикс играют важную роль в создании сайта, благодаря инфоблокам мы можем управлять однородной динамической информацией, строить многоуровневую структуру с разделами и элементами, привязывать их к различным сайтам, настраивать RSS ленты. Из урока вы узнаете: - что такое инфоблоки, основное их понятие; - типы инфоблоках; - примеры структуры информационных блоков. Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: *Видео метки*: [00:43] - Что такое инфоблоки в 1С Битрикс [01:45] - Понятие информационных блоков [02:45] - Типы инфоблоков в bitrix [04:11] - Разделы в инфоблоках [04:37] - Элементы инфоблоков [05:30] - Однородная структура данных [05:47] - Многоуровневая структура *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по 1С-Битрикс Платформу CMS 1С Битрикс редакция Бизнес ; Документация по Битрикс: Основные понятие инфоблоков - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео по ИНФОБЛОКИ в 1С Битрикс было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки по 1С битрикс.


Четвертый видео урок по Установке HTML шаблона в 1С_Битрикс. Это мини инструкция по интеграции шаблонов на сайт, но на примере ее можно внедрить любую верстку. Как установить HTML шаблона за 17 минут смотри в уроке! Из данного видео вы узнаете: - Как перенести готовую верстку HTML шаблона в Битрикс; - Подключим скрипты и перенесем структуру сайта в битрикс; - Подключим языковые файлы и проверим, как это работает - Разберем часто встречающие ошибки. Ссылки с урока: Сервис генерации favicon - Шаблон html - Готовый шаблон с битрикс - 1_урок: Регистрация хостинга - 2_урок: УСТАНОВКА 1С Битрикс - 3_урок: 1С БИТРИКС примеры внедрения HTML шаблона - Видео метки: [00:08] - Введение в урока [00:33] - Создаем новый шаблон [01:12] - Задаем основные настройки шаблона [03:18] - Синхранизация папки в PhpStorm [04:06] - Копирование шаблона HTML в PhpStorm [04:27] - Проверка подключение ядра Битрикс (B_PROLOG_INCLUDED) [04:55] - Подключени ladg файлов (IncludeTemplateLangFile(__FILE__)) [05:25] - Подключени мета-данных (ShowHead) [05:48] - Включение Title (ShowTitle) [06:02] - Подключение файлов в Битрикс [06:13] - Указываем путь к шаблону (SITE_TEMPLATE_PATH) [06:52] - Устанавливаем favicon [09:00] - Подключаем панель Битрикс (ShowPanel) [09:14] - Выносим отдельно языковый фразы [10:33] - Выносим заголовки h1 в lang [12:11] - Выносим фразы с footer.php в lang [13:10] - Английская версия вынесееных фраз в lang [14:07] - Включение шаблона в битрикс [14:28] - Смотрим визуальную часть сайта [14:49] - Работа над ошибками [16:44] - Переключение на английскую версию [17:13] - Заключение по установка шаблона Во время урока я использую: Платформу с CMS 1С_Битрикс редакция Старт - PhpStorm 2016.1.2 - Notepad++ v7.2.2. - Музыка в ролике: JBadger - Lover Смотрите в прайс листах: 1С_Битрикс элементы управления - 1С Битрикс настройка сайта - - Разный сборник уроков по битрикс - - Модули на битрикс- Азбука от А до CSS - Наш сайт видео-уроков: Новости в мире web разработок: Канал в facebook: 1С_Битрикс установка шаблон подключение Мы очень рады если видео урок по Битрикс был Вам полезен, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.


Как хранить и выводить числовые, строковые и логические значения. На помощь к нам приходят переменные в языке JavaScript, которые как контейнер позволяют сохранять значения для дальнейших операций. Список зарезервированных слов - Из урока по javaScript вы узнаете: - что такое переменные, как их объявлять; - как заносить в переменную информацию и работать с ней; - как предостеречь код JS от типичных ошибок при работы с переменными; - разберем основные правила которые нужно соблюдать при создании и редактирование переменных. По завершению видео дано задание: Создайте три переменных, одной присвойте числовое значение, второй строковое значение, а третьей логическое. Все переменные задекларируйте одним ключевым словом var, и отобразите их на странице в браузере. Затем переопределите переменную с числовым значением, и полученный результат отобразите при помощи функции alert(). Предыдущие выпуски: Часть 1: Введение в JS - Часть 2: Виды подключений JS - Часть 3: document.write - Часть 4: Отлов ошибок - Часть 5: Инструкции и функции - Часть 6: ТИПЫ ДАННЫХ введение - Часть 8: Математические операции - Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: Голосование - *Видео метки*: [00:10] - Для чего нужны переменные [00:39] - Создание переменных [01:11] - Зарезервированные слова JS [01:47] - Название имен переменных [02:18] - Содержание имен переменных [02:46] - Переменные чувствительны к регистру [03:18] - Рекомендации по созданию переменных [04:18] - Использование переменных в javaScript [07:42] - Практическое задание по javaScript *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео по JavaScript - 7 ПЕРЕМЕННЫЕ и работа с ними Вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по JS, так и другим WEB разработкам.


Зайдя в публичный раздел сайта 1С-Битрикса как администратор, мы видим панель управления данной системой. В данном видео подробно разбираем элементы панели управления в публичном разделе сайта на CMS 1С-Битриксе, содержание элементов рабочей области таких как кнопки меню и иконок с помощь которых проводится редактирование страницы. Показываем как зафиксировать панель управления на страничке браузера и разбираем какую функцию несут иконки в панели управления. ========================== Немного о нас, наша компания ООО Дальвебстрой является сертифицированными партнерами разрабатываем сайты на CMS 1С-Битриксе, берем сайты на сопровождение и продвижение. Наш сайт - Группа в контакте - Группа в facebook -


Исходный код Анимации - Красивая анимация блока с картинкой сделанная на чистом CSS. Без труда сможете внедрить такой эффект на любой сайт. При наведении на блок мы скроем картинку и покажем на переднем плате текст. Структура каркаса сделана на блоках div в HTML, в принципе в простой и понятной форме.Вся animation написана буквально в пару строк в CSS3. Задействуем в CSS: • псевдоклассы :before и :after • используем пересечение цветов при помощи mix-blend-mode: darken; • элементы анимируем при помощи transform и transition Обсуждение видео: Подписка на канал: Видео сборник: *Видео метки*: [00:30] - Делаем основной каркас блока в index.php [01:30] - Описываем стили в CSS3 [02:49] - Псевдоклассы :before и :after [03:58] - Анимирование при помощи transform и transition *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Ссылки из урока: Архив с урока - CSS анимация (исходный код) - Использую музыку: Aero Chord - Time Leap [NCS Release] Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео по CSS3 animation было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Импорт в Excel позволяет работать с содержимым таблицы за пределами сайта. В данном видео, пойдет речь, как просто можно выгрузить содержимое таблиц битрикс в формат Excel через административную часть сайта на 1С Битрикс. Из видео Вы узнаете: • Как настроить таблицу под экспорт • Как настроить колонки под выгрузку • Как экспортировать элементы из таблицы в Excel ========================== Немного о нашем канале, в целях повышения продуктивности у специалистов и быстрой обучаемости молодого персонала делимся опытом в сфере управления сайтом на 1С Битрикс. Видео разработано для начинающих контент менеджеров, а так же лиц желающие научится управлять CMS битрикс. Наш сайт - Группа в контакте - Группа в facebook -


Исходный код с урока - Предыдущий урок (1 часть) - Что лучше, использовать готовый Фреймворк Bootstrap или использовать CSS Grid? Этим вопросом задаются многие, но что бы на него ответить нужно разобрать каким образом Bootstrap строит модульную web-сетку. В данном видео уроке разберемся что такое модульная сетка в web-дизайне и рассмотрим верстку на bootstrap где сравним ее с CSS Grid. По завершению видео урока, можете проверить себя выполнив домашнее задание. Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Псевдоэлемент nth-child, grid-template-areas, grid-template-columns, grid-template-rows, grid-gap и еще дополнительные стили. Документацию по CSS3, HTML5, Фреймворку Bootstrap, CSS Grid, Flexbox Редактор PhpStorm *Видео метки*: [00:10] - Что такое модульная сетка [02:00] - Рисуем модульную сетку [02:36] - Bootstrap верстка блоков [05:18] - Bootstrap 12 кол. сетка [10:06] - Проблемы при верстке на Bootstrap [14:58] - CSS Grid верстка блоков [19:31] - Разметка сетки на Grid [23:50] - Адаптируем на Grid [28:07] - Задание для практики Обсуждение видео: Скачать архив с урока - Шпаргалка по EMMET - Подписка на канал: Видео сборник: Документация Bootstrap - *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео Что лучше CSS Grid или Bootstrap Вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Архив с урока - В видео покажу как сделать красивую социальную панель на HTML и CSS3. При наведении кнопки будут плавно выезжать с выпадающим списком. В качестве иконок подключим шрифты и оформляем их под свои стили. Скачать и посмотреть код - Подписка на канал - Обсуждение видео: Видео сборник- *Видео метки*: [00:36] - Описываем каркас HTML и подключаем иконки [02:46] - Описываем иконки в index.html [03:57] - Описываем оформление в CSS3 *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Ссылки из урока: Урок Формы в CSS - Шрифтовые иконки - Использую музыку: Tobu - Life [NCS Release] Uplink & Jason Gewalt - Euphoria [NCS Release] Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео по CSS было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки по 1С битрикс.


В практическом уроке по javascript, разберем что такое объекты, свойства и методы, какой самый главный объект в JS и как им пользоваться. Часть 1: Введение в JS - Часть 2: Виды подключений JS - Часть 4: Отлов ошибок - Часть 5: Инструкции и Функции - Часть 6: Типы данных - Часть 7: Переменные - Часть 8: Математические операции - В JavaScript самый главный объект называется document, в нем содержатся все объекты, элементы веб-страницы отображаемые на экране. У этого объекта есть свои свойства и методы при помощи, которых мы можем воздействовать на данный объект. Первый метод с которым познакомимся write. При помощи данного метода мы можем записывать на страницу новую веб-информацию. Если мы хотим вывести текстовое содержание на странице, нам необходимо открыть в скобках кавычки двойные, либо одинарные и в нутрии их пропишем произвольный текст. document.write() – это команда JS, которая буквально отображает то, что вы помещаете между открывающей и закрывающей скобками. И тут вы должны усвоить, что символы помещаете между кавычками, интерпретатор JS будет выводить как обычный текст. Также при помощи данного метода document.write() мы можем отображать и HTML код. В следующем видео поговорим как отлавливать ошибки при написания кода в JS. Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: *Видео метки*: [01:02] - Функция alert() [02:38] - Объекты, методы, свойства в javaScript [03:00] - Объект document [03:32] - Метод write [03:46] - Как прописать кавычки [05:28] - Как вывести вторые кавычки [06:38] - Экранирование кавычек *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео по JavaScript - 3 document.write Вам было полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Весть код с урока тут - Массив в языке JavaScript, довольно интересная тема в которой стоит разобраться. Можно сказать это фундамент без которого сложно представить программирование на js. Если вы до сих пор не понимаете что такое массивы, для чего они нужны в программировании, как с ними работать, значит это видео урок по массивам в js для вас. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Сборник уроков по JavaScript - В принципе все что ван нужно усвоить из данного урока, то что массивы это упорядоченный набор элементов, каждый из которых имеет свой порядковый номер, который называется индексом. В следующих уроках продолжим тему по Массивам, будем разбирать методы и свойства работы с ними. Из урока по Массивам JS вы узнаете: - что такое массивы; - для какой цели используют их в программировании; - из чего состоят массивы; - как создавать массив; - как обращаться к массиву; - как записывать в ячейки массива новую информацию. По завершению видео дано задание: Создайте два массива. В первый положите название стран, во второй численность население этих стран. В разметке html создайте блок div. При помощи метода getElementsByTagName и свойства innerHTML с которым мы знакомились в предыдущем уроке, выведите на страницу название стран на напротив которых указанно население. То есть, вам нужно будет поработать с этими двумя массивами и вспомнить работу с DOM элементами. Список представьте в таком виде: Россия – 142 мил. Австрия – 9 мил. Польша – 38 мил. Латвия – 2 мил. Чехия – 11 мил. Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: Голосование - *Видео метки*: [00:10] - Задача из предыдущего урока [02:37] - Массивы общее понятие [05:52] - Как создаются массивы [08:43] - Многоуровневый массив [11:50] - Как обращаться к массиву [14:00] - Практическая задача *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3, HTML5, JavaScript Редактор PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Мы очень рады если видео по JavaScript - 10 МАССИВЫ = [ ] / Понятие и назначение их в JS вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по JS, так и другим WEB разработкам.


Как только начинаешь программировать на JavaScript, наступает неприятный момент, когда код написан, но по каким-то причинам он отказывается работать. При всем этом браузер ведет себя нормально, не каких сообщений, что присутствуют ошибки, не отображает. Как отследить в таком случае банальные опечатки и ошибки в javascript? Часть 1: Введение в JS - Часть 2: Виды подключений JS - Часть 3: document.write - Часть 5: Инструкции и Функции - Часть 6: Типы данных - Часть 7: Переменные - Часть 8: Математические операции - В данном видео разберем, три метода при помощи которых можно отловить синтаксические ошибки JavaScript. Более детально покажу, как пользоваться консолью браузера и отслеживать в ней ошибки, покажу как при помощи функции alert(); можно проверить работоспособность файлов JavaScript и в некоторых местах отловить ошибки, так же поговорим о сторонних сервисов, которые помогают отловить ошибки в коде JS. Ссылки с урока: JavaScript валидатор - Parser JS - Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: *Видео метки*: [01:36] - Отлавливаем ошибки через консоль браузера [02:53] - Отслеживания ошибок в Ghrome [04:42] - Отлов ошибок при помощи Explorer [05:07] - Консоль Firefof проверка на ошибки [05:31] - Проверка при помощи функции alert(); [07:36] - Используем сторонние сервисы [07:50] - JavaScript валидатор [08:52] - Проверяем на ошибки при помощи parser JS *Другие видео на канале DWSTV*: JavaScript Уроки с нуля - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео по JavaScript - 4 Отлов ошибок Вам было полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по JS, так и другим WEB разработкам.


Данный выпуск посвящен меню в CMS 1С_Битрикс. Начинающий пользователь сталкивается с проблемой не понимания, как это меню формируется и выводится на сайте, как его изменить и добавить свои разделы. В данном выпуске по управлению меню в системе Битрикс мы разберем: • Что такое меню в 1С Битрикс • ТИП меню и его виды • Статическое меню файл с массивом «$aMenuLinks» • Динамическое меню файл с приставкой «_ext.php» Подписка на канал - Обсуждение видео: Видео сборник- *Видео метки*: [01:53] - Что такое меню в CMS 1С-Битрикс [02:53] - Тип меню и его виды [04:35] - Отображение меню в 1С Битрикс [05:24] - Статическое меню файл с массивом $aMenuLinks [11:13] - Динамическое меню файл с приставкой _ext.php [12:43] - Выводим меню при помощи компонента bitrix:menu *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по 1С-Битрикс Платформу CMS 1С Битрикс редакция Бизнес ; Документация по Битрикс: Управление меню - Меню в Bitrix Framework - Компонент пункты меню - Использую музыку: Laszlo - Imaginary Friends [NCS Release] TheFatRat - Monody (feat. Laura Brehm) TheFatRat - Windfall Alan Walker - Force [NCS Release] Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео по Настройке МЕНЮ в Битрикс было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки по 1С битрикс.


в данном видео подробно разберем, как создавать страницы на сайте. Из видео Вы узнаете: • Как создать статическую страницу • Как создать Динамическую страницу • Какие свойства при этом задаются Если смотрели предыдущие уроки, Вы знаете, что на сайте могут быть представлены несколько видов информации эта статическая и динамическая, как страничка создается в рамках этой информации смотрите в видео-уроке Создание новых страниц. Схожие запросы по теме: 1. страница в битрикс 2. битрикс новая страница 3. создание страницы 1с битрикс 4. битрикс заголовок страницы 5. создание страницы битрикс 6. добавить страницу в битрикс 7. битрикс свойства страницы 8. текущая страница битрикс 9. редактирование страниц битриксе 10. как создать страницу в битрикс 11. битрикс редактируемые страницы 12. битрикс title страницы 13. битрикс пустая страница 14. теги страницы битрикс 15. битрикс название страницы 16. адрес текущей страницы битрикс 17. уроки битрикс ========================== Немного о нашем канале, купив сайт на 1С Битрикс, многие установив его не знают как им управлять и что дальше делать, в целях демонстрации что Ваши вложения были не напрасны мы снимаем эти видео-уроки. Смотрите, учитесь, развивайтесь в месте с нами. Видео разработано для начинающих контент менеджеров, а так же лиц, желающие научится управлять CMS битрикс. Наш сайт - Группа в контакте - Группа в facebook -


Описание видео: В этом уроке вы научитесь настраивать URL разделов, рассмотрим настройку инфоблока каталога товара и с вложенными разделами. Довольно простые настройки помогут с легкостью адаптировать страницу под SEO запрос, вывести именно тот URL который необходим для страницы. Во время урока я использую: CMS 1С-Битрикс платформа Бизнес ; Смотрите видео курс 1С Битрикс для начинающих : Наш сайт видеоуроков: Новости в мире web разработок: Канал в facebook: Схожие запросы по видео уроку: 1. уроки по битрикс 2. битрикс обучение 3. настройка ЧПУ 4. установка URL 5. управление ЧПУ битрикс 6. не работает ЧПУ битрикс 7. настройка чпу компонента битрикс 8. bitrix настройка чпу ========================== Мы очень рады если видео урок был вам полезным, если хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео уроки по 1С битрикс.


Описание видео: В этом видео уроке по 1С Битрикс пойдет речь о разделах, а в частности вы узнаете: - какие есть способы создания раздела; - как при создании раздела добавить ссылку в пункт меню; - особенности при добавлении раздела. Создавая разделы в битрикс мы формируем структуру сайта примерно так же как работаем с папками и файлами у себя за компьютером. В видео разберем методы создания разделов в CMS Битрикс: - Создадим раздел при помощи мастера; - Создадим раздел в административном меню; - Создадим раздел при помощи СТРУКТУРЫ. Во время урока я использую: CMS 1С-Битрикс платформа Бизнес ; Смотрите видео курс 1С Битрикс для начинающих : Наш сайт видеоуроков: Новости в мире web разработок: Канал в facebook: Схожие запросы по видео уроку: 1. уроки по битрикс 2. битрикс обучение 3. добавление раздела битрикс 4. создание подраздела битрикс 5. битрикс как создать раздел 6. структура страниц и разделов битрикс 7. создание раздела битрикс ========================== Мы очень рады если видео ко муто было полезным, если хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео уроки.


Исходный код - В данном видео поделюсь как можно красиво анимировать изображение при помощи transform и transition, а также задействуем псевдоэлементы :before и :after. В се это реализуется на чистом CSS HTML. Картинку расположим по центру экрана, при наведении увеличим ее с небольшим поворотом и эффектом размытия, а при помощи псевдоэлементов before, after, задаем затемнения с анимацией появления текста. Заголовок появляется с заднего фона, а параграф с переднего. Зададим кнопке блик, и в конечном итоге получится красивая анимация. Все это реализуем на чистом CSS3, и в уроке задействуем: • Псевдоэлементы :before и :after • Расположим элементы при помощи position • А для анимации воспользуемся transform и transition Обсуждение видео: Подписка на канал: Видео сборник: *Видео метки*: [01:51] - html разметка [05:25] - Этапы описания стилей CSS3 [07:54] - Псевдоэлементы :before и :after [12:44] - Анимирование при помощи transform и transition *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео по CSS3 animation было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


В этом уроке создадим слайдер контента благодаря Twitter Bootstrap 3. Сделаем анимированное появление текста, адаптируем текстовые блоки под разные расширения. Скачать шаблон - Исходный код и демка - Для реализации данного слайдера мы задействуем Фреймворк Bootstrapсо, для анимации используем animation, keyframes, а для адаптации задействуем media запросы. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Обсуждение видео: Текстовое описание урока - Подписка на канал: Видео сборник: *Видео метки*: [00:53] - Скачиваем bootstrap 3 [02:00] - Разбор шаблона [02:28] - Описываем каркас слайдера [05:44] - Оформляем стили текста [06:07] - Анимируем текст [07:45] - Адаптируем блоки с текстом [10:10] - Устанавливаем интервал слайдов *Другие видео на канале DWSTV*: Уроки по bootstrap - JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по Bootstrap Редактор PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео Адаптивный СЛАЙДЕР с помощью Twitter Bootstrap 3 было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Приступаем к изучению грамматике языка JavaScript. Данный урок вводный и в нем разберем такие понятия как Инструкции и Функции языка JS. Рассмотрим общий алгоритм написание кода, а также покажу, как не стоит кодировать. Дам общее понятие встроенных функций и как функции отличаются от общего кода. Более подробно смотрите в уроке «JavaScript - 5 ИНСТРУКЦИИ - ФУНКЦИИ» Часть 1: Введение в JS - Часть 2: Виды подключений JS - Часть 3: document.write - Часть 4: Отлов ошибок - Часть 6: Типы данных - Часть 7: ПЕРЕМЕННЫЕ и работа с ними - Часть 8: Математические операции - Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: *Видео метки*: [01:38] - Инструкции языка JavaScript [03:27] - Встроенные функции JS *Другие видео на канале DWSTV*: JavaScript Уроки с нуля - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео по JavaScript - 5 ИНСТРУКЦИИ - ФУНКЦИИ Вам было полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по JS, так и другим WEB разработкам.


Многие обладатели лицензии 1С_битрикс знают о многосайтовости на этой платформе, как она строится и функционирует, но мало кто ее задействует. В данном видео покажу как установить на одной лицензии второй сайт, а также разберем принципы работы данного механизма. Многосайтовость можно реализовать двумя основными способами: 1 - сделать ее на одном домене; 2 - создать на разных доменах. Каждый способ по своему хорош, имеет свои плюсы и минусы, а вам остается выбирать какой использовать на своем ресурсе. В данном уроке разберем первый вариант, реализуем мультисайтовости на одном домене. Подписаться на канал и смотреть уроки первым - Обсуждение видео: Другие Видео по 1С Битрикс- Документация Битрикс: Описание многосайтовости - Стоимость многосайтовости - Документация по многосатовости - *Видео метки*: [01:20] - Стоимость многосайтовости [02:34] - Детальный разбор многосайтовости [03:26] - Варианты многосайтовости [04:48] - Пример многосайтовости у Яндекса [05:58] - Настраиваем многосайтовость [09:45] - Устанавливаем второй сайт [11:26] - Разбор многосайтовости Во время урока я использую: Платформу с CMS 1С_Битрикс редакция Бизнес ; Документацию битрикс Редактор PhpStorm *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео уроки по Битрикс были Вам полезен, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.


Данное видео является вводной частью раздела «Информация на сайте» в разделе будем рассматривать вопросы, какие есть инструменты для работы с информацией, какие бывают типы информации и самое главное как с ней можно работать. Из видео Вы узнаете: • Какие есть инструменты для работы с информацией • Что такое «Живая сессия» • Как обезопасить себя от потери данных Схожие запросы по видео: 1. настройка битрикс 2. битрикс управление 3. 1с битрикс управление 4. битрикс сессии 5. битрикс время сессии 6. уроки битрикс 7. битрикс для начинающих 8. 1с битрикс видео 9. работа сайте 1с битрикс 10. битрикс обучение ========================== Немного о нашем канале, в целях повышения продуктивности у специалистов и быстрой обучаемости молодого персонала делимся опытом в сфере управления сайтом на 1С Битрикс. Видео разработано для начинающих контент менеджеров, а так же лиц желающие научится управлять CMS битрикс. Наш сайт - Группа в контакте - Группа в facebook -


Приступаем к более серьезной теме по JavaScript Типы Данных. В видео уроке проведем сравнение JS с реальным миром, освежим предыдущую информацию и рассмотрим новые примеры. Голосование в VK - Более подробно поговорим о таких тапах данных как, number ( число), string ( строка), Boolean ( логический или булев тип), разберем что такое логический (булев) который принимает всего два параметра истину или ложь. Рассмотрим как правильно использовать кавычки в строковом типе данных. Обо всем этом смотрите подробнее в данном видео уроке по основам javascript. Часть 1: Введение в JS - Часть 2: Виды подключений JS - Часть 3: document.write - Часть 4: Отлов ошибок - Часть 5: Инструкции и функции - Часть 7 ПЕРЕМЕННЫЕ и работа с ними - Часть 8: Математические операции - Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: Голосование - *Видео метки*: [00:47] - Что такое типы данных [01:32] - number (числовой тип) [03:07] - string (строковый тип) [05:49] - boolean (логический тип) *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео по JavaScript - 6 ТИПЫ ДАННЫХ введение Вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по JS, так и другим WEB разработкам.


Данное видео это продолжение к уроку Кнопка на CSS / Button animation CSS3 где мы создавали кнопку, а тут реализуем эффект пульсирующего клика, который будет начинаться из центра курсора. Исходный код с урока - Ссылка на предыдущий архив - В уроке продолжаем работать с DOM элементами, покажу как добавлять на страницу свои отдельные элементы, формировать у них стили для позиционирования, поработаем с анимацией и ключевым кадром. Для реализации данного эффекта используем: Отберем класс кнопки - getElementsByClassName(); Отлавливаем клик - addEventListener('click'); Создаем новый элемент - createElement('div'); Добавляем свой класс - classList.add('pulse'); Делаем анимацию - @keyframes; Достаем максимальное значение - Math.max(); Узнаем размеры элемента - getBoundingClientRect(); Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: *Видео метки*: [01:25] - Скачиваем код из предыдущего урока [01:52] - Общая концепция волнового эффекта [02:32] - Создаем JS и подключаем к странице [03:18] - Отлавливаем клик по кнопке [03:54] - Создаем блок div [04:24] - Добавляем для блока класс [05:00] - Отображаем блок в теле страницы [05:24] - Описываем стили пульсирующего круга [07:55] - Находим максимальное значение [09:14] - Задаем ширину и высоту при помощи JS [10:06] - центруем пульсирующий круг *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео ПУЛЬСИРУЮЩИЙ клик / Анимация кнопки на JavaScript Вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по JS, так и другим WEB разработкам.


Из данного урока вы узнаете, что такое Flexbox CSS и как при помощи его выравнивать элементы по горизонтали и вертикали. Описание свойств - Практический пример - В дальнейшем закрепляем знания на практическом примере где сделаем простенькую анимацию. Flexbox CSS, свойства с которыми познакомимся display, justify-content, align-items. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - Яндекс - Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по css и flexbox Редактор PhpStorm *Видео метки*: [00:22] - Делаем плацдарм по flexbox [03:22] - Свойство display [06:18] - Свойство justify-content [07:23] - Свойство align-items [09:20] - Практика по flexbox Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: Голосование - *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков:


Разбираем функционал внедрение включаемой области в Битрикс. В каких случаях ее удобно применять, как подключать на страничке через визуальный редактор, а также смотрите как ее установить в шаблон сайт. Разберем основные настройки компонента включаемой области и за что они отвечают, обо всем этом смотрите в видео уроке по установке включаемой области (ВО). Подписаться на канал и смотреть уроки первым - Обсуждение видео: Другие Видео по Битрикс- Ссылки с урока: Документация Битрикс: Контент-менеджер - Управление ВО - Вставка ВО API Битрикс - Видео метки: [00:47] - Для чего нужна включаемая область [01:34] - Настройки компонента включаемой области [04:43] - Устанавливаем в шаблон включаемую область [06:45] - Устанавливаем включаемую область в разделе Во время урока я использую: Платформу с CMS 1С_Битрикс редакция Бизнес ; Документацию битрикс Редактор PhpStorm Использую музыку: Paul Flint - Sock It To Them [NCS Release] Alan Cortes & Matz - Don't Stop To Dance Смотреть другие видео на канале DWSTV: Сайт с нуля - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео уроки по Битрикс были Вам полезен, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.


Исходный код с урока - ( Часть_1) Выпадающее МЕНЮ на чистом CSS / HTML - Этот урок продолжение первой части Выпадающее МЕНЮ на чистом CSS / HTML. В первой части видео показывал, как можно реализовать горизонтальное меню при помощи display:flex; а в данном уроке, мы адаптируем его под мобильные устройства. В уроке мы опишем медиа стили в отдельном файле, задействуем input и label для отслеживания щелчка, а при помощи @media запроса будем адаптировать горизонтальное меню под мобильные расширения. Весь код реализован на чистом CSS3 / HTML5. Объяснять стараюсь доступным языком, что будет понятно как для начинающих Веб-разработчиков, так тем кто в данной сфере работает. Обсуждение видео: В уроке задействуем: • дополним верстку мета тегом (meta name= viewport ) • задействуем input с атрибутом type= checkbox • используем label с атрибутом for= …. для отслеживания клика • воспользуемся медиа запросом @media all and (max-width: 800px) • и для анимации применим transition Более подробное описание тут - Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: *Видео метки*: [01:47] - Что используем в данном уроке [03:14] - Скачиваем и подготавливаем код [04:49] - Обзор мета тега viewport [06:10] - CSS стили под мобильное устройство [07:55] - Описываем input и label [08:55] - Оформляем медиа стили [12:03] - Описываем вложенные пункты [16:24] - Вложенные подпункты [19:35] - Анимируем меню transition *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Ссылки из урока: Media queries CSS - Архив кода на сайте - Шрифтовые иконки - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео по CSS3 адаптация горизонтального меню под мобильные устройства было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


В данном видео поговорим о шаблоне, а в частности «Структуре страниц сайта» на 1С Битрикс. Где на ней размещается информация, и как формируется сам шаблон. Из видео Вы узнаете: • Что такое (header, work area, footer) • Что остается не изменчивым от шаблона к шаблону • Какая информация редактируется через визуальный редактор Структура страничку – каждая страница сайта на 1С Битрикс формируется динамически путем подключения трех составляющих (header, work area, footer). 1. страница в битрикс 2. битрикс главная страница 3. битрикс шаблон страницы 4. битрикс заголовок страницы 5. создание страницы битрикс 6. добавить страницу в битрикс 7. новости страницу битрикс 8. битрикс свойства страницы 9. текущая страница битрикс 10. редактирование страниц битриксе 11. как создать страницу в битрикс 12. удалить страницу битриксе 13. битрикс редактируемые страницы 14. битрикс страница найдена 15. битрикс title страницы 16. битрикс пустая страница 17. теги страницы битрикс 18. битрикс название страницы 19. адрес текущей страницы битрикс 20. создание страницы 1с битрикс 21 битрикс детальная страница новости ========================== Немного о нашем канале, купив сайт на готовом движке 1С Битрикс, многие установив его не знают как им управлять и что дальше делать, в целях демонстрации что Ваши вложения были не напрасны мы снимаем эти видео-уроки. Смотрите, учитесь, развивайтесь в месте с нами. Видео разработано для начинающих контент менеджеров, а так же лиц, желающие научится управлять CMS битрикс. Наш сайт - Группа в контакте - Группа в facebook -


В данном видео разберем «типы информации» представленные на сайте. Из видео Вы узнаете: • Что такое статическая информация • Что такое динамическая информация • В чем различие между ними Как нам известно, на сайте может быть представлено два вида информации это «Статическая» и «Динамическая», в данном уроке я покажу, в чем различие между ними, как она размещается и отображается на сайте. Схожие запросы по видео: 1. уроки битрикс 2. битрикс для начинающих 3. 1с битрикс видео 4. работа сайте 1с битрикс 5. cms битрикс 6. битрикс инструкция 7. битрикс обучение 8. страница в битрикс 9. битрикс видео 10. битрикс инструкция для начинающих 11. битрикс как работать 12. битрикс описание ========================== Немного о нашем канале, купив сайт на готовом движке 1С Битрикс, многие установив его не знают как им управлять и что дальше делать, в целях демонстрации что Ваши вложения были не напрасны мы снимаем эти видео-уроки. Смотрите, учитесь, развивайтесь в месте с нами. Видео разработано для начинающих контент менеджеров, а так же лиц, желающие научится управлять CMS битрикс. Наш сайт - Группа в контакте - Группа в facebook -


В CMS битрикс есть классный функционал, при помощи одного файла init.php который не обязательный, можем подключать разные скрипты необходимые для работы сайта. Сам файл автоматически подключается в прологе что дает возможность постоянного запуска скриптов. В видео уроке рассмотрим пример подключения скрипта Распечатки массива покажу, как правильно формировать код, как предостеречь себя от ошибки при работе с init.php через сайт. Подписаться на канал и смотреть уроки первым - Обсуждение видео: Другие Видео по Битрикс- Ссылки с урока: Архив файлов - Документация Битрикс: Страница и порядок ее выполнения - Документация - Видео метки: [00:58] - Порядок выполнения init.php [01:17] - Расположение init в структуре сайта [01:35] - Создание init.php на сайте [02:30] - Пишим свою функцию в инит [03:34] - Метод IsAdmin [05:23] - Формируем провильно код в init [07:02] - Ошибки, как себя защитить Во время урока я использую: Платформу с CMS 1С_Битрикс редакция Бизнес ; Документацию битрикс Редактор PhpStorm Использую музыку: LFZ - Echoes [NCS Release] Valence - Infinite [NCS Release] Смотреть другие видео на канале DWSTV: Сайт с нуля - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео уроки по Битрикс были Вам полезен, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.


JavaScript – это настоящий язык программирования. Он работает не так как HTM или CSS и имеет свой собственный синтаксис. Часть 1: Введение в JS - Часть 3: document.write - Часть 4: Отлов ошибок - Часть 5: Инструкции и Функции - Часть 6: Типы данных - Часть 7: Переменные - Часть 8: Математические операции - В видео уроке расскажу общее понятие что такое программирование, разберем как работает JavaScript в браузере, для чего нужен интерпретатор, и в каких случаях удобно подключать скрипт на отдельной странице, а в других из файла. В следующем видео приступим к написанию не больших программы на JS. Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: *Видео метки*: [00:08] - Базовый знания JavaScript [01:58] - Что такое программа [02:57] - JavaScript примеры подключения [03:56] - Добавления JS в head [04:46] - script после body [05:51] - Подключаем JavaScript отдельным файлом *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео по JavaScript - 2 Виды подключений Вам было полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Исходный код с урока - Продолжение уроков: ► 2 FORMA / Вкладки на CSS и JS - ► 3 FORMA / Переключение tabs на CSS и JS - ► 4 FORM / Эффект плавающего текста на CSS - ► 5 FORM / ::before ::after (Практика) - ► 6 FORM / Чекбокс (АНИМАЦИЯ) - ► 7 FORM / Анимация ::before и ::after на transform - Это первое видео из серии уроков по созданию привлекательной формы на CSS. За несколько уроков создадим форму авторизации и регистрации с переключателями в виде табов и различными эффектами. В данных уроках разберем рад фишки как на CSS так и на JS, к тому же, вы сами сможете эти два инструмента сравнить, и выбрать оптимальный вариант который вам по душе. Вкратце что будем в уроках: - Верстку сделаем с использованием FlexBox. - Пробежимся, как вставлять шрифтовые иконки - Научимся делать вкладки, к тому же не просто научимся, а по этап но разберем, как этот механизм работает на CSS и на JS. - Реализуем с вами плавающий текст. До этого в одном из уроков я показывал, как это делать при помощи JS, а тут рассмотрим как это сделать при помощи CSS. - Познакомимся по ближе с псевдоэелемтами ::before и ::after, и на базе этих знаний сделаем анимацию у кнопки, далее создадим свой анимированный чекбокс. - В заключительном уроке создадим круговую анимированную обводку у социальных иконок. По истечению этих уроков вы определенно приобретете знания, которые в дальнейшем вам пригодятся. Обязательно практикуйтесь и внедряйте то что узнали, ведь теория это просто слова, подкрепляйте это все своими действиями и вы научитесь понимать как CSS так и JS. Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по CSS3, HTML5 Редактор PhpStorm *Видео метки*: [02:17] - Предварительная подготовка файлов [04:16] - Выравнивание элементов на странице [04:48] - Описываем общую структуру форм [07:00] - Отбираем и вставляем иконки [11:06] - Оформление в CSS [16:30] - Логика переключателей (Таб) Обсуждение видео: Скачать изображение - Скачать архив с урока - Шпаргалка по EMMET - Шпаргалка по Иконкам - Подписка на канал: Видео сборник: *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео 1 FORMA на CSS / Предварительная разметка Вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Исходный код - В данном уроке создадим прикольную кнопку на CSS с плавной анимацией раздвоения. Для этого я накидал чертеж что бы проще понимать ее структуру и в данном видео поэтапно разберем создания анимированной кнопки с эффектом плавного раздвоения. Идея тут в следующем, сделать кнопку как бы из двух частей, она должна быть анимированной, при наведении раскрываться вторая часть, вытягивая за собой внутренний блок, где находится надпись, а в момент убирания курсора все должно вернуться в исходное положение. Обсуждение видео: В уроке задействуем: • псевдоэлементы :before, :after; • при помощи position с позиционируем блоки; • псевдоклассами :hover, :activ определим стили при наведении и клику мышки; • и сделаем плавную анимацию при помощи transition, transform. Более подробное описание тут - Подписка на канал: Видео сборник: *Видео метки*: [02:30] - Пишем html структуру кнопки [05:10] - Описываем стили кнопки в CSS [11:37] - :hover, :activ - динамика при наведении [15:32] - Оформляем кнопку *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3 Редактор PhpStorm Ссылки из урока: Архив кода на сайте - Шрифт Cuprum - Генератор Градиентов - Использую музыку Автора: We Don't Talk Anymore (Piano & Violin Orchestral Version) by David Solis Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео по Анимированная КНОПКА на CSS3 было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Видео уроки по 1С Битрикс - В видео проведем обзор лучших CMS движков за 2017г. Эти системы управление контентом входят в ТОП_5 по всему миру, на них разрабатывают огромное количество сайтов от визиток до огромных порталов и сервисов. Мы проведем сравнительные характеристики их функционала, определим сильные и слабые стороны каждой CMS и подведем общий их рейтинг. Видео по обзору CMS движков затронет следующие системы управление контентом - wordpress, joomla, modx, 1с_битрикс, drupal. Данный обзор движков поможет определиться начинающему программисту или заказчику, какая система идеально подходит именно под его задачи, а также понимать их отличия будет не лишним. Вы себе сможете ответить на следующие вопросы, какая cms лучше, какая cms лучше для интернет магазина, какая cms лучше для seo, обо всем этом смотрите в видео по ТОП-5 лучших CMS движков. Подписка на канал - Обсуждение видео: Видео сборник- *Видео метки*: [01:20] - Рейтинг CMSmagazine [02:20] - Рейтинг Рунета [02:27] - Рейтинг iTracl [03:59] - Рейтинг SEO Auditor [04:19] - Обзор MODx [07:25] - Обзор Drupal [09:30] - Обзор Joomla [11:52] - Обзор 1С-Битрикс [14:34] - Обзор WordPress [17:42] - Характеристики ТОП-5 CMS *Другие видео на канале DWSTV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - *Рейтинг CMS (систем управления сайтами)*: *Хостинг* - Использую музыку: Aero Chord - Time Leap [NCS Release] Laszlo - Imaginary Friends [NCS Release] Tobu - Seven [NCS Release] Elektronomia - Sky High [NCS Release] Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора: Канал группы в VK: Мы очень рады если видео было Вам полезно, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки по 1С битрикс.


Порой стоят задачи где без режима правки в системе 1С-Битрикс не обойтись, это экономит и время на редактирование материалов, и нервы. Нельзя не отметить насколько удобно в визуальной части сайта изменять элементы не переходя в административный его раздел. В видео разбираем Режим правки который находится в правом верхнем углу в виде переключателя, его основная задача облегчает редактирования уже созданных компонентов прямо из публичной части сайта. ========================== Немного о нас, наша компания ООО Дальвебстрой является сертифицированными партнерами разрабатываем сайты на CMS 1С-Битриксе, берем сайты на сопровождение и продвижение. Наш сайт - Группа в контакте - Группа в facebook -


Всем привет! На подходе продолжение к уроку по - “Выпадающее МЕНЮ на чистом CSS / HTML” . В этот раз сделал анонс, чтобы заранее собрать вопросы которые у вас могут возникнуть по этой теме. МОБИЛЬНАЯ ВЕРСИЯ горизонтального меню | Адаптируем меню на чистом CSS - Пишите какие уроки хотите видеть, ставьте лайки и не забывайте подписываться на канал, если вы еще этого не сделали! Спасибо, скоро увидимся! Подписаться на канал и смотреть уроки первым - *Другие видео на канале DWS TV*: Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео уроки Вам полезны, хотите поблагодарить жмите кнопку нравится и не забывайте делится ими с друзьями. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по CSS.


Шпаргалка по Массиву - Код с урока - Продолжаем работать с Массив в языке JavaScript, и в данном уроке поговорим о свойстваx и методах у данного объекта. Да именно объекта, так как массив в JS является объектом и у него есть свои свойства и метода работы с ним. В уроке разберем методы изменения массива push / pop, unshift / shift, splace и так же свойство length. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - Сбербанк - 4276-3000-2291-1211 В принципе все что ван нужно усвоить из данного урока, то что массив это объект и он обладает своими свойствами и методами. Свойством объекта в JavaScript является его часть, а метод эта некая функция которая характерна для определенного объекта. При помощи точечного синтаксиса как в принципе с document.write(), мы обращаемся к методу текущего объекта. Пример: Название_объекта.свойство_объекта Название_объекта.метод_объекта (параметры) В следующем уроке продолжим тему по Массивам, познакомимся с другими его методами как сортировка, реверс, объединение массива в строку Из урока МАССИВЫ (свойства и методы объекта) вы узнаете: - что такое свойство и метод массива; - для чего нужно свойство length; - методы добавления push / unshift; - методы удаления pop / shift; - поговорим о методе splace(); По завершению видео дано задание: Сделайте простой ежедневник. Создайте форму, которая принимает следующие данные от пользователя, день недели в виде списка и текстовое поле. В низу расположены две кнопки, по нажатию на кнопку «отправить», день недели и текстовое сообщение заносится в массив, по нажатию на кнопку «распечатать», нужно вывести все занесенные сообщения из массива на странице под формой снизу. Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: Голосование - *Видео метки*: [00:10] - Задача из предыдущего урока [03:02] - Массив как объект (понятие) [05:05] - Доступ к методу объекта [06:23] - Свойство length [09:49] - Методы добавления push / unshift [11:41] - Методы удаления pop / shift [12:51] - Метод splace [16:20] - Задача. Ежедневник *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Во время урока я использую: Документацию по CSS3, HTML5, JavaScript Редактор PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Мы очень рады если видео по JavaScript - 11 МАССИВЫ ( свойства и методы объекта) вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по JS, так и другим WEB разработкам.


Создавая уникальные страницы с HTML и CSS, приходится задумываться об адаптации их под разные разрешения экранов. Есть множество способов сделать Responsive Web Design, я на практике покажу вариант адаптации при помощи медиа_запросов ( media queries). Responsive design with media queries помогает подстроить элементы странички под разные разрешения экранов, а как это сделать смотрите в данном уроке. Ссылка на верстку - Архив с адаптивным кодом - Из видео урока по Media queries (Адаптация страниц) вы узнаете: • Как адаптировать горизонтальное меню; • Каким образом сделать меню по центру и растянуть его по ширине блока; • Каким адаптировать элементы страницы под разные разрешения; • Как скрыть не нужные блоки при маленьких разрешения. Ссылки на предыдущие выпуски: Media queries CSS (теория) - Адаптивное меню на чистом CSS - Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: *Видео метки*: [01:43] - Переносим верстку [02:25] - подключаем media файл [02:50] - устанавливаем цвет при разрешения в 900 пик. [03:49] - мета тег viewport [04:49] - медиа-запрос на 768 пик. [05:21] - адаптируем блоки новостей [09:32] - адаптируем горизонтальное меню [10:07] - центруем горизонтальное меню [10:36] - растягиваем горизонтальное меню [11:30] - добавляем иконку в меню [15:06] - выстраиваем меню вертикально [16:17] - описываем шелчок по иконки в меню [18:55] - скрываем блоки на маленьких разрешения [19:50] - медиа запрос на 500 пик. *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео по Responsive Web Design Вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


В данном уроке разберем, как сделать процентное соотношение загрузки прелоадера с элементами на странице. Тут поработаем с jQuery, познакомимся с его методами, узнаем, как работают циклы, создадим свою функцию, которая будет выполнять определенные действия. Скачать код с урока - Ссылка на предыдущий архив - Для реализации данной идеи сделаем следующее. Получим общее количество картинок на странице, узнаем процентное соотношение, сколько отводится на каждую картинку. В цикле заполняем прогресс бар до момента как все изображения получим и в конечном итоге при 100% загрузки, показываем всю страницу, а прелоадер скрываем. Это и будет общей концепцией данного скрипта. Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: *Видео метки*: [02:11] - План создания прелоадера [02:50] - Копируем файлы из предыдущего урока [05:00] - Создаем переменные [05:43] - функция length [07:57] - Клонируем изображения [09:43] - События в цикле onload и onerror [10:00] - Создаем функцию [11:40] - Скрываем прелоадер [13:45] - Дополняем функционал прелоадера *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Страничка в VK автора уроков: Канал группы в VK: Мы очень рады если видео Прелоадер с процентной загрузкой Вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по JS, так и другим WEB разработкам.


Урок по установке своих стилей в визуальном редакторе Битрикс. Выведем стили отображения не только в форме редактирования, но и встроим их в само меню, в своем оформлении. Видео будет полезен тем кто хочет расширить функционал визуального редактора, и получать удовольствие от редактирования контента ))). Подписаться на канал и смотреть уроки первым - Обсуждение видео: Другие Видео по Битрикс- Ссылки с урока: Архив стилей - Документация Битрикс- Видео метки: [00:29] - Кому полезен функционал [01:39] - Выводим стили в область меню редактора [02:32] - Стили в редакторе, настройка [03:41] - Выводим стили в область редактора Во время урока я использую: Платформу с CMS 1С_Битрикс редакция Бизнес ; Документацию битрикс Редактор PhpStorm Использую музыку: Lensko - Rebirth [NCS Release] Смотреть другие видео на канале DWSTV: Сайт с нуля - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео уроки по Битрикс были Вам полезен, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.


Видео добавлено: