Ошибки начинающих при верстке сайтов на HTML и CSS


В этом видео разберем частые ошибки, которые делают начинающие верстальщики при верстке сайта на HTML и CSS. Разберем ошибки на практике и поделюсь своими советами.

Главы видео:
00:00 — 00:00:19 — Введение
00:00:19 — Семантика
00:01:23 — margin/padding
00:04:55 — Фиксированная высота
00:06:49 — Межстрочный отступ
00:08:15 — Адаптивные изображения
00:09:53 — Логика блоков и элементов
00:12:28 — Работа с элементами форм
00:13:59 — Верстка textarea
00:15:45 — Стилизация :focus
00:17:33 — Оптимизация селекторов
00:19:25 — Стили на разных тегах
00:20:59 — Элементов может быть больше
00:22:29 — Декоративные элементы

// О проекте =================

Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке — HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.

На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.

// Соц. сети =================

Мой ВК — vk.com/odimaz

Группа BC — vk.com/brainscloud

Мой Instagram: www.instagram.com/dmitryvalak/

AV CC 61 - GOODHERTZ


Донаты на развитие канала: www.donationalerts.ru/r/andivax777

▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰
◆ Cотрудничество и реклама: andivax@andivax.com
◆ Сведение и Мастеринг — www.ANDIVAXMASTERING.com
▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰
► Facebook — www.ANDIVAXMASTERING.com/reviews
► Instagram — www.instagram.com/andivax
► Vkontakte — vk.com/andivax
► Twitter — twitter.com/andivax

═══════════════════════════════════════════════════
Спасибо за подписку на канал! Жду вопросы в комментариях!
═══════════════════════════════════════════════════

Самые Необычные Люди в Мире


Мы все по-своему уникальны, и это правда. Но порой уникальность настолько уникальна, что сразу бросается в глаза. Сразу хочу вас предупредить, некоторые кадры, которые я покажу в этом видео, вас просто поразят. Итак, вот 8 самых необычных людей в мире!

00:00 Вступление
00:21 Эмбер Расти
01:35 Мальчик-волк
02:47 Денис Вашурин
04:04 Хасбулла Магомедов 
05:14 Мишель Киш
06:27 Клаудио Виейра де Оливейра
07:37 Ван Фан
08:46 Сара Герц

МОИ ЛИЧНЫЕ СОЦСЕТИ:
ВК:►https://vk.com/rgubaydullin
Instagram:►https://www.instagram.com/renatgubaidullin
FB:►https://www.facebook.com/renatgubaydullin
РЕКЛАМА:► goo.gl/txyjqD
Не забудь подписаться: www.youtube.com/user/Shuriki18?sub_confirmation=1

Музыка: Eric Born
iTunes: music.apple.com/ru/album/unplugged/1507399691
VK: vk.com/id175755
Треки тут:
cloud.mail.ru/public/7isz/rQASPQjh2

For copyright matters please contact us at: urenata.ru@gmail.com
Видео выходят каждый день!
По всем вопросам: urenata.ru@gmail.com
Спасибо за просмотр! Для всех желающих помочь проекту: кошелек Яндекс 41001982898042, Вэб мани R124109441510
================================================
Лайфхаки:
www.youtube.com/playlist?list=PLNlw2gvucpmBwJmirl2XaTAkgevhKtCGU
Невероятные истории:
www.youtube.com/playlist?list=PLNlw2gvucpmBFDAEoVIENLFZQNi8IdN6v
Политика:
www.youtube.com/playlist?list=PLNlw2gvucpmAa9-_78RdBo_JUiCkdfkCr
Супер гаджеты:
www.youtube.com/playlist?list=PLNlw2gvucpmDvKff9K_3594UQo00zc-RS
Увлекательно и полезно: www.youtube.com/playlist?list=PLNlw2gvucpmC1wwODvdmqEAR4bNSEl6hb
Слабонервным НЕ СМОТРЕТЬ! www.youtube.com/playlist?list=PLNlw2gvucpmCOqlltgA6y8cXTNmMimLEK
================================================
Профессор ГУГЛОВ — это познавательные, увлекательные и образовательные ролики на самые интересные темы от интересных фактов до лайфхаков. Подписывайся на канал и будь первым кто увидит популярные видео от Профессора ГУГЛОВА

Подписывайтесь на канал, ставьте лайки, комментируйте, каждое Ваше действие приближает меня к выпуску нового видео!!!

Как Пережить Нападение 6 Этих Диких Животных


Что делать, если на вас напало дикое животное? А вы знаете, как себя вести, когда пума преграждает вам дорогу в лесу? Как вы отреагируете, если на вас нападет волк? Встречи с дикими животными могут быть очень непредсказуемыми и опасными. Так что перед тем, как отправиться в поход или на море, вам стоит узнать, как нужно себя вести, встретившись с этими 6 дикими животными.

Тайм-коды:
Медведь гризли 0:41
Бизон 1:51
Акула 3:00
Пума 4:05
Крокодил 5:13
Волк 6:24

Музыка Epidemic Sound www.epidemicsound.com/
Краткое содержание:
— Если вы прогуливались в лесу и наткнулись на медведя гризли, не пытайтесь убежать от него. Медведи могут бегать со скоростью 64 км/ч.
— Если бизон погнался за вами, бегите со всех ног. Из-за своего огромного размера он может показать довольно медлительным, но он точно вас догонит, если вы не поторопитесь.
— Если акула просто проплывает мимо, свернитесь в клубок по максимуму и старайтесь не двигаться. Если же она кружит вокруг вас, не поворачивайтесь к ней спиной и смотрите ей прямо в глаза.
— Если вы отправились в поход в одиночку и встретили пуму, постарайтесь выпустить наружу свою охотничью природу. Пума считает вас своей добычей.
— Если вы в воде, и крокодил схватил вас зубами, вам нужно бороться из всех сил. У крокодилов самый сильный укус среди ныне живущих животных, и их единственный конкурент — это большая белая акула.
— Вам нужно показать волку, что вы не станете легкой добычей. Громко кричите и ведите себя агрессивно. Волк может продолжать наблюдать за вами, но даст вам достаточно пространства для побега. Не поворачивайтесь к нему спиной.

Подпишитесь на AdMe: goo.gl/DgUonf

— Мы в социальных сетях:

Facebook: www.facebook.com/www.adme.ru/...
5-Minute Crafts на Youtube: www.goo.gl/8JVmuC

— Больше классных статей и видео на adme.ru/

Обезьяны в Зоопарке Точат Камни, Чтобы Разбить Стекло и Сбежать


По вопросам авторского права, пожалуйста, свяжитесь с нами по адресу: copymanager.mn@gmail.com
Реклама и сотрудничество: vk.com/club60235938?w=page-60235938_49750911

TechZone ► goo.gl/ULy98R

Любите ли животных так, как любим их мы? Их всегда интересно изучать, за ними весело наблюдать, а их забавные фото и видео в сети – постоянный источник хорошего настроения для любого человека на Земле. А еще животные постоянно удивляют. Например, иногда они ведут себя прямо как люди, и это даже немного настораживает. Впрочем, не будем забегать вперед – вам лучше все увидеть своими глазами.

◓МН в ВК►https://vk.com/club60235938
◓РЕКЛАМА►https://vk.com/club60235938?w=page-60235938_49750911

Вещи, Которые Вы Увидите Впервые в Жизни!


По вопросам авторского права, пожалуйста, свяжитесь с нами по адресу: Copymanager.mn@gmail.com
Реклама и сотрудничество: vk.com/club60235938?w=page-60235938_49750911

BRAIN TIME ► goo.gl/hejcDo

Даже если вы прочитали огромное количество книг и пересмотрели сотни научных фильмов, узнать абсолютно все о нашем мире все рано не получится. Да что уж там, даже именитые ученые обычно разбираются только в какой-то одной области. Именно поэтому мы стараемся отыскивать для вас невероятные вещи, которые могут удивить или даже по-настоящему шокировать. Кое-что из сегодняшнего видео вы наверняка увидите впервые в жизни, так что советуем досмотреть ролик до конца.

◓МН в ВК►https://vk.com/club60235938
◓РЕКЛАМА►https://vk.com/club60235938?w=page-60235938_49750911

Прогулка среди могил (Фильм 2014) Детектив, триллер, криминал, драма


Оценка на КП — 6.4
Нью-Йорк охватывает волна странных и страшных убийств. Муж одной из жертв, наркобарон, нанимает бывшего полицейского, чтобы тот добрался до убийцы жены. Частный детектив Скаддер видит то, чего не замечает полиция, и проникает туда, куда копы боятся даже сунуть нос. Распутывая дьявольские преступления, он понимает, что люди боятся совсем не того.
В главных ролях:
Лиам Нисон
Дэн Стивенс
Дэвид Харбор
Бойд Холбрук
Астро
Оулавюр Дарри Оулафссон
Морис Комт
Патрик МакДэйд
Лучиано Акуна мл.
Ганс Марреро

React NodeJS Сайт за 3 часа с нуля


Продвинутый JavaScript: clc.to/senior
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: t.me/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Полный Курс MERN Стек (Mongo, Express, React, Node)
В курсе вы увидите создание приложения с нуля до деплоя на домен и VPS хостинг
Вы увидите реализацию авторизации и регистрации по JWT токену увидите создание приложения по сокращению ссылок и аналитике

Исходный код ты найдешь в телеграм канале:
t.me/js_by_vladilen/116

00:00:00 Введение
00:02:52 Инициализация проекта на Node.js
00:05:46 Установка базовых зависимостей
00:07:02 Работа со скриптами
00:08:18 Настройка Express.js,
00:11:47 Подключение к базе данных MongoDB
00:20:30 Регистрация роутов
00:47:31 Настройка React.js
00:57:00 Настойка роутинга страниц
01:05:27 Работа над компонентом AuthPage
01:18:03 Работа с запросами
01:37:00 Обработка ошибок
01:47:44 Работа над авторизацией
02:00:18 Работа над компонентом Navbar
02:06:16 Работа над-бизнес логикой на сервере
02:25:10 Работа над компонентом CreatePage
02:34:18 Работа над компонентом Loader
02:37:37 Работа над компонентом DetailPage
02:42:18 Работа над компонентом LinkCard
02:46:58 Работа над компонентом LinksPage
02:54:41 Доработка бизнес-логики на сервере
03:01:00 Добавление скриптов
03:08:52 Добавление на GitHub
03:11:15 Привязка домена к хостингу
03:14:45 Настройка сервера на хостинге
03:26:18 Настройка менеджера процессов PM2
03:32:43 Завершение

#react #express #mongo

Владилен Минин
MERN — Сокращение Ссылок с Нуля до Деплоя (Mongo, Express, React, Node)

Парсинг сайтов на Python. Урок 1


Python. Быстрый старт: webformyself.com/minikurs/python/free.html
Исходники к уроку тут: webformyself.com/parsing-sajtov-na-python-urok-1/

В предлагаемых двух уроков будет показано написание программы для парсинга реального сайта в сети. Из данной серии уроков вы узнаете о таких библиотеках, как Requests и BeautifulSoup.

Первая – позволяет отправлять HTTP-запросы и получать исходный код запрошенной страницы. Вторая – позволяет получать конкретные данные из полученного исходного кода страницы.

В данном уроке будет показана установка необходимых для работы пакетов и написаны две основные функции, которые будут парсить и забирать необходимые данные, пока что только для одной указанной страницы.