Bootstrap 5 Alpha: What's new?

[@annblok_webdev]

Описание обновлений на русском - tpverstak.ru/bootstrap-5/

[@kostyagusto5109]

Анна, спасибо за видео, но я вот копаюсь сейчас в файлах бустрапа и в упор не вижу классы, задающие margin и padding (v.5 beta2) может быть вы подскажите мне где их искать или их вовсе убрали?

[@kostyagusto5109]

БОЖЕ! Они назначили left букву s, а right - e.... ЗАЧЕМ?!)

[@sergeyermolaev270]

@@kostyagusto5109 _spacing.scss

[@sergeyermolaev270]

@@kostyagusto5109 // Margin and Padding @each $breakpoint in map-keys($grid-breakpoints) { @include media-breakpoint-up($breakpoint) { $infix: breakpoint-infix($breakpoint, $grid-breakpoints); @each $prop, $abbrev in (margin: m, padding: p) { @each $size, $length in $spacers { .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; } .#{$abbrev}t#{$infix}-#{$size}, .#{$abbrev}y#{$infix}-#{$size} { #{$prop}-top: $length !important; } .#{$abbrev}r#{$infix}-#{$size}, .#{$abbrev}x#{$infix}-#{$size} { #{$prop}-right: $length !important; } .#{$abbrev}b#{$infix}-#{$size}, .#{$abbrev}y#{$infix}-#{$size} { #{$prop}-bottom: $length !important; } .#{$abbrev}l#{$infix}-#{$size}, .#{$abbrev}x#{$infix}-#{$size} { #{$prop}-left: $length !important; } } }

[@alekslawrik891]

Не все из того что нам показали в ролике мне понятно, а скорее мало что понятно. Для тех кто в этом разбирается явно информация будет полезной. Одно точно ясно. Девушка в ролике симпатичная и похоже точно разбирается в том о чем рассказывает. За это лайк и поставим.

[@Lucio11a]

То чувство, когда прочитал название видео как Boobs trap и тыкнул на автомате... --- Прошу прощение за посредственный Юмор :) Спасибо за все, что вы делаете для популяризации программирования и все, что с ним связано.

[@annblok_webdev]

Предложите идею для названия разработчиками Bootstrap))

[@ЕленаЭрзюкова]

Анна, спасибо за ваш канал! Более 15 лет занимаюсь версткой (начинала еще с таблиц и флоатов), был вынужденный перерыв на несколько лет. Теперь пришлось вернуться - и я потерялась во всех обновлениях. На вашем канале все грамотно, четко и "по полочкам". Отличная работа!

[@annblok_webdev]

Спасибо большое, рада слышать 😇

[@PS-tn6mc]

Только только начал смотреть - и сразу ставлю лайк за красоту

[@alexles5003]

Я считаю что нужно и применять и учить. Уже давно идут разговоры, что Bootstrap не тот, JQuery не тот. Появляются очередные претенденты на роль "убийцы". А технологии применяются и развиваются. К тому же овердофига сайтов на том же Bootstrap и JQuery их доработку и поддержку тоже никто не отменял.

[@annblok_webdev]

Всё так

[@mrs.doubtfire8197]

только сам бутстрап отказался от поддержки jQuery

[@ksusha3010]

Все по делу и без воды👍 А, и ещё глаза волшебные))

[@ПолинаПоспелова-э4ъ]

Перед началом просмотра не ожидала,что видео будет таким интересным.Много нового узнала.Это интересные новости ,версия Bootstrap 5 думаю будет удобнее.Жду еще выпуски.

[@Preferred1]

Новая версия всегда намного лучше чем старая. Благодарю Вас за полезную информацию и интересный обзор.

[@trygoboi4790]

Вы такой приятный человек. Думаю в жизни вы еще приятнее и с вами интересно общаться. Я Java Backend Developer, хотелось бы когда нибудь попасть с вами в одну компанию чтобы совместно поработать. Я очень уважаю верстальщиков и фронтендеров, и считаю что вы трудитесь не меньше нашего.

[@annblok_webdev]

Спасибо 😄Возможно, нашей команде когда-нибудь понадобится специалист по Java

[@trygoboi4790]

@@annblok_webdev а вы кстати в каком городе работаете?

[@Светлана-ь7ь6б]

Наконец то новая версия. Спасибо что рассказали как это использовать для верстки сайтов

[@maksimborisenko7978]

Тоже давно ждал обновления но старая версия тоже отлично сделана.

[@ВячеславМалышев-в8г]

Нет предела совершенству, но встречаются уже обновления ради обновлений!))

[@gala_lovely520]

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

[@oleksandr.danyliuk]

спасибо за краткость и информативность)

[@konstantinzukovski601]

Умная, красивая девочка. СПАСИБО. 👍😘

[@yaroslavzef7267]

подлиза

[@СашаВелосипедов]

Спасибо, что рассказали обо всех изменениях и о том, как это использовать для верстки сайтов

[@marilynavila5922]

спасибо за советы! Есть улучшения, и вы всегда должны видеть, как они работают

[@user-LeonVorobey]

Спасибо, что рассказали обо всех изменениях и о том, как это использовать для верстки сайтов любой сложности.

[@alexandercarson3790]

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

[@olgaspencer3878]

привет, вы сделали хорошее описание, я просто хочу расширить свои знания о сетевых системах и Отказ от IE

[@hisroryvictory]

Спасибо за ваше видео.Так сжато рассказали всю интересующую меня информации о Bootstrap 5

[@aliday9968]

Выросла, интересно, своевременно. Нет в речи паразитов и обращений как к детям. 👍

[@annblok_webdev]

Не помню, чтобы я раньше обращалась как к детям 😂

[@veles8431]

В новой версии Bootstrap 5 много нового и это очень удобно. Спасибо вам за обзор.

[@ЕленаМеркушева-р3ы]

Спасибо огромное за такую отличную и полезную информацию. теперь буду знать о ОБНОВЛЕННАЯ ВЕРСИЯ 2020

[@ОксанаВеликая-с5ъ]

в этом плане конечно же надо все новое узнавать.

[@sardorbekmamadaliyev4683]

Очен ждал новый bootstrap 5, спасибо Анну😎

[@Hello_world_2020A]

очень мало новинок в 5 жду версию 8

[@d.travina]

Отличная работа! Хороший видео обзор сняли. Узнала много нового и интересного для себя. От меня ловите лайк. Успехов вашему каналу на ютьюб!

[@awaytv7288]

Информативное видео о многофункциональности - Bootstrap 5.

[@serghiokomolov2339]

Самое важно в этой версии что в B5 не внедрил grid - с учетом количества внедрения bootstrap в проектах это означает что grid еще очень долго будет приживаться(. Я из bootstrap буру только сетка с ее размерами. А мне не хватает 320 в их сетке

[@annblok_webdev]

Не означает. Поддержка Grid уже 94%. То, что Bootstrap их не используют - не показатель. Они умело обошлись без них, но если необходимо, Grid сетку всегда можно себе сделать самостоятельно для отдельных блоков.

[@СергейСмолонский-с2я]

Хороший урок получился. Мне наверное надо ранние видео посмотреть связанные с этим вопросам. Не все понял просто.

[@inthelandofmagnolias6737]

классная девушка на видео, и зачем мне Bootstrap 5 когда такие девушки есть на свете, вы супер!

[@giavi.11]

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

[@АлександрВьюниченко-п3л]

Хорошее информативное видео у вас получилось, я с интересом смотрел.

[@video4198]

Спасибо за Ваш обзор, долго его ждал и он меня приятно удивил.

[@youtuber8247]

Это интересные новости ,версия Bootstrap 5 думаю будет удобнее

[@ДокторнаПриколе]

Давно ждал это обновление

[@NIkFreedomForce]

Круто) конечно же попробуем, пока актуально)

[@liudasemenko3367]

Красивая девушка и так интересно рассказываете. Одно удовольствие слушать.

[@andreylagno2372]

хорошее информативное видео очень актуальное автору респект

[@ОлегИгнатьев-щ3п]

С интересом послушал , видео мне понравилось.

[@maksp.5366]

Спасибо. Фулстек. Мне важно кратко понимать что "меняется" и что важно. Подписался.

[@annblok_webdev]

🤗🤗🤗

[@maksp.5366]

@@annblok_webdev сегодня устал, но скинь ссылку на твое Топовое видео или Видео-знакомство у себя в ФБ скину. Я маленький*, но с радостью хоть так помогу и благодарность Ютуб-деятелю проявлю

[@ЕваКорчук]

довольно таки информативно, видно, что девушка хорошо разбирается

[@progerlife6690]

У Ани как всегда годный контент. Спасибо. Радует то, что в 5 версии бутстрапа убрали поддержку ИЕ. А так в принципе не плохо, но от себя скажу не долюбливаю бутстрап=))

[@annblok_webdev]

Спасибо 😊

[@denmalahov6003]

Это точно с одной стороны, доработали, а с другой стороны он всё-таки на любителя

[@sergeyermolaev270]

@@denmalahov6003 Чем плох бутстрап?

[@astral2672]

Приятно было посмотреть и послушать умную девушку )

[@phoebeskinner8927]

Видеоконтент очень хороший, а ты очень красивый

[@4493005]

Посоветуйте фреймворк для верстки интернет-магазинов. Ну или вообще можно широко раскрыть тему верстки для е-коммерс. Спасибо

[@МішаКурилюк-м6к]

Спасибо за подробный обзор, как всегда информативно

[@sergeyermolaev270]

Бутстрап хорош тем, что его можно использовать по частям и менять при необходимости, а чем он плох?

[@tolasnisar2494]

Спасибо вам за полезную информацию, лайк.

[@НикитаРязанцев-й7п]

Очень круто, спасибо за ролик)

[@annblok_webdev]

😊

[@grantorino3465]

От поддержки IE отказался не виндовс, а майкрософт)

[@Вадим-ы9ц7х]

Отказ от jquery это хорошо. А то их версия работает как то по своему. То что добавили xxl для мониторов тоже +

[@annblok_webdev]

Дааа, чаще всего приходилось это дополнительно прописывать. Странно, что для версии 4 это не учли. Большие мониторы были уже тогда.

[@ЕвгенийБорисов-е1ч]

Классно теперь будем писать в 2 раза длиннее говнокод на ванильном js и вопрос ради чего? Прироста скорости на 0.5%? А ведь более длинная загрузка груды говнокода занимает дополнительное время

[@nemanjafranovic2189]

Mне очень понравился данный обзор все понятно и доступно,удачи вам.

[@rabirai8136]

Отличное обновление я уже маленько в нем разобрался.

[@Qwertyqwerty-tq3we]

просто boom

[@alekseyermakov3911]

Хорошая вещь! Но юзать Альфу стрёмно - потом обновили, и все страницы могут поплыть... К тому же перенос проектов с Jquery на новую версию Бутстрап теперь может подарить нам дополнительный геморрой, ибо простым CSS'ом JS не заменить. Думаю, что решение отказаться от Jquery является только целью ускорения самого фреймворка, но не удобства пользователей, ибо множество компонентов, вкладок, поп-апов, слайдеров, галерей, анимацию, и прочих компонентов используют именно Jquery. (Хотя от версии к версии он толстеет, что не может не сказаться на скорости). Короче мой вердикт такой - Пока Яндекс в интерфейсах использует Jquery нет смысла от него отказываться окончательно, ибо можно указать ссылку на скрипт в CDN Яндекса, которая уже закэширована у 99% пользователей. То есть: Это проще, чем грузить юзеру кучу своих самописных тяжелых скриптов.

[@derw1sz]

Не виндоус отказался от поддержки ие, а майкрософт :D

[@annblok_webdev]

Блин, заговорилась 😄Microsoft, все верно

[@stasalsakhanov435]

что на бумажке было написано, а точнее на экране монитора, то и прочитала.

[@solomon8540]

@@stasalsakhanov435 Можно подумать это не она текст к видео пишет.

[@stasalsakhanov435]

@@solomon8540 может и текст, не она пишет. Суть в том, что нужно своими словами объяснять, а не читать по шпаргалке.

[@solomon8540]

@@stasalsakhanov435 Здесь не тот формат видео, для своих слов есть подкасты и стримы, а здесь это новостной блог.

[@larisaalex]

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

[@Hunter-yw3ow]

Конечно интересный обзор я всё смотрю что косается новых приложений !!

[@ПролКенни]

Круто! Анна молодец)

[@propython_ru2258]

Ура! Теперь можно верстать и под ретина

[@melomamas1863]

и учить. Уже давно идут разговоры, что Bootstrap не тот, JQuery не тот. Появляются очередны У Ани как всегда годный контент. Спасибо. Радует то, что в 5 версии бутстрапа убрали поддержку ИЕ. А так в принципе не

[@dannyconner327]

Здравствуйте, мне нравится ваш вклад, с дизайном логарифма вы можете сделать это и многое другое.

[@ДимитрийДмитриев-ы2т]

Видео специфическое,для прфессионалов, я понял примерно половину того о чем говорилось

[@oksanaparis-versal6650]

Я в этом еще немного путаюсь, надо бы разобраться

[@SananShirinov]

Я создал артборд 1920 на 1080. Использую bootstrap 5 extra large 1320px width. Создал 12 колонок, отступы между колонками хочу сделать не 24px, а 30px. Не какая цифра колонок для 1320 не подходит. Выходит за рамки, вы можете помочь разобраться?

[@SananShirinov]

Или я должен создать размер 1400?)

[@stalker8828]

а что полностью поддерживаю)

[@dogedoge4945]

Бутстрэп, говорите)

[@askhat9232]

Я новичок. Более менее обучился html + css. Дальше хочу учить jquery, стоит?

[@annblok_webdev]

Согласна с ответом, добавить нечего.

[@askhat9232]

Хорошо. Спасибо вам! ✋🏼

[@artyommangasaryan9827]

Очень интересное видео

[@clickabelno]

Лайк!!

[@zoyakalugina1190]

Мне это непонятно, но япосмотрела :)

[@siltstrider]

Спасибо 💜

[@rtrflensk9427]

это должный уметь все конечно

[@ЗолотойРублик]

вот то что именно иска в инете)

[@Лучшиеотрывкиизфильмов-ц2н]

Если ты не программист, то лучше иди отсюда. Очень сложно, но я стараюсь вникать.

[@kingcomp]

XXL колокольчик!

[@kritik2132]

Сперва подумалось, что это вышла новая версия какой-то игры.

[@Hello_world_2020A]

Сделай видео про css 4 его создали в 2015 уже

[@kindermns]

👍

[@DreamingDolphing]

Не хотите записать видео про Tailwind CSS? Он намного интереснее Бутстрапа и сейчас набирает популярность среди фронтендеров.

[@ГеоргийКарпенко-у1ц]

Вроде display: grid и так удобен. Зачем пихать его в бутстрап и как он там должен выглядеть? Да, можно писать тупо классами в html и это удобно, но не совсем правильно загрязнять html. Поэтому мы будем использовать sass что бы грамотно объединять классы бутстрапа в один класс через extend. И получается, что использовать гриды не составляет труда. Тем более одна из разработчиков гридов сказала, что не видит смысла впихивать гриды в css фреймворки, так как сделать их ещё удобней просто не возможно

[@POMAHOC]

ну вот - надо заново учиться)

[@annblok_webdev]

Всё не так плохо

[@vl8224]

Спасибо

[@arsa946]

Попробовал данный фреймворк че-то не заметил сильной разницы с ним и без него. Пока его изучишь, лучше освоить просто на 100% css и js. Чё в нем особенного так и не понял! Объеснить никто не может. Имея даже как-то базовый набор шаблонов своих уже проще делать сайты.

[@_man-in-space_]

Солистка кредо оф фил?))

[@michaeldeoz]

Не сам windows отказался от поддержки, а Microsoft

[@tawt6260]

Ничего не понятно, но я посмотрел :) Аня как всегда красива, и глаголит все по делу, правда о чем говорится в видео я даже и не нюхал , палец в верх жмякнул, но кто-то жмякнул 7 раз вниз, ужас какие редиски, хотя jquery я никуда не пихал , несмотря на рекомендации пихать=) (резкая смена логики комментария , но jquery

[@aimee2573]

всё же необходим бутстрап? Я как новичок, которого учили верстать руками по бэму, не совсем до сих пор понимаю, зачем он нужен. Мне он классами напоминает

[@papa_paskualle]

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

[@ИсаковСергей-з4г]

Переменные раньше были!!

[@RolandAlexCole]

На каких проектах всё же необходим бутстрап? Я как новичок, которого учили верстать руками по бэму, не совсем до сих пор понимаю, зачем он нужен. Мне он классами напоминает atomic css, ужасная методология

[@Bel_yash]

если не нравится - не заморачивайся. многие большие студии ценят чистоту кода без засирания его бутстрапами, а если заказчику пригорит сделать проект с его использованием - просто копируй куски кода из документации и редактируй под себя. заучивать в нём ничего не нужно. разве что понять, как сетки работают

[@johngregor5658]

Хорошая новость, давно пора забыть про IE :-)

[@devandfreelance]

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

[@annblok_webdev]

Возможно, вы сталкиваетесь с новичками. Опытные специалисты знают разницу и хорошо делают разметку с использованием Bootstrap

[@umoratv2081]

Бутстрэп или бэтстрэп?🤯

[@RuslanBereza]

Я как новичок, которого учили верстать руками по бэму, не совсем до сих пор понимаю, зачем он нужен. Мне он классами напоминает atomic css - ужасная методология!!!!!!!

[@LectorWeb]

И пусть полетят в меня какахи, но бутстрап полная фигня, только засирает код, он в свое время сделал револлюцию, но в 2020 его юзать полная хрень

[@Bel_yash]

полностью согласен. распиарили его в своё время нехило, как некий "стандарт вёрстки", многие подхватили и лепят его до сих пор на все подряд проекты, хотя он даже среди css-фреймворков далеко не самый лучший, если глубоко копнуть. наверное, для того, кто не очень во фронте шарит, он действительно может помочь слепить какую-то страницу и корявый адаптив какой-нибудь сделать

[@ihortkachenko2432]

Как же дико плюсую

[@realanton8999]

и что же интересно тогда вместо бутстрап использовать?

[@sevafadeev6404]

бэтстрэп

[@turtrueweb]

+

[@artyommangasaryan9827]

Я первый

[@sharomet]

бутстрЭп))) - Мадам. в аду уже зажгли новый котёл, специально для вас) css переменные были и в 4 версии. xxl размер можно было добавить через Sass и в 4 версии. Иконки появились в версии 4.5 Вы точно использовали бутстрЭп для своих проектов? А вообще очень слабые изменения для мажерной версии.