97. Frontender[1.0] Вопросы по 1 модулю. HTML, CSS, SCSS, GIT, БЭМ, Flexbox, SVG, SEO, Accessibility

Поделиться
HTML-код
  • Опубликовано: 5 авг 2024
  • Привет!📢
    ▶ PDF (Telegram): t.me/Dmitry_Kolotilshikov/216
    ▶ GitHub: github.com/DmitryKolotilshikov
    ▶ Linkedin: / kolotilshikov
    Вопросы по 1 модулю. HTML, CSS, SCSS, GIT, БЭМ, Flexbox, SVG, SEO, Accessibility
    Это 97 видео первого модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и для людей, которые что-то когда-то учили или учат, также тех кто хочет освежить знания. На курс трачу очень много времени, чтобы контент получался качественный, плюс качественная картинка и звук, а самое главное стараюсь рассказывать всё простым языком.
    К каждому уроку также есть PDF файл по теме урока, который можете скачать у меня в телеграм-канале под анонсом данного урока.
    Ваша обратная связь обязательна =)
    Курс Frontender[1.0] разделен на 3 модуля:
    1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
    2) JavaScript, решение задач, написание нескольких приложений;
    3) React, Typescript, Redux написание полноценного приложения;
    Таймкоды:
    00:00 Интро
    00:41 Frontender & Backend?
    01:16 HTML?
    01:33 CSS?
    02:01 Виды и типы тегов?
    02:13 Атрибуты?
    02:38 Селекторы HTML?
    03:05 GIT?
    03:26 Margin vs Padding?
    03:47 Margin collapsing?
    04:24 Box-sizing CSS?
    04:46 Desktop first & Mobile First?
    05:08 Семантические теги?
    05:31 Pixel Perfect?
    05:42 БЭМ?
    06:09 Препроцессоры?
    06:33 Accessibility?
    07:00 SEO?
    07:21 Псевдоклассы и псевдоэлементы?
    07:45 Адаптивный дизайн с помощью CSS?
    08:25 Способы работы с анимацией CSS?
    08:38 SVG спрайты?
    09:13 Flexbox?
    09:48 Приоритеты селекторов?
    10:21 iFrame?
    11:21 Favicon?
    11:59 Функции в CSS?
    12:42 Позиционирование в CSS?
    13:07 Как поместить изображение на страницу?
    13:19 Box model?
    13:47 Как с помощью img
    загрузить несколько
    изображений?
    14:09 DOCTYPE HTML?
    14:20 Как обеспечить кроссбраузерность?
    14:44 Метатеги?
    15:05 Как создать выпадающий список?
    15:17 Как создать нативный аккордион?
    15:29 Как скрыть элемент на странице с помощью CSS?
    15:42 Display none vs Visibility hidden?
    16:15 Центрирование элементов по гор и вертикали?
    16:38 Глобальные атрибуты в HTML?
    16:57 Дефолтные стили?
    17:12 Computed в DevTools?
    17:35 DOM vs Accessibility tree?
    18:04 Accessibility vs Usability?
    18:33 NPM?
    НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
    Желаю приятного обучения! 🔥
    ▶ Графический дизайн и анимация: t.me/getlogo
    📢 ПЛЕЙЛИСТ FRONTENDER[1.0] - 1 Модуль: • Frontender[1.0] - 1 мо...
    Также тебе могут быть полезны эти уроки:
    📢 HTML для начинающих за 33 минуты: • HTML для начинающих за...
    📢 CSS для начинающих + практика за 24 минуты: • CSS для начинающих + п...
    📢 FLEXBOX. Всё о flexbox в одном уроке: • FLEXBOX. Всё о flexbox...
    📢 FLEXBOX. Всё о flexbox | Практика: • FLEXBOX. Всё о flexbox...
    FRONTENDER[1.0] полный, структурированный и бесплатный курс по фронтенд разработке на RUclips.
    📢 Автор курса: Дмитрий Колотильщиков
    #html #frontend #frontender

Комментарии • 15

  • @dmitry_kolotilshikov
    @dmitry_kolotilshikov  4 месяца назад +1

    ▶ PDF (Telegram): t.me/Dmitry_Kolotilshikov/216
    ▶ GitHub: github.com/DmitryKolotilshikov
    ▶ Linkedin: www.linkedin.com/in/kolotilshikov

  • @weepie9103
    @weepie9103 2 месяца назад

    Из видео понятно, что многое забывается. Нужно практиковаться и повторять, thx !

  • @iuseronline
    @iuseronline 4 месяца назад +1

    Новый видосик круть

  • @RamaRama-qv3jo
    @RamaRama-qv3jo 4 месяца назад +2

    отличный материал! спасибо! очень удобно для освежить в памяти и для подготовки собесов) Будут ли ещё видео такого плана?

    • @dmitry_kolotilshikov
      @dmitry_kolotilshikov  4 месяца назад

      Да, планируется в конце каждого модуля)

  • @user-ym8ue8nn5p
    @user-ym8ue8nn5p 4 месяца назад

    Вопрос. Каких нибудь методологий ты придерживаешься? Если да, то проясни, что с них ты взял на применение. Спасибо. Твой подписчик.

    • @dmitry_kolotilshikov
      @dmitry_kolotilshikov  4 месяца назад

      Методологий из вопросов или в общем в работе?)

    • @user-ym8ue8nn5p
      @user-ym8ue8nn5p 4 месяца назад

      @@dmitry_kolotilshikov в работе.

    • @dmitry_kolotilshikov
      @dmitry_kolotilshikov  4 месяца назад +1

      @@user-ym8ue8nn5p из этого в работе практически все: git, sass, flexbox, grid, accessibility …

    • @user-ym8ue8nn5p
      @user-ym8ue8nn5p 4 месяца назад

      @@dmitry_kolotilshikov а применение шаблонизаторов для html, используете?

  • @user-jn2ch3kp5y
    @user-jn2ch3kp5y 4 месяца назад

    Когда планируется второй модуль?

    • @dmitry_kolotilshikov
      @dmitry_kolotilshikov  4 месяца назад

      Примерно через 1,5-2 недели начнется)

    • @user-jn2ch3kp5y
      @user-jn2ch3kp5y 4 месяца назад

      ​@@dmitry_kolotilshikov и сколько продлиться примерно?
      И такой вопрос на будущее, а когда начнется третий и закончиться?)

    • @dmitry_kolotilshikov
      @dmitry_kolotilshikov  4 месяца назад

      @@user-jn2ch3kp5y пока не могу ответ, так как еще продакшн 2 модуля идет, в четверг будет видео где немного проясню)

    • @user-jn2ch3kp5y
      @user-jn2ch3kp5y 4 месяца назад +1

      ​@@dmitry_kolotilshikov спасибо за фидбэк) ждём