Неделю изучал web (результаты)
HTML-код
- Опубликовано: 20 авг 2021
- Парни...
Fullstack...ish...
Разместите свой проект на гибких Облачных серверах от Selectel: slc.tl/HwXQU
Сайт сейчас тут: wndtn.com
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
/*
я почти под каждым роликом вижу комментарии по типу, "сделай что-нибудь с Web". я не делаю web...но попробовал, и вот что получилось.
я просто сидел и программировал себе веб-сайт. программировал - это звучит слишком громко, потому что основная код-база на next.js, который слабо связан с тем программированием, которым я занимаюсь.
но, в видео все же есть код: node.js server, немного js на front-end'е, программирование back-end прям из под front-end'а и так далее.
если вам такое нравится, и вы хотите увидеть больше - пишите об этом комментарии.
*/
/*
Winderton. я пишу на C++ и занимаюсь больше системным программированием и computer science, но web - это ведь тоже часть cs, поэтому нужно и его попробовать?
*/
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Технологии в видео:
front-end:
html/css/js
next.js(react)
back-end:
1 server: next.js
2 server(middleware) node.js + express
RUclips APi v3
github public API
deploy - cloud selectel
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Предыдущие видео:
Что каждый программист должен знать о памяти к • Что Каждый Программист...
git - • Video
Изучение Нового Языка - www.youtube.com/watch?v=891Fi...
Репозиторий с кодом: github.com/Winderton/website-...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Подпишись сюда, бро:
Telega и чатик - t.me/wndtn
Boosty(менторинг для РФ) - boosty.to/wndtn
Patreon(для остальных стран) - / winderton
Instagram - / winderton
Github проекта(код с канала) - github.com/winderton
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Оборудование:
Камера - Sony a7ii
Объектив - SIgma F1.4 DG
Микрофон - AudioTechnica at2035
Звуковая карта - Scarlett Solo
Петличка - Rode smartlav+
Клавиатура - HyperX Alloy
Вторая клавиатура - apple magic keyboard(black edition)
Монитор DELL 25'
Монитор Asus mg248q
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Музыка:
mythic
souderie
randome phonk from youtube %)
Я: Прохожу курсы по фронту , за 6 месяцев делаем проект react app
Рандомный чел с ютуба: делает next-app за 18 минут
Во во я тож в ахуе
Ну справедливости ради он не такой уж и рандомный чел он шарит в железе и кодит на джавах😎😎
опыт решает))
Не забывай, что-бы сделать такое за 20 минут на подготовку у него ушло достаточно времени)
целая неделя@@jfounder
Какой-то Игорь Войтенко из мира айти
формат зашел. Длительность топ, а смена кадра дает динамики и не дает заскучать
Попкорн хоть успел доесть? 😄
Видео очень стильное, снято классно по мимо инфы, лайк чисто за стиль и приятность просмотра )
особенно шикарно выглядит дерганье камерой, тошнит и укачивает.
@@user-bk9cc1lv2w, ай, давай не пизди да
Спасибо мужик, видос помог в поднятии морали и мотивации в процессе обучения на фронтендера.
АХхаах, ну да, наоборот падает мотивация, когда ты чтобы к этому прийти тратишь месяцы, а тут чел за 18 минут сделал :D
А так да, неплохо, но жесть сколько всего надо знать.
Wow, желаю побыстрее набрать 100k,
Абалденный видос!) Топ контент! Жду продолжение)))
Красава! Я сейчас обучаюсь, чтобы стать вэб девелопером, видео это прям мотивирует ! Спасибо
Как успехи?)
как успехи?)
Пожалуй самый недооцененный ютубер по программированию. Очень нравится смотреть твои ролики
Интересный монтаж)) не даёт заскучать.
О да, наконец-то видос, который я у тебя полностью понял *вебовское блаженство*
Как всегда подача контента отличная!
старик, получилось очень вайбово и стильно, двигайся в том же духе
+мораль на пн тошо надо, спасибо
давай с жавкой и спрингом что-то по класеке
п.с. на плейлист в описание можно было и больше чуть времени выделить
мега респектище, я впечатлен👍
Ура, классный видос!
Спасибо за интересный контент)
Это были познавательные 18 минут, возможно все и тебе и мне и всем, просто делай
Я так понял картинка не оптимизирована под разные устройства, по хорошему нужно сделать формат webp и подключать тегом picture и соответсвенно через srcset разные картики подсовывать под разные устройства
Всё супер, спасибо за труды и полезные советы. Слукавлю, если промолчу. На сайте в разделе "Проекты" и "Контакты" слово coming с одной m пишется. Удачи тебе ! и еще раз спасибо за полезные видосы
Вот это сильно брат
У тебя очень классно получаеться !!
Я думал ты купил доску ради видео в стиле: "Ответь на вопрос из Computer Science и получи 100$". Я бы посмотрел на такое у нас в России, пока видел только на западе.
У Nick White видел?)
А у нас второй вещью после микроволновки приехала такая доска.
Я думаю сделаю этот ролик. В ближ 2 месяца, пока тепло ещё.
@@wndtn как здоровье после последнего стрима, кукушка вернулась или навсегда ушла?
Я так понимаю, что ты забил на сайт?
Боже, как же уровень контента вырос , заслужил лайкос.
Прическа к которой я стремлюсь. И формат как всегда шикарен!
Стремишься?) Лысый чтоль?
@@prana6854 ну да, походу ;) Лучше вообще какая нибудь прическа, чем никакой!
Пушка контент подъехало
видео семь секунд назад вышло, я по зову сердца
@Winderton, а с какого перепуга из беларуси "Country not allowed"?
Безумно интересная подача
Йоу, спасибо за контент
а я смогу написать что-то равноценное на Срр если я шарю инфу что в видосе?)
Музыка в видосе топовая, идея отличная, жду продолжения и ставлю лайк!
На 10 айфоне, характеристики футеровки и регулировка текста съезжает влево, возможно этого может быть не видно через компьютер с режимом IPhone. Если надо могу будет скинуть скрины и проверять в будущем
а какой сертификат купил ? по идее есть бесплатный сертификат Let’s Encrypt
жду видео с nginx.
ссылка на сайт не работает 29.11.22г.
gj winderton
ждём win coin и nft marketplace с видиками, нельзя же владеть ими вечно ;)
Круто, спасибо
формат с фулл стеком залетает на ура, хоть ты и не "вебер". кип дуинг бро, ю дуинг грейт! лав ю
Ё, Мэн! Я программирую на плюсах, но вы давно просите меня развернуть сайт на селектел. Дэнг!
Небольшая идея по дизайну: у блока, который гитхаб, попробуй для выставить background-attachment: fixed;
Это создаст эффект параллакса при скролле
найс, лайк
Красава, четко😂
просто топ !!!
Кто ты воин?)
Разобрался в фулл-стэке можно сказать, не тратя пару лет обучения)
Сколько потратил на это времени?(
Годнота!!!
Видос бомба, круто получилось.
а что с сайтом сейчас?
Хорошее видео, только странно что ты писал на чистом js и не подцепил typescript
Привет , а где можно найти коды , можете скинуть плиз .
Топчег
Сколько по времени изучал всё это?
можно в блоке гитхаба на сайте всатвить последнею закомиченную строчку в репозиторий
Предлагаю отрубить ssh root-юзера на серваке :)
Done
на mac пересел, на какой?
Next без ноды не работает, т к некому тогда будет выполнять js код.
Сижу утомленный от питона, думаю попробовать ноду и тут win врывается 💥💥💥 full stack нах
По сравнению с нодой Джанго просто лапочка
@@TomGro-cd5tk лучше flask изучить чтобы любой питоновский веб фреймворк уже легче заходил после
Я влюбился в это видео
Думала, совсем юный парень блоггер. А оказывается мужчина, просто голос молодой 😂❤милаха😊 контент местами вынос мозга👀🤯многое не понимаю. Я только учусь. Лайк👍
Не удивлюсь если ты вдохновился таким стилем от
Devon Crawford)
На сайте ошибка в консоли вылетает
Warning: Text content did not match. Server: "98.5k" Client: "98,5k"
А где сайтик то? Ссылка в описании не работает
почему на си не написал бекэнд?
Ставлю лайк потому что Виндертон попросил в инсте. Я СМОГ ПОБОРОТЬ ЛЕНЬ И ПОСТАВИТЬ ЛАЙК!!!
Пожалуй, надо коммент оставить, чтоб актив поднять. Не знаю что написать, поэтому просто выдвину идею видоса какого-то.
Столкнулся с проблемой недавно, что не очень понимаю, как многомодульные программы делать, как по папкам распихать исходники, хедеры, как это всё компилировать и линковать, мейби тут наберётся какой-то кол-во лайков и Дон Виндертон увидит и запилит видос на примере какой-то своей репки из гита.
Ставь лайк, если интересно, пажалст
Ты тот самый гигачад индус-программист, только русский)
А что сайт уже взломали выкидывает кудато6?
Давно хотел спросить у людей которые еще сидят на os Catalina, why??
Лааадно, вот коммент, держи =)
9:22 ударить бы книжкой дядюшки Боба "Идеальный код".
А вообще если честно мне больше нравился формат твоих старых видео, там была крутая фоновая музыка под которую ты рассказывал про вещи в IT очень информативно и без воды.
Сейчас же видосы под Chill музыку, где ты такой funny, поправляешь волосы после каждой строчки кода и меняешь худи через кадр. Не удивлюсь если через год, на фоновой музыке будет песня от Джастина Бибера, твои волосы будут розового цвета и через каждую строку будешь отпивать смузи из красивой бутылочки.
Это не хейт, просто очень сильно формат меняется в другую сторону.
Я тебя понял, поэтому и чередую. В старом формате я нашёл свой стиль и это заходит людям. Я такое буду делать переодически, но не хочу стоять на месте и хочу экспериментировать. Только так ты растёшь.
А то что ты видишь сейчас - это прям вот film making. Мне такой формат тоже интересен и людям нравится. Есть ещё чему поучиться, и я стараюсь учиться у лучших(Devon Crawford, Max Raisinger и тд). Думаю в купе с моим стилем, из этого всего может получаться не плохой материал.
Спасибо за фидбэк
@@wndtn купи стабилизатор братик) (так же не хейт, просто вижу что ты пытаешься запариться над контентом и это очень сильно его прокачает, удачи)
Придумал панч, но не успел сказать - мои мысли спешат (Dang)
Вин, как всегда пушка, завез топ контент. Теперь жду стрим и некст видик
очень понравилось
На UltraWide монике сайт выглядит отлично.
Годно
Лично мне понравилось два трека из этого видоса.
Поэтому оставляю ссылочки
ruclips.net/video/fRrSJYSUiwo/видео.html -- kaspa | not long now
ruclips.net/video/fs1Ff44EPi0/видео.html - sappy | nine to yo dome.
у devon crawford много такого в видосах)
Ого, жив здоров
Damn boy, u awesome
А в ангуляре на тайпскрипте что то забабахать)
Круто круто, еще
Ты бы сделал лучше?
ps: динамика по github api может отваливатся, фиксю.
Это связано с тем, что гитхаб ограничивает запросы к их API, там сколько-то в минуту, а вас много.
Интересно узнать больше о вебе!
redis или memcache storage для обновления данных раз в Х часов, что бы не думать о проблемах рейт лимитов гитхаба.
можно будет затронуть тему в следующем видео, наверное.
@@LastSunr1se интересно
win делай больше того в чем профи т.е. CS, но ваще было бы интересно еслиб по многим языкам пробежался(ну написал чет +-дельное), имхо выстрелит аудитория тогда, но и круто будет само собой))
Чувак, тут сложные вещи не смотрят. Приходится все это упаковывать красиво, чтобы смотрели хоть как то. Я в фильм-мейеинге тот ещё профан. Оч много анализирую челов вроде Devon Crawford или Max Reisinger. Там челы вырубают где и как что говорить, я много нового открываю.
Зимой пытался делал лайв. Первый видик с сериализацией и десериализация второй - это солидный модуль для многих систем. Не зашло в итоге никому.
Дальше сделал чуть проще, но тоже не зашло. В итоге - на ютюбе хуево принимают сложные вещи. Тут люди ищут больше вдохновения и мотивации, без лишней конкретики. Я пытаюсь как-то балансировать во всем этом.
На счёт однопоточной ноды. Там есть worker-thread это не потоки ?
Ноде делегирует это на с++
@Winderton, с таким же успехом можно сказать что нода и не асинхронная, она ведь тоже делегирует это плюсам и libuv. Не?)
🔥
Неплохо получилось
скоро 100к
Как я понял, это видео для тёк кто уже все об этом знает, просто почилить ? :)
Хауди, только лучше))
ili tyt mac razigrivayut ?
Ждемс
Топ
Хорошо-хорошо
Тот кто пришел с низкого уровня, в силах раз***ть Web, ибо тот кто силён, тот может.
Wind, ты же сто процентов смотрел на Rust... Давай что-нибудь с ним... С плюсами хоть посравнивай
Ты внатуре гигант
Крутой видос
Lol krasivoe
Давай видео про написание драйверов
Всё, сайт более не работает?
Я учу читать их реп, Лицей!
Порой мне жалко тех, кого нет в инсте(
Соболезнуем
Красава, чел! Хорошо занёс про selectel ;) Тож давно планировал персональ вэб-пэйдж, заюзаю твою ссылку для реги, жаль только, что не ты не вымутил мотивационных скидонов для своей ссылки, лол. А так респект! формат подачи - збс. А бля... совсем забыл, ещё одна притензия xD камера с рук иногда люто ебашит по осям (дёргается, как сука) было бы збс, если б ты её на гимбл какой-нить заебурил.
Лучше этот вариант:
const convert = num => num > 1000000 ? (num / 1000000).toFixed(1) + 'm.' : num > 1000 ? (num / 1000).toFixed(1) + 'k.' : num
Идея хороша, реализация не очень.
- вложенные итенарные операторы сложно читать
- перевод из int в float - затратно (slice бы справился быстрее)
- название функции не отражает содержание
Название песни на 13:00?
Молодец
Гогоггого ещё!