AVIS TV
AVIS TV
  • Видео 72
  • Просмотров 1 012 075
НЕУДАЧИ, УСПЕХИ, ПЛАНЫ НА 2023 | ПОЖЕЛАНИЯ НА 2023 ГОД!
Поддержка ТОП контента по разработке:
Тинек: www.tinkoff.ru/rm/rakhmatullin.emil2/IHAHY12432/
ЮМани: yoomoney.ru/to/4100118065342340
ТОП препод английского: enzhe1
Друзья! Я поздравляю Вас с Наступающим 2023 годом!
В 2022 году у меня было много провалов, но есть и успехи. Рассказываю и показываю как в целом прошел мой 2022 год, какие у меня планы на канал, а также желаю вам... (смотри видео)
========================================
rah-emil.ru - сайт и соц. сети
Просмотров: 4 012

Видео

10. Карточки новостей | Создаем свою UI библиотеку
Просмотров 1,7 тыс.2 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 В этом уроке мы реализуем карточки новостей в двух форматах (article / cards) на чистом CSS & HTML! Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw avis-agency.ru - создание сайтов под ключ rah-emil.ru - сайт и соц. сети автора
9. Модальное окно & popup | Создаем свою UI библиотеку
Просмотров 1,2 тыс.2 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 В этом уроке мы реализуем модальное окно (modal window / popup) на чистом CSS & HTML! Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw avis-agency.ru - создание сайтов под ключ rah-emil.ru - сайт и соц. сети автора
8. Меню навигации в темах | Создаем свою UI библиотеку
Просмотров 8982 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 В этом уроке мы реализуем меню навигации для светлой и темной темы (navbar, menubar) на чистом CSS & HTML! Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw avis-agency.ru - создание сайтов под ключ rah-emil.ru - сайт и соц. сети автора
7. Поля ввода | Создаем свою UI библиотеку
Просмотров 7082 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 В этом уроке мы реализуем поля ввода (input, textarea) на чистом CSS & HTML! Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw avis-agency.ru - создание сайтов под ключ rah-emil.ru - сайт и соц. сети автора
6. Кастомные CHECKBOX и SWITCH | Создаем свою UI библиотеку
Просмотров 7952 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 В этом уроке мы реализуем кастомные чекбоксы и свитчи (checkbox & switch) на чистом CSS & HTML! Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw avis-agency.ru - создание сайтов под ключ rah-emil.ru - сайт и соц. сети автора
5. Выпадающее меню, dropdown | Создаем свою UI библиотеку
Просмотров 1,9 тыс.2 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 В этом уроке мы реализуем выпадающее меню (dropdown) на чистом CSS & HTML! Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw avis-agency.ru - создание сайтов под ключ rah-emil.ru - сайт и соц. сети автора
4. Подсказки, tooltips | Создаем свою UI библиотеку
Просмотров 7862 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 В этом уроке мы реализуем подсказки (tooltips) на чистом CSS & HTML! Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw avis-agency.ru - создание сайтов под ключ rah-emil.ru - сайт и соц. сети автора
3. Кнопки | Создаем свою UI библиотеку
Просмотров 1,7 тыс.2 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 В этом уроке мы реализуем 2 вида кнопки Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw avis-agency.ru - создание сайтов под ключ rah-emil.ru - сайт и соц. сети автора
2. Добавление фавиконки / favicon | Создаем свою UI библиотеку
Просмотров 6832 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 Друзья! В этом уроке мы подготовим иконку (фавиконка / favicon) для нашего сайта-библиотеки по всем стандартам - кроссплатформенно и кроссбраузерно без вы*бонов и танцев с бубном Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Генератор иконок: realfavicongenerator.net Скачать результат по ссылке:...
1. Подготовка создания сайта | Создаем свою UI библиотеку
Просмотров 4,3 тыс.2 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 Друзья! В этом видео мы подготавливаем основу для нашей собственной UI библиотеки: окружение, меню, основной контент😎 Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw avis-agency.ru - создание сайтов под ключ rah-emil.ru - сайт и соц. сет...
8. Верстаем страницу товара магазина | HTML & CSS курс 2.0
Просмотров 5 тыс.2 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 Figma: www.figma.com/file/zYxKP4hxMepE0Ouom9putr/AvisAcademy-practice?node-id=2:2 Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw avis-agency.ru - создание сайтов под ключ rah-emil.ru - сайт и соц. сети автора
7. Верстаем страницу фильма | HTML & CSS курс 2.0
Просмотров 6 тыс.2 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 Макет в Figma: www.figma.com/file/zYxKP4hxMepE0Ouom9putr/AvisAcademy-practice Скачать результат по ссылке: disk.yandex.ru/d/hPRJWDt3x1a3Kw Материалы по некоторым CSS свойствам из видео: @media - webref.ru/css/media Флексы - webref.ru/css/type/flex Текст и шрифт - webref.ru/css/type/text Основные понятия Grid Layout - deve...
6. Основы CSS | HTML & CSS курс 2.0
Просмотров 1,7 тыс.2 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 В этом уроке: 1) Как подключать CSS? 2) Сброс/оптимизация стилей страницы 3) Обращение к элементам разными способами 4) Единицы измерения CSS (px, rem, em, %, vw, vh) 5) Размеры блоков 6) Стили для текста 7) Позиционирование элементов (position, display, transform) 8) Плавность элементов (transition) 9) Адаптация сайта по...
5. HTML теги и атрибуты (часть 2) | HTML & CSS курс 2.0
Просмотров 1,8 тыс.2 года назад
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 В этом уроке: 1) Теги для вывода медиа (изображения, видео, аудио) 2) Дополнительные теги для вывода текста 3) Семантические теги версии HTML 5 4) Теги для создания форм 5) Тег вывода чужого сайта на своём сайте (элемента) 6) Практика с Emmet Материалы: HTML справочник - webref.ru/html avis-agency.ru - создание сайтов под...
4. HTML теги и атрибуты (часть 1) | HTML & CSS курс 2.0
Просмотров 3,9 тыс.2 года назад
4. HTML теги и атрибуты (часть 1) | HTML & CSS курс 2.0
3. Начальная структура HTML | HTML & CSS курс 2.0
Просмотров 1,9 тыс.2 года назад
3. Начальная структура HTML | HTML & CSS курс 2.0
2. История HTML & CSS | HTML & CSS курс 2.0
Просмотров 1,4 тыс.2 года назад
2. История HTML & CSS | HTML & CSS курс 2.0
1. Что такое HTML & CSS | HTML & CSS курс 2.0
Просмотров 3 тыс.2 года назад
1. Что такое HTML & CSS | HTML & CSS курс 2.0
Полный курс Vue 3 | #6 Компоненты, слоты, передача информации между компонентами
Просмотров 13 тыс.2 года назад
Полный курс Vue 3 | #6 Компоненты, слоты, передача информации между компонентами
Полный курс Vue 3 | #5 Форма отзыва с фото во Vue
Просмотров 8 тыс.2 года назад
Полный курс Vue 3 | #5 Форма отзыва с фото во Vue
Полный курс Vue 3 | #4 Поиск товаров во Vue, v-model, computed
Просмотров 9 тыс.2 года назад
Полный курс Vue 3 | #4 Поиск товаров во Vue, v-model, computed
Полный курс Vue 3 | #3 Основы реактивности компонента Vue
Просмотров 13 тыс.2 года назад
Полный курс Vue 3 | #3 Основы реактивности компонента Vue
Полный курс Vue 3 | #2 Установка и запуск Vue 3 на Vite
Просмотров 11 тыс.2 года назад
Полный курс Vue 3 | #2 Установка и запуск Vue 3 на Vite
Полный курс Vue 3 | #1 Как использовать? Composition и Options API
Просмотров 12 тыс.2 года назад
Полный курс Vue 3 | #1 Как использовать? Composition и Options API
Полный курс Vue 3 | #0 Вводное видео
Просмотров 17 тыс.2 года назад
Полный курс Vue 3 | #0 Вводное видео
HTML, CSS (SCSS), JS, GIT, VITE • ХАРДКОР ИНТЕНСИВ 2022
Просмотров 1,7 тыс.2 года назад
HTML, CSS (SCSS), JS, GIT, VITE • ХАРДКОР ИНТЕНСИВ 2022
SWIPE / TOGGLE / ВЫДВИЖНОЕ МЕНЮ • HTML & CSS & JS ПРАКТИКА
Просмотров 4,2 тыс.2 года назад
SWIPE / TOGGLE / ВЫДВИЖНОЕ МЕНЮ • HTML & CSS & JS ПРАКТИКА
Лучший практический курс по HTML & CSS | 2022
Просмотров 2,4 тыс.2 года назад
Лучший практический курс по HTML & CSS | 2022
Угораем над заданиями на фрилансе | ЭТО современные реалии фриланса в России?🤙
Просмотров 32 тыс.2 года назад
Угораем над заданиями на фрилансе | ЭТО современные реалии фриланса в России?🤙

Комментарии

  • @AVISTV
    @AVISTV День назад

    Друзья, вы можете следить за мной в моем телеграмме: t.me/rah_emil_avis_tv

  • @romastyi83
    @romastyi83 5 дней назад

    такой скрипт показывает только промежуточные проценты в зависимости от количества картинок (если картинок шесть, то шесть раз меняется процент). Есть ли идеи для плавного увеличения процента от 0 до 100?

  • @GEEPIS
    @GEEPIS 8 дней назад

    Хуина... чушь не правильно говоришь!

  • @Солнце-рс5
    @Солнце-рс5 23 дня назад

    Кстати если нажать win+r потом написать cmd и в командной строке написать color 2 (enter) dir/s (enter) то вы взломаете пентагон

  • @aveape9241
    @aveape9241 Месяц назад

    Лучий, большое спасибо !

  • @InterstellarRU
    @InterstellarRU Месяц назад

    Подскажи как реализовать следующее: Текстовые поля + несколько полей для отправки файлов в одной форме Заранее спасибо большое!

  • @Ric.official
    @Ric.official Месяц назад

    Мне интересно, ты хоть сам понимаешь, что откуда-то переписываешь?

    • @AVISTV
      @AVISTV Месяц назад

      тоже интересно

  • @Krylowandrey
    @Krylowandrey Месяц назад

    Relative и absoute имеетсмысл использовать только в паре? По отдельности они ведут себя как static?

  • @АлександрПротопопов-т4е

    Спасибо я новичок ищу ращные библиотеки для расширения сознания😂, надеюсь мой мозг не скукожится от применения библ с 20 параметрами вместо 4 строк кода

  • @ya_jud
    @ya_jud Месяц назад

    Хорошее объяснение микроразметки. Но хотелось бы еще узнать, как оно работает с SSR (next nuxt)

  • @Thoughtfulness01
    @Thoughtfulness01 Месяц назад

    Я извиняюсь, Не могли бы вы просветить меня .Что я должен написать в Sublime text, Что бы он активировался , что я там должен написать по типу html?

  • @Фалончи-ц1о
    @Фалончи-ц1о 2 месяца назад

    Молодец

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

    Скрипт не работает больше чем на 1 форму, как это можно исправить?

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

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

  • @Айвен-705
    @Айвен-705 2 месяца назад

    Прям глаза болят смотреть на этот js в куче. Прям кровью обливаются ). Но за видео спасибо.

    • @AVISTV
      @AVISTV Месяц назад

      Не смотри)

    • @Айвен-705
      @Айвен-705 Месяц назад

      @@AVISTV Не хотел обидеть ). Это у меня привычка ещё с начала изучения C#. В самом начале, там показывался и рассказывалось про чистый код. Что код должен быть красивым и понятным. А когда вот так вот всё в куче, то это просто ппц. Я сейчас изучаю вёрстку для ASP .NET Core, соответственно, html, css и js, и предпочитаю для js сделать отдельный файл и там написать красиво и чисто, чем вот так вот в одном файле с html и весь код в куче. Как потом это читать? Как это потом тестировать при отладке? В общем, жесть. Но это скорее чисто моё недовольство новичка... возможно, оно так и правильно писать, я не знаю )

    • @AVISTV
      @AVISTV Месяц назад

      @ та я не обижен) В крупных проектах пишут на TypeScript. Думаю, он тебе приятнее будет. Сам я пишу на TS

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

    Что за конструктор ? с кодом, кто подскажет ?

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

      Figma

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

    это вам не нужно, здесь не розбирайтесь, вот короче готовый код скопируйте 🤣🤣🤣

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

    10:59 - видите то, как эти кнопки как будто выплывают становясь на свое положение? Чем плавнее анимация, тем заметнее это. Как от этого избавиться?

  • @ВладимирШироколобов-р9с

    Как раз эту инфу я искал

  • @ВладимирШироколобов-р9с

    ❤спасибо

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

    Что делать если у HTML&CSS нету отступа слева?(Я поставил, чтобы по дефолту у всего был отступ 0, но когда я пытаюсь сделать отступ у контейнера, то он передвигается весь.Я не знаю как сделать отступ только у HTML&CSS)

  • @firstlast493
    @firstlast493 3 месяца назад

    Только у телефонов сейчас разрешение больше, чем в компьютерах.

    • @AVISTV
      @AVISTV 3 месяца назад

      В расчеты берется ширина и высота экрана, не разрешение

  • @MrIorik_
    @MrIorik_ 3 месяца назад

    Где скачать JavaScript? Помогите пожалуйста

    • @AVISTV
      @AVISTV 3 месяца назад

      Его заблокировали в РФ. Уже не скачать(

  • @imgod113
    @imgod113 3 месяца назад

    А как ты эмодзи вызвал?

  • @ИгорьТерещенко-ь4ц
    @ИгорьТерещенко-ь4ц 4 месяца назад

    может просто includes вместо indexOf использовать?

    • @AVISTV
      @AVISTV 3 месяца назад

      Может)

  • @ZoeVi-dr5rl
    @ZoeVi-dr5rl 4 месяца назад

    12:29 Может я что то пропустила, но была бы благодарна если поможете. Как сохранить эту команду чтобы использовать его?

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

      Рекомендую уже Visual Studio использовать

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

    Где ты? Когда будет допил курса? Все же круто было

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

      Может по Nuxt 3 только

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

      @@AVISTV я смотрел твой курс еще полгода назад, сейчас устроился на работу и снова пересматриваю ахах Ты круто все делаешь там Надеялся что будет продолжение(

  • @СергейМакаренко-ж5р
    @СергейМакаренко-ж5р 4 месяца назад

    🔥🔥🔥🔥🔥🔥🔥

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

    информативно, спасибо.

  • @артемнеплюй
    @артемнеплюй 4 месяца назад

    А зачем нужна системная клавиатура если обычная работает ?

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

      Ну вдруг на свою пиво разольешь, а запасной нет. Не знаю 🤷‍♂️

    • @артемнеплюй
      @артемнеплюй 4 месяца назад

      @@AVISTV раза 4 уже заливал клавы. Даже на ноуте пришлось выключать клаву. Но через панель управления вызывал ))))))

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

    Спасибо тебе огромное

  • @АнастасияБ-х1п
    @АнастасияБ-х1п 4 месяца назад

    Неактуально и канал заброшен судя по всему. Не работает ни с классом easy-class="open" ни data-easy-class="open", судя по всему скрипт триста раз переписан, а рабочая версия для видео не выложена отдельно в репозитории, короче полная безотвественность.

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

      Упс

  • @heroofmightandmagic3536
    @heroofmightandmagic3536 5 месяцев назад

    Удивительно, но не работает. Даже если не делать самому наподобие того, что сделал автор видео, а просто скопировать код с этого сайта и раскидать по файлам html, css и JavaScript не работает. В консоли как Chrome, так и Microsoft Edge показывает одну и ту же ошибку, что прочитать содержимое объекта с id navbar невозможно - оно пустое: TypeError: Cannot read properties of null (reading 'classList') Может это траблы из-за того, что видео 2-х годичной давности и что-то уже поменялось?

    • @AVISTV
      @AVISTV 5 месяцев назад

      Как-то не так ищешь элемент. Ошибка говорит, что ты не можешь получить classList у null (то есть ни у чего). Получи элемент и все будет ок) Внимательнее

  • @therealskinheadik
    @therealskinheadik 5 месяцев назад

    единственный кто помог, лови звездочку

  • @СерафимКоник-ъ8н
    @СерафимКоник-ъ8н 5 месяцев назад

    Сложный для восприятия контент... хочется поменьше воды

  • @MrNikolaevv
    @MrNikolaevv 5 месяцев назад

    Лайк поставил подписку оформил )

  • @Артём-к6ю1г
    @Артём-к6ю1г 5 месяцев назад

    если создаёте <button> , то обязательно нужно писать тип button - кнопка просто выполняет определенное действие, не связанное с отправкой формы submit - кнопка отправляет форму, в которой она находится. reset - кнопка сбрасывает значения всех элементов формы к их исходным состояниям. Если атрибут type не указан, браузеры по умолчанию присваивают кнопке тип submit. Это может привести к неожиданным последствиям, например, отправке формы, когда это не планировалось.

  • @Taranenkosemen
    @Taranenkosemen 5 месяцев назад

    Тоже бывало что файл css забывал подключить 😁

  • @Se7eN_time
    @Se7eN_time 5 месяцев назад

    Просто нет слов ) все на отличном уровне… еще видео пожалуйста про vue 🙏

  • @Se7eN_time
    @Se7eN_time 5 месяцев назад

    Видео топчик ! Спасибо !

  • @BYVAXA
    @BYVAXA 5 месяцев назад

    тьфу блин мне надо что бы и на мобиле менялся

  • @olegt9865
    @olegt9865 5 месяцев назад

    Дизлайк за ЭсДи. Ты это, как вообще!?

  • @nortfy
    @nortfy 5 месяцев назад

    У меня колбэк чуть вверху, хотя код вроде такой же(( из за чего это можеть быть? я так понимаю это из за navbar-wrap

  • @DanDiablo
    @DanDiablo 6 месяцев назад

    А можно нормально меню без бутстарапа? Мне не нужно тащить весь долбаный бутстрап ради меню! Люди на столько обленились, что скоро будут качать бустрап, что бы просто поставить рядом две колонки. Не нужно знать флекс, есть бутстрап! Блин, да код этого меню в разы короче закаченного бутстрапа! Тьфу... (((

  • @playgamesPS5
    @playgamesPS5 6 месяцев назад

    Простыми словами объяснил. Спасибо! С меня подписка на канал)

  • @Zzzanikemal
    @Zzzanikemal 6 месяцев назад

    А код на гитхабе есть?

  • @ГалинаНехорошкова-ж6ч
    @ГалинаНехорошкова-ж6ч 6 месяцев назад

    😂господи , помоги мне это освоить

  • @nikaevil9227
    @nikaevil9227 6 месяцев назад

    чтоб я без тебя делала) спасибо

  • @yugnkm
    @yugnkm 6 месяцев назад

    Здравствуйте. Урок превосходный, но вот не пойму где вы взяли градиент, я скопировала все параметры у вас, но хотелось бы знать каким вы образом переделали цвета с фигмы в градиент css

    • @AVISTV
      @AVISTV 6 месяцев назад

      Figma больше не предоставляет Dev режим бесплатно (разве что ученикам)

  • @hudraaa4470
    @hudraaa4470 6 месяцев назад

    класс

  • @chikagofire506
    @chikagofire506 6 месяцев назад

    а сам код можно скачать от куда-нибудь? есть ссылка? или я просто не вижу...