- Видео 49
- Просмотров 84 337
БЫДЛОКОД
Россия
Добавлен 11 дек 2013
Привет, я Вадик, frontend developer с опытом 5+ лет. Работаю со стэком HTML, CSS, Vue, React, React Native, Typescript. Работал как на подвальных галерах, так и на крупный бизнес. Рассказываю про то как разрабатывается современный frontend исходя из своего опыта. Стараюсь делать это максимально просто и приближенно к реальному миру.
Интернет-магазин. Vue 3. Typescript. Pinia #16 Адаптив, система модальных окон
Доделываем адаптив для главной страницы и начинаем продумывать систему модальных окон.
Приятного аппетита.
Boosty: boosty.to/bidlocode
GitHub: github.com/etopipec/severyanochka
Telegram: t.me/+n3IdkwXXibY4OGQy
Приятного аппетита.
Boosty: boosty.to/bidlocode
GitHub: github.com/etopipec/severyanochka
Telegram: t.me/+n3IdkwXXibY4OGQy
Просмотров: 290
Видео
Интернет-магазин. Vue 3. Typescript. Pinia #15 Карточки статей
Просмотров 479Месяц назад
ХАХАХХ Х ААХ ХХАХ АХХАХ Я ВЕРНУЛСЯ. Продолжаем разработку интернет магазина, делаем карточки статей. Boosty: boosty.to/bidlocode GitHub: github.com/etopipec/severyanochka Telegram: t.me/ n3IdkwXXibY4OGQy
НУ ЧЕ ПАЦАНЫ, ВЫ НОРМАЛЬНЫЕ? НОРМАЛИЗАЦИЯ БАЗ ДАННЫХ, ИЗБЫТОЧНОСТЬ И НЕСОГЛАСОВАННЫЕ ЗАВИСИМОСТИ
Просмотров 4763 месяца назад
Обсудим что такое нормализация баз данных, для чего она нужна, поговорим про избыточность данных, обсудим что такое несогласованные зависимости, ну и само собой рассмотрим первые три нормальные формы баз данных. Boosty: boosty.to/bidlocode GitHub: github.com/etopipec/severyanochka Telegram: t.me/ n3IdkwXXibY4OGQy
Интернет-магазин. Vue 3. Typescript. Pinia #14 Адаптив и какие-то карточки
Просмотров 6084 месяца назад
В этом видиксе сделаем адаптив и блок с карточками. По пути будем рефакторить, что глаз приметит. Душка ппц, ставьте на фон. Boosty: boosty.to/bidlocode GitHub: github.com/etopipec/severyanochka Telegram: t.me/ n3IdkwXXibY4OGQy
НУ ЧЕ ПАЦАНЫ, ЗАБАНИЛИ DOCKER?
Просмотров 4,6 тыс.5 месяцев назад
Восстанавливаем доступ к докеру через гугловское зеркало. Разворачиваем контейнер с mysql и получаем данные из БД через golang приложеньку. Boosty: boosty.to/bidlocode GitHub: github.com/etopipec/severyanochka Telegram: t.me/ n3IdkwXXibY4OGQy #docker #mysql #golang
Интернет-магазин. Vue 3. Typescript. Pinia #13 Рефакторим карточки товаров
Просмотров 8235 месяцев назад
В этом видиксе мы будем рефакторить то, что сделали в предыдущем. Восстановим потерянную реактивность и заимплементим логику обновления карточек. Boosty: boosty.to/bidlocode GitHub: github.com/etopipec/severyanochka Telegram: t.me/ n3IdkwXXibY4OGQy
Интернет-магазин. Vue 3. Typescript. Pinia #12 Product Card, Like / Счетчик на карточке товара, лайк
Просмотров 9475 месяцев назад
Здарова. Давно не было видиксов, многое поменялось, привыкаю к новому софту для монтажа kdenlive. Кароче, в этот раз мы сделали счетчик количества товара на карточке продукта начали кнопку лайка и воткнулиь с потерянной реактивностью, поэтому под нее нужно будет отрефакторить кучу херни, в следующий раз займемся. Boosty: boosty.to/bidlocode GitHub: github.com/etopipec/severyanochka Telegram: t....
НУ ЧЕ ПАЦАНЫ? GIT?
Просмотров 2,1 тыс.9 месяцев назад
Привет, в этом видиксе в условиях ограничения по времени постарался объяснить что такое система контроля версий git и для чего он вообще нужен. Что такое git flow и в чем различия между merge, rebase и cherry-pick. Boosty: boosty.to/bidlocode GitHub: github.com/etopipec/severyanochka Telegram: t.me/ n3IdkwXXibY4OGQy #git
Интернет-магазин. Vue 3. Typescript. Pinia #11 Product Card, Badge, Like / Карточка товара, лайк
Просмотров 1,2 тыс.10 месяцев назад
Какой интернет магазин обходится без карточки товара?. В этом видео мы начнем разрабатывать эту самую карточку товара, сделаем badge для скидки и кнопку лайка. Boosty: boosty.to/bidlocode Telegram: t.me/ n3IdkwXXibY4OGQy GitHub: github.com/etopipec/severyanochka #typescript
Интернет-магазин. Vue 3. Typescript. Pinia #10 Carousel, Карусель, Слайдер
Просмотров 1,1 тыс.10 месяцев назад
Возвращаемся к разработке интернет-магазина. В этот раз сделаем адаптивный слайдер/карусель для главной страницы сайта. Посмотрим как работает тег picture. Boosty: boosty.to/bidlocode GitHub: github.com/etopipec/severyanochka Telegram: t.me/ n3IdkwXXibY4OGQy #vue #typescript
НУ ЧЕ ПАЦАНЫ, GitHub Actions? CI/CD?
Просмотров 1,1 тыс.10 месяцев назад
В этом видео посмотрим как можно настроить CI/CD через github actions. Поговорим об yml файле и как устанавливать github actions runner на свой сервер. Материалы: Как запустить раннер как сервис? - docs.github.com/en/actions/hosting-your-own-runners/managing-self-hosted-runners/configuring-the-self-hosted-runner-application-as-a-service Как описывать yml файл? - docs.github.com/en/actions/using...
НУ ЧЕ ПАЦАНЫ, DOCKER? Контейнеры?
Просмотров 1,7 тыс.10 месяцев назад
В этом видео поиграем в devops, будем добавлять docker в наш проект. Напишем dockerfile, зальем его на хостинг с ubuntu, соберем образ и запустим контейнер. Придется еще настроить конфиг для nginx. Boosty: boosty.to/bidlocode GitHub: github.com/etopipec/severyanochka Telegram: t.me/ n3IdkwXXibY4OGQy
Интернет-магазин. Vue 3. Typescript. Pinia #9 Footer, адаптивная верстка, css grid
Просмотров 86510 месяцев назад
Интернет-магазин. Vue 3. Typescript. Pinia #9 Footer, адаптивная верстка, css grid
НУ ЧЕ ПАЦАНЫ, выгрузка сайта на хостинг?
Просмотров 1,4 тыс.10 месяцев назад
НУ ЧЕ ПАЦАНЫ, выгрузка сайта на хостинг?
Интернет-магазин. Vue 3. Typescript. Pinia #8 Header, BottomTabNavigator. Адаптивная верстка.
Просмотров 91511 месяцев назад
Интернет-магазин. Vue 3. Typescript. Pinia #8 Header, BottomTabNavigator. Адаптивная верстка.
НУ ЧЕ ПАЦАНЫ, ДЖЕНЕРИКИ? KEYOF? MAPPED TYPES? UTILITY TYPES?
Просмотров 2,8 тыс.11 месяцев назад
НУ ЧЕ ПАЦАНЫ, ДЖЕНЕРИКИ? KEYOF? MAPPED TYPES? UTILITY TYPES?
Разработка интернет-магазина. Frontend. Vue 3. Typescript. Pinia #7 Адаптивная верстка для Header
Просмотров 89411 месяцев назад
Разработка интернет-магазина. Frontend. Vue 3. Typescript. Pinia #7 Адаптивная верстка для Header
Разработка интернет-магазина. Frontend. Vue 3. Typescript. Pinia #6 Dropdown, Catalog Store
Просмотров 1,1 тыс.11 месяцев назад
Разработка интернет-магазина. Frontend. Vue 3. Typescript. Pinia #6 Dropdown, Catalog Store
НУ ЧЕ ПАЦАНЫ, О БОЛЬШОЕ? BIG O? Временная сложность?
Просмотров 1,1 тыс.11 месяцев назад
НУ ЧЕ ПАЦАНЫ, О БОЛЬШОЕ? BIG O? Временная сложность?
Разработка интернет-магазина. Frontend. Vue 3. Typescript. Pinia #5 UserMenu, PersonStore
Просмотров 1,5 тыс.11 месяцев назад
Разработка интернет-магазина. Frontend. Vue 3. Typescript. Pinia #5 UserMenu, PersonStore
НУ ЧЕ ПАЦАНЫ, FEATURE SLICED DESIGN?
Просмотров 11 тыс.11 месяцев назад
НУ ЧЕ ПАЦАНЫ, FEATURE SLICED DESIGN?
Интернет-магазин. Frontend. Vue 3. Typescript. #4 Avatar / Navigation / UserMenu
Просмотров 1,7 тыс.11 месяцев назад
Интернет-магазин. Frontend. Vue 3. Typescript. #4 Avatar / Navigation / UserMenu
Интернет-магазин. Frontend. Vue 3. Typescript. #3 Input / Field / Search
Просмотров 1,9 тыс.Год назад
Интернет-магазин. Frontend. Vue 3. Typescript. #3 Input / Field / Search
Интернет-магазин. Frontend. Vue 3. Typescript. #2 Header, Button, Icon
Просмотров 2,9 тыс.Год назад
Интернет-магазин. Frontend. Vue 3. Typescript. #2 Header, Button, Icon
Интернет-магазин. Frontend. Vue 3. Typescript. #1 Типографика
Просмотров 11 тыс.Год назад
Интернет-магазин. Frontend. Vue 3. Typescript. #1 Типографика
Разработка game launcher на Electron и JS. Figma. №7 Fetch, загрузка данных
Просмотров 2,4 тыс.Год назад
Разработка game launcher на Electron и JS. Figma. №7 Fetch, загрузка данных
Разработка game launcher на Electron и JS. Figma. №6 Адаптив,
Просмотров 608Год назад
Разработка game launcher на Electron и JS. Figma. №6 Адаптив,
Разработка game launcher на Electron и JS. Figma. №5 Slider
Просмотров 782Год назад
Разработка game launcher на Electron и JS. Figma. №5 Slider
Разработка game launcher на Electron и JS. Figma. №4 Header, Chat button
Просмотров 1,4 тыс.Год назад
Разработка game launcher на Electron и JS. Figma. №4 Header, Chat button
xDDDD
А че лайк не прожимается?
@@mitagmio а я хз
Запили лучше магазин на фреймворке с которым у тебя много опыта
Я последние 3 года на вью работаю
@@bidlocode а, ну тогда сорри, просто в первой части ты вроде говорил, что будешь изучать vue
@@svet0v да, третью версию, до этого опыт только со второй был)
ляяяя, Вадик живой, ахуеть
Кайф, от души
сука 10000000000 лет прошло
Для такого прикладного и полезного контента, у этого канала слишком мало подписчиков. Подача огонь, первый не нудный и живой сенсей :)
Этим плейлистом я заполню свои ближайшие осенние вечера
Почему тут нет миллиона просмотров..
Подскажите, что за расширение в хроме?
Vue dev tools?
@@bidlocode когда наводишь на блоки и там информация + падинги и тп. Спасибо.
@@ВладиславКіріязіВільшанськаотг да это вроде просто дев тулзы браузера показывают
сколько ты уже работаешь над этим проектом?) я видел твои видосы годичной давности по этой Северяночке кстати нашёл в инете, это реальный магазин, получается?
Ну если смотреть по часам, то 12 часов или около того) макет нашел в интернете в открытом доступе, челы в тг нашли реальный магазин)
как выйти на связь? с автором канала?
Ну ты шо, в тележку напиши, ссылки вроде есть 🍜
@@bidlocode брат не открывается, я не знаю с чем это связано. Тг не выходит)
Можешь тут дать ссылку?
@@bidlocode сможешь?
@@neferuz9237 t.me/+n3IdkwXXibY4OGQy попробуй
о помню лет 10 назад смотрел этот видос, кажись в Германии это
ахуенно. люблю тебя. очень удобно что прошла все хто на парах и можно освежить
ты ещё и вью видео выпустил, а я как раз стажёром устроилась по вью!! поборю лень и все все посмотрю
Лучше учись по доке, по этим видиксам разрешено только кекать и хихикать
@@bidlocode я люблю совмещать доки и видики) спасибо <<3
А чому банки решил не раскладывать, как с галерами? Кредитов ведь тоже может быть несколько в разных банках
А пусть будет один кредит на чела, и так вроде понятно, заебываться сильно не планирую :3
Че за видос на фоне?
Как получить в бубен бесплатно и без регистрации
Наконец то работать не скучно будет )))
Главное кекайте хотя бы 7 минут :3
спасибо, что ты сделал это видео. я бы хуй когда догадался, что надо сервер подтягивать. + смотреть супер интересно было
всегда пожалуйста ;3
жаль в Shareds не зашел в конце
самый заебавшийся прогер показывающий сред-стат. уставшего бэкендера
кого я успел заебать видиксами раз в месяц, а во вторых я вообще не бэкендер, не понял к чему ты пукаешь :)
@@bidlocode 1: я не в негатив, просто сделал выводы по голосу и в общем подаче. 2: та ну и похуй сколько и во сколько (о видео) мне то какая разница. 3: я скорее "шутку" вспомнил что бэкендеру надо делать достаточно чтоб все работало збс , а фронт (вид сайта и другого ) чуть меньше работы.
@@Избранное-ж7с пон) где сложнее работается это наверное тема для отдельного холивара. А еще я увидел неправильное окончание у слова только что, поэтому пардон :)
@@bidlocode про слово не понял.
@@Избранное-ж7с перепутал заебавший с заебавшимся
Почему я так ору? Смотря этот видос, теперь прекрасно понимаю как выгляжу со стороны когда борюсь с ui элементами. Спасибо! Всё чётко 😂
Нахуя ты товары скрываешь, чем торговать тада?
Дезигнер режет прибыль, к нему вопросы :3
Вернулся, спустя месяц, наконецто Обычно сам сижу ковыряю на фоне твоих видосов бэкенд, не так одиноко.
Делов непочатый край, времени пока не хватает : /
@@bidlocode Не забрасывай это дело , у тебя получается збс, и главное музыкально оформление не меняй !
вадик краш, спасибо за ролик надеюсь релизный месяц окончен и скоро еще видос
Я ебать задушился на этом видиксе, спасибо за просмотр :3
@@bidlocode да не отец, нам похуй мы такое смотрим, ты главное бг саундтрек не меняй ни в коем случае
Такая классная архитектура, что до сих пор никто, включая её авторов не может толком в ней разобраться))
братан скинь название музыки на заднем фоне
Asia.mp3
это просто ахуено!!!
именно такая подача лучше всего понятна))
для чего писать магазин на vue 3? Nuxt 3 не подходит?
Лично мне не нужен Nuxt, поэтому вот так. А что за проект тоже не важно.) Практика, есть практика
каеф
новый канал не пересобрали?
Не пон про что ты
Не пон про что ты
@@bidlocode ну в этом видео ты говорил что хочешь переделать канал... и т.д.
@@bidlocode как считаешь стоит ли идти на курсы. Присмотрелся к It Camasutra (фронт) . или деньги на ветер?
А, переделал, ага) а курсы, наверн не секрет, выкачивание денег и продажа воздуха. У нас в чатике тг есть закреп, там ссылка на БЕСПЛАТНОЕ обучение фронту. Плюс если пройдёшь фул и экзамены сдашь, то тебя трудоустроят к себе. Ну и лучше всего самому разбираться для понимания)
несмотря на маты. у автора получилось смешно выдать материал. У меня улыбка не сходила с лица :)
бля фон качает
Топ, продолжай делать ролики
Собираю пати на open-source проект. Требуются : фронт, бэк, художник, девопс, тестер. Приветствуется общительность и дружелюбие. Можно low-level. Экспа гарантируется, шансы дропа голды низкие.
0:20 На счётах пишу.
Уже вернули так-то
Ну всё, удаляю тогда
ну че там сила правде?
Будь здоров
Не знаю, это так тупо, но так смешно
🤣👍
Только если ты код запихнешь в контейнер, то он работать не будет))
Забавно что в начале видео идет заставка со словами "Блять, ну и что я сделал", а потом предупреждение, осторожно, мат
Docker полностью игнорирует зеркала, macos
Поплачь
попробуй docker logout ёптыть
не ту страну назвали Гондурасом
видос лучший, но есть вопрос, docker build тоже работает с зеркала?
Давай видос про миграции
БИМ БИМ БАМ БАМ
Алло Здарова, лучшее начало, это значит это будет лучшее время провождение, научи меня vue, ебаный сыр
Бля музыка ахуенная