Уроки Bootstrap верстки / #1 - Основы и установка

Подписаться 883 тыс.

Просмотров 513 тыс.

50% 1

Уроки по Bootstrap для начинающих! Новый видеокурс, в котором мы с вами будет изучать технологию Bootstrap. Узнаем как верстать сайты с помощью Bootstrap и какими характеристика обладаете данная технология.
1) HTML курс: • HTML5 уроки с нуля для...
2) CSS курс: • Изучение CSS/CSS3 от н...
3) JavaScript курс: • Изучение JavaScript от...
4) Курс на сайте itProger.com: itproger.com/course/bootstrap
5) Bootstrap: getbootstrap.com/
6) Обзор редактора Atom: • Обзор редактора Atom (...
Bootstrap (также известен как Twitter Bootstrap) - свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения.
✔ Основной сайт: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life
Группа FaceBook - goo.gl/XW0aaP
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Страничка Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #GoshaBootstrap

Опубликовано:

31 янв 2017

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 194

@dmitriykononov1097 5 лет назад

То чувство когда заплатил за ай ти курсы ,а там толком объяснить не могут. Лучше в ютубе посмотреть видосы. Лайк. Все чётко и без воды .

@Sobanim 5 лет назад

А что за контора? Чтоб знать до кого не ходить

@zl4ve539 5 лет назад

А в чём соль этих псевдокурсов? Вся информация, которая тебе нужна, лежит в свободном доступе

@Sobanim 5 лет назад

@@zl4ve539 теория да, а вот с практикой не так легко

@crashermi202 5 лет назад

@@Sobanim а что с практикой? Куча бесплатных заданий в интернете, берешь и делаешь

@ea5970 4 года назад

@@dmitriykononov1097 согласен, курсы ниочём. Когда вышли давным давно грид и флекс - они учат по флоатам верстать и по позишнам)

@user-lo2fo4xu9c 6 лет назад

Все понятно, быстро, четко и голос приятный. Спасибо, Гоша!

@imvitalya 7 лет назад

Скорей бы уже весь курс изучить) Вы отличный учитель!

@Tocaev71 7 лет назад

Наконец-то, давно ждал этих уроков 👍👍👍

@user-nf7qq4el9l 7 лет назад

Прошу вас - сделайте уроки по препроцессорам CSS - Sass или LeSS.

@user-vb1fm6gc1u 7 лет назад

Ура, у любимого WEB-блогера курс по Botstrap

@user-wq4pg2lm8p 25 дней назад

спасибо, спасибо, спасибо!!! вы внесли ясность, очень просто и ясно все об'яснили спасибо вам большое

@onebytesiteit30-75 4 года назад

Благодарю за твои уроки, теперь я делаю сайты !!

@user-lw3cl1hm8m 4 года назад

Кто смотреть в Апрель 2020. Когда карантин можно учить👌

@marshall366 4 года назад

+, я его давно учил, но после масштабного изучения JS подзабыл.

@LeonKniazev 4 года назад

@@marshall366 масштабное изучение JS??? 0_o +Respect

@cody-pf3gk 3 года назад

Июль 2020

@user-ql4xu5qu2u 3 года назад

@Денис Казаков и что? Принципы не изменились. Колонки как были, так и есть. Если ума об изменениях почитать не хватает, после просмотра курса, то, конечно, сочувствую.

@user-ql4xu5qu2u 3 года назад

@Денис Казаков ахахах, я? Вообще ты эту фигню выкакал, что не стоит тратить время. А тут даже в коментах пояснения для таких трудных, типа тебя

@zexis1771 7 лет назад

урааа, спасибо, давно ждал можно еще осветить тему ангуляра, реакта и прочего

@Zhanyn.da. 6 лет назад

это одни из самых полезных курсов на ютубе

@user-cp9bk7xt1e 7 лет назад

Обязательно нужно сделать обзор на бутстрап 4, так как там используется кардинально новый подход, адаптивная сетка на флексбоксах. Это очень важно, так как за этим будущее современной верстки.

@syrgakomuraliev 5 лет назад

Блин Гоша лучше всех преподаешь. Спасибо, все твои курсы смотрю. Самообучение большинство по твоим видео

@alrami4567 6 лет назад

Спасибо, Гоша, Вы умничка

@hakimjonghaniev5536 2 года назад

Уроки легкие, быстро усваивается. Спасибо

@qleager 7 лет назад

Более менее наконец понял, что это такое, коротко, информативно, приятно слушается и смотрится А уроки по препроцессорам были бы, наверное, не менее актуальны в таком же формате

@Yaros75 5 лет назад

Красавчик, отличный продукт.

@Andrii_Konohrai 7 лет назад

Вот так сюрприз. Спасибо большое)

@alexshemchuk7161 7 лет назад

Как раз задумывался над Bootstrap`ом... А тут твой ролик

@Setebe 7 лет назад

Ура! я ждал!

@HeyArtem 3 года назад

Спасибо за очень доходчивое объяснение!

@a16a 7 лет назад

Давай по чаще видосы с бутстрапом, уроки легкие, быстро усваивается.

@user-gq8ny4st8g 7 лет назад

Спасибо. Норм обьясняешь

@user-iv3ny5nv7g 4 года назад

Все понятно, даже моей бабушке. Лайк однозначно)

@user-yb9uf8uz8k 4 года назад

Спасибо, очень интересная технология bootstrap

@eldar14021986 4 года назад

Шикардос! Благодарю! Ждём видос по flex`ам)))

@user-wj4pi6ip2b 6 лет назад

Спасибо за отличный урок!!!!!

@vladdunduc3343 5 лет назад

Гоша, спасибо! Теперь дошло :-)

@Igor-zr1xb 4 года назад

Спасибо, хорошо объясняешь!

@redpill5384 4 года назад

Круто! Спасибо за урок

@nadzeya2023 3 года назад

Благодарю! Очень понятно!

@printifyprint 6 лет назад

angular за час очень нужен урок, и node js былобы супер.

@pick9709 3 года назад

Респект вам спс огромное

@pavlomospan9565 6 лет назад

Гоша, скажи пожалуйчста, а ьута-тэг, где ты пишешь name=viewport, content="width=device-width и тд можно писать внезависимости от того, на бутстрапе пишем или просто ксс?

@user-tw2te2et6d 6 лет назад

Здравствуйте! Могу ли я подключить бутстрап и еще свой css.как сделать так что бы они друг друга не перебивали?

@artyom_ss 7 лет назад

Вопрос - на сколько влияют фреймворки на производительность?(JS, PHP) И библиотеки - на сколько они влияют на производительность программы?(Java, C++, C#)

@blackmulthumor 3 года назад

Спасибо

@alibekyusupov322 3 года назад

Шрифты изменились когда подключил через код, но вот когда написал div и отметил класс то своё расположение не изменило. В чём может быть проблема?

@rustam_4 Год назад

Этот коммент для продвижения видео

@alexweb7084 4 года назад

Кто смотрит в октябре 2019?

@iot_inhome3298 4 года назад

@alexweb7084 4 года назад

У меня на канале уже есть готовый плейлист с практикой по Bootstrap

@deretxx 4 года назад

@@alexweb7084 4 урока по 7-14 минут...ну такое себе)

@alexweb7084 4 года назад

@@deretxx А ты посмотри)

@eugenyveles440 4 года назад

Если у кого-то не работает, все потому, что вы скорее всего используете библиотеки 4го бута. Ссылка на 3.3.7, как у автора - getbootstrap.com/docs/3.3/getting-started/

@kindman939 5 лет назад

буутстрап никак не подключается и ссылки не такие как на видео

@oldgamerkoi8000 7 лет назад

прошу сделаю уроки по ios и swift

@XearnNodes Год назад

Вы знаете как подключить джава скрипт на цпанель? (CPanel)

@adeveloper6934 4 года назад

ничево не понятно - какой файл выбрать .css или .min.css . Для чего эти два типа файлов

@bek0435 4 года назад

Выпустит пожалуйста видео по тему Codeinger

@fauxdead8492 7 лет назад

НАКОНЕЦТО АААААААААААААААААА

@javoxrxomidov451 3 года назад

Привет это bootsrap 3 или 4 ???

@artcoleman4350 4 года назад

это bootstrap 3 or 4 ?

@valentynlugovyi4789 3 года назад

найс

@NHMA_M 3 года назад

Как прогграмма называется?

@user-su7sk3bk1r 2 года назад

you are cool

@user-xn2tn7us4m 5 лет назад

почему нельзя было залить исходники?

@viirtualp1 6 лет назад

Говори пожалуйста то что есть еще и на ubuntu,а то некоторые могут не понять что есть еще и на ubuntu,вот я например программирую на ubuntu.

@web202 3 года назад

Да клас

@sgimancs 8 месяцев назад

Необходимо обновление!

@kontorasb2754 7 лет назад

Я правильно понял: если подключаешь bootstrap то файл reset.css не подключается??????????

@Armani2203 7 лет назад

Kontora sb если используешь Bootstrap то он не нужен

@user-jq7wk6yp5w 7 лет назад

100+

@moto_venom 4 года назад

«CSS-фреймворки экономят время! Мне не нужно каждый раз изобретать кнопку! Адаптивность из коробки! БУЦТРАП НАВСИГДА!» - вот что я слышу в ночных кошмарах.

@user-cc6dj6nh6n 5 лет назад

На моем компьютере в папке с сайтом лежат файлы с сайтом при запуске все работает. Как только я копирую данную папку на другой комп функционал сайта перестает работать. Подскажите в чем может быть причина?

@Toxa2424 5 лет назад

Там путь в стилях сбился, поменяй путь у css

@user-dw3qr7rs1l Год назад

я от OneByteSite! )

@dev1lroot 3 года назад

Atom это неоптимальный редактор, он по факту является браузером. Я рекоммендую Sublime Text

@fuckinglooser454 7 лет назад

Эхххх, как мало лайков и просмотров, заслуживаешь намного больше. Не думал где-то прорекламироваться?

@vasylmoldovan6852 7 лет назад

Главная фишка бутстрапа, особенно для начинающих - это адаптивная layout система. Вопрос: так зачем начинать курс лекций по старой, больше не поддерживаемой версии, ломать и без того растерянным от потока технологий студентам мозг плавающими сетками? Если изо дня в день релиз 4-й версии, построен на совершенно других технологиях и принципах. Не лучше начать сразу с актуального? ПС: не восприми за троллинг, просто мысли вслух.

@shumnuy 7 лет назад

вопрос с чего начинать вебберу ? есть ли какие-то проекты или хотя бы тз .

@vasylmoldovan6852 7 лет назад

зависит от того, что подразумевать под словом веббер.

@shumnuy 7 лет назад

хочу научится работать и делать сайты делать проэкты

@vasylmoldovan6852 7 лет назад

Денис Дельов, маякни на почту movasyl@gmail.com

@pashaefimenko6036 7 лет назад

ты написал этот коммент 4 месяца назад, а бутстрап 4 еще не вышел, тогда что да, в этих уроках есть смысл

@Ny_sas Год назад

Я от OneByteSite 👍

@megafifa7420 2 года назад

норм

@artemhiphop8850 4 года назад

бутстрап 4 очень нужен

@MK-007 3 года назад

Нужен ещё обзор на удаленный сервер сдн

@user-hz7cr2wo5u 4 года назад

01:20 500 килобайт или всё таки мегабайт?

@almostwhole7439 4 года назад

Шеф, как приобрести такую скорость печатания ??????????????? Посоветуй..

@aumfox 4 года назад

klavogonki.ru например. За 80 часов освоил до 300 зн/мин, сейчас 400+ средняя. Есть там и психи, которые 800+ строчат, но я после 400+ перестал постоянно заниматься.

@almostwhole7439 4 года назад

@@aumfox Спасибо, но у меня че то пальцы не такие маневренные. 43 года..

@lessattractiveleatherface9021 6 лет назад

"Кусок кода" прозвучало как оскорбление )))

@ukkosta_idasta 4 года назад

Нет

@technoup773 7 лет назад

Подборки изобретений у меня

@Kirillh-ou5tp 15 дней назад

и на linux ubuntu atom можно установить!!!!

@xebunwhynot 3 года назад

Ребят, все содержимое в контейнере уезжает вправо как навидео, так и не понял как решить. (Если ответите - лайкните коммент, иначе не узнаю об ответе)

@gladiatorrussia 5 лет назад

Ребят помогите пожалуйста чайнику, уже не знаю что делать. Не могу посмотреть результат своего кода в браузере. Нажимаю в Sublime text 3 по нужному файлу Open In Browser и вместо результата он просто отображает код. Без разницы какой браузер. Что не так? Буду очень признателен за помощь

@76--32 4 года назад

Ты чайник в верстке и уже учишь bootstrap мощно! От код в браузере показывает или браузер не показывает ? Попробуй через index.html

@galandec2000 3 года назад

подключение через cdn, плохая идея, от этого сайт грузится очень долго и ны выходе получаем какаху...

@parvizallaxverdiyev6643 4 года назад

варйохсуз реклам

@almostwhole7439 4 года назад

А где нотепад ?

@Stilant7 7 лет назад

Бутстрап зло. Учите его для общего развития, но старайте сами с нуля писать стили и самму создавать адаптивность Вашего проекта. Но лукас однозначно поставлю

@user-tb3mm6dl3z Год назад

Пишу из 2022 😎

@MilkMeny 5 лет назад

на 0.25 начало страшное

@mewtwo8878 3 года назад

я от OneByteSite

@jekavirt5283 11 месяцев назад

Бро как это установить на мой сайт (локальный) и как собственно это сделать , я надеялся, что получу это информацию ( з.ы да я собственно и не знаю как сделать этот сайт(( структуры , и взаимодействие документовю Короче у меня задание : Надо сверстать html страницу где будет форма ввода данных и кнопочка отправить эти данные, все это сделать с использованием bootstrapю. могу написать код,НО я не могу установить этот гребаный bootstrap,если есть время помоги плз. З.ы только сейчас обратил внимание на дату , ясен буй ты забьешь на это внимание...

@user-jl8ie5uq1x 6 лет назад

Только забыл сказать что после ваш сайт будет больше ресурсов есть чем если вы ручками напишите все)

@nixhalla3uk27 5 лет назад

Забыл( сказал в самом начале ), ты пытался блеснуть знаниями и обосрался или просто даже не слушал его ?

@user-wg3cl5qp1e 5 лет назад

Извиняюсь, сейчас нет времени смотреть, это уроки по бутстрап 3-ей или 4-ой версия?

@adilet2370 4 года назад

Скорее всего 4

@user-gx4cy9tp5v 2 года назад

зашел посмотреть Bootstrap, а показали основы CSS

@Deus1725 5 лет назад

Я не знал про бутстрап раньше, все пытался сам написать адаптивное ядро css для сайтов. С помощью бутстрап 4 я за 2 или 3 дня полностью переписал сайт и теперь просто красота! helpfloor.ru

@De1n1ol 7 лет назад

Я потратил 7 минут своей жизни, чтобы узнать, что в бутстрэпе другие шрифты. Ребята! Не занимайтесь фигней. Заходите на w3schools или официальную документацию бутстрэпа и читайте, пробуйте, пишите. Намного быстрее и эффективнее. Не тратьте драгоценное время!

@misteranderson6058 7 лет назад

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

@De1n1ol 7 лет назад

Выбор ваш естественно :) Но вдруг кто-то зайдя в это видео надеялся, что за 7 минут услышит что-то стоящее, а не то, что есть в этом видео. Возможно мой комментарий кому-нибудь поможет

@misteranderson6058 7 лет назад

Но ведь там 16 видео по данному фреймворку )

@De1n1ol 7 лет назад

и у меня естественно не возникло желания смотреть остальные 15 после такого бесполезного первого

@misteranderson6058 7 лет назад

Ну это вступительное видео было

@zhenyalesnikov3593 4 года назад

респект видео. снимите плиз об этом редакторе html.editor.24h-studio.ru/

@kuskauu2946 3 года назад

2021 тут?

@user-tb3mm6dl3z Год назад

А в 2022 бутстрап используется?

@nessyyt4118 Год назад

У меня тот же вопрос.. хах

@user-kf9jr1kk4z Месяц назад

Конечно. По веб дизайну его проходим 😁

@user-lr8hd5qi6n 5 лет назад

Ну и где ссылка на гитхаб? С экрана глазами копировать предлагаешь?

@darkgod3154 7 лет назад

+ like + sub

@penikov 6 лет назад

А вот хочу я только сетку. За семь минут видео об этом ни слова.

@aleksandercross5936 4 года назад

Голос как у ПупсФМ

@Alex-ni2uv 6 лет назад

7 минут чтобы подключить три ссылки в html...

@gioramazashvili2487 Год назад

извиняюсь Ну где этот грёбаный код что на видео

@Rust2Trust 5 лет назад

БутстрЭп, БУТСТРЭП... НЕ страп, страп - это другое)))

@user-jg9ix8nx8t 6 лет назад

Автор, так что же такое бутстрап?! )) Ты столько раз порывался сказать что это, но так ни разу и не ответил. Мне кажется ты сам не знаешь.

@overfaul8976 3 года назад

Фреймворк для более быстрой и удобной работы

@GdemkomG 7 лет назад

Ок, только правильно "Бутстреп" (бутстрэп).

@a16a 7 лет назад

В русскоязычном коммюнити - бутстрап. Пора вам уже привыкнут инглишмены)))

@De1n1ol 7 лет назад

Пора бы вам уже привыкнуть к тому, что это вопрос щепитильный. И перебрасывать свое невежство на "русскоязычное коммюнити" не совсем верно.

@a16a 7 лет назад

TheCrilon рассмешил, ок)

@De1n1ol 7 лет назад

Говорю же, что неоднозначно все) невежеством это не совсем верно называть, но в ваших словах чувствуется какая-то доля неприятия английского(от инглишмены). Это тоже очень не правильно, особенно в сфере IT

@user-mn2ll5wo5d 7 лет назад

Ок, только ты, видимо, ни разу не слушал туториалы на английском, где все нейтив спикеры говорят именно бутстрАп. Но тебе, конечно же, виднее, как оно правильно должно звучать )))