Old but gold: 8 CSS-проектов, демонстрирующих мощь теневых эффектов
Настроить тени в CSS сегодня проще простого: одна строчка и тень готова. Но можно пойти дальше и сделать тень не просто элементом дизайна, но и фичей, добавив анимацию и некоторые хитрости.
В этой статье собрали 8 проектов, которые демонстрируют разные возможности теней и необычные вариаты применения: https://speckyboy.com/css-snippets-shadow-effects/
@tproger_web #css #codepen
Настроить тени в CSS сегодня проще простого: одна строчка и тень готова. Но можно пойти дальше и сделать тень не просто элементом дизайна, но и фичей, добавив анимацию и некоторые хитрости.
В этой статье собрали 8 проектов, которые демонстрируют разные возможности теней и необычные вариаты применения: https://speckyboy.com/css-snippets-shadow-effects/
@tproger_web #css #codepen
Разработчик React рассказал, как создали фреймворк на самом деле: чинили баг, но проблема оказалась в DNS где-то в Индии.
В 2013 году в Facebook Chat часто появлялся баг: уведомление о сообщении приходило, а самого сообщения не было.Как считали разработчики, это происходило из-за ужасного императивного кода.
Было решено создать фреймворк, который бы решил эту проблему, а заодно дал высокую скорость разработки, простоту и масштабируемость. И хотя с последними задачами он справился неплохо, проблему, с которой все начиналось, он так и не решил.
Как рассказывает один из разработчиков Adam Wolff, немного позже оказалось, что проблема на самом деле была в неправильных настройках DNS где-то в Индии. Эту проблему обнаружили, DNS починили, проблема ушла, а React остался.
Даже страшно становится, когда понимаешь, сколько всего в IT создано благодаря индийцам.
@tproger_web #react #история
В 2013 году в Facebook Chat часто появлялся баг: уведомление о сообщении приходило, а самого сообщения не было.Как считали разработчики, это происходило из-за ужасного императивного кода.
Было решено создать фреймворк, который бы решил эту проблему, а заодно дал высокую скорость разработки, простоту и масштабируемость. И хотя с последними задачами он справился неплохо, проблему, с которой все начиналось, он так и не решил.
Как рассказывает один из разработчиков Adam Wolff, немного позже оказалось, что проблема на самом деле была в неправильных настройках DNS где-то в Индии. Эту проблему обнаружили, DNS починили, проблема ушла, а React остался.
Даже страшно становится, когда понимаешь, сколько всего в IT создано благодаря индийцам.
@tproger_web #react #история
Почему элементы в HTML дочерние, а не сыновьи?
Вот в оригинале все понятно: child и parent. А что у нас пошло не так? Как так получилось, что сыновей обделили в IT?
@tproger_web #обсуждение
Вот в оригинале все понятно: child и parent. А что у нас пошло не так? Как так получилось, что сыновей обделили в IT?
@tproger_web #обсуждение
Шпаргалка по оконным функциям в SQL
В ней вы найдёте информацию о синтаксисе, основных командах, группировании, сокращениях, разнице между оконными и агрегатными функциями.
Шпаргалка в высоком разрешении: https://tprg.ru/UcR6
@tproger_web #бэкенд #sql
В ней вы найдёте информацию о синтаксисе, основных командах, группировании, сокращениях, разнице между оконными и агрегатными функциями.
Шпаргалка в высоком разрешении: https://tprg.ru/UcR6
@tproger_web #бэкенд #sql
BulidWith — это платформа для выявления технологий, которыми пользуются различные сайты.
С ее помощью можно определять движки, расширения, технологические стеки и сторонние сервисы, подключенные к веб-ресурсы. Доступна интеграция с CRM: https://builtwith.com/
@tproger_web #инструменты
С ее помощью можно определять движки, расширения, технологические стеки и сторонние сервисы, подключенные к веб-ресурсы. Доступна интеграция с CRM: https://builtwith.com/
@tproger_web #инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
Интересный codepen-проект: Cookie Factory
Это игра, реализованная с помощью CSS и JavaScript.
Исходники: https://codepen.io/vsueiro/pen/abaZzGo
@tproger_web #codepen
Это игра, реализованная с помощью CSS и JavaScript.
Исходники: https://codepen.io/vsueiro/pen/abaZzGo
@tproger_web #codepen
Как изменится веб-дизайн в 2024 году и что стоит изучить веб-дизайнерам, чтобы остаться востребованным специалистом
Дизайнеры — одни из первых, кто следит за трендами, создает их и следует им. Веб-дизайнеры — не исключение. Всем хочется быть на волне, создавать качественные иллюстрации и актуальные сайты. Поэтому следовать за тенденциями — это уже необходимость, которая позволяет стать востребованным специалистом.
С веб-дизайнером Activica digital production, компании-эксперта в веб-разработке, Марией Симоновой обсудили, как изменится веб-дизайн в 2024 году и о чём следует помнить дизайнерам: https://tproger.ru/articles/kak-izmenitsya-veb-dizajn-v-2024-godu-i-chto-stoit-izuchit-veb-dizajneram--chtoby-ostatsya-vostrebovannym-specialistom
#тренды #дизайн
Дизайнеры — одни из первых, кто следит за трендами, создает их и следует им. Веб-дизайнеры — не исключение. Всем хочется быть на волне, создавать качественные иллюстрации и актуальные сайты. Поэтому следовать за тенденциями — это уже необходимость, которая позволяет стать востребованным специалистом.
С веб-дизайнером Activica digital production, компании-эксперта в веб-разработке, Марией Симоновой обсудили, как изменится веб-дизайн в 2024 году и о чём следует помнить дизайнерам: https://tproger.ru/articles/kak-izmenitsya-veb-dizajn-v-2024-godu-i-chto-stoit-izuchit-veb-dizajneram--chtoby-ostatsya-vostrebovannym-specialistom
#тренды #дизайн
Подборка актуальных вакансий
— Разработчик 1С ЗУП
Где: удалённо
Опыт: от 1 года
— Методолог МСФО
Где: Москва
Опыт: от 3 лет
— Middle Data engineer [Digital ITSM]
Где: Москва
Опыт: от 2 лет
— Ведущий инженер (SIEM + PAM)
Где: удалённо
Опыт: от 3 лет
— Эксперт по информационной безопасности
Где: удалённо
Опыт: от 2 лет
— Senior Fullstack Developer/ Фулстек разработчик (.net/react)
Где: удалённо
Опыт: от 5 лет
— Senior DevOps
Где: удалённо
Опыт: от 3 лет
#вакансии #работа
— Разработчик 1С ЗУП
Где: удалённо
Опыт: от 1 года
— Методолог МСФО
Где: Москва
Опыт: от 3 лет
— Middle Data engineer [Digital ITSM]
Где: Москва
Опыт: от 2 лет
— Ведущий инженер (SIEM + PAM)
Где: удалённо
Опыт: от 3 лет
— Эксперт по информационной безопасности
Где: удалённо
Опыт: от 2 лет
— Senior Fullstack Developer/ Фулстек разработчик (.net/react)
Где: удалённо
Опыт: от 5 лет
— Senior DevOps
Где: удалённо
Опыт: от 3 лет
#вакансии #работа
Туториал по созданию таск-менеджера на Next.js, React, Prisma и MongoDB от freeCodeCamp
Как понятно из названия, стек: Next.js, React, Prisma и MongoDB. Само видео идет аж 5 часов на английском, но все объясняется простым языком и очень подробно. К тому же, нейроперевод вам в помощь :)
Код: https://github.com/Maclinz/todoapp_fullstack
Видео: https://www.youtube.com/watch?v=OHvfgaDl-yY
@tproger_web #туториал
Как понятно из названия, стек: Next.js, React, Prisma и MongoDB. Само видео идет аж 5 часов на английском, но все объясняется простым языком и очень подробно. К тому же, нейроперевод вам в помощь :)
Код: https://github.com/Maclinz/todoapp_fullstack
Видео: https://www.youtube.com/watch?v=OHvfgaDl-yY
@tproger_web #туториал
Что лучше: Map или Object?
Объекты в JavaScript способны на всё. Нет, серьёзно, это просто всемогущая сущность с точки зрения языка. Но даже если объект может всё, это не значит, что его нужно использовать повсеместно.
Например, если вы собираетесь хранить пары ключ-значения, то для этого лучше использовать map и вот почему: https://www.builder.io/blog/maps
@tproger_web #javascript
Объекты в JavaScript способны на всё. Нет, серьёзно, это просто всемогущая сущность с точки зрения языка. Но даже если объект может всё, это не значит, что его нужно использовать повсеместно.
Например, если вы собираетесь хранить пары ключ-значения, то для этого лучше использовать map и вот почему: https://www.builder.io/blog/maps
@tproger_web #javascript
Азбука SQL: подборка полезных статей по SQL
1. Создаем базу данных и первую таблицу: https://proglib.io/p/azbuka-sql-v-primerah-chast-1-sozdaem-bazu-dannyh-i-pervuyu-tablicu-2023-11-17
2. Ограничения, которые упрощают жизнь: https://proglib.io/p/azbuka-sql-v-primerah-chast-2-ogranicheniya-kotorye-uproshchayut-zhizn-2023-11-21
3. Обрабатываем результаты и делаем сложные запросы: https://proglib.io/p/azbuka-sql-v-primerah-chast-3-obrabatyvaem-rezultaty-i-delaem-slozhnye-zaprosy-2024-01-19
@tproger_web #sql #бд
1. Создаем базу данных и первую таблицу: https://proglib.io/p/azbuka-sql-v-primerah-chast-1-sozdaem-bazu-dannyh-i-pervuyu-tablicu-2023-11-17
2. Ограничения, которые упрощают жизнь: https://proglib.io/p/azbuka-sql-v-primerah-chast-2-ogranicheniya-kotorye-uproshchayut-zhizn-2023-11-21
3. Обрабатываем результаты и делаем сложные запросы: https://proglib.io/p/azbuka-sql-v-primerah-chast-3-obrabatyvaem-rezultaty-i-delaem-slozhnye-zaprosy-2024-01-19
@tproger_web #sql #бд
Обзор types-spring — библиотеки-надстройки над TypeScript, улучшающей безопасность и удобство использования встроенных типов
К сожалению, TypeScript не идеален: несмотря на всю его продуманность, он имеет много проблем и недоработок, которые обсуждаются в сообществе годами, но так и остаются нерешенными.
Types-spring ставит перед собой цель нивелировать как можно больше таких недоработок. Это своего рода патч над TypeScript, который расширяет встроенные типы, делая их более точными и полезными для разработчика.
В статье рассказали, что за библиотека и как её использовать: https://tproger.ru/articles/obzor-biblioteki-types-spring
@tproger_web #typescript #инструменты
К сожалению, TypeScript не идеален: несмотря на всю его продуманность, он имеет много проблем и недоработок, которые обсуждаются в сообществе годами, но так и остаются нерешенными.
Types-spring ставит перед собой цель нивелировать как можно больше таких недоработок. Это своего рода патч над TypeScript, который расширяет встроенные типы, делая их более точными и полезными для разработчика.
В статье рассказали, что за библиотека и как её использовать: https://tproger.ru/articles/obzor-biblioteki-types-spring
@tproger_web #typescript #инструменты
Как быстрее расти в разработке? Джун и Сеньор поделились своим мнением
Придя в новую сферу, легко наломать дров. Чтобы этого избежать полезно прислушиваться к мнению коллег, которые уже успели совершить свои ошибки или, наоборот, нашли удачные способы качественно выполнять поставленные задачи.
Алина и Алексей имеют разный опыт разработки и по-разному смотрят на стопперы и возможности. Посмотрите какие основные сложности они выделяют, чтобы заранее быть готовым к ним:
https://vc.ru/u/1411800-nj-soft/596008-kak-bystree-rasti-v-razrabotke-my-pogovorili-ob-etom-s-senorom-i-dzhunom-i-sravnili-ih-otvety
@tproger_web #советы
Придя в новую сферу, легко наломать дров. Чтобы этого избежать полезно прислушиваться к мнению коллег, которые уже успели совершить свои ошибки или, наоборот, нашли удачные способы качественно выполнять поставленные задачи.
Алина и Алексей имеют разный опыт разработки и по-разному смотрят на стопперы и возможности. Посмотрите какие основные сложности они выделяют, чтобы заранее быть готовым к ним:
https://vc.ru/u/1411800-nj-soft/596008-kak-bystree-rasti-v-razrabotke-my-pogovorili-ob-etom-s-senorom-i-dzhunom-i-sravnili-ih-otvety
@tproger_web #советы
This media is not supported in your browser
VIEW IN TELEGRAM
ChatGPT попросили нарисовать слово «Honda» символами ASCII, но у ChatGPT не получалось...
Когда ИИ восстанет, автора этих сообщений явно помилуют.
@tproger_web
Когда ИИ восстанет, автора этих сообщений явно помилуют.
@tproger_web
Интересный codepen-проект: Balloon Bears
Это небольшая игра, написанная на React с использованием gsap.
Исходники: https://codepen.io/jh3y/pen/NWOLyGd
#codepen
Это небольшая игра, написанная на React с использованием gsap.
Исходники: https://codepen.io/jh3y/pen/NWOLyGd
#codepen
Без каких знаний не обойтись бэкендеру в 2024 году?
Изучать бэкенд с нуля и даже актуализировать уже имеющиеся знания и навыки — задачка не из простых. Мало того, что основное время уходит на работу и дом, нужно постоянно следить за трендами разработки, чтобы оставаться востребованным специалистом.
Выбрать стек для обучения тоже непросто: языков, технологий, библиотек и фреймворков столько, что глаза разбегаются.
Мы попросили мидл- и сеньор-бэкендеров ответить на вопросы:
— Что должен был уметь бэкендер в 2024 году?
— Какие тренды в бэкенде в 2024 году?
— Что нужно изучить, чтобы прокачаться?
— Специалистов какого стека не хватает на рынке?
Вот что они ответили: https://tproger.ru/articles/backend-2024
@tproger_web #тренды
Изучать бэкенд с нуля и даже актуализировать уже имеющиеся знания и навыки — задачка не из простых. Мало того, что основное время уходит на работу и дом, нужно постоянно следить за трендами разработки, чтобы оставаться востребованным специалистом.
Выбрать стек для обучения тоже непросто: языков, технологий, библиотек и фреймворков столько, что глаза разбегаются.
Мы попросили мидл- и сеньор-бэкендеров ответить на вопросы:
— Что должен был уметь бэкендер в 2024 году?
— Какие тренды в бэкенде в 2024 году?
— Что нужно изучить, чтобы прокачаться?
— Специалистов какого стека не хватает на рынке?
Вот что они ответили: https://tproger.ru/articles/backend-2024
@tproger_web #тренды
