WebDev+ | Веб-разработка

Копался я в исходниках MongoDB — и внезапно нашёл внутри инстанс Postgres с такой вот таблицей. @WebDev_Plus

Фантастическая библиотека анимаций для разработчиков на React Native Она упрощает создание плавных и высокопроизводительных анимаций, а также добавление движения в ваш UI :) Благодарю всех , кто поддерживает канал лайками ✏️ https://github.com/software-mansion/react-native-reanimated @WebDev_Plus

Китайская компания 4dv запустила инструмент, который превращает обычные 2D-видео в полностью интерактивные 4D-видео. Пока что это бета-версия, но на их сайте можно попробовать несколько демо-видео :) @WebDev_Plus

Сайты бесплатного хостинга. Общие платформы бесплатного хостинга 1. http://github.io 2. http://netlify.com 3. http://vercel.com 4. http://surge.sh 5. http://render.com 6. http://cloudflare.com/pages 7. http://000webhost.com 8. http://infinityfree.net 9. http://freehosting.com 10. http://awardspace.com Бесплатный хостинг для статических веб-сайтов 11. http://pages.github.com 12. http://sites.google.com 13. http://firebase.google.com 14. http://glitch.com 15. http://neocities.org 16. http://1mb.site 17. http://codeberg.org 18. http://docusaurus.io 19. http://fleek.co 20. http://ipfs.io Бесплатный хостинг для динамических веб-сайтов 21. http://replit.com 22. http://heroku.com 23. http://railway.app 24. http://pythonanywhere.com 25. http://clever-cloud.com 26. http://freeflaskhosting.com 27. http://fly.io 28. http://glitch.me 29. http://cyb.ai 30. http://openshift.com Бесплатный хостинг для WordPress 31. http://wordpress.com 32. http://infinityfree.net/wordpress-host... 33. http://x10hosting.com 34. http://biz.nf 35. http://freehostia.com 36. http://byethost.com 37. http://wopop.com 38. http://awardspace.com/wordpress-host... 39. http://pantheon.io 40. http://webfreehosting.net Бесплатный хостинг для приложений Node.js 41. http://glitch.com 42. http://render.com 43. http://railway.app 44. http://heroku.com 45. http://vercel.com 46. http://kinsta.com 47. http://clever-cloud.com 48. http://fly.io 49. http://stormkit.io 50. http://deno.com @WebDev_Plus

⚡️ Бесплатное обучение фронтенд-разработке с нуля до React — с поддержкой от наставника Опыт в программировании не нужен. На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить С 27 сентября стартует бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript, а также попробовать самый популярный фреймворк — React 💡Всё объясняет на примере проекта — доски объявлений Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. Поделится способами посика клиентов с поомщью ИИ. Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией Подписывайтесь, чтобы участвовать, осталось 33 места Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 🟠Участвовать бесплатно

Парень реализовал CPU и RAM. На JavaScript. https://planetscale.com/blog/processes-and-threads @WebDev_Plus

Каждое приложение React нуждается в этом свойстве CSS @WebDev_Plus

В React скоро появится новый компонент — <Activity>. С его помощью можно будет скрывать UI, сохраняя при этом внутреннее состояние. Фича войдёт в следующий релиз, и выглядит она действительно очень полезной. @WebDev_Plus

PHP Laravel пакет для удобной работы с запросами Один из моих любимых пакетов от Spatie — laravel-query-builder С его помощью можно строить eloquent-запросы прямо из API-запросов. Пакет умеет: - Сортировать - Фильтровать - Подгружать связи И многое другое При этом пользоваться им очень просто. @WebDev_Plus

Конечно, вот тот же список, но с римскими цифрами: I. Виртуальный DOM, reconciliation и производительность рендера в React и других фреймворках II. Цикл событий в браузере, работа с асинхронностью и оптимизация долгих задач III. Паттерны управления состоянием (Redux, Zustand, Context API) и их влияние на производительность IV. Основы веб-безопасности: XSS, CORS, CSRF и работа с токенами V. Оптимизация фронтенд-производительности: ленивые загрузки, разделение кода, кеширование и критический путь рендеринга @WebDev_Plus

Новый селектор if() в CSS позволяет писать условные стили прямо в строке. Кроме того, можно переключать стили на основе пользовательских свойств @WebDev_Plus

Российский хакер Валерий Илларионов третий раз нашёл лазейку в коде ChatGPT 5 Айтишник за пару дней нашёл способ снять ограничения с GPT и настраивать её под любые задачи — от взлома аккаунтов до изготовления оружия В своём блоге «Доктор GPT» он делится множеством других лазеек, которые всё ещё не пофиксили. • Как бесплатно пользоваться Veo 3 и другими генераторами видео • Как генерировать фото 18+ в Midjourney • Отключение ограничений в Gemini, GPT и Perplexity Секретные промты и протоколы собраны здесь — @DoctorGPT 🤫

Если нужно импортировать API с пагинацией, движок воркфлоу не требуется. В Laravel это можно решить с помощью рекурсивного диспетчеризации через Job Batches: @WebDev_Plus

Топ-ресурс для изучения алгоритмов программирования. Пошагово объясняет их, с кодом и в визуальном, наглядном виде. Более 70 алгоритмов на JavaScript, Java и C++: http://algorithm-visualizer.org @WebDev_Plus

Visual Studio Code теперь умеет автоматически обрабатывать TODO-комментарии в коде. С новой функцией и помощью GitHub Copilot можно за два клика решать задачи и сразу создавать PR. @WebDev_Plus

Идеальный SEO-инструмент для веб-разработчиков Он позволяет мгновенно проверить, имеют ли доступ к вашему сайту Google-боты и AI-краулеры. Просто введите адрес сайта — и инструмент прогонит несколько проверок, чтобы дать детальный инсайт о crawlability и accessibility. Лёгкий способ убедиться, что ваш сайт оптимизирован под поисковые системы и AI-платформы :) Источник : crawlercheck.com @WebDev_Plus

⚡️ На Stepik вышел курс по Linux Внутри 20+ модулей: от установки Linux и работы с файлами до сетей, прав, дисков, процессов, автоматизации на Bash и многого другого. Всё сразу закрепляется на практике (200+ заданий с автопроверкой). Материал подаётся понятным языком, шаг за шагом, на реальных примерах и с наглядными схемами. После прохождения вы получите сертификат, который можно добавить в резюме. Есть бесплатные демо-уроки для ознакомления. В ближайшие 48 часов курс доступен со скидкой 20%: открыть курс на Stepik (скидка применяется по этой ссылке)

Вышел новый плагин dither для Tailwind — чисто CSS-решение для создания дезеринг-эффектов. Лёгкий в подключении, настраиваемый, работает с разными компонентами и полностью open-source. Даже без глубоких знаний можно легко внедрить его в свой проект, например в Cursor. https://dither.floriankiem.com/ @WebDev_Plus

Если ты используешь Tailwind, не игнорируй селекторы для дочерних элементов. Они упрощают стили и убирают дублирование. Vibe агенты для кодинга до такого не дотягивают. Если ты работаешь с обычным CSS, листай дальше. Сегодня узнал, что некоторые Tailwind разработчики вообще не любят селекторы для потомков. После работы с CSS для меня дико, почему копипастить одну и ту же утилиту на каждый дочерний элемент считается лучше, чем одна аккуратная родительская правило. Хочешь, бери этот совет, хочешь, нет. Мне он сегодня оказался полезен. Даже просто знать о таком варианте уже неплохо. @WebDev_Plus

Я: "Привет, Джо! Что ты думаешь о современном PHP?" Джо: @WebDev_Plus