- Видео 45
- Просмотров 33 718
Webpacman
Россия
Добавлен 15 апр 2019
Хочешь стать крутым программистом, найти работу своей мечты и быть уверенным в своём будущем? Тогда нам по пути! На этом канале мы научимся создавать сайты с помощью разных технологий и языков программирования, разбирать сложные и непонятные вопросы, создавать универсальные и доступные решения. Вперёд!
#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 - З...
П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 - Структура для секции "Обо мне"
Бро, привет по твоим видео делаю себе сайт визитку, я на этапе верстки секции Интересы, и у меня не получается указать border-radius именно картнике, он указывается всему блоку,ты не мог бы помочь?
.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; } я сделал так. Попробуй указать именно классу катинки.
где можно взять твой готовый шаблон проект?
а скачать готовый где можно?
Под видео есть ссылки на гитхаб, там по кусочкам :)
@webpacman, в том и дело, не нашёл
@@ЮрийСавостьянов-я2з прошу прощения, не заметил, что под этим видео нет ссылки. Видимо я их с какого-то видео только начал добавлять) github.com/webpacman/webpacman.github.io
Ребят, кто также как и я учится по этим урокам, то смотрите, у вас могут не работать медиа запросы, тогда замените в head тег у нас был <meta name="vievport"......(куча текста), на вот этот тег <meta name="viewport" content="width=device-width, initial-scale=1">, у меня после этой правки все заработало
Блять я не понимаю, видео предназначены для новичков, так делай для новичков, проект хороший, не сложный и не легкий, но зачем делать эти ошибки, ты же не трансляцию ведешь, ты снимаешь видео, у тебя есть возможность все исправить, сделать так, как надо сразу, а не потом на другой видос перекладывать, я вот не понял, как этот объект вынести, в следующем ролике ты уже сразу про другое рассказываешь, нахуя так делать, конечно у тебя просмотров так не будет, потому что ощущение, будто от пизды видео снято, лишь бы выложить было что, а не научить
Я конечно разобрался, но просто на будущее тебе обратная связь, если где-то горячо сказал, приношу извинения, не хотел задеть, удачи в развитии
Спасибо большое за весь гайд, про git узнал больше чем за 20 видео про git
у меня такая проблемка, что бы я не писал на style.css ничего не появляеться на самом сайте. вроде сделал всё правильно
Нужно проверить подключение файла, скорее всего там путь указан некорректно
Привет, а у меня показывается еще .DS_Store, что это?) можешь подсказать и стоит ли его добавлять в гитИгнор Untracked files: (use "git add <file>..." to include in what will be committed) .DS_Store index.html
Привет! Это системный файл, можно смело в гит игнор добавлять
привет,у меня в css стайл когда ввел height: 100vh: на сайте ничего не изменилось
Привет! Там дальше в видео будут ссылки на код, можно свериться, сходу кажется, что после vh должна быть точка с запятой, а не двоеточие, если это не специально тут в комментарии так написано
что делать если не работает отступ в css
Скорее всего тег не блочный, отступы работают только для блочных тегов, либо нужно указать display: block, inline-block, flex и тд (можно по доке глянуть)
Виталий, очень полезные видео! Очень жду новые👉👈
В очень долгом процессе) Но думаю в этом месяце выпущу!
Странно почему так мало просмотров и подписчиков. Идеальный материал для начинающих. Подписался, лайк поставил и погнал дальше смотреть уроки!!
Подскажите хороший платный курс для обучения новичку ,или возможно вы проводите обучение ?
Прошу прощения за долгий ответ, сейчас не в курсе, какие курсы могут быть актуальными. По личному опыту - лучше всего обучаться работая, поэтому пробуйте найти стажировку или работу для начинающих, параллельно можно пробовать реализовать свои идеи верстая сайты
Учусь по Вашим видео и хочу оставить свой комментарий по самой подаче материала. Мое мнение как новичка, что очень много исправлений и обратного возвращения на старые кодовые позиции - это честно говоря путает я думаю новичков и занимает по моему мнению лишнее время на возврат для исправлений. Я думаю намного актуальнее было бы с обучающей точки зрения четче объяснять позицию создания элементов и сразу прописывать нужный синтаксис, тем более работа уже ведется по заданному шаблону. И второй момент важный для меня как новичка, Ваша панель разработчика бывает не совсем четко видна при просмотре съемки и я например не всегда успеваю отследить ваши корректировки в ней, поэтому хотелось бы видеть более медленный перенос строк созданных или откорректированных Вами элементов с панели разработчика в сам код.
Спасибо за обратную связь! В видео по javascript догадался увеличивать размер панели разработчика :)
Симпатяга)
насчёт 9:00 может mb(0) применится только к последнему блоку, а у нас же снизу их 3
Продолжай у тебя все получится. Из всех примеров верстки которые я пересмотрел, хочу сказать что ваши видео самые доступные и понятные. Спасибо! Пс. Надеюсь и у меня в скором времени получится)
Спасибо! Обязательно продолжу, уже скоро новое видео будет
PS E:\vscode\html-trainer> git --version git : Имя "git" не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правил ьность написания имени, а также наличие и правильность пути, после чего повторите попытку. строка:1 знак:1 + git --version + ~~~ + CategoryInfo : ObjectNotFound: (git:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException Где я допустил ошибку, как исправить?
Крч, я не знаю, в терминале Win все работает без ошибок, а в VSCode выдает на каждую команду ошибку
@@Shdw_Lightning привет! Извини, что не сразу ответил. Попробуй так исправить: qna.habr.com/q/1077990
Класс только добавь все эти видео себе в отдельный плейлист на канале
Так и делаем)
Всё по делу. Благодарю!
спасибо за информацию, продолжай!
Вот это облом, а где же продолжение (((
Будет завтра! Я не потерялся, просто жизненные обстоятельства 💻
@@webpacman Огромное спасибо за туториал, он крут!
сколько ты будешь верстать один сайт? однотипный контент, лучше бы это все было одним роликом
Привет! У меня по плану в конце курса иметь 3 больших видео: по HTML (уже есть), по CSS и по JS. В этих видео будут ссылки на маленькие видео с подробными объяснениями, чтобы человек, который что-то не понял, мог бы перейти к подробному видео и посмотреть Я понимаю, что выглядит всё это очень долго, в моменте, наверно, надоело ждать, но в таком формате видео выходят, а на одно большое видео, к сожалению, у меня просто нет времени, поэтому приходится делить материал по частям. Опять же, когда все видео выйдут - это будет иметь другой эффект, чем сейчас. Спасибо большое за обратную связь, я обязательно учту это в будущих плейлистах по react и другим вёрсткам, постараюсь что-то придумать🤔 Но всем никогда не угодишь 😃
Давайте даже так сделаем, я в телеграм запущу голосование, если там выберут одно большое видео для css - так и поступим, следующим видео (не считая видео сегодня) закроем тему css до конца. Если там выберут стандартный формат - буду делать как обычно
Автопролистывание не будем добавлять в основной код, т.к. сделаем его потом через js, но вот его год, если нужен: github.com/webpacman/webpacman.github.io/pull/1/files Я также забываю иногда обновлять основной код страницы, поэтому если кто-то пользуется и смотрит - тегайте меня под видео, я обязательно обновлю! По текущему видео update есть 😃
Очень качественное видио планирую посмотреть весь курс до конца но уже очень мотивирует продолжать изучать фронтенд разработку. Подача приятная и понятная. Само видио как обущающий источник очень хорошее так как ситуация приближена к реальной задаче на фрилансе. Тем кто еще не может понять это видио то советую сначала глянуть видио по типу «html за час» (лично я смотрел подобное у хауди хо и вполне помогло сейчас очень хорошо понимаю что происходит на видио)
Дааа небольшой перерыв в 4 года. Понимааю
можно ли вместо секции использовать дивку? если нет , то почему?
Да, можно. Тег section и div абсолютно одинаковые, но section создан для некоторого логического разделения разных частей сайта, это семантический тег. Можете почитать тут: html5css.ru/html/html5_semantic_elements.php Т.е. когда вы посмотрите свой или чужой код и увидите там section - становится понятно, что это какая-то отдельная тематическая часть сайта, div такой визуальной информации не даст
@@webpacman спасибо огромное
лайк от СЕООНЛИ!
привет! а эти видео-уроки записаны уже как то наперед или все снимается в процессе? Просто очень готов купить все туториалы, чтобы сайт сделать окончательно по урокам и уже от этого отталкиваться в своем направлении
Привет! Данный плейлист снимаю вперед на 2-3 урока максимум, но на будущее взял на заметку 😀
а если случайно удалил файлы при reset --hard, можно как то откатиться на предыдущий коммит, где этот файлик есть? потер я index.html :)
Да, это возможно, некоторое время гит хранит очищенные изменения, таким образом позволяет их посмотреть и вернуться к ним. 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
@@webpacman спасибо, помогло!
Спасибо за контент! Не останавливайся, пожалуйста!
Спасибо за видео! Очень понятно объясняешь, жду следующие части))
Очень полезные видео. Не везде показывают примеры из БЭМ 🥲. А есть какой-то план видео, типа сколько ещё их осталось, или до какой даты они будут выходить?
БЭМ - это в основном пример методологии, которую нужно применять для каких-то компонентных блоков, а не в принципе на весь сайт. В целом да, иногда про это забываю, но ничего страшного в этом нет. Также БЭМ круто смотреть на примерах, когда css превратится в scss, например, это сделаем в будущем :) У меня есть план по материалу, который я снимаю, но в плане выпусков план предоставить не смогу. В целом я думаю весь материал до середины июля будет выходить, далее планировал сделать рефакторинг с подключением новых технологий, а после этого рефакторинг на react.js, чтобы был плавный переход от простых технологий к сложным
@@webpacman я говорил про БЭМ в том смысле, что не все авторы таких видео их придерживаются. И… React, супер. Вот у нас через один курс в универе будет React, и для работы мне нужно будет. Спасибо за Ваши видео ☺️
Друзья, делитесь своими gitthub.io в комментариях! Будем смотреть, что у кого получается 😀
Спасибо за видео! А сколько планируется уроков и как часто?
По количеству видео сложно подсказать, т.к. по некоторым частям когда записываю приходится дробить из-за большого количества информации, в целом планирую выпускать от 2-х видео в неделю, может быть больше или меньше в зависимости от моей нагрузки на работе и в жизни 😃 А вообще, подписывайтесь на телеграм канал, там стараюсь писать каждый день информацию по выпускам, + можно задавать вопросы, т.к. людей там ещё не много )
Круто! Надеюсь слайдер будет на нативном Js , не Swiper
Думаю покажу оба варианта 🙂
спасибо, хороший урок. только в таких случаях исходники нужны, практика закрепляет увиденное.
Спасибо! На этой неделе как раз сделаем шаг в эту сторону, после будут исходники, не пропускайте!)
мне 14, только начинаю изучать frontend спасибо за видео)
Кстати, достаточно интересно изучать "программирование" по видосам человека который тоже его только изучает. Объясняет простым и понятным языком, без усложнений, как любят делать профессионалы
Ну программирование - это всегда изучение чего-то нового. На самом деле, сейчас когда записываю видео, пытаясь максимально подробно описать свои действия, сам открываю много нового, поэтому параллельно тоже обучаюсь 😃
Довольно полезно для нубов, в тегах ориентируюсь прекрасно благодаря многолетней работе в Bitrix, но верстать, используя CSS, пока не умею. Ждем продолжения)
Да, видео прям для начинающих, на этой неделе уже закончим с html и перейдём к более интересным вещам 🙂
Кстати, в планах после завершения блока для начинающих сделать плейлист с более продвинутой вёрсткой, а потом и вовсе используя react js, но тут придётся подождать, конечно)
@@webpacman нужное дело, главное не забрасывайте)
Спасибо. Доступно и очень полезно!
Скоро будет ещё видео про git, там будет ещё интереснее, так как это будет практика!
название "вертска для начинающих". автор видео: "ну у меня уже есть готовый сайт, поэтому вы смотрите сюда." facepalm.
Нулевой урок, введение, умело вы это упустили :)
Замечательно, спасибо за урок. А как увидеть все доступные html символы, если работаешь в vscode?
Список можно нагуглить, например, можно посмотреть тут: htmlweb.ru/html/symbols.php или тут: htmlbook.ru/samhtml/tekst/spetssimvoly Вообще если есть идея вставить какой-то символ через html, рекомендую в поиске вбивать что-то вроде: "html символ больше".
@@webpacman Спасибо.
snipp.ru/programs/phpstorm-hotkeys Тут можно найти разные "горячие" клавиши для операций. Некоторые могут отличаться, посмотреть/изменить свои настройки в phpstorm можно тут: File -> Settings -> Keymap. Общие хоткеи в Editor Actions Делитесь в комментариях, где можно посмотреть настройки для других IDE!
Для множественного выделения в Visual Studio Code можно использовать Ctrl + ЛКМ Проверьте, может в вашей среде(webstorm) тоже так можно, завместо Ctrl+shift+alt
Спасибо, для пользователей VSCode будет очень полезно! Все эти горячие клавиши можно установить через настройки. На маке с тачпадом у меня по умолчанию используется несколько кнопок. А, например, на компьютере с windows множественное выделение работает у меня через зажатие колёсика мышки. Добавил комментарий под видео с ссылками на горячие ключи в phpstorm, а также где их настроить
div блок не обязательно писать, т.к. он подразумевается по умолчанию. Т.е. пишем: .class-name -> получаем <div class=class-name>Контейнер class-name</div>
Всё верно! Единственное, блок будет создан без текста (на всякий случай уточняю). Вообще эти конструкции очень ускоряют вёрстку, но иногда про них забываешь и пишешь блок полностью)
ниче не понятно
Попробуйте посмотреть новые видео, стараюсь на примерах разложить всё по полочкам. В целом если ещё остались вопросы, я с радостью на них отвечу!
Спасибо. Просто и понятно!
Спасибо большое за ценную информацию