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

Нашли бесплатный плагин для браузера — Font Tester Он позволяет на любом сайте изменить шрифт (в базе свыше 1500 вариантов), настроить размеры и интервалы, чтобы проверить, какой вариант смотрится лучше. @WebDev_Plus

Это страница из 200 строк, созданная с помощью обычного JavaScript: Демо: http://pong-wars.vercel.app Код: http://github.com/vnglst/pong-wars @WebDev_Plus

Джуны — всё, ИИ победил. По статистике BCG, за последний год компании выбросили на улицу 75% молодняка. При этом миддлам и сеньорам зарплаты подняли в 4 (!) раза. Чтобы подняться до уровня элит в аномально короткие сроки — подпишитесь на легендарные каналы для айтишников: Новости и инсайды Фронтенд разработка ИИ и биг дата Node js Вёрстка Питон и нейросети QA-тестировщики Там раскрыли инфу из курсов общей стоимостью 5.000.000р в эксклюзивных пошаговых инструкциях. Пока остальные пойдут на дно якорем, вы войдете в 10% тех, кто сломал систему.

Ищешь вдохновение для веб-дизайна? Эта страница собирает лучшие идеи и тренды Каждый день публикуются новые сайты для вдохновения: → http://godly.website @WebDev_Plus

Как веб-разработчик, ты будешь использовать множество инструментов и фреймворков при создании сайтов и приложений. И чтобы помочь тебе разобраться с ключевыми технологиями, Playback Press подготовил этот гайд. В нём ты изучишь основы фронтенда и бэкенда: HTTP, Node, Express, JSON, Mongo, HTML, CSS, Web Components и React. Ссылка: Animated Intro to Web Development @WebDev_Plus

Копался я в исходниках 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