Знакомство с основным каркасом страницы | Курс HTML


ПОДДЕРЖАТЬ АВТОРА И КАНАЛ:
www.liqpay.ua/ru/checkout/380638562538

Webmoney:
Z166344793421
R369744777501
U871336351200

Телеграмм чат: t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g

Вступайте в группу и задавайте интересные вопросы!!!

1. Для каких целей был сформирован HTML.
2. Инструменты для верстки.
— Браузер (Google Chrome, Safari, Microsoft Edge, Mozilla)
— Инструменты разработчика (F12 или Ctrl Shifr I)
— Графический редактор (Photoshop)
— Редактор кода (Notepad, Sublime, Brackets)
— FTP клиент (Total Commander, FileZilla)
3. Введение в HTML – синтаксис.
4. Введение в его разметку.
5. Знакомство с его компонентами.
6. Каким образом нужно применять комментарии.
7. Что входит в базовые компоненты разметки.
8. Знакомство с атрибутами компонентов. htmlbook.ru/html/attr/common
9. Что собой представляют специальные символы. htmlbook.ru/samhtml/tekst/spetssimvoly
10. Введение в стандарты W3C.
validator.w3.org
11. Знакомство с документацией.
htmlbook.ru
12. Относительно каких принципов оформляется код.

notepad-plus-plus.org/download/v7.5.4.html
www.sublimetext.com
brackets.io

МАТЕРИАЛЫ: goo.gl/We9N8X
Зеркало: drive.google.com/open?id=1hnfKmIlNTLbsv93BJ1bSo6Vql7DnJpvO

Изучение JavaScript в одном видео уроке за час!


В этом видео уроке мы с вами изучим практически все моменты в языке JavaScript. Мы изучим переменные, массивы, циклы, условные операции, создание объектов, работу с событиями и многое другое. После прохождения этого видео урока вы сможете назвать себя JavaScript программистом!

Урок на сайте itProger: itproger.com/course/one-lesson/4

✔ Основной сайт: itproger.com/

✔ — Группа Вк — vk.com/prog_life
Группа FaceBook — goo.gl/XW0aaP

Instagram: www.instagram.com/gosha_dudar/
Я в Google — goo.gl/Tqt9W0
Страничка Twitter — twitter.com/GoshaDudar
Страничка Вк — vk.com/codi999

✔ Начните зарабатывать на YouTube — join.air.io/money_air
✔ Видео по заработку на YouTube — goo.gl/RLPXV8

Помощь в развитии канала.
* Яндекс Деньги: 410014343706921

* Кошельки WebMoney:
— Доллар: Z331064341236
— Гривна: U386388718252
— Рубль: R214610220703

300 Сайдбаров ► Как сверстать структуру сайта?


Знаете HTML, CSS, но Вам всё еще сложно верстать сайдбар, футер, шапку и так далее?
Научитесь как это делать правильно в этом видео!

►►► Второй канал Хауди, подпишись ;)
vk.cc/5lPADD

Человеческие цены на игры Steam и рандомы только тут — bit.ly/SteamAlmostFreeGames

Хочешь зарабатывать на своих видео в YouTube?
Подключайся! — youpartnerwsp.com/join?23195

#Ссылки из видео:
1) css-tricks.com/snippets/css/clear-fix/

► Жми красную кнопку «Подписаться» под видео :)
► Есть вопрос? — Задай его лично мне в наших группах!
===
► Наша группа ВКОНТАКТЕ — www.vk.com/howdyho_net
► Наш Twitter — www.twitter.com/howdyho_net

#Реквизиты для донатства | Поддержи канал!
Z252920168434
R250434217196

Музыкальный трек предоставлен YouTube Audio Library.

Выпадающее МЕНЮ на чистом CSS / HTML


(2 часть) Адаптация под мобильные устройства — youtu.be/tRoszGUp5Sg
Исходный код — bit.ly/2oVnIzd

В этом уроке мы сделаем, #выпадающее #горизонтальное #меню. Оно будет имеет #шрифтовые #иконки которые при наведении на меню меняют цвет.
Посмотреть и скачать код — bit.ly/2oVnIzd, а тут вторая часть — youtu.be/tRoszGUp5Sg

Сделаем небольшую #анимацию, в ней меняем цвет кнопки и текста, добавляем тень и все это отображается при наведении.
#Выпадающие #списки меню можно реализовать многоуровневыми простым копированием #UL и это все довольно просто реализовано на чистом #CSS / #CSS3.

Обсуждение видео: youtu.be/K3C4NdzFHg0

В уроке задействуем:
• #display: #flex;
• используем #transition;
• позиционировать элементы при помощи #position

Подписка на канал: dwstroy.ru/~dwstv
Видео сборник: dwstroy.ru/~S126H

*Видео метки*:
[01:13] — Структура разметки в #html
[02:22] — Подключаем шрифтовые иконки
[04:10] — Описываем #стили в #CSS
[04:29] — Подключаем шрифт Cuprum
[04:29] — Анмируем при наведении #hover
[08:10] — Выпадающее меню
[11:56] — CSS генератор #background

*Другие видео на канале DWSTV*:
Сайт с нуля — dwstroy.ru/~7KNnM
Уроки по #CSS — dwstroy.ru/~paoBU
1С Битрикс работа с сайтом — dwstroy.ru/~dEG4q
Управление системой Битрикс — dwstroy.ru/~Zdt4K
Настройки сайта 1С Битрикс — dwstroy.ru/~t0UVZ

Во время урока я использую:
Документацию по #CSS3
Редактор #PhpStorm

Ссылки из урока:
Архив кода на сайте — bit.ly/2oVnIzd
Шрифт Cuprum — bit.ly/2nulfPh
Шрифтовые иконки — bit.ly/2nXKJk3
Генератор Градиентов — bit.ly/2omhCtB

Использую музыку:
Love Me Like You Do (Violin Cover by Robert Mendoza) [from FIFTY SHADES OF GREY soundtrack]
www.youtube.com/watch?v=VZRVou4cyic

Добавляйтесь к нам в друзья:
Сайт видео-уроков: dwstroy.ru/video/
Канал в VK автора уроков: vk.com/dwstv
Канал группы в VK: dwstroy.ru/~MJM28

Мы очень рады если видео по #CSS3 #меню было Вам полезно, хотите «поблагодарить» жмите кнопку «нравится» и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.

Верстка HTML CSS За 2 Часа. Из PSD. С Нуля. Полная Запись.


Все основы верстки HTML и CSS в одном уроке для начинающих с нуля. Верстаем реальный макет сайта (лендинга) из Photoshop. СКАЧАТЬ МАКЕТ И ФАЙЛЫ верстки для ДЗ: wayup.in/lm/load/lm30 И еще кое что…

— Посмотрите другие видео о верстке:

День Верстальщика: Верстка С Нуля ☉ HTML/CSS/Адаптив — www.youtube.com/watch?v=xlwPU0BRQKQ

Создаем Сайт-Блог С Нуля За 4 Часа ☸ Photoshop/HTML/CSS/CMS — www.youtube.com/edit?o=U

CSS свойствах необходимые начинающему / CSS уроки


CSS свойствах необходимые начинающему / CSS уроки
В этом выпуске: CSS свойства. Что, для чего и как применяется, свойства, которые стоит запомнить в первую очередь, и всё это с примерами!

=======================================

Записаться на консультацию:
prosto-razrabotka.ru/

Стать спонсором канала:
www.youtube.com/channel/UCn-P_F0tfY21cfnkyv2lsRQ/join

=======================================

В прошлом видео мы говорили о том, что нужно знать о html тегах начинающему верстальщику. А в этом видео мы рассмотрим основные css свойства, кастомные css свойства и посмотрим в целом на список свойств css. Помимо этого, рассмотрим порядок свойств в css, это понадобится нам для того, чтобы создать стиль css. Не забывай, что мы пишем сайт с нуля html css, поэтому и проходим уроки по css с нуля. Если тебя интересует веб разработка с чего начать и верстка css для начинающих, то этот контент, именно то, что тебе нужно. На канале мы проходим уроки по верстке сайтов для начинающих, изучаем в css начало работы и разбираем наглядно css свойства примеры. Обращаю твое внимание на то, что команды css стилей разбиты на разные категории. Кроме того, в видео мы разберем в css самые используемые свойства и не обойдем стороной свойство flex в css. Поговорим о том, что такое наследуемые свойства css и как вообще происходит в css наследование свойства. Оставляйте ваши вопросы в комментариях и подписывайтесь на канал, приятного просмотра!

=======================================

Файл со CSS свойствами из видео:
bit.ly/2P4oQA0

=======================================

Полезные ссылки:
bit.ly/2o8yRkE — проверка кроссбраузерности свойства
bit.ly/35TTphV — статья про Flexbox
bit.ly/2VYYy3y — статья про CSS Grid

=======================================

Telegram
Канал — t.me/prostorazrabotka
Чат — t.me/prostorazrabotkachat

=======================================

Подписывайтесь в соц. сетях:
Facebook — www.facebook.com/vitaliy.kirenkov
VKontakte — vk.com/vitaliy.kirenkov
LinkedIn — www.linkedin.com/in/kirenkov
Twitter — twitter.com/VitaliyKirenkov
Instagram — www.instagram.com/vitaliy.kirenkov

=======================================

Мой второй канал:
www.youtube.com/channel/UC-QLh1F3Rzp6HY-FW1E3Eaw

=======================================

Привет, меня зовут Виталий Киренков, и я занимаюсь веб-разработкой с 2007 года. За это время я сверстал более 200 сайтов (как минимум, половина из них с JavaScript), разработал с коллегами 2 интернет-банка на React Redux Typescript. И на этом канале я делюсь своим опытом в части вёрстки, javascript, и делаю всякие полезные видео для новичков и не только.
Больше информации обо мне: kirenkov.me/

=======================================

Содержание:
00:00 Вступление
02:01 Background
05:48 Border
10:13 Color (color, opacity)
11:09 Dimension (height, width)
13:21 Generated content (content, counter-increment)
15:17 Font
17:08 List (list-style)
17:44 Margin Padding
22:17 Outline
22:45 Print
23:24 Table (border-collapse, border-spacing)
24:58 Text (text-align, text-decoration, text-shadow, line-height, vertical-align, letter-spacing, word-spacing)
31:38 Transform
33:11 Transitions
35:01 Visual formatting (display, position, float, visibility, box-shadow, box-sizing)

Учим JavaScript/jQuery за 1 час! #От Профессионала


Хотите выучить JavaScript и jQuery всего за 1 Час и при этом сделать это качественно? — Тогда смотрите от профессионала как!

Подпишись и поделись видео с друзьями!

Хочешь зарабатывать на своих видео в YouTube?
Подключайся! — youpartnerwsp.com/join?23195

#Ссылки из видео:
1) ru.wikipedia.org/wiki/JavaScript
2) ruseller.com
3) api.jquery.com/
4) javascript.ru/tutorial/foundation
5) Скачать Notepad можно тут notepad-plus-plus.org/downloa...

Жми красную кнопку «Подписаться» под видео :)
Есть вопрос? — Задай его лично мне в наших группах!
===
Наша группа ВКОНТАКТЕ — www.vk.com/howdyho_net
Наш Twitter — www.twitter.com/howdyho_net

Почти бесплатные игры из Стима тут — bit.ly/SteamAlmostFreeGames

Музыкальный трек предоставлен VSP Group и Apollo Music с сайта музыкальной библиотеки www.findthetune.com

Один день из жизни калифорнийского программиста


Продолжение: www.youtube.com/watch?v=AwQGtwcV-hA
Я ВКонтакте: vk.com/id2914871
Обычный будничный день из моей жизни. Живу и работаю программистом в южной Калифорнии, в городе Сан-Диего. На работу стараюсь приходить к 7 утра, тренируюсь в офисном спортзале. В 16:00 — 16:30 ухожу домой. Немного рассказываю о режиме питания под названием «периодическое (прерывистое) голодание» Intermittent Fasting.