Webpacman
Webpacman
  • Видео 45
  • Просмотров 33 718
#25.1 Javascript - Swiper.js, fancybox | Вёрстка сайта визитки для начинающих | HTML, CSS, JS
После долгого перерыва возвращаемся к разработке проекта! В видео подключим библиотеки swiper.js и fancybox на сайт! Это ознакомительное видео по подключению javascript библиотек и их использованию на сайте.
Пfддержать канал:
www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403
www.donationalerts.com/r/webpacman
Подписывайтесь и ставьте лайк, приятного просмотра!
Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на вопросы!
t.me/webpacman
------------------------------------------------
Ссылки:
GitHub: github.com/webpacman/webpacman.github.io
GitHub Pages: webpacman.github.io
Код урока: github.com/webpacman/webpacman.github.io/pull/2/files
Тайминг:
00:00 - Введение
00:49 - З...
Просмотров: 83

Видео

YouTube section | Вёрстка сайта визитки для начинающих | HTML, CSS, JS
Просмотров 60110 месяцев назад
В этом видео добавим на сайт новую подсекцию по ютуб каналу! В неё добавим видео с RUclips, дополним описание и сделаем красивую кнопку с поддержкой канала! В конце видео ждёт небольшой бонус по git: познакомимся с конфликтами и научимся делать git rebase. Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного ...
#24 Javascript - Intersection Observer | Вёрстка сайта визитки для начинающих | HTML, CSS, JS
Просмотров 377Год назад
В этом видео познакомимся с Intersection Observer API, а именно научимся отслеживать попадание в область видимости экрана наших секций и на основе этого будем менять активность пунктов меню! Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного просмотра! Также обязательно подпишись на мой телеграм канал, там ...
#23 Javascript - Lazy scroll | Вёрстка сайта визитки для начинающих | HTML, CSS, JS
Просмотров 384Год назад
Продолжаем погружение в прекрасный мир javascript! В этом видео научимся устанавливать сторонние библиотеки на примере jQuery, узнаем, что такое слушатели событий, познакомимся с циклами и условиями! Ну а к концу видео реализуем плавный скролл к секции по клику из пункта меню! Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ста...
#22 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Введение в Javascript
Просмотров 592Год назад
Сегодня мы изучим основы языка программирования Javascript! В этом видео вы узнаете: какие типы данных поддерживает js, что такое массивы, функции и объекты. Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного просмотра! Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на ...
#21 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Адаптивная вёрстка. Media запросы
Просмотров 384Год назад
В этом видео завершаем css вёрстку очень интересной темой: media запросы! Данные запросы помогают нам делать адаптивную вёрстку под любые устройства: планшеты, телефоны, компьютеры и т.д. Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного просмотра! Также обязательно подпишись на мой телеграм канал, там буд...
#20 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Доработки по CSS
Просмотров 415Год назад
Друзья, в этом видео очень быстро пройдёмся по сайту, посмотрим, что можно доработать, что забыли, что лишнее и т.д. Тут будет мало слов, в основном комментарии, т.к. это видео просто промежуточный фикс и анализ текущего сайта. Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного просмотра! Также обязательно ...
#19 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Обратная связь и футер
Просмотров 403Год назад
В этом видео заканчиваем основную часть css вёрстки, а именно стилизуем секцию обратная связь и футер сайта! Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного просмотра! Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на вопросы! t.me/webpacman Ссылки: GitHub: github.co...
#18 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секция работа
Просмотров 339Год назад
Сегодня займёмся секцией работа! В этом видео научимся проводить большие вычисления для расположения элементов на странице. Увидим пользу и удобство. В самом конце познакомимся с html Data атрибутами! Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного просмотра! Также обязательно подпишись на мой телеграм к...
#17 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секция навыки
Просмотров 326Год назад
В этом видео стилизуем секцию навыки! Тут мы познакомимся с новыми css свойствами и подготовим вёрстку для javascript. Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного просмотра! Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на вопросы! t.me/webpacman Ссылки: GitHub:...
#16.1 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Слайдер изображений. Часть 2
Просмотров 293Год назад
Дорабатываем слайдер изображений на css: реализуем переключатели слайдов и делаем анимацию автоматического пролистывания! Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного просмотра! Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на вопросы! t.me/webpacman Ссылки: GitH...
#16 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Слайдер изображений. Часть 1
Просмотров 503Год назад
Сегодня начнём делать слайдер изображений на чистом html и css! Слайдер у нас располагается в секциях достижения и книги. В этом видео подготовим секцию "Достижения", там нас ждёт интересная реализация стрелок с помощью свойства border. Поддержать канал: www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403 www.donationalerts.com/r/webpacman Подписывайтесь и ставьте лайк, приятного просмотра! Также обя...
#15 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секция "Интересы"
Просмотров 435Год назад
#15 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секция "Интересы"
#14 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секция "Обо мне"
Просмотров 584Год назад
#14 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секция "Обо мне"
#13 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Прилипающая шапка, анимация и правки
Просмотров 704Год назад
#13 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Прилипающая шапка, анимация и правки
#12.1 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Улучшенный переключатель языка
Просмотров 515Год назад
#12.1 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Улучшенный переключатель языка
#12 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Простой переключатель языка
Просмотров 733Год назад
#12 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Простой переключатель языка
#11 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - CSS header. Фильтры для background
Просмотров 837Год назад
#11 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - CSS header. Фильтры для background
Позиционирование элементов с помощью css position
Просмотров 173Год назад
Позиционирование элементов с помощью css position
#10 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - CSS для шапки сайта. Часть 2
Просмотров 998Год назад
#10 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - CSS для шапки сайта. Часть 2
#9 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - CSS для шапки сайта. Часть 1
Просмотров 1,4 тыс.Год назад
#9 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - CSS для шапки сайта. Часть 1
#8 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Подключение GitHub Pages
Просмотров 686Год назад
#8 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Подключение GitHub Pages
Установка Git в Windows. Основы работы в консоли CMD и Git Bash
Просмотров 1,2 тыс.Год назад
Установка Git в Windows. Основы работы в консоли CMD и Git Bash
#7 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Подключение Git в проект
Просмотров 890Год назад
#7 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Подключение Git в проект
Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Быстрый HTML
Просмотров 1,4 тыс.Год назад
Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Быстрый HTML
#6 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Обратная связь
Просмотров 797Год назад
#6 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Обратная связь
#5 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секции "Интересы" и "Книги"
Просмотров 797Год назад
#5 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секции "Интересы" и "Книги"
#4 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секция "Работа"
Просмотров 935Год назад
#4 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секция "Работа"
#3 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секции "Достижения" и "Навыки"
Просмотров 1,4 тыс.Год назад
#3 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Секции "Достижения" и "Навыки"
#2 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Структура для секции "Обо мне"
Просмотров 2,3 тыс.Год назад
#2 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Структура для секции "Обо мне"

Комментарии

  • @СтасЧернов-п6ф
    @СтасЧернов-п6ф 2 дня назад

    Бро, привет по твоим видео делаю себе сайт визитку, я на этапе верстки секции Интересы, и у меня не получается указать border-radius именно картнике, он указывается всему блоку,ты не мог бы помочь?

    • @МатвейГрицан-у1о
      @МатвейГрицан-у1о День назад

      .about-me__image { max-width: 70%; max-height: 70%; height: auto; width: auto; border-radius: 20px; filter: drop-shadow(15px 15px 10px red); margin-left: auto; margin-right: 100px; margin-bottom: 0px; } я сделал так. Попробуй указать именно классу катинки.

  • @ЮрийСавостьянов-я2з

    где можно взять твой готовый шаблон проект?

  • @ЮрийСавостьянов-я2з

    а скачать готовый где можно?

    • @webpacman
      @webpacman 3 дня назад

      Под видео есть ссылки на гитхаб, там по кусочкам :)

    • @ЮрийСавостьянов-я2з
      @ЮрийСавостьянов-я2з 3 дня назад

      @webpacman, в том и дело, не нашёл

    • @webpacman
      @webpacman 3 дня назад

      @@ЮрийСавостьянов-я2з прошу прощения, не заметил, что под этим видео нет ссылки. Видимо я их с какого-то видео только начал добавлять) github.com/webpacman/webpacman.github.io

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

    Ребят, кто также как и я учится по этим урокам, то смотрите, у вас могут не работать медиа запросы, тогда замените в head тег у нас был <meta name="vievport"......(куча текста), на вот этот тег <meta name="viewport" content="width=device-width, initial-scale=1">, у меня после этой правки все заработало

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

    Блять я не понимаю, видео предназначены для новичков, так делай для новичков, проект хороший, не сложный и не легкий, но зачем делать эти ошибки, ты же не трансляцию ведешь, ты снимаешь видео, у тебя есть возможность все исправить, сделать так, как надо сразу, а не потом на другой видос перекладывать, я вот не понял, как этот объект вынести, в следующем ролике ты уже сразу про другое рассказываешь, нахуя так делать, конечно у тебя просмотров так не будет, потому что ощущение, будто от пизды видео снято, лишь бы выложить было что, а не научить

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

      Я конечно разобрался, но просто на будущее тебе обратная связь, если где-то горячо сказал, приношу извинения, не хотел задеть, удачи в развитии

  • @ВладикМальцев-б5п
    @ВладикМальцев-б5п 3 месяца назад

    Спасибо большое за весь гайд, про git узнал больше чем за 20 видео про git

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

    у меня такая проблемка, что бы я не писал на style.css ничего не появляеться на самом сайте. вроде сделал всё правильно

    • @webpacman
      @webpacman 26 дней назад

      Нужно проверить подключение файла, скорее всего там путь указан некорректно

  • @РФ-БОМБИТ-КУРСК-не-молчите

    Привет, а у меня показывается еще .DS_Store, что это?) можешь подсказать и стоит ли его добавлять в гитИгнор Untracked files: (use "git add <file>..." to include in what will be committed) .DS_Store index.html

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

      Привет! Это системный файл, можно смело в гит игнор добавлять

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

    привет,у меня в css стайл когда ввел height: 100vh: на сайте ничего не изменилось

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

      Привет! Там дальше в видео будут ссылки на код, можно свериться, сходу кажется, что после vh должна быть точка с запятой, а не двоеточие, если это не специально тут в комментарии так написано

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

    что делать если не работает отступ в css

    • @webpacman
      @webpacman 26 дней назад

      Скорее всего тег не блочный, отступы работают только для блочных тегов, либо нужно указать display: block, inline-block, flex и тд (можно по доке глянуть)

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

    Виталий, очень полезные видео! Очень жду новые👉👈

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

      В очень долгом процессе) Но думаю в этом месяце выпущу!

  • @ostrovstsuk.i
    @ostrovstsuk.i 8 месяцев назад

    Странно почему так мало просмотров и подписчиков. Идеальный материал для начинающих. Подписался, лайк поставил и погнал дальше смотреть уроки!!

  • @Dj-fh4kg
    @Dj-fh4kg 9 месяцев назад

    Подскажите хороший платный курс для обучения новичку ,или возможно вы проводите обучение ?

    • @webpacman
      @webpacman 7 месяцев назад

      Прошу прощения за долгий ответ, сейчас не в курсе, какие курсы могут быть актуальными. По личному опыту - лучше всего обучаться работая, поэтому пробуйте найти стажировку или работу для начинающих, параллельно можно пробовать реализовать свои идеи верстая сайты

  • @user-a.char.90
    @user-a.char.90 10 месяцев назад

    Учусь по Вашим видео и хочу оставить свой комментарий по самой подаче материала. Мое мнение как новичка, что очень много исправлений и обратного возвращения на старые кодовые позиции - это честно говоря путает я думаю новичков и занимает по моему мнению лишнее время на возврат для исправлений. Я думаю намного актуальнее было бы с обучающей точки зрения четче объяснять позицию создания элементов и сразу прописывать нужный синтаксис, тем более работа уже ведется по заданному шаблону. И второй момент важный для меня как новичка, Ваша панель разработчика бывает не совсем четко видна при просмотре съемки и я например не всегда успеваю отследить ваши корректировки в ней, поэтому хотелось бы видеть более медленный перенос строк созданных или откорректированных Вами элементов с панели разработчика в сам код.

    • @webpacman
      @webpacman 10 месяцев назад

      Спасибо за обратную связь! В видео по javascript догадался увеличивать размер панели разработчика :)

  • @oculusprovidentis8125
    @oculusprovidentis8125 11 месяцев назад

    Симпатяга)

  • @deaglelook5866
    @deaglelook5866 11 месяцев назад

    насчёт 9:00 может mb(0) применится только к последнему блоку, а у нас же снизу их 3

  • @goshan3170
    @goshan3170 Год назад

    Продолжай у тебя все получится. Из всех примеров верстки которые я пересмотрел, хочу сказать что ваши видео самые доступные и понятные. Спасибо! Пс. Надеюсь и у меня в скором времени получится)

    • @webpacman
      @webpacman Год назад

      Спасибо! Обязательно продолжу, уже скоро новое видео будет

  • @Shdw_Lightning
    @Shdw_Lightning Год назад

    PS E:\vscode\html-trainer> git --version git : Имя "git" не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правил ьность написания имени, а также наличие и правильность пути, после чего повторите попытку. строка:1 знак:1 + git --version + ~~~ + CategoryInfo : ObjectNotFound: (git:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException Где я допустил ошибку, как исправить?

    • @Shdw_Lightning
      @Shdw_Lightning Год назад

      Крч, я не знаю, в терминале Win все работает без ошибок, а в VSCode выдает на каждую команду ошибку

    • @webpacman
      @webpacman Год назад

      @@Shdw_Lightning привет! Извини, что не сразу ответил. Попробуй так исправить: qna.habr.com/q/1077990

  • @Ислам-о2г
    @Ислам-о2г Год назад

    Класс только добавь все эти видео себе в отдельный плейлист на канале

    • @webpacman
      @webpacman Год назад

      Так и делаем)

  • @zahodiChe
    @zahodiChe Год назад

    Всё по делу. Благодарю!

  • @klw-p8x
    @klw-p8x Год назад

    спасибо за информацию, продолжай!

  • @ElenaPrikhodko-x7w
    @ElenaPrikhodko-x7w Год назад

    Вот это облом, а где же продолжение (((

    • @webpacman
      @webpacman Год назад

      Будет завтра! Я не потерялся, просто жизненные обстоятельства 💻

    • @ElenaPrikhodko-x7w
      @ElenaPrikhodko-x7w Год назад

      @@webpacman Огромное спасибо за туториал, он крут!

  • @progover24
    @progover24 Год назад

    сколько ты будешь верстать один сайт? однотипный контент, лучше бы это все было одним роликом

    • @webpacman
      @webpacman Год назад

      Привет! У меня по плану в конце курса иметь 3 больших видео: по HTML (уже есть), по CSS и по JS. В этих видео будут ссылки на маленькие видео с подробными объяснениями, чтобы человек, который что-то не понял, мог бы перейти к подробному видео и посмотреть Я понимаю, что выглядит всё это очень долго, в моменте, наверно, надоело ждать, но в таком формате видео выходят, а на одно большое видео, к сожалению, у меня просто нет времени, поэтому приходится делить материал по частям. Опять же, когда все видео выйдут - это будет иметь другой эффект, чем сейчас. Спасибо большое за обратную связь, я обязательно учту это в будущих плейлистах по react и другим вёрсткам, постараюсь что-то придумать🤔 Но всем никогда не угодишь 😃

    • @webpacman
      @webpacman Год назад

      Давайте даже так сделаем, я в телеграм запущу голосование, если там выберут одно большое видео для css - так и поступим, следующим видео (не считая видео сегодня) закроем тему css до конца. Если там выберут стандартный формат - буду делать как обычно

  • @webpacman
    @webpacman Год назад

    Автопролистывание не будем добавлять в основной код, т.к. сделаем его потом через js, но вот его год, если нужен: github.com/webpacman/webpacman.github.io/pull/1/files Я также забываю иногда обновлять основной код страницы, поэтому если кто-то пользуется и смотрит - тегайте меня под видео, я обязательно обновлю! По текущему видео update есть 😃

  • @redum9758
    @redum9758 Год назад

    Очень качественное видио планирую посмотреть весь курс до конца но уже очень мотивирует продолжать изучать фронтенд разработку. Подача приятная и понятная. Само видио как обущающий источник очень хорошее так как ситуация приближена к реальной задаче на фрилансе. Тем кто еще не может понять это видио то советую сначала глянуть видио по типу «html за час» (лично я смотрел подобное у хауди хо и вполне помогло сейчас очень хорошо понимаю что происходит на видио)

  • @redum9758
    @redum9758 Год назад

    Дааа небольшой перерыв в 4 года. Понимааю

  • @ДамирБайденов-н8в

    можно ли вместо секции использовать дивку? если нет , то почему?

    • @webpacman
      @webpacman Год назад

      Да, можно. Тег section и div абсолютно одинаковые, но section создан для некоторого логического разделения разных частей сайта, это семантический тег. Можете почитать тут: html5css.ru/html/html5_semantic_elements.php Т.е. когда вы посмотрите свой или чужой код и увидите там section - становится понятно, что это какая-то отдельная тематическая часть сайта, div такой визуальной информации не даст

    • @ДамирБайденов-н8в
      @ДамирБайденов-н8в Год назад

      @@webpacman спасибо огромное

  • @seoonlyRU
    @seoonlyRU Год назад

    лайк от СЕООНЛИ!

  • @anemptyemptiness
    @anemptyemptiness Год назад

    привет! а эти видео-уроки записаны уже как то наперед или все снимается в процессе? Просто очень готов купить все туториалы, чтобы сайт сделать окончательно по урокам и уже от этого отталкиваться в своем направлении

    • @webpacman
      @webpacman Год назад

      Привет! Данный плейлист снимаю вперед на 2-3 урока максимум, но на будущее взял на заметку 😀

  • @anemptyemptiness
    @anemptyemptiness Год назад

    а если случайно удалил файлы при reset --hard, можно как то откатиться на предыдущий коммит, где этот файлик есть? потер я index.html :)

    • @webpacman
      @webpacman Год назад

      Да, это возможно, некоторое время гит хранит очищенные изменения, таким образом позволяет их посмотреть и вернуться к ним. stackoverflow.com/questions/5473/how-can-i-undo-git-reset-hard-head1 Например, у меня есть test commit и test2 commit. Находясь на test2 я решил сделать git reset HEAD~1 --hard и оказался на test commit, а test2 пропал из истории моих комиков (git log) В данном случае пишем: git reflog Мне выдаёт такую историю: 4eed014 (HEAD -> master) HEAD@{0}: reset: moving to HEAD~1 fd1aedc HEAD@{1}: commit: test 2 4eed014 (HEAD -> master) HEAD@{2}: commit: test Тут мне нужно взять хеш коммита, который я удалил, это fd1aedc (из строчки fd1aedc HEAD@{1}: commit: test 2) Далее нужно снова сделать hard reset на этот коммит: git reset --hard fd1aedc И всё должно стать окей :) % git log --pretty=oneline fd1aedcf2e2d8a9016be808346bb93c528bf829a (HEAD -> master) test 2 4eed014f78726f8cd3b8018f7057d587d53d999a test

    • @anemptyemptiness
      @anemptyemptiness Год назад

      @@webpacman спасибо, помогло!

  • @anemptyemptiness
    @anemptyemptiness Год назад

    Спасибо за контент! Не останавливайся, пожалуйста!

  • @alinafaiz3563
    @alinafaiz3563 Год назад

    Спасибо за видео! Очень понятно объясняешь, жду следующие части))

  • @VolodymyrZel
    @VolodymyrZel Год назад

    Очень полезные видео. Не везде показывают примеры из БЭМ 🥲. А есть какой-то план видео, типа сколько ещё их осталось, или до какой даты они будут выходить?

    • @webpacman
      @webpacman Год назад

      БЭМ - это в основном пример методологии, которую нужно применять для каких-то компонентных блоков, а не в принципе на весь сайт. В целом да, иногда про это забываю, но ничего страшного в этом нет. Также БЭМ круто смотреть на примерах, когда css превратится в scss, например, это сделаем в будущем :) У меня есть план по материалу, который я снимаю, но в плане выпусков план предоставить не смогу. В целом я думаю весь материал до середины июля будет выходить, далее планировал сделать рефакторинг с подключением новых технологий, а после этого рефакторинг на react.js, чтобы был плавный переход от простых технологий к сложным

    • @VolodymyrZel
      @VolodymyrZel Год назад

      @@webpacman я говорил про БЭМ в том смысле, что не все авторы таких видео их придерживаются. И… React, супер. Вот у нас через один курс в универе будет React, и для работы мне нужно будет. Спасибо за Ваши видео ☺️

  • @webpacman
    @webpacman Год назад

    Друзья, делитесь своими gitthub.io в комментариях! Будем смотреть, что у кого получается 😀

  • @alinafaiz3563
    @alinafaiz3563 Год назад

    Спасибо за видео! А сколько планируется уроков и как часто?

    • @webpacman
      @webpacman Год назад

      По количеству видео сложно подсказать, т.к. по некоторым частям когда записываю приходится дробить из-за большого количества информации, в целом планирую выпускать от 2-х видео в неделю, может быть больше или меньше в зависимости от моей нагрузки на работе и в жизни 😃 А вообще, подписывайтесь на телеграм канал, там стараюсь писать каждый день информацию по выпускам, + можно задавать вопросы, т.к. людей там ещё не много )

  • @AntonioBenderas
    @AntonioBenderas Год назад

    Круто! Надеюсь слайдер будет на нативном Js , не Swiper

    • @webpacman
      @webpacman Год назад

      Думаю покажу оба варианта 🙂

  • @sobakastar_proba
    @sobakastar_proba Год назад

    спасибо, хороший урок. только в таких случаях исходники нужны, практика закрепляет увиденное.

    • @webpacman
      @webpacman Год назад

      Спасибо! На этой неделе как раз сделаем шаг в эту сторону, после будут исходники, не пропускайте!)

  • @pepsicol-wd8gn
    @pepsicol-wd8gn Год назад

    мне 14, только начинаю изучать frontend спасибо за видео)

  • @АлександрКалашник-х3и

    Кстати, достаточно интересно изучать "программирование" по видосам человека который тоже его только изучает. Объясняет простым и понятным языком, без усложнений, как любят делать профессионалы

    • @webpacman
      @webpacman Год назад

      Ну программирование - это всегда изучение чего-то нового. На самом деле, сейчас когда записываю видео, пытаясь максимально подробно описать свои действия, сам открываю много нового, поэтому параллельно тоже обучаюсь 😃

  • @alexandera9829
    @alexandera9829 Год назад

    Довольно полезно для нубов, в тегах ориентируюсь прекрасно благодаря многолетней работе в Bitrix, но верстать, используя CSS, пока не умею. Ждем продолжения)

    • @webpacman
      @webpacman Год назад

      Да, видео прям для начинающих, на этой неделе уже закончим с html и перейдём к более интересным вещам 🙂

    • @webpacman
      @webpacman Год назад

      Кстати, в планах после завершения блока для начинающих сделать плейлист с более продвинутой вёрсткой, а потом и вовсе используя react js, но тут придётся подождать, конечно)

    • @alexandera9829
      @alexandera9829 Год назад

      @@webpacman нужное дело, главное не забрасывайте)

  • @АнтонСурыгин-ф9ж

    Спасибо. Доступно и очень полезно!

    • @webpacman
      @webpacman Год назад

      Скоро будет ещё видео про git, там будет ещё интереснее, так как это будет практика!

  • @cumment
    @cumment Год назад

    название "вертска для начинающих". автор видео: "ну у меня уже есть готовый сайт, поэтому вы смотрите сюда." facepalm.

    • @webpacman
      @webpacman Год назад

      Нулевой урок, введение, умело вы это упустили :)

  • @SerhiiUzunov
    @SerhiiUzunov Год назад

    Замечательно, спасибо за урок. А как увидеть все доступные html символы, если работаешь в vscode?

    • @webpacman
      @webpacman Год назад

      Список можно нагуглить, например, можно посмотреть тут: htmlweb.ru/html/symbols.php или тут: htmlbook.ru/samhtml/tekst/spetssimvoly Вообще если есть идея вставить какой-то символ через html, рекомендую в поиске вбивать что-то вроде: "html символ больше".

    • @SerhiiUzunov
      @SerhiiUzunov Год назад

      @@webpacman Спасибо.

  • @webpacman
    @webpacman Год назад

    snipp.ru/programs/phpstorm-hotkeys Тут можно найти разные "горячие" клавиши для операций. Некоторые могут отличаться, посмотреть/изменить свои настройки в phpstorm можно тут: File -> Settings -> Keymap. Общие хоткеи в Editor Actions Делитесь в комментариях, где можно посмотреть настройки для других IDE!

  • @victorromaniuk
    @victorromaniuk Год назад

    Для множественного выделения в Visual Studio Code можно использовать Ctrl + ЛКМ Проверьте, может в вашей среде(webstorm) тоже так можно, завместо Ctrl+shift+alt

    • @webpacman
      @webpacman Год назад

      Спасибо, для пользователей VSCode будет очень полезно! Все эти горячие клавиши можно установить через настройки. На маке с тачпадом у меня по умолчанию используется несколько кнопок. А, например, на компьютере с windows множественное выделение работает у меня через зажатие колёсика мышки. Добавил комментарий под видео с ссылками на горячие ключи в phpstorm, а также где их настроить

  • @victorromaniuk
    @victorromaniuk Год назад

    div блок не обязательно писать, т.к. он подразумевается по умолчанию. Т.е. пишем: .class-name -> получаем <div class=class-name>Контейнер class-name</div>

    • @webpacman
      @webpacman Год назад

      Всё верно! Единственное, блок будет создан без текста (на всякий случай уточняю). Вообще эти конструкции очень ускоряют вёрстку, но иногда про них забываешь и пишешь блок полностью)

  • @masterprotocol
    @masterprotocol 2 года назад

    ниче не понятно

    • @webpacman
      @webpacman Год назад

      Попробуйте посмотреть новые видео, стараюсь на примерах разложить всё по полочкам. В целом если ещё остались вопросы, я с радостью на них отвечу!

  • @Nick-lz8kh
    @Nick-lz8kh 3 года назад

    Спасибо. Просто и понятно!

  • @baya9982
    @baya9982 3 года назад

    Спасибо большое за ценную информацию