Bootstrap верстка современного сайта за 45 минут!
ฝัง
- เผยแพร่เมื่อ 29 มี.ค. 2017
- Урок на сайте itProger: itproger.com/course/one-lesson/3
Как создать сайт на Bootstrap 4? В этом видео мы с вами создадим полноценный адаптивный сайт на Bootstrap всего за 45 минут. Верстка сайта дело несложное, поэтому вы научитесь делать отличные сайты всего за 45 минут!
✔ Основной сайт: itproger.com/
✔ -------------
Группа Вк - prog_life
Группа FaceBook - goo.gl/XW0aaP
Instagram: / gosha_dudar
Я в Google+ - goo.gl/Tqt9W0
Страничка Twitter - / goshadudar
Страничка Вк - codi999
✔ Начните зарабатывать на TH-cam - join.air.io/money_air
✔ Видео по заработку на TH-cam - goo.gl/RLPXV8
Помощь в развитии канала.
* Яндекс Деньги: 410014343706921
* Кошельки WebMoney:
- Доллар: Z331064341236
- Гривна: U386388718252
- Рубль: R214610220703
Блин, чувак просто красавчик. Я конечно же не все понял, но прям загорелся желанием изучать дальше. Давай больше таких роликов)))
Лайк если перелистали конец видео , чтобы посмотреть конечный результат.
и разочароваться )
Я так всегда делаю XD
Доверяю этому автору, была уверена, что всё будет супер. Так что нет :)
так для большего видео и не годится.
*И тут лайк от Гоши Дударя)*
То чувство, когда есть люди, которые сайт за 45 мин делают, а ты за 45 часов.
RockSolo Не только ты чел(
RockSolo за 45 дней
Я бы продолжил .. но вы поняли))
За 45 лет
Верстка сайта быстрое дело, особенно если использовать FrameWork. Достаточно большое время занимает написание движка сайта. Но можно также брать FrameWork для php например Yii2
Ура! дождались!
Изумительный урок. Не думал, что так быстро можно сделать действительно годную страницу. Удачи каналу, автору и больше подписчиков
Можно, но если есть знания, а в противном случае будешь делать не 45 минут, а 45 часов минимум
Я бы 45 минут тупил, какой шрифт выбрать
Ты глубоко ошибаешься, если думаешь, что создатель урока не тупил перед записью видео, что и как выбрать. Он всё сделал за 45 минут потому, что готовился к этому несколько дней. И скорее всего ради видоса прошёл этот процесс от начала до канца раз 5.
ты бы не тупил а думал, нормальная скорость измеряется именно не в 45 минутах а в месяцах, а он просто лукавит и это спецы понимают...
Отличный урок! Спасибо. Новичкам такое видео на вес золота :)
Лучший урок среди всех что я встречал
СПАСИБО, ты классно объясняешь! Помогают твои уроки!
Гоша ну ты жгешь! Молодца! Подписка!
Урок хорошо получился. Продолжайте в таком же духе!))
Гоша большое тебе спасибо за урок, наконец то сделал потрясающую веб-страницу.
Спасибо, это было захватывающе, смотрел на одном дыхании.
Лайк однозначно!!!! Спасибо за обзорчик, все по делу и без воды рассказано
Спасибо большое, отличный урок. Автору + к карме
Гош, видео подобного рода(интенсивы) как по-мне гораздо лучше, продолжай в том же духе.
Красавчик! Просто красавчик ! Приколюшка с rotate весьма впечатлила ! Спасибо тебе за твой труд ! Каналу успехов! Буду смотреть.
Круто!!!!! Очень понятно обьясняет человек и грамотно многим учиться и учиться!!!!
спасибо, Гоша! Отличное видео. Смог сделать адаптивное меню к своему сайту. Не нарадуюсь ))
Спасибо за то, что делишься опытом!
Спасибо за проделанную работу!
Гений прост, ваще супермозг, спасибо)
Круть, чувак!!! Спасибо!
Ахеренно)! Автору спасибо !
Супер видео, полюблю верстку!;)))))
Спасибо большое за уроки!
Большое спасибо тебе, очень круто все сделал. Уже давно тусую в твоем канале и много полезной инфы набрался. Спасибо за знания))
Гоша, посмотрел данный урок, очень понравился! Продолжай в том же духе! Нюанс, чаще делай Live Preview, чтобы был виден результат в браузере, так как для новичков труднее воспринимается, а так все даже очень неплохо!
Как раз то, что я искал, сверстал сайт на отлично. Спасибо, за совет! Удачи.
Годнота)
Если сейчас кто то делает сайт по этому видео , то знайте что для корректной работы этого кода нужен bootstrap версии 3.3.7
Спасибо, братан, а то я думаю почему у меня нихера не получается
Спасибо за подсказку, а то долго бы мучился в поисках ошибки..
спасибааааааа! а я то думал почему это го#но не работает
Благодарю Тебя О Маг 80 LVL )))
Чувааак, огромное спасибо. Просто уйму времени сэкономил!
Красавчииииик, ты Гоша!
Спасибо большое, очень помогло!
45 МИНУТ ПОЛЕЗНОЙ ИНФЫ - БОЛЬШАЯ РЕДКОСТЬ!!! ЛАЙК ЛАЙК ЛАЙК
Классный урок!
Спасибо, за всё!
хорошо обьясняеш,спасибо за урок
я человек простой, вижу Гошу Дударя - ставлю лайк
Не самая "чистая" верстка, зато быстро, доступно и без лишней болтовни
вставьте это в #headerwrap и все элемент будут по центру )
display: flex;
justify-content: center;
align-items: center;
А если хотите крутой эффект, то вместо background-attachment:relative сделайте background-attachment:fixed
спасибо)
Спасибо тебе, и тем кто тоже показывает примеры верстки! Для меня, как для начинающего, очень важно видеть примеры того, как верстают другие, узнаешь много интересного. Изучение только сухого html+css+js дает мало толка, хотя и тоже важно! давай еще чего нибудь подобного почаще)
Лайк и подписка.помог очень
Супер!!!
всегда думал бустрап это будет темный лес, спасибо. как ты упростил мне жизнь
Супер !
всегда думал бустрап это будет темный лес, спасибо. как ты упрочтил мне жизнь
Есть вопрос. Зачем использовали стиль "centered" если в bootstrap уже есть "text-center"?
Да, 100%
лол
путь к Крембелю через Китай
то же самое хотел написать
Очень познавательное видео, мне нереально много чего открыло! Можно было бы поставить несколько лайков, поставил бы! Спасибо большое :)
Всем привет! Подскажите пожалуйста, почему возникает ошибка в 3 строке? Пытаюсь сделать меню в главном шаблоне, но браузер говорит "Notice: Undefined variable"
1
Какой текстовый редактор используешь?
Очень полезное видео
Как сделать меняющиеся background картинки,подскажите пожалуйста и именно с кодом Гошы)
Крутое. Спасиб.
То есть, если использовать свои стили( css файлы), то нужно качать bootstrap? а если нет то хватит и Bootstrap CDN? или можно использовать Bootstrap CDN с css фалами?
Спасибо Гоша ...
And I See Every Your Videos , All Goods
В общем очень не плохо
Как ты в этом так хорошо разбираешься, и знаешь значения каждой строки? Я понимаю только немного, начал изучать только вчера. Как изучать html/css посоветуешь?
классный урок
Видео хорошое, НО есть пару вопросов :
1) шрифты лучше в хедере подключать , так как импорт увеличивает время загрузки страницы
2) почему навигацию не обернуть в тег nav? Это же семантичней
когда чувак делает на все языки видео, либо он гений, либо он знает все поверхностно...
Кто знает все , тот не знает ничего. Китайская народная мудрость)
Подскажите как в болоке где телефоны стоят сделать фон картинкой? через Css делаю не меняется.
Спасибо огромноее
меня одного перебрасывает не на этот урок (по ссылке) ??
крассава мужик можешь дать ссылку на вторую часть ?
Спасибо за годное видео. Судя по хейтам некоторых в коментах, нужно было тебе после ролика дать ссылку на "htmlbook" и видео, реально, не по поводу bootstrap, а практика с использованием bootstrap.
По поводу платной подписки - забей на комменты, ибо ты тратишь время, энергию и даешь знания за... бесплатно? Лол. Я думаю, любой человек продумал бы систему доната за подобное обучение (лично я большинство знал с видео, но так же и немаловажно - я на многие вопросы тут получил ответы).
Очень полезный контент! Спасибо за видео) Все четко, быстро и по делу
подписался на канал. пересмотрю все ролики.
офигенно! именно то что я искала, все четко и понятно, а главное без нужной тягомотины
Рахмет
Вот бы научиться тоже так верстать
не знаю, или я не нашел, или нет.
Твое мнение о использовании мака для разработки (back-end)
в ближайшее время, хотелось бы перейти с Linux/Windows но все же в размышлениях)
Подскадите пожалуйта.
Как сделать изображение на заднем фоне темнее(без фотошопа), чтобы текст не сливался с ним
Как создать новую ссылку (про нас) это нужно ещё один файл html создавать?
На моем компьютере в папке с сайтом лежат файлы с сайтом при запуске все работает. Как только я копирую данную папку на другой комп функционал сайта перестает работать. Подскажите в чем может быть причина?
Видео понравилось. Быстро и по существу.
Подскажите, пожалуйста, перечень классов для Bootstrap 4. Для третьего есть, но как сильно они отличаются?
раз уж увеличена мажорная версия, то сильно. Там много чего переписано
Не понял, зачем нужны эти в промышленных количествах, если один черт потом в css пишется padding?..
парень красава. все класс. недавно подписался и просмотрел все видео. есть просьба, добавляй ссылочки на сайты с файлами и программами. буду признателен. удачи.
NIGERITTO TV сам и пиши
Может ему для обучения на примере, я на примерах тоже обучаюсь быстрее
А почему у меня при наличии сайт весь не адаптируется, а только иконка телефона.....??? Как сделать весь сайт адаптивным ???? И вообще, Гоша, где с вами можно пообщаться !???? Спасибо за видео !!!!
Ребят, то что он писал в class параметры это особенности Bootstrap?
Нифега ты бизменсмен)хотел файлы скачать ,а там подписка нужна,молодец.....)
Ну так бесплатно работать ты вряд-ли согласишься :D
Хехе
@@DevoCry Но продает он с пояснениями, а не простой темплейт
За все в жизни нужно платить, привыкая к халяве станешь неудачником, чем больше за все будешь платить тем больше будешь зарабатывать
@@Romanych1415 никто и не спорит, но воровать чужой контент, и продавать потом как свой... согласись это не правильно
Спасибо отличное видео.
Вы часто пользуетесь div тегом. Зачем section теги?
Каждый разработчик сам решает, что ему удобнее и к чему привык?
или есть какие то правила?
можно использовать и то и другое?
Благодарю если просветите..Я новичек не удивляйтесь, если глупый вопрос)))
У меня не подключаются стили. Как исправить проблему?
спасибо автору за урок, но помогите с вопросом: почему у него список ul (про нас, сервисы и тд) горизонтально, а у меня только вертикально получается?
уменьши окно
Спасибо
Показалось что Гошка сказал: "Тут у нас заголовок, аж один"😂😂😂 22:10
Какой шрифт на заставке?
Спрашивается, к чему тогда анонс "Как создать сайт на Bootstrap 4?", если описан Bootstrap 3? Стараемся втулить народу просроченный товар?
Крассссавааааааа
А названия классов, типов откуда брать? из документации на bootstrap?
само ахуенное видео которое я когда либо видел!!!
значит ты видел всего одно видео
где можно этот bootstrap скачать я просто скачал и у меня некоторых файлов нет
как к таким сайтам новости/блоги добавлять? все через html ? или надо админ панель и еще много кода(какого?) создавать ?
сажаешь сайт на какой-нибудь движок, тот же вордпресс, и делаешь всё, что душа пожелает
есть ли разница когда мы не скачиваем Bootstrap, а используем CDN?
ребята я хочу создать собсвенный сайт можете подсказать необходимую литературу чтоб начать с азов?
дайте ссылку на img
Здравствуйте! Как сделать чтоб при просмотре на мобильных устройствах меню свернулось при нажатии на любой из пунктов. Речь идет о лендинге. То есть когда якоря стоят на этой же странице а не переводят на другую страницу. Можете сделать пожалуйста видео урок. Заранее спасибо!
htmlbook.ru/samhtml/yakorya
если вкратце, то ставишь блок с name="something" к которому нужно перепрыгнуть, а потом к ссылке в href цепляешь это имя блока href="#something". тут и видеоурока не надо
все супер, я вот только не поняла для чего подключалась jQuery)
Гоша объясни плз зачем ты используешь outline: 0;?
Cat Shannon чтобы подчёркивания ссылок не было
Подчеркивание ссылок убирается при помощи text-decoration: none; Разве нет?
Сижу я значит пишу и пишу и что то не сходиться мне даже кажеться что я дурак. Но оказалось что Автор видоса. Все писал на bootstap 3 c кодом 2013 года. По этому моии файлы которые я скачал с сайта бутстрап не работают, так как команды все изменились сейчас 2018 год. Так что сразу предупреждаю всех кто будет учиться по этому видосу. Или ставьте 3 бутстрап или ищите видосы по 4.1.