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

Відео

10. Карточки новостей | Создаем свою UI библиотеку
Переглядів 1,7 тис.Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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 тис.Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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 библиотеку
Переглядів 854Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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 библиотеку
Переглядів 680Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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 библиотеку
Переглядів 750Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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,7 тис.Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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 библиотеку
Переглядів 746Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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,6 тис.Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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 библиотеку
Переглядів 642Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ yoomoney.ru/to/4100118065342340 Друзья! В этом уроке мы подготовим иконку (фавиконка / favicon) для нашего сайта-библиотеки по всем стандартам - кроссплатформенно и кроссбраузерно без вы*бонов и танцев с бубном Figma: www.figma.com/file/63UaqDDF1bWmhZIYombWRr/AvisAcademy-practice-UI Генератор иконок: realfavicongenerator.net Скачать результат по ссылке:...
1. Подготовка создания сайта | Создаем свою UI библиотеку
Переглядів 4,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 тис.Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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 тис.Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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 тис.Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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 тис.Рік тому
Дружище, я помог тебе? Подари мне кофе ➡☕ 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,7 тис.Рік тому
4. HTML теги и атрибуты (часть 1) | HTML & CSS курс 2.0
3. Начальная структура HTML | HTML & CSS курс 2.0
Переглядів 1,8 тис.Рік тому
3. Начальная структура HTML | HTML & CSS курс 2.0
2. История HTML & CSS | HTML & CSS курс 2.0
Переглядів 1,3 тис.Рік тому
2. История HTML & CSS | HTML & CSS курс 2.0
1. Что такое HTML & CSS | HTML & CSS курс 2.0
Переглядів 2,9 тис.Рік тому
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
Переглядів 12 тис.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,6 тис.2 роки тому
HTML, CSS (SCSS), JS, GIT, VITE • ХАРДКОР ИНТЕНСИВ 2022
SWIPE / TOGGLE / ВЫДВИЖНОЕ МЕНЮ • HTML & CSS & JS ПРАКТИКА
Переглядів 4,1 тис.2 роки тому
SWIPE / TOGGLE / ВЫДВИЖНОЕ МЕНЮ • HTML & CSS & JS ПРАКТИКА
Лучший практический курс по HTML & CSS | 2022
Переглядів 2,4 тис.2 роки тому
Лучший практический курс по HTML & CSS | 2022
Угораем над заданиями на фрилансе | ЭТО современные реалии фриланса в России?🤙
Переглядів 32 тис.2 роки тому
Угораем над заданиями на фрилансе | ЭТО современные реалии фриланса в России?🤙

КОМЕНТАРІ

  • @Vyx_Player
    @Vyx_Player 2 дні тому

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

  • @firstlast493
    @firstlast493 8 днів тому

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

    • @AVISTV
      @AVISTV 7 днів тому

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

  • @MrIorik_
    @MrIorik_ 10 днів тому

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

    • @AVISTV
      @AVISTV 8 днів тому

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

  • @imgod113
    @imgod113 17 днів тому

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

  • @ИгорьТерещенко-ь4ц

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

    • @AVISTV
      @AVISTV 26 днів тому

      Может)

  • @ZoeVi-dr5rl
    @ZoeVi-dr5rl Місяць тому

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

    • @AVISTV
      @AVISTV Місяць тому

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

  • @ImDeadInside83
    @ImDeadInside83 Місяць тому

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

    • @AVISTV
      @AVISTV Місяць тому

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

    • @ImDeadInside83
      @ImDeadInside83 Місяць тому

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

  • @СергейМакаренко-ж5р

    🔥🔥🔥🔥🔥🔥🔥

  • @daniillabin7847
    @daniillabin7847 Місяць тому

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

  • @артемнеплюй
    @артемнеплюй Місяць тому

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

    • @AVISTV
      @AVISTV Місяць тому

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

    • @артемнеплюй
      @артемнеплюй Місяць тому

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

  • @hamzayldrm6114
    @hamzayldrm6114 Місяць тому

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

  • @АнастасияБ-х1п
    @АнастасияБ-х1п Місяць тому

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

    • @AVISTV
      @AVISTV Місяць тому

      Упс

  • @heroofmightandmagic3536
    @heroofmightandmagic3536 2 місяці тому

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

    • @AVISTV
      @AVISTV 2 місяці тому

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

  • @therealskinheadik
    @therealskinheadik 2 місяці тому

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

  • @СерафимКоник-ъ8н
    @СерафимКоник-ъ8н 2 місяці тому

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

  • @MrNikolaevv
    @MrNikolaevv 2 місяці тому

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

  • @Артём-к6ю1г
    @Артём-к6ю1г 2 місяці тому

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

  • @Taranenkosemen
    @Taranenkosemen 2 місяці тому

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

  • @Se7eN_time
    @Se7eN_time 2 місяці тому

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

  • @Se7eN_time
    @Se7eN_time 2 місяці тому

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

  • @BYVAXA
    @BYVAXA 2 місяці тому

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

  • @olegt9865
    @olegt9865 3 місяці тому

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

  • @nortfy
    @nortfy 3 місяці тому

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

  • @DanDiablo
    @DanDiablo 3 місяці тому

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

  • @russian_man_76
    @russian_man_76 3 місяці тому

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

  • @Berrakiq
    @Berrakiq 3 місяці тому

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

  • @ГалинаНехорошкова-ж6ч

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

  • @nikaevil9227
    @nikaevil9227 3 місяці тому

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

  • @yugnkm
    @yugnkm 3 місяці тому

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

    • @AVISTV
      @AVISTV 3 місяці тому

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

  • @vanbey4770
    @vanbey4770 3 місяці тому

    класс

  • @chikagofire506
    @chikagofire506 3 місяці тому

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

  • @ShadowR92
    @ShadowR92 3 місяці тому

    Народ, ау! Когда мы откликаемся - мы пишем Реальную стоимость за которую бы сделали. Исполнитель выбирает. Цены всегда ставят самые низкие, чтобы не платить с этого % бирже и выбрать исполнителя с самым низким прайсом.

  • @nikitakalmakov7336
    @nikitakalmakov7336 3 місяці тому

    Крутой ролик, большое спасибо за пояснение! Только в треке пердеж мешает сконцентрироваться, а так - спасибо!

  • @kurun_21
    @kurun_21 3 місяці тому

    Из вас хоть кто-то писал этот код? Потому что такое чуство будто вы все просто смотрели!!!

  • @ильясорокин-и1б
    @ильясорокин-и1б 3 місяці тому

    ну это супер! А фаза "элемент либо никакой либо не такой как хотелось" - философия...

  • @guliam9365
    @guliam9365 3 місяці тому

    Крутяк!

  • @guliam9365
    @guliam9365 3 місяці тому

    Спасибо вам огромное! Очень доступно, интересно и полезно!

  • @DianaDiana-zg1rr
    @DianaDiana-zg1rr 4 місяці тому

    Вы немогли бы style.css поднать с боку к html - у так не удобно смотреть . Спасибо вам мне очень помагло.

  • @pavelonline3913
    @pavelonline3913 4 місяці тому

    Абсолютно не понятное и не интересное изложение темы. Преподавание не ваше, сорри👎

  • @Sairommef
    @Sairommef 4 місяці тому

    Все хуйня давай по новой. Спасибо, за видос😊

  • @РодионДерябин-г5ю
    @РодионДерябин-г5ю 4 місяці тому

    Над приглашением на свадьбу вслух 😀😀😀😀

  • @АртемКошурников-п4р
    @АртемКошурников-п4р 4 місяці тому

    Еще абстрактный вопрос, сколько будет стоить такая проделанная работа в долларах, условно?

  • @АртемКошурников-п4р
    @АртемКошурников-п4р 4 місяці тому

    Сейчас в Iconify нельзя выбрать html и svg, в документации пишут что это не безопасно, нельзя просто url + css и в чем разница?

  • @АртемКошурников-п4р
    @АртемКошурников-п4р 4 місяці тому

    Спасибо огромное за проделанную работу!

  • @dreamteamhouse.454
    @dreamteamhouse.454 4 місяці тому

    не работает, надо ли создавать js файл или только в html код вставить?

  • @ArtSuper73
    @ArtSuper73 4 місяці тому

    Value произносится как Валью, а не Вэлью. (Заметил что ты исправляешь произношение в некоторых местах(Vite))

  • @funplay6179
    @funplay6179 5 місяців тому

    Мне нравится выражение : Делайте в любом порядке как вам нравится, но правильно как я сказал ))))

    • @AVISTV
      @AVISTV 5 місяців тому

      😁

  • @wallet666
    @wallet666 5 місяців тому

    Челикс на фоне немного перебивает музыку, а так норм.

  • @sjsjjdnjisjwjeuudn
    @sjsjjdnjisjwjeuudn 5 місяців тому

    фриланс в РФ как был говном 10 лет назад, так и остался щас. Только раньше был апворк, а щас сами понимаете. Совет новичкам, идите сразу в офис на любые деньги, год терпите, потом собеситесь на мидла, рано или поздно обретете нормальную удаленку. А даньше если инглиш позволяет, найдете удаленку в валюте, откроете ИП в Армении и будете жить красиво. Между "начал учить" и "работаю на удаленке за валюту на немецкую/британскую контору" расстояние примерно 5 лет, но это не точно.

  • @NanNan-nb4qf
    @NanNan-nb4qf 5 місяців тому

    vl''''''''''''