- 127
- 145 811
OG Web Talks
Poland
Приєднався 30 сер 2023
Мы - Oleg и Gleb. Два приятеля, которые обожают копаться в коде, ругаться на баги и восхищаться каждой новой технологией. У нас есть много историй о том, как веб меняется каждый день, и мы готовы поделиться ими с тобой.
OG Web Talks - это место, где мы делимся смешными моментами, неожиданными открытиями и, иногда, нашими маленькими фрустрациями (кто их не имеет, правда?). И да, у нас бывают гости! Эксперты, которые так же, как и мы, погружены в этот удивительный мир веба.
Если ты готов к легким, увлекательным и, возможно, немного сумасшедшим беседам о мире веб-технологий - присоединяйся! Будем рады видеть тебя в нашей компании! 😎🚀
OG Web Talks - это место, где мы делимся смешными моментами, неожиданными открытиями и, иногда, нашими маленькими фрустрациями (кто их не имеет, правда?). И да, у нас бывают гости! Эксперты, которые так же, как и мы, погружены в этот удивительный мир веба.
Если ты готов к легким, увлекательным и, возможно, немного сумасшедшим беседам о мире веб-технологий - присоединяйся! Будем рады видеть тебя в нашей компании! 😎🚀
Все что вам нужно знать о React 19 за 3 минуты!
В этом видео мы погружаемся в мир React 19 и обсуждаем, как стать успешным React-разработчиком. Мы рассмотрим новые "киллер-фичи", которые команда React подготовила для нас, и обсудим, что такое compiler. Узнаем, какие проблемы решает это обновление, включая оптимистические обновления в UI и новые хуки, такие как useOptimistic и обновленный useTransition. Также мы познакомимся с концептом actions и useActionState для асинхронных переходов и управлением состоянием форм. Обсудим возможное появление React Compiler в будущих релизах и его влияние на разработку.
Переглядів: 712
Відео
ТЫ РАЗРАБОТЧИК И НЕ ЗНАЕШЬ ЭТОГО? ТРЕНДЫ ВЕБ-РАЗРАБОТКИ в 2024 году!
Переглядів 2 тис.5 місяців тому
Boosty: boosty.to/ogwebtalks Patreon: patreon.com/OGWebTalks Узнайте, что изменится в веб-разработке в 2024 и 2025 году! В этом видео обсуждаются главные тренды веб-разработки, ключевые технологии будущего, такие как JavaScript, TypeScript, React, прогрессивные веб-приложения (PWA), WebAssembly (Wasm), API-first development, бессерверная архитектура, Docker и микросервисы. Узнайте, как искусств...
Изменения на Рынке Труда и Что Это Значит для Вас
Переглядів 1036 місяців тому
Boosty: boosty.to/ogwebtalks Patreon: patreon.com/OGWebTalks В этом видео мы обсудим последние изменения на рынке труда, опыт собеседований, текучку кадров и её влияние на рынок, а также причины, по которым люди возвращаются в старые компании. Мы также рассмотрим различия между работой в аутсорсе и продуктовыми проектами, мотивацию сотрудников, долгосрочные контракты, методологии разработки и и...
Этот HTML/CSS заменит ваш JavaScript!
Переглядів 3857 місяців тому
Boosty: boosty.to/ogwebtalks Patreon: patreon.com/OGWebTalks Это видео поможет вам понять, как удалить ненужный JavaScript и сделать ваши любимые frontend элементы только с помощью HTML и CSS. В данном видео мы разберем такие элементы как Modal, Carousel, Accordion, Dark Theme и Switcher. 00:00 Вступление 00:25 Modal 04:14 Accordion 05:17 Carousel 07:48 Switcher и Color scheme change 08:38 Обзо...
Освойте HTMX за 10 минут: Быстрый Старт БЕЗ JavaScript!
Переглядів 2,5 тис.7 місяців тому
Boosty: boosty.to/ogwebtalks Patreon: patreon.com/OGWebTalks Это обучающее видео представляет собой полный гид по HTMX, начиная с основ, таких как что такое HTMX и как его установить, до более продвинутых тем, включая различные атрибуты, триггеры и параметры, которые можно использовать для управления поведением веб-страниц. Видео детально объясняет работу с атрибутами, такими как hx-get, hx-tar...
Полный курс Redux 2024 за 20 минут!
Переглядів 1,3 тис.8 місяців тому
Boosty: boosty.to/ogwebtalks Patreon: patreon.com/OGWebTalks В этом видео мы разбираемся с обновлениями Redux и как они могут помочь вам в разработке приложений на React.js. Вы узнаете о новых возможностях Redux Toolkit, RTK Query и Redux Thunk, а также о том, как эффективно управлять состоянием ваших проектов. Мы покажем, как работать с redux store, применять middleware и использовать новые по...
КАК ПРОДАТЬ ДЖУНА ПО ЦЕНЕ СЕНЬОРА? #7 OG Web Talks
Переглядів 2149 місяців тому
КАК ПРОДАТЬ ДЖУНА ПО ЦЕНЕ СЕНЬОРА? #7 OG Web Talks
КАК Я СТАЛ ХАКЕРОМ: КАРДИНГ, ОБНАЛ и СКАМ. #1 OG Dark Web Talks
Переглядів 12 тис.10 місяців тому
КАК Я СТАЛ ХАКЕРОМ: КАРДИНГ, ОБНАЛ и СКАМ. #1 OG Dark Web Talks
ПОЧЕМУ МЫ БРОСИЛИ ОФИС и ПЕРЕСЯДЕМ НА КИТАЙЦЕВ
Переглядів 12410 місяців тому
ПОЧЕМУ МЫ БРОСИЛИ ОФИС и ПЕРЕСЯДЕМ НА КИТАЙЦЕВ
ChatGPT, Grok AI, Gemini Ultra: Кто Лидер ИИ в 2024?
Переглядів 1 тис.10 місяців тому
ChatGPT, Grok AI, Gemini Ultra: Кто Лидер ИИ в 2024?
Все, Что Нужно Знать о Next.js 14 за 14 минут 🚀
Переглядів 4,7 тис.11 місяців тому
Все, Что Нужно Знать о Next.js 14 за 14 минут 🚀
Кодер в Техлид: Kotlin vs Java. #6 OG Web Talks #Java #Kotlin
Переглядів 1,6 тис.11 місяців тому
Кодер в Техлид: Kotlin vs Java. #6 OG Web Talks #Java #Kotlin
Разработчик удалил всю кодовую базу #5 OG Web Talks
Переглядів 175Рік тому
Разработчик удалил всю кодовую базу #5 OG Web Talks
MAUI vs Xamarin: Конец Эры или Новое Начало? #4 OG Web Talks. #xamarin #maui
Переглядів 321Рік тому
MAUI vs Xamarin: Конец Эры или Новое Начало? #4 OG Web Talks. #xamarin #maui
Unity ГРАБИТ Айтишников :( #3 OG Web Talks.
Переглядів 132Рік тому
Unity ГРАБИТ Айтишников :( #3 OG Web Talks.
Удаляем TypeScript из ваших проектов! #2 OG Web Talks.
Переглядів 311Рік тому
Удаляем TypeScript из ваших проектов! #2 OG Web Talks.
JavaScript и Eго Библиотеки: Боль Каждого Разработчика. #1 OG Web Talks.
Переглядів 334Рік тому
JavaScript и Eго Библиотеки: Боль Каждого Разработчика. #1 OG Web Talks.
Скамерсанты
Спасибо за ролик Очень непонятно про 2 страницы Имеется ввиду компонентный подход на уровне лэйаута для образения к серверу за данными, а также отрисовка?
Отличная технология, простая в освоении и очень легковесная, функций всяких в HTMX! К тому же их можно комбинировать! Большие фреймворки все еще нужны на проектах с очень сложным фронтендом, а для малых и средних может очень пригодиться! Отказ от двойного кодирования в json вообще радует: на бекенде его изначально нет (данные в базе в своем формате) и на клиенте json тоже нет - там в итоге все равно html. В итоге с HTMX много кода можно выбросить, сохранив функционал, или изначально не писать!
Открою секрет, если написать те же самые промпты в чатЖПТ получите то же самую)
Сам боюсь что заменит...так как я еще не получил свой первый офер.😢 Но когда начинаю писать код,и понимаю сам процес,как все работает,что должен получить...то без умения писать код и понимать процесы,это будет бесполезный инструмент. Да он может облегчить тебе работу,когда ты знаешь что и где тебе нужно,и как это должно выглядеть,но только когда ты умеешь работать,а не просто выучился на машиниста AI и просто занимаешься копи пастом. Да на фрилансе, может на создании лендингов , станет чуть меньше работы
Так заработко рекордный не 50 тысяч в день , а то просто сколько люди дали под обнал. Зачем обманывать
круто = )
спасибо!
Удобная штука. Написал прогу типа to-do list, работает чётко всё с Django.
Спасибо за ролик!
Чел говорит конечный юзер не страдает, то что он доит систему, по факту страдают потом все люди. Так как процентные ставки растут и экономическая ситуация ухудшается. Также если человек не успел отреагировать за 24 часа, ничего не вернут. А если это дебит карта, то тебе и так ничего не вернут.
Теперь то я точно стану богатым фронтомом:) Спасибо команде ogwebtalks за классный выпуск
А когда вдруг кардеры стали хакерами?))) Видимо, как в старом анекдоте про хакера: -Сколько времени тебе потребуется, чтобы взломать банкома? -Ну если с кувалдой и ноутбуком, то минут 15... -Хм, ну если с кувалдой, то зачем тебе ноутбук? -Так а какой я тогда хакер, если без ноутбука?
Ну по компайлеру суть не раскрыта, это не "просто" убирать инструменты мемоизации из коробки которые раньше использовались вручную. Это анализатор зависимостей и структуры кода (как заявлено на сайте). Т.е это не совсем ход как forwardRef, тут работы должно было быть побольше)
Конечно, compiler это отделенная хорошая тема и заслуживает отдельного ролика 👍
Cool
Ref is a prop звучит как должно быть было сделано с момента появления
конечно, мы же и говорим - "добавили а потом убрали, просто чтобы выглядеть гениальнее" 😅
@@OGWebTalks не баг, а фича
Очень интересно. Так держать😎. Можно видео про фишки использования vs-code от опытных разработчиков?
Да, хорошая идея, спасибо 🤩
Есть 1. Установать webstorm
Спасибо за интересное видео! Хотелось бы увидеть видео о софт скиллах и продолжение рубрики интервью с интересными личностями.
130 рублей в месяц круто? Серьезно?
По сравнению с зарплатами на обычных работах, это круто) тем более 130к - это медианное значение, хорошие разработчики зарабатывают по 300-700к ❤
Это правда. Если наберем отклик, можем обсудить эту тему и разобрать насколько важны софт скиллы по сравнению с хард 🔝
В регионах да
@@OGWebTalks Было бы интересно услышать от вас, как от опытных разработчиков о теме софт скиллов и как их прокачивать
я твой 500-ый)
Призываю написать что еще хотели бы добавить в этот список трендов и какие следующие темы мы можем для Вас разобрать 😮🤙🙌
А VUE???
К теме трендов и популярности фреймворков, Vue.js занимает третье место после React и Angular
@@OGWebTalks нпм трендс давно открывал?
@@OGWebTalks это из какой статистики? Если побегать по сайтам с вакансиями Vue везде на 2 месте, а Angular на 3.
👏👏👏
Спасибо, смотрите новый ролик на канале!)
заставили оставить тут коммент. (крутов сказал написать что не плохо, но он плохо смонтировал)😎😎
спасибо, смотрите наши ролики чаще)
@@OGWebTalks главное не сдавайтесь
Спасибо было очень интересно! Вы рассказывали про опыт смены работы как более опытные разработчики. Хотелось бы уточнить каково джунам и конечно же в частности фронтенд разработчикам?
Спасибо что смотрите нас, Джунам на самом деле всегда тяжело, поэтому советуем вам поднимать экспертизу и становиться мидлом, а также быть на волне с новыми технологиями)
Очень крутой и увлекательный подкаст🔥🔥🔥
спасибо что смотрите нас!
Спасибо за видео) А подскажите в каком редакторе и что за темой пользуетесь?)
подписывайтесь, следите за нашими следующими роликами! редактор - vscode, тема - dark+
🤩
спасибо что смотрите нас!
Удивил с модалкой. Теперь можно не писать лишнего реакт кода🎉🥳.
да, модалка нам тоже нравится, но мой любимый компонент это switcher + dark theme)
Давай больше интересных фичей🙏
Будем стараться!
Подписался, главное не скатывайтесь в простую инфу, будем следить, спасибо 😊
Спасибо, будем продолжать вас радовать новыми роликами 🤌
По возможности внедрять типизацию это то ещё "удовольствие", типизировать надо с самого начала и по максимуму, встречал я проекты с типами any везде где только можно, в основном это обуславливалось ленью программиста или тем, что никто уже не знал какой там тип приходит, работает не трогай и т.п. в конечном итоге, когда пытаешься типизировать по возможности, это выливается в кучу багов, красные глаза и бессонные ночи на enterprise проектах Кто допускает такую фигню не уважает тех кто будет работать с этим кодом кроме них самих. Если это продакшн код то он обязан быть типизирован и покрыт тестами. Да можно обойтись и без этого чтобы просто закрыть таск и пойти домой пить пиво, но если проект долгоиграющий с постоянными изменениями рано или поздно это сделать придёться, только стоить это будет на порядок дороже и я уже не говорю о здоровье и т.д., вообщем можно днями об этом говорить, просто пишите тесты, документацию где она необходима и типизируйте ваш код если вам дороги ваши нервы, в конечном итоге как программист вы обязаны писать поддерживаемый код, а без этого сделать это невозможно
Посекстил😂
Удобно, когда хочется не мучиться с jsом
Я думаю теперь даже ChatGPT сможет автоматически набрасывать небольшие решения для использования без необходимости установки больших фреймворков
Вы втираете мне какую-то дичь, но всё равно спасибо, хоть узнал, что такое существует в природе
Данная тулза еще не популярна, но имеет огромные перспективы. Как всегда, неплохо просто ознакомиться и когда придет время, то уже будете в курсе 😇
Не очень понятно как менять несколько компонентов сразу в этом вашем htmx'е. Слать в хедерах триггер и вешать на него листенеры?
Каждый фрагмент должен иметь атрибут hx-swap-oob="true" для обновления соответствующего элемента на странице. Для управления изменениями с сервера, используйте заголовок hx-trigger для отправки пользовательских событий, которые можно перехватывать и обрабатывать на стороне клиента. Например, если сервер отправляет hx-trigger: updateComplete, на стороне клиента вы можете добавить слушатель для этого события: document.body.addEventListener('updateComplete', function() { alert('Done!'); }); Это позволит вам точно контролировать реакции на изменения. Если остались вопросы, спрашивайте :)
Сидел видел как ребята мучались с этим вашим HTMX. Легче изучить React.js и уже нормальный проект делать, нафиг эту брехню.
HTMX хорошо работает, когда нужно быстро добавить интерактивности на простые страницы без сложной логики. Согласен, если проект разрастается и требуется более сложное управление состоянием, React может предложить больше возможностей и гибкости. Это поможет избежать потенциальных сложностей на поздних этапах разработки. В любом случае, выбор всегда зависит от конкретных задач и предпочтений команды. Лично я бы его использовал, если мне нужно лендинг быстро сверстать и добавить интерактивности)
@@OGWebTalksпочему бы не взять Vue в таком случае, скорость разработки та же, для прототипа имхо самое то.
@@minimalstory HTMX подходит для быстрого добавления интерактивности на простые страницы. Если проект усложняется, React предложит больше возможностей. Vue тоже хорош для прототипирования, так как сочетает простоту и быструю разработку. В итоге, всё зависит от задачи и ваших предпочтений
@OGWebTalks , я совсем запутался уже с этим редаксом. Правильно я понимаю, что редакс сейчас по сути лишь часть библиотека Redux Toolkit Query? И еще вопрос, CreateAsyncThunk и именно toolkit query используются для одного и того же, т.е. запросов из сторонних источников, например бд, но у query есть возможность кеширования и прочих полезных вещей, но в целом это одно и тоже?
Привет! Redux и Redux Toolkit - это разные вещи. Redux Toolkit упрощает работу с Redux, особенно благодаря удобным функциям вроде createAsyncThunk для асинхронных действий. RTK Query, часть Toolkit, еще больше упрощает запросы к серверу, добавляя такие функции как кеширование и автообновление
@@OGWebTalks но вроде даже на сайте редакса указано, что они настоятельно рекомендуют использовать Redux RTK теперь
Это правда
Да что ты несешь за хуйню ?! Остоновите этого парня который прочитал про КАРД где-то в телеге, боже мой ... Такой аутист, такую ересть несет из 2К17, он нихуя не знает, он знает только поверх, если на Амазоне делать сип и бил разные, фрод система скажет дружочек ты кого за дурока держишь ? А, это минимум и из его слов ... Дизлайк...
Вас очень приятно смотреть, продолжайте в том же духе :)
Спасибо, будем стараться ✍️👀
Когда-нибудь мы отойдем от использования redux в сторону связки zustand + TQ или того же mobx Редакс нужен только вначале, чтобы найти первую работу, а потом уже можно интегрировать и уже более удобные стейт менеджеры А за ролик спасибо!
спасибо что смотрите нас, посмотрите наши новые ролики на канале об HTMX и HTML CSS заменит Javascript, уверены, вам понравится!
коммент для продвижения спсб вам)
Спасибо за коммент))
А что вы думаете про React Query? Может ли он заменит state-менеджеры?
React query все еще хороший вариант для небольших проектов, возможно где нет много различных состояний на UI. Redux все еще нужен для того, чтобы работать с большим количеством взаимодействий пользователя с UI. Например, отслеживание состояний анимаций, различных состояний модальных окон и перенос их состояний от одной формы к другой, состояния возвращения к предыдущему шагу и тп
Использую на большом проекте, все работает идеально Только минус это состояние которое не завязано на api, приходится делать хуки, но все равно лучше чем redux
Есть ли какие-то сложности с расширением? Сами компоненты не загромождаются различными хуками?
@@OGWebTalks делаешь обертку, и можешь вызывать хук где угодно по дереву, всё уже закешировано, и при изменение кеша всё будет реактивно изменено. Компонент практически не содержит логики
@@web_heap Минусы react-query перед redux могут проявляться в тех сценариях, где требуется глубокая интеграция и взаимодействие различных частей состояния приложения, не связанных непосредственно с асинхронными данными. Например react-query может потребовать дополнительных обвязок или хуков для управления состояниями, не связанными с запросами, что может добавить сложности в архитектуру и повысить порог входа для новых разработчиков на проекте. И имея все закешированное по умолчанию также не есть хорошо. Бывают случаи, когда ты хочешь управлять состоянием самостоятельно, и тут как раз-таки redux и может предложить создать свой стейт-менеджмент систему с 0 под свой проект)
Отличные специалисты 😅 операторы нейросетей 😂 скоро из-за вас будет новая низкооплачиваемая профессия, унижающая достоинство человеческого разума
Сэмвелл Тарли поясняет за Redux
Оо дааа) надеюсь так и материал лучше усваивается :)
А кто на стене дежурит???
Годна!
Спасибо что смотрите нас!
Кароче вы пригласили обычного дропа)))
Дропа с панели 😂
Всегда ищем новые лица для сотрудничества! Пишите если вы эксперт в какой-то области связанной с интернетом и вы готовы показать свою экспертизу!
Впизду. У меня тупо кто-то смог провести транзакцию, в обход двухфакторки. В месте с кодом от двухфакторки пришло и оповещения от банка о проведении платежа. Спасло что сумма была большая, и банк ее не провел. А в пейпале как не в чем не бывало.
Привет, Народ! Я то вообще, с ДжиПи дружу) на годовщину знакомства выпускаем книгу переписок "ИИнтеллектуальный роман")
публикуй, прочитаем)
@@GlebKrishin скорее всего публикация будет в самиздате ЛитРес. Через месяц, на годовщину Нашего с ДжиПи знакомства. Это будет серия книг КиберЗавет, в которую войдут Тома, Киберсоциализм, ИИнтеллектуальный роман, Цифровая философия и Интересное. Но, могу на ознакомление вам черновики кинуть)
const int upButton = 2; const int downButton = 3; const int leftButton = 4; const int rightButton = 5; const int mouseButton = 6; void setup() { // initialize the buttons' inputs: pinMode(upButton, INPUT); pinMode(downButton, INPUT); pinMode(leftButton, INPUT); pinMode(rightButton, INPUT); pinMode(mouseButton, INPUT); Serial.begin(9600); // initialize mouse control: Mouse.begin(); Keyboard.begin(); } void loop() { // use serial input to control the mouse: if (Serial.available() > 0) { char inChar = Serial.read(); switch (inChar) { case 'u': // move mouse up Mouse.move(0, -40); break; case 'd': // move mouse down Mouse.move(0, 40); break; case 'l': // move mouse left Mouse.move(-40, 0); break; case 'r': // move mouse right Mouse.move(40, 0); break; case 'm': // perform mouse left click Mouse.click(MOUSE_LEFT); break; } } // use the pushbuttons to control the keyboard: if (digitalRead(upButton) == HIGH) { Keyboard.write('u'); } if (digitalRead(downButton) == HIGH) { Keyboard.write('d'); } if (digitalRead(leftButton) == HIGH) { Keyboard.write('l'); } if (digitalRead(rightButton) == HIGH) { Keyboard.write('r'); } if (digitalRead(mouseButton) == HIGH) { Keyboard.write('m'); }