OneCode
1.39K subscribers
629 photos
60 videos
3 files
525 links
Full Stack на PHP, Laravel и всё, что с этим связано.
YouTube: https://www.youtube.com/@onecode_blog
Download Telegram
Раз тема денег интересна, тогда похвастаюсь вторым траншем (из трёх) за проект 😃

На разработку осталось меньше 10 дней. Вначале почти неделю потерял из-за свадьбы друга. Теперь навёрстываю, пришлось отложить в сторону всё остальное (кроме основной работы).

Такие дела, надеюсь кого-то замотивирует! Потому что среди моих друзей некоторые зарабатывают такие деньги за пол года 😃

Всё, на сегодня отдыхаем, а завтра топим дальше 🚀
👍7🔥2💩1
Компоненты для Tailwind CSS

Многим из нас после Bootstrap непривычно использовать Tailwind, потому что там нет готовых компонентов.

На самом деле уже есть куча платных и бесплатных готовых компонентов для Tailwind. Ниже один из примеров.

FlowBite - ресурс с тремя десятками готовых компонетов для Tailwind. Кнопки, формы, меню, аккордионы - есть все основные элементы UI.

Еще библиотека даёт нам JS-файл, в котором так же реализованы популярные функции для компонентов.

https://flowbite.com

Спасибо, что присылаете годноту!

#tailwind #tools
👍73
Адаптивное видео (пропорции)

Продолжаем тему вёрстки. Иногда нам нужно сделать адаптивное видео (или другой элемент с соблюдением пропорции - отношение ширины к высоте).

У этой задачи есть классическое решение - использовать абсолютное позиционирование и верхний внутренний отступ (например padding-top: 56.25%).

Однако не многие знают (мы теперь знаем!), что есть CSS-свойство aspect-ratio, которое как раз решает эту задачу очень просто 👇

https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio

Кстати, Tailwind конечно имеет удобные классы для работы с этим свойством, например aspect-video - и адаптивное видео 16/9 готово! Так просто 😃 На сайте можно подвигать видео за ползунок справа от него и убедиться, что оно адаптивное 👇

https://tailwindcss.com/docs/aspect-ratio

Поддержка браузерами в принципе НЕ плохая - 86%. Все версии браузеров, выпущеные с 2021 года поддерживают:

https://caniuse.com/?search=aspect-ratio

Будем иметь ввиду!

#html #css #tailwind #tip
👍10
Как хоршо, что в PHP 8 появились перечисления!
👍16🔥2
Судя по лайкам контент по вёрстке заходит больше 😃

На самом деле это немного печально, потому что инфы по вёрстке и так дохрена в интернетах - куда не плюнь все либо верстают либо учат верстать. Но надо двигаться дальше, ведь вёрстка это только самое начало.

Всё самое интересное дальше!
👍7😢1
Музыка для работы 🎧

Работаешь под музыку? Наушники или хорошие колонки? Если да, тогда предлагаю:

Отложить современную хрень и приобщиться к творчеству Рея Чарльза - легендарного слепого музыканта 60х годов с офигенным голосом.

https://music.yandex.ru/artist/443/tracks

Всем пятницы!

Работаем 🚀

#music
👍52🤔1
Что такое
foo
и
bar
?

Никогда не задавался этим вопросом 😃

Оказывается это метапеременные, которые используются для обозначения неопределённого объекта! Во как 👇

https://ru.wikipedia.org/wiki/Метапеременная

#foo #bar
👍7
26 основных паттернов микросервисной разработки

Наконец интересная статья для наших более продвинутых разработчиков 😃

Паттерны микросервисной разработки предоставляют проверенные решения для таких задач, как:
- Разработка микросервисной архитектуры
- Организация взаимодействия микросервисов друг с другом, клиентскими приложениями, базами данных.
- Обеспечение отказоустойчивости микросервисов и мониторинг.

https://mcs.mail.ru/blog/26-osnovnyh-patternov-mikroservisnoj-razrabotki

#microservices #patterns
👍5
Сайты создавать дело не лёгкое 😄

Как ваши выходные, друзья?

#workspace
👍12🤩1
Laravel Vite

Раньше мы использовали прекрасный Laravel Mix для сборки фронтенда.

Ничего не мешает использовать его и дальше, но иногда нужно идти вперёд.

Теперь в Laravel рекомендуется использовать Vite - относительно новый современный инструмент для сборки фронтенда.

Vite хорош во всех отношениях, но самое крутое - это скорость сборки - теперь не придется ждать минутами, если ты понимаешь о чем я =)

Кстати, именно Evan You (разработчик VueJS) является автором Vite.

Документация Laravel уже обновлена:
https://laravel.com/docs/9.x/vite

#laravel #vite
👍14🔥7
Прикупил книженцию

DDD (Domain-Driven Design) - подход к разработке проекта, когда мы (вместе с заказчиком) выявляем основных "участников" будущей системы, их связи и функции.

О том как правильно проектировать систему, разделять её на модули, а где наоборот разделение не нужно.

Тема интересная и полезная для больших проектов (от 100 таблиц в базе данных), но есть некоторые вопросы, которые (надеюсь) книга поможет решить.

https://www.ozon.ru/products/340457657/

#ddd #book
👍7
Делаю взаимодействие между окнами в браузере

Нужно, чтобы по клику в дочернем окне, которое выводится через
iframe
, передавалось сообщение в родительское окно - во как =)

Оказалось это очень легко сделать, используя метод
window.postMessage(message, '*')
. Буквально несколько строк кода и готово!

Никогда этого не делал, но опыт интересный:
https://learn.javascript.ru/cross-window-communication

Напиши в комментах понятно что-нибудь или нет 😃

#js #ifame
👍6
кто первый заметит ошибку, тому положу 100 рублей на телефон
🥰3
Весёлых выходных, господа!
👍4😁3
Сообщение от подписчика, который вчера выиграл 3 USDT за правильный ответ 👇

Ребят, пишите свои истории, будем выкладывать их, чтобы вместе радоваться успехам друг друга и заряжаться! 🔥
🔥10👍5
This media is not supported in your browser
VIEW IN TELEGRAM
👍15
Пробуем атрибуты в PHP8

Хочу добавить с помощью атрибутов описания для классов и методов, чтобы автоматически добавлять их в базу данных.

https://stitcher.io/blog/attributes-in-php-8

#php #attributes
👍21
Вот так можно достать название класса 🔥
👍3👏1
Финалочка 👍