1. CSS для начинающих. Введение. Подключение, базовые концепции: каскад, специфичность, наследование

  Рет қаралды 39,329

Александр Ламков — Friendly Frontend

Александр Ламков — Friendly Frontend

Күн бұрын

Пікірлер: 59
@AleksanderLamkov
@AleksanderLamkov 10 ай бұрын
📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
@smotritelyoutube
@smotritelyoutube Жыл бұрын
Не, ну просто кайф, кратко, по делу, четкая дикция и главное четко по сути, пушка просто, пересмотрел все ролики. Продолжайте в том же духе, жду остальные уроки
@necktra
@necktra Жыл бұрын
Лучший курс, смотрю на х1,5, все доходчиво и понятно) Спасибо!
@svitboomer8840
@svitboomer8840 Жыл бұрын
Достойно! Видно, что подходишь к делу серьезно. Удачи 💘
@CoralLynx
@CoralLynx Жыл бұрын
Спасибо за курс) Посмотрел за выходные материалы от несколько авторов, твой с минимум воды, то что нужно) Жду такой же по JS 👍
@kostinv
@kostinv 5 ай бұрын
Хочу выразить Вам огромную благодарность, Александр! Смотрел достаточно большое количество курсов по основам HTML/CSS, и ни один не раскрывал так сжато и подробно нужную мне информацию. Множество фишек для вёрстки в ваших видео также не встречал в просмотренных мной до этого курсах, которые, на секунду, длились в раза так два-три больше по времени. Не останавливайтесь, пожалуйста, и продолжайте радовать нас такими замечательными уроками)
@AleksanderLamkov
@AleksanderLamkov 5 ай бұрын
Спасибо за такой комментарий! Ради таких моментов и делаю контент 🙂
@andynaz7044
@andynaz7044 3 ай бұрын
присоединяюсь
@armorunit6970
@armorunit6970 Жыл бұрын
Посмотрел несколько видео из этого курса, но выборочно. Т.к. нужно было для выполнения задания. Очень помогли эти видосы. И решил просмотреть курс с самого начала и обновить свои конспекты. Хочу сказать спасибо!
@vtech8716
@vtech8716 Жыл бұрын
Спасибо Александр за уроки. Я смотрел твои по HTML , теперь конечно по CSS буду. Удачи в развитии этого образовательного канала.
@This_is_hellwood
@This_is_hellwood Жыл бұрын
Чудова робота!
@GregoryArt1976
@GregoryArt1976 19 күн бұрын
Саша, круть!
@vladic312cher
@vladic312cher 3 ай бұрын
Спасибо большое!!!
@pride444
@pride444 3 ай бұрын
Александр вы легенда!!! Я глянул уже 2-3 курса платных по 25$ канадских , по html&css информации получил 1/10 глянул ваше видео по html понимаю все что надо делать в плане как вывести ту или иную информацию на веб-сайте используя теги , вот. У вас css не смотрел , и очень жалею что потратил много времени на 2-3 курса , вот завтра досматриваю css в курсе , и буду смотреть вас , вы просто молодцы, что даете такую хорошую информацию за free . Когда другие дают информацию прочитав одну документальную и идут продавать эту информацию. Вот через 2-3 дня начну смотреть вас + делать заметки и так далее. Я был бы очень благодарен если можно было бы с вами как-то контакт подержать хочу написать вам пару сообщений)
@AleksanderLamkov
@AleksanderLamkov 3 ай бұрын
Спасибо за такую обратную связь! 🙂 В телеграмме у меня есть два канала. Сообщество: t.me/friendlyFrontendChat Основной: t.me/friendlyFrontend Можно написать в один из этих каналов. Но все комментарии успеваю читать только в основном. А если нужно более серьёзное продуктивное тет-а-тет общение, то можно связаться со мной так: getmentor.dev/mentor/aleksandr-lamkov-1480
@darlindtryhgbvgft
@darlindtryhgbvgft 2 ай бұрын
спасибо🥰
@stepan_tretyakov_it
@stepan_tretyakov_it Жыл бұрын
Надеюсь что и до scss доберемся)
@magazila
@magazila Жыл бұрын
так синтаксис там почти такой же. Там просто все
@stepan_tretyakov_it
@stepan_tretyakov_it Жыл бұрын
@@magazila таки да, но есть интересные нюансы. Скорее про механику использования, а не про синтаксис.
@AleksanderLamkov
@AleksanderLamkov Жыл бұрын
Обязательно доберемся! Но есть нюанс. Я не хочу эксплуатировать SCSS, как это делают все вокруг "просто потому что все используют и значит мне надо использовать" не объясняя ни себе, ни зрителям "а почему именно этот препроцессор, а не какой-то иной". Пару лет назад я провел глубокий анализ актуальных на то время пре- и пост- процессоров стилей и пришел к выводу, что для более серьёзной разработки лучше подходит PostCSS. Он быстрый и модульный, в отличие от монструозного SCSS. На текущий момент ничего не поменялось - SCSS всё пухнет от ненужного большинству функционала, да и скорость его работы ни на йоту на увеличилась, в сравнении с PostCSS. В общем, хочу сделать акцент именно на PostCSS. Но в любом случае - разберу все существующие средства автоматизации стилей, чтобы зритель сам мог для себя выбрать лучший инструмент.
@magazila
@magazila Жыл бұрын
@@AleksanderLamkov первый раз слышу про такой. Буду ждать
@stepan_tretyakov_it
@stepan_tretyakov_it Жыл бұрын
@@AleksanderLamkov супер, с огромным интересом посмотрю и попробую с ним разобраться. Ни разу о нем не слышал.
@zacepina1995
@zacepina1995 8 ай бұрын
Очень быстро рассказывает , но понятно.
@olekolek8616
@olekolek8616 10 ай бұрын
Здравствуйте) Спасибо за качественный контент! Не планируете на udemy размещать углубленные курсы?
@AleksanderLamkov
@AleksanderLamkov 10 ай бұрын
Привет! Спасибо за фидбек :) Да, планирую, но не факт, что на udemy, есть много других площадок, посмотрю что удобнее.
@Ivanfwit
@Ivanfwit Жыл бұрын
да прочитал комментарии тут, postCSS будет очень интересно изучить
@lenurabdiramanov8055
@lenurabdiramanov8055 Жыл бұрын
На собеседовании могут спросить о источниках стилей? Какие стили главнее и т.д.? Было все круто, мне понравилось 🔥
@AleksanderLamkov
@AleksanderLamkov Жыл бұрын
Новичка спросить точно могут. Понимать, какой стиль будет главнее точно лишним не будет :)
@idg817
@idg817 6 ай бұрын
Good work. Thanks
@andynaz7044
@andynaz7044 3 ай бұрын
good job
@ВиталийДавыдов-э4г
@ВиталийДавыдов-э4г 8 ай бұрын
Существует ли рисурс с рейтингм - от наиболее используемых свойств и значений по убыванию к наименее используемым? Это был бы очень полезный рисурс для обучения. Сначала изучаешь самое используемой и по мере обучения осваиваешь менее применяемые свойства, значения, теги , атрибуты. Спасибо.
@AleksanderLamkov
@AleksanderLamkov 8 ай бұрын
Привет! Да, вот статистика: chromestatus.com/metrics/css/popularity Но я бы всё же предложил изучать CSS последовательно по темам, которые идут в курсе на этом канале, т. к. изучить рандомное свойство мало, к нему вдобавок потребуется знать множество концепций, которые можно переварить только постепенно углубляясь в технологию.
@ВиталийДавыдов-э4г
@ВиталийДавыдов-э4г 8 ай бұрын
@@AleksanderLamkovСпасибо Александр
@ВиталийДавыдов-э4г
@ВиталийДавыдов-э4г 8 ай бұрын
@@AleksanderLamkov Существует конфликт обучения: изучать "гладко" всё подряд по алфавиту , весь справочник mdn , не зная насколько каждый элемен будет нужен и по пути большинство забыть. Другая крайность изучать под непосредственную потребность, тогда не будешь знать границ возможностей языка ("А что, так можно было!?"). Да, думаю надо знать фундаментальные концепции , паралелльно изучать самое используемое и постепенно углубляясь. Спасибо.
@zhaslanulysabyrzhan
@zhaslanulysabyrzhan 11 ай бұрын
Привет, на канале будут уроки по БЭМ?
@AleksanderLamkov
@AleksanderLamkov 11 ай бұрын
Привет! Да, в ближайший месяц.
@andynaz7044
@andynaz7044 3 ай бұрын
канал образовательно-вещательный? сильно... )
@AleksanderLamkov
@AleksanderLamkov 3 ай бұрын
У тебя претензия?)
@andynaz7044
@andynaz7044 3 ай бұрын
@@AleksanderLamkov нет-нет-нет, ни в коем случае! всё супер )
@hyperpocket.
@hyperpocket. 4 ай бұрын
Наследование не имеет отношения к каскаду?
@AleksanderLamkov
@AleksanderLamkov 4 ай бұрын
Каскад - это совокупность правил, описывающих понятие специфичности или по-простому «какое правило применится к элементу». Наследование - это принцип «передачи» вложенным элементам значений определенных CSS-свойств, таких как color, font-family и некоторых других.
@ЯрославИсаков-ч2л
@ЯрославИсаков-ч2л Жыл бұрын
Когда некст с графом?
@AleksanderLamkov
@AleksanderLamkov Жыл бұрын
С моим контент-планом? Не раньше 2025-го 😅 Ну а к тому времени технологии будут уже неактуальными. Так что делаем упор на базу :)
@adhamkenjabaev2588
@adhamkenjabaev2588 6 ай бұрын
+++++++
@Patrick_pakman
@Patrick_pakman Жыл бұрын
Худший курс и метод. Какой толк от то, что ты толдычешь по быстрее всё что написал на телефоне, под перематывающиеся смонтированные фрагменты видео. Кто запомнит всё с такой скоростью или кто в состоянии подумать над тем что ему сказали и показали за 2сек не нажимая паузу на видео ?? Самый бесполезный курс. Лишь бы протолдычить побыстрее и всё - управился.
@AleksanderLamkov
@AleksanderLamkov Жыл бұрын
Привет! Я ориентируюсь на тот стиль повествования, который был бы комфортен мне самому. Да и большинство темп устраивает. А при желании - всегда можно замедлить, ютуб это позволяет. Но всем не угодить, это факт. В дальнейшем, если подобных отзывов будет больше, буду говорить и монтировать более размеренно, с бОльшим количеством пауз :) В любом случае, благодарю за обратную связь!
@Patrick_pakman
@Patrick_pakman Жыл бұрын
@@AleksanderLamkov Большинство... пишет "люблю, туфли куплю, ой блогер ты такой классный....." - но на самом деле кто посмотрел и отложил в закладки и больше не возвращался, кто просто в одно ухо влетело в другое вылетело, но все будут врать, что мол "да, братан, да не слушай этих шибздиков, у тебя отличный контент" - ну то есть правду можно узнать только если останавливать каждого и требовать что нибудь написать, тут и выяснится, что больше половины просто рисовались ибо причисление себя к любому культ сообществу, даже если это программисты, и даже если не шаришь - модный тренд. Но для людей которым не всё равно, когда ты бъёшься с написанием чего либо не по шаблону под копирку, учишься сам, и думать и решать задачи и спросить не у кого....подробный материал, что и как работает, становится ключевым на пути понимания как всё устроено. Написать страницу можно, написать хорошо - долго и сложно.
@AleksanderLamkov
@AleksanderLamkov Жыл бұрын
К чему этот поток сознания? В этих сообщениях я не увидел объективной критики, лишь субъективное отношение к темпу моей подачи материала и оценочное суждение, мол "кто ж в состоянии такое воспринять???". Я же считаю, что вокруг много сообразительных людей, которые умеют схватывать информацию налету. Основываюсь на личной статистике по нескольким сотням менти, которых я променторил за последние два года. Некоторые ребята поражают своей эффективностью по скорости усвоения нового материала. И это "усвоение" не бесцельное, а вполне результативное - часть из них освоили азы фронтенда до современного стека за считанные месяцы и нашли работу. Я рад, что помог им своей экспертизой достичь результатов. Мой контент, как мне кажется, именно для таких людей. > но на самом деле кто посмотрел и отложил в закладки и больше не возвращался К счастью, это не так. Привык доверять инструментам внутренней аналитики. Цифры говорят об обратном - вижу, что мой контент большинству аудитории нравится и мне этого факта достаточно. > Но для людей которым не всё равно, когда ты бъёшься с написанием чего либо не по шаблону под копирку, учишься сам, и думать и решать задачи и спросить не у кого.... Если так завуалирована просьба о помощи, то мне всегда можно написать в телеграмме и задать любой вопрос по фронтенду, я ещё никому не отказывал :)
@Patrick_pakman
@Patrick_pakman Жыл бұрын
@@AleksanderLamkov Короче понятно - это не мой курс плохо разжёван, это ты просто докопался, слишком медленный - тормоз. Сомневаюсь, что эти люди которые схватывают на лету, впервые в глаза видят код, кто-то уже возможно, где то себя пробовал - вот и схватывают на лету. Менти, ментор, а по-русски не? ну да, этож не так круто звучит. Зато начать курс с сразу с каких-то разметок, без объяснения структуры страницы, как устроен html и почему ему нужен сторонний файл написанный на разметочном языке, а не на его собственном, ты упомянул, что писать разметку в теле html не самая лучшая идея, но не сказал почему, как я понимаю, раньше не было распространения разметочных языков и так и писали в теле, так, что поменялось. В каких моментах писать в теле - может быть решением. Можно ли написать страницу без java, или она не будет работать это не возможно. Разметка бывает только страницы и элементов интерфейса или css и html можно ещё как-то использовать. В одном моменте у тебя Style атрибут, в другом в качестве тега - это никак не поясняется, равно как и из чего вообще состоит документ, что ещё кроме тегов и аргументов у него бывает. Просто с бухты барахты давайте подключим разметку к документу...а если мне не требуется веб-страница?....как тогда, по ходу дела узнаём что есть ещё селекторы и прочее, но чувство скомканости и недосказанности, как если бы тебе сказали, что есть кпп механика вот тут 1-я тут 2, 3,4, но не скаали что есть ещё вариатор, автомат, и что механика на камазе вообще может иметь 8 передач, и переключение вообще отличается. Но ты ж великий ментор, у тебя тыщи студентов, кто въехал молодец, кто нет - плохой стуент.
@AleksanderLamkov
@AleksanderLamkov Жыл бұрын
@@Patrick_pakman надеюсь, что вы найдёте на просторах ютуба курс, который вам подойдет :)
#1 Вводный урок [Курс по Верстке от AROKEN]
6:12
Арокен.ру
Рет қаралды 232 М.
When mom gets home, but you're in rollerblades.
00:40
Daniel LaBelle
Рет қаралды 142 МЛН
Friends make memories together part 2  | Trà Đặng #short #bestfriend #bff #tiktok
00:18
Learn CSS in 1 hour 🎨
1:00:00
Bro Code
Рет қаралды 1,2 МЛН
Объяснение Вёрстки Простого Сайта HTML+CSS
53:56
Сергей Дмитриевский
Рет қаралды 164 М.
CSS - Курс по CSS для Начинающих
1:27:35
Bogdan Stashchuk
Рет қаралды 62 М.
Frontend Roadmap 2024 | Что должен учить фронтенд-разработчик в 2024 году
14:35
Александр Ламков — Friendly Frontend
Рет қаралды 73 М.
3. Блочная модель в CSS - свойства display, width, height, padding, margin, border и box-sizing
9:16
Александр Ламков — Friendly Frontend
Рет қаралды 15 М.
When mom gets home, but you're in rollerblades.
00:40
Daniel LaBelle
Рет қаралды 142 МЛН