WebDEV
8.21K subscribers
2.36K photos
31 videos
3.11K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc

Канал на бирже: telega.in/c/webb_dev
Download Telegram
PHP Laravel пакет для удобной работы с запросами

Один из моих любимых пакетов от Spatie — laravel-query-builder

С его помощью можно строить eloquent-запросы прямо из API-запросов. Пакет умеет:

- Сортировать
- Фильтровать
- Подгружать связи

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Фронтенд дорожная карта

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
Как поймать и обезвредить проблемные запросы в PostgreSQL?

Казалось бы, раньше всё работало неплохо, но стоило клиентской базе вырасти в пять раз, как всё замедлилось. Знакомая ситуация?


➡️ Читать статью

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
Сайты бесплатного хостинга.

Общие платформы бесплатного хостинга

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 // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Семантика, семантическая верстка

Друзья, миллион споров, разговоров, качелей, когда люди говорят про семантику, иногда это заходит до фанатизма и светлой веры в теги как в религию, а в семантическую верстку как в институт. В этом видео мы поговорим про семантику, посмотрим справочники и самое главное семантически сверстаем сайтец.

➡️ Смотреть видео & Скачать видео

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Фантастическая библиотека анимаций для разработчиков на React Native

Она упрощает создание плавных и высокопроизводительных анимаций, а также добавление движения в ваш UI :)

➡️ Ссылка на Github

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
Уже очевидно, что ВАЙБКОДИНГ — главный навык ближайших лет

Посмотрите сами. ИИ уже забирает на себя работу целых команд: пишет код, закрывает задачи джунов и позволяет стартапам запускать продукты в 2–3 раза меньшим составом. То, на что раньше нужны были несколько разработчиков, сегодня всё чаще делает один человек с ИИ-агентами.

И это только начало. Те, кто освоит вайбкодинг сейчас, смогут быстрее запускать проекты, автоматизировать огромный объём работы, увереннее конкурировать на рынке и зарабатывать больше тех, кто продолжает делать всё вручную.

Начать с нуля поможет канал Вайб-кодинг. Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы.

Подписывайтесь, нас уже 60 тысяч: @vibecoding_tg
Интуитивно понятный редактор для проектирования Баз Данных

drawDB — это бесплатный, простой и интуитивно-понятный редактор для проектирования БД с возможностью генерации SQL.

Вы сможете:
🔵создавать диаграммы всего за несколько щелчков мыши;
🔵просматривать полную картину;
🔵экспортировать скрипты SQL;
🔵настраивать свой редактор;
🔵многое-многое другое.


➡️ Читать статью

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
6 CSS свойств, которые от тебя скрывают

В данном обзоре я решил сделать акцент на css свойствах, о которых мало кто знает, но они очень эффективные, и имеют отличную поддержку. Я выписал 5+1 свойство, так как в последнем есть интересный парадокс. Это моя личная статистика свойств, которые удивляют людей, я решил их назвать, свойства которые от вас скрывают

➡️ Смотреть видео & Скачать видео

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
Оптимизация Redis для высоких нагрузок: полное руководство

Для эффективной работы Redis в условиях высоких нагрузок необходимы осмысленные инженерные решения и тонкая настройка под конкретные задачи.


➡️ Читать статью

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Как веб-разработчик, ты будешь использовать множество инструментов и фреймворков при создании сайтов и приложений.

И чтобы помочь тебе разобраться с ключевыми технологиями, Playback Press подготовил этот гайд.

В нём ты изучишь основы фронтенда и бэкенда: HTTP, Node, Express, JSON, Mongo, HTML, CSS, Web Components и React.

➡️ Animated Intro to Web Development

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
Адаптивная HTML-верстка макета из Figma

В этом 3-часовом уроке вы вместе с автором сверстаете несложный макет, состоящий из 4 страниц. Автор подробно описывает все свои действия, что позволяет лучше погрузиться в задачу на всех её этапах.

Вы сможете скачать этот макет, чтобы повторять за автором, тем самым закрепив полученные знания.

➡️ Смотреть видео & Скачать видео

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Игра для изучения и практики CSS

CSSBattle — это онлайн-игра, в которой игроки соревнуются в создании изображений и фигур с помощью минимального количества кода на HTML и CSS.


➡️ Читать статью

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Закреплённый сайдбар с переходом

.layout:has(:popover-open) {
grid-template-columns: var(--sidebar-width) 1fr;
}
aside:popover-open {
translate: 0 var(--ctrl);
height: var(--extend);
}


Чистый CSS, ноль JS для перехода лейаута.
Куча мелких настроек, с которыми можно поиграться

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Верстка сайта из Marsy

Верстка сайта из Marsy. Курс из 8 уроков. В этом плейлисте мы рассмотрим пример верстки сайта с помощью сервиса Marsy. Это бесплатный аналог Avocode который помогает упростить процесс верстки. Мы будем верстать интересный макет сайта от начала и до конца используя HTML, CSS и JS.

➡️ Смотреть видео & Скачать видео

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Мониторинг работы веб-сайта в реальном времени

Updo — это open-source инструмент командной строки, разработанный для мониторинга времени работы и производительности веб-сайта.


➡️ Читать статью

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Лучшая утилита для создания софтвэр диаграмм.

К тому же бесплатная и совместимая с GitHub!

Идеально подходит для UML, потоков и процессов.
Экспорт в изображение, PDF, HTML и другие форматы.

➡️ http://app.diagrams.net

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Практические уроки по CSS и CSS3

Обучающие уроки по CSS, практика на реальных примерах от анимации до типичной верстки.

➡️ Смотреть видео & Скачать видео

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
Крупнейшая коллекция проверенных публичных API

Репо Public API Lists содержит в себе крупнейшую подборку API на все случаи жизни: от животных и криптовалют до аниме и погоды.


➡️ Читать статью

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Как Apple делает эти безумные видеопереходы при прокрутке?

Давайте воссоздадим это с помощью чистого CSS с анимацией, управляемой прокруткой, и view-timeline.

Именно так, никаких слушателей событий прокрутки

Получить фрагменты кода, подсказки и полное руководство можно здесь

📢 WebDev // IT & Чат
Please open Telegram to view this post
VIEW IN TELEGRAM
Подписки на нейронки без переплат на ggsel

На сайте собраны все нужные ИИ-модели для работы и учебы 👨‍💻

Иностранные карты не потребуются — оплатить подписку безопасно можно картой российского банка

А еще до 20 ноября в канале ggsel: AI, tech, digital проходит розыгрыш набора LEGO и подписки тг премиум на год
Please open Telegram to view this post
VIEW IN TELEGRAM