Home page




Video quality The size Download

Information


Title :  
Lasting :  
User :  
Date of publication :  
Views :  
Liked :   0
Downloaded once :   0


Full video


 MPEG4
 AVI
 WMV
 Full HD 1080p — 1920х



Description

заработок в интернете webmoney быстрый nissan, реферат на тему договор доверительного управления имуществом, как заработать 20 тысяч рублей за неделю, обман при переводе криптовалюты, трейдинг центр воронеж отзывы

Comments



Артем Шестаков
Я бы еще добавил, что начинающие не пользуются инструментами разработчика в браузерах. например не смотрят разметку элементов. Делают разметку "на глаз" и не понимают какие отступы и поля получаются, какие атрибуты вообще не используются и их можно банально удалить, как мобильных устройствах выглядит страница.
Comment from : Артем Шестаков


Роман Михайлов
Друзья, а если html и css пройдён поверхностно, стоит ли начинать изучать js ?
Comment from : Роман Михайлов


Леонид Пивторак
Школота .. автору самому ещё учится надо )))))
Comment from : Леонид Пивторак


Alex Lev
В 2019 уже можно настроить Sublime text так, что он будет сам показывать незакрытую скобку, ковычку и тд
Comment from : Alex Lev


Anton
Спасибо за видео! Не знал, что <h1></h1> можно только 1 раз юзать.
Comment from : Anton


Тимур Кашаев
Полное совпадение с макетом никогда не нужно. Очень важна структуризация проекта. Ибо это фундамент для правильной модификации верстки...
Comment from : Тимур Кашаев


Wicked Torpedo 75
Самая главная ошибка: учится вёрстке на твоём канале, аргументы:
1) частое использование идентификаторов не по смыслу
2) переопределение стилей, потому что забыл что раньше задавал
3) Засорение глобальной области видимости
4) Неуместное использование флексов где можно было обойтись без него
5) Стили который не нужны для блока, например в плейлисте адаптивная вёрстка для блока задаётся width: 100%; и margin: 0 auto
6) стили по умолчанию
Не стоит задавать height: auto, если по умолчанию оно и так auto
7) Использование фиксированный высоты блока, высота блока должно формироваться в зависимости от содержания внутри блока
8) не очищается блоки (clearfix) после использования свойства float
9) Привязка функции прямо на html документа
10) вёрстка не по БЭМ
11) это можно не считать аргументов но стоит сказать: надо показывать промежуточные результаты того что ты написал а не писать 100 строк кода и показать результат работы в браузере, новичков ведёшь а ступор

Comment from : Wicked Torpedo 75


Андрюха Вячеславович
Про методологию Яндекс-БЭМ, почему-то ничего не упомянули?:) При помощи неё верстка была бы ещё профессиональней и наглядней.
Comment from : Андрюха Вячеславович


TheAndroidDevices
Хороший хост вот силка hosti.by/?sale=574
Comment from : TheAndroidDevices


Скептик
Единственная ошибка верстальщика - быть верстальщиком, а не ява-программистом.
Comment from : Скептик


Герман Шелевой
Можно ли создавать ничего не значащие для поисковиков семантические теги, отражающие в своем названии свое содержание?
Comment from : Герман Шелевой


Анди Анди
спасибо
Comment from : Анди Анди


web full stack
SEE MY CHANNEL HOW I MAKE A BURGER MENU
Comment from : web full stack


Артур Никитин
Я начал изучать веб-разработку. Это были иероглифы..
OST Области тьмы

Comment from : Артур Никитин


Licedante
Не понимаю тех людей, которые называют класс непонятно (по типу gfgf , stroka, и т.д.) ведь мало того, что им ещё нужно с ними работать в дальнейшем, так не исключен тот вариант, когда с этими классами приходиться работать другим людям .
Comment from : Licedante


дима коваленко
видео и дураку будет понятно
снимите еще так качесвенно про "Q" редактор html.editor.24h-studio.ru/

Comment from : дима коваленко


Bagzhan Sadvakassov
Фуф. Я только вчера поставил VisualStudioCode. Боже как она упрощает жизнь.
Спрашивал у знающих говорили пиши в notepad++ , мол так ковайно.

Comment from : Bagzhan Sadvakassov


Сергій Чернега
Я делал много ошибок.
Я никогда не использую h1.

Comment from : Сергій Чернега


Taras Kolodny
В твоем видео есть ошибка. Ты говоришь что нельзя использовать блочные боксы в строчных, и приводишь такой пример 5:46
<main>
<a>
<h2></h2>
</a>
</main>
но пример не правильный, как раз так писать можно, почитай спецификацию.

Comment from : Taras Kolodny


Fullstack on Python
Я согласен про ошибки, не все, но всё же. Сам писал в notepad, сейчас работаю в Sublime Text. Поэтому и начал курсы fortend и backeng.
Comment from : Fullstack on Python


Galaxy Cat
Хмм.. У меня 0 ошибок ;)
Comment from : Galaxy Cat


Andrey Kirichenko
Не совершайте ошибку не занимайтесь версткой это скучно!))
Comment from : Andrey Kirichenko


Denis I
Еще совет. В больших проектах под цаета и шрифты используйте разные классы, например class="my-block my-block-color my-block-font"
Заказчик может попросить поиграться со шрифтами и цветами, а когда один цвет и шрифт присущ нескольким элементам, менять их стили можно довольно быстро

Comment from : Denis I


Павел Ермилов
Спасибо огромное тебе за твои труды!!!
Крепкого здоровья!
Все очень приятно и информативно!)

Comment from : Павел Ермилов


Tamirlan Omarov
я весь блок ( рекламного анонса) обертываю в <а>
Comment from : Tamirlan Omarov


Роман Зорин
Спасибо!!
Comment from : Роман Зорин


Лена ГАМ
А DreamViewer не судьба ? Я на Яблоках не пишу вообще ничего ))
Comment from : Лена ГАМ


Александр Репин
Это реклама Sublime text? ST уже давно не является современным редактором. Гугли что используют, а не то что тебе нравится. VS Code - уже на много современнее, а если ты уже говоришь об ide, то intellij webstorm.
Кстати мог бы все таки рассказать про современные инструменты, а то пишите css, ну да... Это же так удобно.
Как же у меня загорелось, когда ты сказал, что то как работает Emmet - это превосходство ST, а тот факт, что он не всегда после установки плагина начинает работать, а так же ему требуются дополнительные инструменты...
И опять же ты говоришь "начинающих", но валидация страницы уже явно уровень выше...
Думай головой перед тем как делать контент, тебя все таки смотрят и в большинстве своем именно начинающие, потому как остальным ты уже не интересен.

Comment from : Александр Репин


NightHunter
в chrome есть расширение Validate Document. удобно
Comment from : NightHunter


Fantom
Заказал сайт и по итогу получил все тупо на div. Найти сейчас хорошего верстальщика не так просто, а если хотя бы немного не разбираешься, то получишь помоишный сайт.
Не принял работу, жду переделки.

Comment from : Fantom


Namu japiashvili
После ввода данных в таблицу, получаю сплошные вопросительные знаки, nvarchar не помогает. Пожалуйста, помогите.
Comment from : Namu japiashvili


Naoki_U
Ребят, кто в телегу по вебу?
Comment from : Naoki_U


Blog Admin
Доброе утро Кэп
Comment from : Blog Admin


Anton Beketov
Суровые прогеры пишут в notepad++ ))))
Comment from : Anton Beketov


Михаил Тюфтяев
Я так и не понял, правильно или не правильно использовать h1 только один раз?
Comment from : Михаил Тюфтяев


Людмила Красковская
Отличное видео! Познавательно, доступно. И вдохновляет на продолжение обучения)
Comment from : Людмила Красковская


Petr Stukalov
Абсолютно бесполезное видео. Вообще ни о чем.
Comment from : Petr Stukalov


Александр Ринн
На дворе почти 2019, надо использовать современные и sublime text 3. Ok
Comment from : Александр Ринн


Сергей Дудко
Про верстку типа, а про дримвивер не слова, как так то?) Не олдскульно чет.
И да, когда нужно будет с позиционировать тысячи полторы блоков, вы там с вашей иде застрелитесь скорее))

Comment from : Сергей Дудко


Тема Цингер
,,Самое сложное зайти на этот сайт,, - я засмеялся )
Comment from : Тема Цингер


Александр Черный
А почему на дивах это ошибка?
Comment from : Александр Черный


MAXIM CHERNENKOV
Ul - это Ул))) ну да да, кончен.....это ul - unordered list, а не Ул
Comment from : MAXIM CHERNENKOV


Yuriy Pavlenko
если картинка используется в качестве элемента дизайна, то семантически это должен быть не тег img с пустым alt, а div со стилем background-image
Comment from : Yuriy Pavlenko


SUBSCRIBE
Больше всего мне пришлось по мучиться с блоками в html
Comment from : SUBSCRIBE


Ярослав Кузин
Sublime Text - современный редактор, li - строчный элемент...
Comment from : Ярослав Кузин


виталий микеладзе
li - строчный элемент ?!? Мда....
Comment from : виталий микеладзе


Мерам 14
Я как интересуешься личность новичок очень понравился. Не мямлил, не бросался слишком много умных слов которых не поймешь, коротко и ясно, все самое нужное объяснил для начинающих. чтобы не наступали на эти грабли. Даже появился желания учится под его уроки. Большой лайк. пусть старается в том же духе и больших успехов в этом.
Comment from : Мерам 14


REY //
Emmet просто суперская вещь
Comment from : REY //


Neiro S
Отличное видео, спасибо!
Comment from : Neiro S


Туралинов Руслан
информативно !
Comment from : Туралинов Руслан


Евгений Вишневецкий
Саблайм текс это хреновый вариант как раз из за плагинов. Которые просто есть, но не установлены. При попытки их установить начинается геморой и нервы. Захочет плагин встать - встанет, не захочет ....
Короче - VS Code лучше.

Comment from : Евгений Вишневецкий


Максим Плященко
Есть ли ошибка в том, что я совсем не указываю размеры в пикселях, используя вместо них проценты и vh? Просто мне кажется, что это достойная замена адаптивной вёрстке, так как на ВСЕХ мониторах сайт будет выглядеть так, как задумывалось...
Comment from : Максим Плященко


Igor Lebich
Вообще красава, всё чётко и по сути. Допольнительный плюс за то, что упомянул сео оптимизацию). Работаю сео оптимизатором, исправляю on-page после недоумковатых разработчиков которые пользуются H-тегами для визуального украшения текста
Comment from : Igor Lebich


Дамир Юлдашев
У меня у одного такая проблема? Не заходит на офсайт эмета, че делать без него, все пиздец долго
Comment from : Дамир Юлдашев


Nikita Murashov
Я лично на этой страничке набирал нужные мне плагины для Sublime Text (может, кому поможет):
intopsite.ru/sublime-text-3.html

Comment from : Nikita Murashov


lololol Co
Спасибо, мне было интересно
Comment from : lololol Co


Виктор Трунов
Хочу добавить еще одну ошибку. CSS стили писать внутри html файла в между тегами <style></style>. А также картинки, стили, скрипты хранить в корневой директории, вместо соответствующих отдельных папок каждого типа элемента.
Comment from : Виктор Трунов


Sadamitsu Nakatani
пользуюсь модифицированным SciTE и мне этого хватает.
называю классы как хочу и не путаюсь.
никогда не пользуюсь симантическими тегами.
прописываю стили в атрибуте style для большенства случаев.
не пользуюсь <h> тегами.
добавляю блочные элементы в строчные.
плевать хотел на атрибут alt.
а лучший валидатор это я сам.
за все эти годы проблем с производительностью не возникало никогда, а если кто то не может разобраться с моей вёрсткой то это его проблемы

Comment from : Sadamitsu Nakatani


Dmitry Filin
Если не нравится sublime и у вас винда, то попробуйте Visual Code, он более приближен к ide типа idea или eclipse. Мне, как программисту java c# он понравился больше.
Comment from : Dmitry Filin


Ser B
кто умеет, тот делает, кто не умеет, тот учит.....!
Comment from : Ser B


Мария Дмитриева
Всем здравия! Заранее прошу прощения за вопрос не по теме. Занимаюсь созданием интернет-магазина для торговли одеждой, обувью и аксессуарами. Приобрела шаблон сайта, написанного в стандарте wordpress (плагин woocommerce). При настройке сайта мой веб-дизайнер столкнулся с проблемой отображения цен и стоимости товара в корзине. Изначально в шаблоне была настройка отражения на сайте цен без НДС. А мне нужно с НДС. Когда веб-дизайнер сменил настройку (чтобы цена включала НДС), цены на товары в магазине стали отражаться с НДС, но при просмотре корзины со страницы отдельного товара общая стоимость выбранного товара, которая рассчитывается, исходя из количества (SUBTOTAL),  по-прежнему показывается без НДС. Кроме того, если зайти в корзину для совершения покупки, в строке «общая стоимость» (TOTAL) В ОДНОЙ СТРОКЕ  отражается  общая стоимость товара, рассчитанная с НДС,  + в скобках сумма НДС и далее идет  запись, что стоимость включает НДС (масло масленое) . Это очень не удобно для восприятия клиентов.  Мой веб-дизайнер говорит, что исправить нельзя (таковы возможности выбранного мною плагина). Возможно, что дело не в ограниченных возможностях настроек выбранного мною шаблона сайта, а в компетенции моего веб-дизайнера (учитывая, что вопрос с включением НДС в цену товара не является чем-то уникальным). Поэтому у меня вопрос к вам: можете ли вы посоветовать дополнительные настройки в woocommerce (как корректно настроить цены товаров, чтобы они отражались с НДС), а в случае невозможности, - дополнительный  плагин (можно даже платный), который можно прикрутить к имеющемуся, чтобы в корзине товаров корректно отражались и цены товаров (с НДС), и сам НДС (отдельной строкой), и общая стоимость покупки (чтобы была просто указана общая стоимость без дополнительной информации в скобках).

Заранее прошу прощения за свой птичий язык дилетанта. Надеюсь, что вы поняли мою проблему. И еще заранее благодарю всех за ответы/советы/ помощь!

Comment from : Мария Дмитриева


sqqa108
На счет нельзя вставлять блочный внутри строчного. Если задать <a style="display: block"> то можно вставлять внутрь блочные? И внутрь блочного можно вставлять одновременно строчные и блочные?
Comment from : sqqa108


Sendy Ann
Да уж, видео сделано для рекламы, а некоторые воспринимают это как табу и пытаются на этом научится чему то
Comment from : Sendy Ann


Влад Даценко
Ну однозначно лайк
Comment from : Влад Даценко


Vlad Stoker
скачайте вордпресс и не заморачивайтесь с версткой))
Comment from : Vlad Stoker


Ilya O. Naumenko
Интересно, спасибо.
Comment from : Ilya O. Naumenko


насиба абдуллаева
Хэлп мееее Нужно сверстать сайт ребята уже столько нервов и денег потрачено недопрограммистами если ты уверен в себе напиши на ватсаап +77057221347
Comment from : насиба абдуллаева


насиба абдуллаева
Ребята очень нужно сверстать сайт на yii2 php оплачу помогите ребятки пишите на ватсаап +77057221347
Comment from : насиба абдуллаева


Evgeniy Perekhod
Кратко и по делу, спасибо) Особенно полезно была таблица сравнения html4 и html5
Респект автору)👍

Comment from : Evgeniy Perekhod


Алена Коршунова
Очень полезное видео. Могу я использовать это видео на своем сайте it-schools.org/ ? В первый год обучения курса веб-разработки, мы как раз учим правильной верстке.
Comment from : Алена Коршунова


Alfia Sou
Dreamviewer
www.quora.com/What-is-the-better-for-web-design-HTML-CSS-Adobe-Dreamweaver-NetBeans-Sublime-Text-or-Atom

Comment from : Alfia Sou


Виталий Петров
Бред, вода и пустота.
Comment from : Виталий Петров


bindjo
Кто не знает, как скачать видео из ВК за 10 СЕКУНД? То Вам ко мне Вы там увидете множество полезных гайдов!
Comment from : bindjo


Сергей Кондулуков
Ничего нового для себя я не услышал. Валидность кода можно проверить также при помощи плагинов, как для Брэкетса, так и для VS Code/
Comment from : Сергей Кондулуков


Сергей Кондулуков
Видео полезное, но зачем же Саблайм. Я пользуюсь Брэкетс и VS Code. Еммет там присутствует. Автозаполнение тоже. Классы я именую по английски но в русской транскрипции.
Comment from : Сергей Кондулуков


Vladimir Antoscenco
Ещё ничего не сказал, а уже ставьте лайк и подписывайтесь на канал ...
Comment from : Vladimir Antoscenco


Anonim 261707020406
Зачем создавать много разных css документов, и каждый подключать к html, если можно включить в html - <style>!!! Это намного мне удобней!
Comment from : Anonim 261707020406


Dunker
Не вижу смысла во всем этом. Я в Notepad++ сделал свой первый сайт и уже зарабатываю и не парюсь на счёт выбора редактора. -_-
Comment from : Dunker


Fantom
Sublime,- удобный, легкий, быстрый, потому и пользуется большой популярностью у новичков!
Comment from : Fantom


Белка Софт belkasoft. ru
Чувак, забыл про одиночные теги в конце которых нужно ставить /. Многие думают что это лишнее.
Comment from : Белка Софт belkasoft. ru


Кирилл Лячин
Советы по большей части мусорные какие-то: используйте редактор кода, пишите классы английскими словами... Чушь собачья! Какая разница, как человек назовёт класс (search или poisk)? Разве от этого сайт быстрее заработает или денег больше на карточку пришлют? А ведь суть именования классов (да и вообще переменных) - чтобы они выражали суть. У моего заказчика есть мастер-классы по изготовлению типично русских фигурок (дед Мороз, Снегурочка, казачья станица, каланча, суженица, Марья-искусница). Я посмотрю, как автор будет писать к ним английские названия классов!

Да и с самого начала автор задаёт свои критерии правильности вёрстки, вся суть которых сводится к совпадению с дизайн-макетом. А дальше - делай быстрее, поскорее избавляйся от этого сайта и переходи к другому. Ну а если приходится не только быстро-быстро ляпать сайт, а поддерживать и изменять его с 2013 года? И тогда будут добавлены ещё критерии: лёгкость внесения изменений и возможность повторного использования кода. И вот это довольно сложно, иначе люди не придумывали бы всякие БЭМы. А нам тут рассказывают про переводчики с английского.

Про h1, блочные и строчные элементы я даже комментировать не хочу. Тут уже до меня многое написано. И что ещё бесит: видео только началось, а уже с первых секунд пошло попрошайничество: "ставьте лайки, подписывайтесь на канал!". Если твой канал имеет достойный контент, то люди будут ставить эти пресловутые лайки и без такого вымогательства. В общем, ставлю тебе твёрдый дизлайк.

Comment from : Кирилл Лячин


Александр Йойна
хорошо- но быстро.
Comment from : Александр Йойна


Tom Madison
"БУДЬ ТЫ ПРОКЛЯТ" ))))) Я из-за ТЕБЯ решил стать программистом...Для начала - верстальщиком, а, уж потом, как карта ляжет. И это в 30+ с хвостиком......
Жил себе спокойно, не вспоминал прошлое, где когда-то баловался....не писал полноценные сложные проекты - а баловался этим, увлекался. Из-за определенных казусов и превратностей судьбинушки - пришлось забросить все и приземлиться в более просто области и профессии....И тут, нашел ТВОИ видео - чтоб тебя )))))))))))))))

Не знаю, но ТЫ, даже минусы работы программистов преподносишь так, что хочется в это все окунуться с головой....
Начал снова изучать HTML/CSS.....Даже на Javascript стал дурно косить глазом....

Кругом знакомые говорят, что я ***улся под старость. И о том, что в таком возрасте, если не стать Билл Гейтсом - никуда работать не примут, мол - слишком поздно и возраст не подходящий (внегласное правило корпораций и компаний IT).

Читаю книжки, смотрю раз за разом твои видео...и понял одно, - плевать на мнение и предрассудки окружающих, прорвемся.

Comment from : Tom Madison


Виталий Дедюрин
Насчет названий классов, помимо переводчиков можно юзать еще такие шпаргалки:
github.com/ermo4enkov/Class-list
github.com/yoksel/common-words

Comment from : Виталий Дедюрин


Рики Рикардо
Братан, спасибо тебе отдельное!
Comment from : Рики Рикардо


Maxim Goldy
Саблайм текст это же не иде)
Comment from : Maxim Goldy


Thenext
Спасибо, про валидатор не знал.
Comment from : Thenext


Геннадий Столбов
С сокращениями имен классов не согласен. Бутстрап половину сокращает до 1 буквы, html вааще весь в сокращениях, на полноименном xslt руки отобъешь набирать. Ест же firebug. Там и смотрим классы.
Comment from : Геннадий Столбов


Геннадий Столбов
Я бы добавил как ошибку начинающего это не смотреть как сделано у других. Нужно всегда "вставать на плечи" предыдущим работам, и копипаст копипаст, конечно с разбором позаимствованной идеи для развития себя.
Comment from : Геннадий Столбов


Danalex
Это не кириллица, это транслит. На этом захотелось закончить просмотр, пока.
Comment from : Danalex


Gertsog
Не нашёл подобного коммента, поэтому пишу сам.
Собственно, о чём в ролике идёт речь:
1) стоит использовать современные текстовые редакторы с плагинами или полноценные IDE;
2) следует называть классы по-английски без сокращений и так, чтобы название отражало суть объекта;
3) не нужно создавать классы для блоков, теги которых уже имеются в html (header, footer, nav, main и т.д.);
4) выносите стили в css, а не прописывайте их в атрибуте "style" для тегов;
5) тег <h1> на странице должен быть только один;
6) используйте строчные элементы внутри блочных, а не наоборот (подробнее на 5:22);
7) используйте атрибут "alt" для изображений, описывая в нём контекст;
8) проверяйте страницы валидатором.

Comment from : Gertsog


Nice
Основные ошибки

1. Не использование современного редактора кода : 01:40
2. Название Классов : 02:57
3. Не использование Семантических тегов : 03:46
4. Не использовать стили в html коде: 04:17
5. H1 : 04:59
6. Использование блочного элемента внутри строчного : 05:23
7. Нет 7 ошибки
8. Рекомендация использование валидатора : 06:32

Comment from : Nice


Alex x 12
Не нашел видео с ТОП-10 плагинов.
Comment from : Alex x 12


winGG
Многовато воды
Comment from : winGG


Михаил Пушкарев
Ты ебло?
Comment from : Михаил Пушкарев


Юрий Сталкер
Одно мелькание и бла бла бла. Многие пишут для начинающих. Но не один не понимает это слово. Говно а не контент, одной терминологией завалил и балабольством
Comment from : Юрий Сталкер


Александр Леонов
В ссылки можно вставлять блочные элементы, при условии, что они не представляют из себя интерактивных элементов www.w3.org/TR/html50/text-level-semantics.html#the-a-element
Comment from : Александр Леонов


Birt
Блин чувак !!! Все граммотно по делу , без воды.
Comment from : Birt


Владимир Бочкарев
vladibochkarev.wixsite.com/bochkarev-wise/forum
Comment from : Владимир Бочкарев


Aleks Botler
тогда уж и картинки для оформления убирать из документа в стиль
Comment from : Aleks Botler



Related videos