Онлайн-песочница для обучения и тестирования SQL
SQL Playground — это бесплатный сервис, который позволяет вам изучать SQL и тестировать различные запросы как в MySQL, так и в PostgreSQL. Работает песочница прямо в браузере, при этом поддерживает подсветку синтаксиса и обладает автоматических генератором схем БД.
Пробуем по ссылке: sqlplayground.app
#инструменты #sql #бд
SQL Playground — это бесплатный сервис, который позволяет вам изучать SQL и тестировать различные запросы как в MySQL, так и в PostgreSQL. Работает песочница прямо в браузере, при этом поддерживает подсветку синтаксиса и обладает автоматических генератором схем БД.
Пробуем по ссылке: sqlplayground.app
#инструменты #sql #бд
Хотите оффер? Ловите 7 портфолио фронтендеров, которые вдохновляют
Без хорошего портфолио трудно выделиться среди кандидатов, которые сотнями присылают отклики на действительно крутые вакансии. Показываем 7 классных портфолио, которые вдохновят вас и подскажут, как выделиться вам.
Без хорошего портфолио трудно выделиться среди кандидатов, которые сотнями присылают отклики на действительно крутые вакансии. Показываем 7 классных портфолио, которые вдохновят вас и подскажут, как выделиться вам.
HTML и CSS ошибки, влияющие на доступность. Опыт незрячего
Многие разработчики думают, что доступность реализуется только с помощью aria-атрибутов. Конечно, они нужны, но HTML и CSS такая же важная часть. Эти технологии несут в себе кучу скрытых моментов, влияющих на доступность.
В этой статье будут разбираться конкретные ошибки, которые связаны с интерактивными элементами, доступностью текста, анимации и изображений. Подробнее:
https://habr.com/ru/companies/ruvds/articles/757490/
#фронтенд
Многие разработчики думают, что доступность реализуется только с помощью aria-атрибутов. Конечно, они нужны, но HTML и CSS такая же важная часть. Эти технологии несут в себе кучу скрытых моментов, влияющих на доступность.
В этой статье будут разбираться конкретные ошибки, которые связаны с интерактивными элементами, доступностью текста, анимации и изображений. Подробнее:
https://habr.com/ru/companies/ruvds/articles/757490/
#фронтенд
Forwarded from Типичный программист
9 команд GIT, о которых нужно знать
Большинство из нас придерживаются основ:
В какой-то момент вы столкнетесь с препятствием — запутанной историей, сломанной веткой или ошибкой, которую вы просто не можете отследить.
Вот тогда эти 9 команд станут настоящим спасением.
#git #шпаргалка
Большинство из нас придерживаются основ:
git add, git commit, git push, и, честно говоря, это работает пока… В какой-то момент вы столкнетесь с препятствием — запутанной историей, сломанной веткой или ошибкой, которую вы просто не можете отследить.
Вот тогда эти 9 команд станут настоящим спасением.
#git #шпаргалка
elfsight — более 90 виджетов для вебсайтов без необходимости кодить
Если вам нужно добавить какой-то полезный виджет, но писать его с нуля или настраивать нет времени и желания, то попробуйте найти нужный на этом сайте. Здесь собраны виджеты, которые встраиваются даже без знания кода и позволяют добавить карты, чаты, формы, встраиваемый контент из соцсетей и многое другое.
#инструменты #фронтенд
Если вам нужно добавить какой-то полезный виджет, но писать его с нуля или настраивать нет времени и желания, то попробуйте найти нужный на этом сайте. Здесь собраны виджеты, которые встраиваются даже без знания кода и позволяют добавить карты, чаты, формы, встраиваемый контент из соцсетей и многое другое.
#инструменты #фронтенд
This media is not supported in your browser
VIEW IN TELEGRAM
Impatiently Waiting — элемент загрузки на HTML и SCSS
Больше лоадеров богу лоадеров! На этот раз предлагаем вам познакомиться с забавным вариантом, который нарисован с помощью SVG и анимирован с помощью SCSS.
С кодом проекта можно ознакомиться по ссылке: https://codepen.io/jkantner/pen/VwooLxv
#codepen #svg #scss #лоадер
Больше лоадеров богу лоадеров! На этот раз предлагаем вам познакомиться с забавным вариантом, который нарисован с помощью SVG и анимирован с помощью SCSS.
С кодом проекта можно ознакомиться по ссылке: https://codepen.io/jkantner/pen/VwooLxv
#codepen #svg #scss #лоадер
Media is too big
VIEW IN TELEGRAM
Что такое траст сайта: подробный разбор и выводы
Траст сайта (от англ. «доверие») — уровень доверия поисковой системы к сайту. Если поисковая система доверяет сайту, то будет лучше и быстрее выводит сайт в топ, многое позволять и на многое закрывать глаза.
В этом видео вы узнаете для чего он нужен, как и какими сервисами проверить траст сайта и как его улучшить.
#видео #seo
Траст сайта (от англ. «доверие») — уровень доверия поисковой системы к сайту. Если поисковая система доверяет сайту, то будет лучше и быстрее выводит сайт в топ, многое позволять и на многое закрывать глаза.
В этом видео вы узнаете для чего он нужен, как и какими сервисами проверить траст сайта и как его улучшить.
#видео #seo
Performance и оптимизация TypeScript-типов в больших проектах
Большие TypeScript-проекты на практике часто представляют собой монорепозитории, в которых может быть сотни и даже тысячи модулей, интерфейсов и типов. На ранних этапах роста всё кажется вполне управляемым, но в определённый момент мы начинаем замечать, что время компиляции становится слишком большим, а IDE начинает работать ощутимо медленнее.
В этой статье вы узнаете, почему TypeScript захлёбывается в крупных проектах, какие подходы и практики помогут оптимизировать типы и как проводить диагностику узких мест в процессах компиляции и разработки.
#typescript
Большие TypeScript-проекты на практике часто представляют собой монорепозитории, в которых может быть сотни и даже тысячи модулей, интерфейсов и типов. На ранних этапах роста всё кажется вполне управляемым, но в определённый момент мы начинаем замечать, что время компиляции становится слишком большим, а IDE начинает работать ощутимо медленнее.
В этой статье вы узнаете, почему TypeScript захлёбывается в крупных проектах, какие подходы и практики помогут оптимизировать типы и как проводить диагностику узких мест в процессах компиляции и разработки.
#typescript
This media is not supported in your browser
VIEW IN TELEGRAM
Необычные эффекты по ховеру, или введение в React-Spring
Анимация при наведении – прекрасный способ сделать приложение динамичным и отзывчивым. Это мелочь, которая делает взаимодействие с продуктом уникальным и запоминающимся.
В этой статье вы узнаете, как сделать интересные эффекты наведения с помощью хуков React:
https://habr.com/ru/company/kts/blog/670234/
#react
Анимация при наведении – прекрасный способ сделать приложение динамичным и отзывчивым. Это мелочь, которая делает взаимодействие с продуктом уникальным и запоминающимся.
В этой статье вы узнаете, как сделать интересные эффекты наведения с помощью хуков React:
https://habr.com/ru/company/kts/blog/670234/
#react
Media is too big
VIEW IN TELEGRAM
Продвинутый бэкенд на Node.js
В этом видео вы узнаете, как реализовать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.js. В качестве СУБД здесь используется PostgreSQL в связке с ORM Sequelize на Node.js. Вы также увидите, как обернуть приложение на Node.js в docker и docker compose.
https://youtu.be/dDeWWQWMM-Y
#бэкенд #nodejs #nestjs #postgresql
p.s. Дайте знать, если будут проблемы с видео на мобилках. Telegram в последнее время багует, особенно с видео
В этом видео вы узнаете, как реализовать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.js. В качестве СУБД здесь используется PostgreSQL в связке с ORM Sequelize на Node.js. Вы также увидите, как обернуть приложение на Node.js в docker и docker compose.
https://youtu.be/dDeWWQWMM-Y
#бэкенд #nodejs #nestjs #postgresql
p.s. Дайте знать, если будут проблемы с видео на мобилках. Telegram в последнее время багует, особенно с видео