Очень круто, что уже упоминается, про возможное изменение контента внутри элемента, вещь вроде бы простая, но я сначала изучал материалы без понимания что так будет - и в учебных материалах это не упоминали, потом приходилось менять мышление/написание кода во многих вроде бы очевидных вещах
Пожалуй самые лучшие видеоуроки по фронту что я только видел. Очень много информации в такое количество времени. Бывает при просмотре видеоуроков становится слишком скучно, но тут такого нет. В общем пока очень нравится) Посмотрим куда приведет меня дорога приключений с таким наставником)
я тугодум в плане учебы на фронтендера, но Ваши лекции мне нравятся. Стараюсь конспектировать каждую лекцию. Получается долго, но эффективно. Спасибо Вам. Надеюсь, из меня когда-нибудь получится хороший фронтендер))
Пока что есть вопросы по размерам боксов на сайте, но надеюсь, что в следующих видео разберусь как и что правильно делать, чтобы не выходить за рамки размеров. Спасибо за очередной познавательный урок!
Да, все очень точно, и информации ровно столько, сколько нужно. Конечно для тех кто в первый раз слышит, сложно все понять, но после повторений все понятно
Решил влиться в фронтенд обратно спустя пол года простоя) Хочется потом увидеть видео про новые фичи css, которые за последнее время добавили. Видел, что теперь даже добавили функционал препроцессоров в синтаксис .test{ :&{} } :D
Привет! Да, так называемый «нестинг», но эта фича пока что поддерживается не очень хорошо. Вообще, я расскажу обо всех фичах CSS, но последовательно. Сначала основы, затем будем углубляться.
Планируются ли в дальнейшем какие-то домашние задания на закрепление пройденного материала? В одном уроке задать задание, а в начале следующего урока дать ответ
В этой версии курса, к сожалению, нет. Пока что моя задача - показать возможности технологии, по максимуму актуализируя информацию под современные реалии фронтенда и добавляя комментарии о нюансах из собственного опыта. Разумеется, просто смотреть - мало, нужна практика. Надеюсь, что смотрящие этот курс хотя бы экспериментируют с собственным кодом из изучаемых тем :) Вообще, после этого курса сразу пойдут различные мастер-классы, где я и макет предоставлю для разбора, и бест-практис на видео покажу. Но идея про ДЗ хорошая, возьму на заметку на будущую версию курса. Спасибо!
Не могу определить: свойство outline не входит в блочную модель CSS потому что никак не влияет на размеры? Или есть какие-то другие причины? Есть какая-то строгая спецификация в отношении блочной модели или блочная модель - это условная абстрактная вещь?
А ты будешь устраивать что-то вроде live-кодинга? Ну или, например, показывать мастер-класс верстки какой-то страницы? По тебе видно, что ты понимаешь о чем говоришь, и я думаю, что многим было бы полезно, лично мне ещё и дико интересно, хотя понимаю, что такой формат не всем нравится из-за долгого просмотра
Обязательно будет такой контент. Ближайший план: окончить курс по CSS => поверстать разного уровня сложности макеты в формате мастер-классов => рассказать о БЭМ, средствах автоматизации (препроцессоры, сборщики, шаблонизаторы) => ещё несколько мастер-классов со всеми перечисленными плюшками. Ну а затем JS и дальнейшее погружение в разработку.
Под анимацией я имею в виду плавное изменение состояния из "А" в "Б". У свойства display между значениями none и условным block нет промежуточных значений. А у opacity - есть. Новички зачастую пытаются добавить плавное исчезновение / появление элемента, оперируя свойством display, однако само по себе это работать не будет. Если в ключевом кадре заюзать display none, то без связки с opacity никакого fadeIn / fadeOut не сделать. И "анимацией" переключение дискретного свойства display с none на не-none назвать можно с натяжкой.
Маргин как Падинг, не отталкивается от других ,а от своих родителей,а их родители это элементы ,куда они были вложены. Еще кое что, маргин и падинг это невидимая рамка,маргин внешняя ,а падинг внутренняя ,и браузер учитывает их и просчитывает если они указаны. Самое главное что нужно знать,это железное правило. Маргин мы используем только для блочных элементов,а падинг строго только для строчных элементов.Это нужно знать прям железно. Маргин и падинг нужно знать и понимать,это самое самое главное,если не понимать ,как они работают,вы не сможете верстать,и будете топтаться на месте. Для того чтоб ими правильно пользоваться,нужно знать html элементы, и понимать какой из них строчный,а какой блочный.
Не слышал о таком правиле. Разве margin-right для span не будет работать? А padding для div? Знаю только одну концепцию - «схлопывание» внешних отступов margin, когда, например, margin-bottom верхнего элемента накладывается на margin-top нижнего и в результате отступ между элементами будет равен наибольшему среди этих margin значению (а не их сумме).
@@AleksanderLamkov Так я же и сказал что нужно знать какие элементы блочные,а какие строчные . Да можно конечно,для каждого свойства есть свое назначения.Многие новички когда начинают, поскольку не понимают что для чего,и до кучи начинают путаться,и не понимают что куда прописать,вроде можно и padding div толкнуть, а можно и margin прописать)))
@@AleksanderLamkov Я думаю не сарказм, порой быстро сказанная формулировка, без каких либо сравнений, не усваивается. Приходится отматывать и слушать заново.
Да, согласен, что темп речи в этих видео не очень хорошо воспринимается. Плюс я в монтаже тогда был профан, вырезал все паузы между фразами. Но к сегодняшнему дню я проработал эти моменты. Если сравнивать с последними видео на канале, будет заметна ощутимая разница в восприятии материала, как мне кажется.
@@AleksanderLamkov Это лишь моё мнение, и я никак его не навязываю :) Просто сейчас просматривая плейлист, сталкиваюсь с этим. К последнему видео еще не пришел)
Начал учить верстку, беру информацию с сайтов и с этого ютуб канала, что не понимаю там, понимаю здесь. Большое вам спасибо за ваш труд!
Спасибо за обучающий контент! Очень удобный и понятный формат. Находка!
Дякую, що пояснив розрахунок висоти та ширини ''pading". Бо я трішки не відстрелював :D
Очень круто, что уже упоминается, про возможное изменение контента внутри элемента, вещь вроде бы простая, но я сначала изучал материалы без понимания что так будет - и в учебных материалах это не упоминали, потом приходилось менять мышление/написание кода во многих вроде бы очевидных вещах
Пожалуй самые лучшие видеоуроки по фронту что я только видел. Очень много информации в такое количество времени. Бывает при просмотре видеоуроков становится слишком скучно, но тут такого нет. В общем пока очень нравится) Посмотрим куда приведет меня дорога приключений с таким наставником)
Супер, уроки пушка!!!
я тугодум в плане учебы на фронтендера, но Ваши лекции мне нравятся. Стараюсь конспектировать каждую лекцию. Получается долго, но эффективно. Спасибо Вам. Надеюсь, из меня когда-нибудь получится хороший фронтендер))
+ тоже конспектирую каждое видео, эфитивность и запоминание выросли в разы)
На мой взгляд лучше сохранить ссылки на уроки и вместо конспектов практиковать теорию, а не просто пытаться запоминать
Александр - Красава!
Пока что есть вопросы по размерам боксов на сайте, но надеюсь, что в следующих видео разберусь как и что правильно делать, чтобы не выходить за рамки размеров.
Спасибо за очередной познавательный урок!
Да, все очень точно, и информации ровно столько, сколько нужно. Конечно для тех кто в первый раз слышит, сложно все понять, но после повторений все понятно
Учусь в вузе на веб разработке и вы очень помогаете ❤
За box-sizing отдельное спасибо!
На 4:23 inline-block рассматриваем? В коде - inline-flex...
Упс, опечатка в коде на видео. Но с inline-flex результат был бы тот же.
полезные уроки!
Решил влиться в фронтенд обратно спустя пол года простоя) Хочется потом увидеть видео про новые фичи css, которые за последнее время добавили. Видел, что теперь даже добавили функционал препроцессоров в синтаксис .test{ :&{} } :D
Привет! Да, так называемый «нестинг», но эта фича пока что поддерживается не очень хорошо.
Вообще, я расскажу обо всех фичах CSS, но последовательно. Сначала основы, затем будем углубляться.
@@AleksanderLamkov спасибо, реально очень нравится ваша подача. Так держать 💪
Супер!
Планируются ли в дальнейшем какие-то домашние задания на закрепление пройденного материала? В одном уроке задать задание, а в начале следующего урока дать ответ
В этой версии курса, к сожалению, нет.
Пока что моя задача - показать возможности технологии, по максимуму актуализируя информацию под современные реалии фронтенда и добавляя комментарии о нюансах из собственного опыта.
Разумеется, просто смотреть - мало, нужна практика. Надеюсь, что смотрящие этот курс хотя бы экспериментируют с собственным кодом из изучаемых тем :)
Вообще, после этого курса сразу пойдут различные мастер-классы, где я и макет предоставлю для разбора, и бест-практис на видео покажу.
Но идея про ДЗ хорошая, возьму на заметку на будущую версию курса. Спасибо!
спасибо
почему когда вы объясняли что такое display: inline-block; вы в своем коде поставили значение display: inline-flex;
?
Опечатка. Спасибо, что заметил!
❤
Не могу определить: свойство outline не входит в блочную модель CSS потому что никак не влияет на размеры? Или есть какие-то другие причины? Есть какая-то строгая спецификация в отношении блочной модели или блочная модель - это условная абстрактная вещь?
Верно, свойство outline не берётся в расчет ни при каких обстоятельствах при формировании размеров элемента.
Мини блиц-опрос Vue | React | Angular? 🤔
- ванильный JavaScript!
**мем с ослом из шрека**
Vue.js
А ты будешь устраивать что-то вроде live-кодинга? Ну или, например, показывать мастер-класс верстки какой-то страницы? По тебе видно, что ты понимаешь о чем говоришь, и я думаю, что многим было бы полезно, лично мне ещё и дико интересно, хотя понимаю, что такой формат не всем нравится из-за долгого просмотра
Обязательно будет такой контент. Ближайший план: окончить курс по CSS => поверстать разного уровня сложности макеты в формате мастер-классов => рассказать о БЭМ, средствах автоматизации (препроцессоры, сборщики, шаблонизаторы) => ещё несколько мастер-классов со всеми перечисленными плюшками. Ну а затем JS и дальнейшее погружение в разработку.
@@AleksanderLamkov Ты что планируешь подготовить поколение web senior-программистов? 😄
Что-то вроде того!)
@@AleksanderLamkov шикарный план!
а почему вы про display: flex; ничего не сказали?
Привет! Это будет отдельная тема курса :)
@@AleksanderLamkov аа круто)))
4:56 что значит не анимируется? animation и @keyframes - запросто анимируется, при условии что изначально у элемента стоит display:none;
Под анимацией я имею в виду плавное изменение состояния из "А" в "Б". У свойства display между значениями none и условным block нет промежуточных значений. А у opacity - есть.
Новички зачастую пытаются добавить плавное исчезновение / появление элемента, оперируя свойством display, однако само по себе это работать не будет.
Если в ключевом кадре заюзать display none, то без связки с opacity никакого fadeIn / fadeOut не сделать. И "анимацией" переключение дискретного свойства display с none на не-none назвать можно с натяжкой.
@@AleksanderLamkovПрофессионал своего дела!
Маргин как Падинг, не отталкивается от других ,а от своих родителей,а их родители это элементы ,куда они были вложены. Еще кое что, маргин и падинг это невидимая рамка,маргин внешняя ,а падинг внутренняя ,и браузер учитывает их и просчитывает если они указаны. Самое главное что нужно знать,это железное правило. Маргин мы используем только для блочных элементов,а падинг строго только для строчных элементов.Это нужно знать прям железно. Маргин и падинг нужно знать и понимать,это самое самое главное,если не понимать ,как они работают,вы не сможете верстать,и будете топтаться на месте. Для того чтоб ими правильно пользоваться,нужно знать html элементы, и понимать какой из них строчный,а какой блочный.
Не слышал о таком правиле.
Разве margin-right для span не будет работать? А padding для div?
Знаю только одну концепцию - «схлопывание» внешних отступов margin, когда, например, margin-bottom верхнего элемента накладывается на margin-top нижнего и в результате отступ между элементами будет равен наибольшему среди этих margin значению (а не их сумме).
@@AleksanderLamkov Так я же и сказал что нужно знать какие элементы блочные,а какие строчные . Да можно конечно,для каждого свойства есть свое назначения.Многие новички когда начинают, поскольку не понимают что для чего,и до кучи начинают путаться,и не понимают что куда прописать,вроде можно и padding div толкнуть, а можно и margin прописать)))
закрепляй текстовый документ из изученного материалы
border box изучала на 2ух каналах и ни на одном до этого не объяснили по человечески
а можно воды побольше реально
Сарказм? Или реально не хватает словесного мусора в объяснениях?
@@AleksanderLamkov Я думаю не сарказм, порой быстро сказанная формулировка, без каких либо сравнений, не усваивается. Приходится отматывать и слушать заново.
Да, согласен, что темп речи в этих видео не очень хорошо воспринимается. Плюс я в монтаже тогда был профан, вырезал все паузы между фразами.
Но к сегодняшнему дню я проработал эти моменты.
Если сравнивать с последними видео на канале, будет заметна ощутимая разница в восприятии материала, как мне кажется.
@@AleksanderLamkov Это лишь моё мнение, и я никак его не навязываю :)
Просто сейчас просматривая плейлист, сталкиваюсь с этим.
К последнему видео еще не пришел)