CodeBase | Frontend

⚡️Попробуйте свои силы в разработке на React, создав ипотечный калькулятор. ⚡️

🟢 В процессе работы над проектом вы познакомитесь с функциональными компонентами, Material UI, передачей пропсов и другими интересными аспектами React разработки.

🔗

Ссылка

CodeBase | Frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

👍5🔥4✍1

446 views13:12

Forwarded from Я хочу стать программистом

0:12

🤩

Я хочу стать программистом ©

Please open Telegram to view this post

VIEW IN TELEGRAM

😁5👍1🔥1

371 views04:48

⚙️

Что такое атрибут placeholder в HTML и зачем он используется?

Атрибут placeholder отображает текст-подсказку внутри поля ввода. Он исчезает, когда пользователь начинает вводить данные.

Используется для уточнения ожидаемого формата или содержания.

➡️ Пример:

<form>
  <label>
    Ваше имя:
    <input type="text" placeholder="Введите имя">
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️

Почему полезно:

• Помогает пользователю понять, что нужно ввести
• Повышает удобство использования формы
• Эффективен в сочетании с короткими и понятными подписями
• Не заменяет полноценные метки (label), а дополняет их.

Атрибут placeholder улучшает пользовательский опыт, особенно на мобильных устройствах.

CodeBase | Frontend | #Основы

Please open Telegram to view this post

VIEW IN TELEGRAM

👍7🔥3❤1✍1

417 views08:25

Forwarded from Ленивый программист

0:12

🦥

Ленивый программист ©

Please open Telegram to view this post

VIEW IN TELEGRAM

😁8❤2👍2

424 views15:55

🖥

Solid.js как альтернатива (P)React+MobX на практике

В статье сравнивают Solid с React+MobX на реальном мобильном проекте: проверяют размер, перфоманс и удобство, без синтетики. Плюс — готовый репозиторий для тестирования

🔗

Ссылка

CodeBase | Frontend | #article

Please open Telegram to view this post

VIEW IN TELEGRAM

👍5❤2✍1

434 views05:17

Forwarded from Ленивый программист

0:07

🦥

Ленивый программист ©

Please open Telegram to view this post

VIEW IN TELEGRAM

😁7👍2🤣1

374 views17:12

⚡️Developer or Designer? — Анимированный переключатель

Технологии: SCSS, SVG, TS

🔗 Ссылка

CodeBase | Frontend | #animate

👍6❤1👏1

417 views13:25

Forwarded from Ленивый программист

0:12

🦥

Ленивый программист ©

Please open Telegram to view this post

VIEW IN TELEGRAM

😁6❤2🔥1

350 views07:15

0:05

CodeBase | Frontend | #meme

😁4👍3🔥2🤝1

384 views10:43

Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress

Год: 2019
Автор: Станислав Ломакин
Язык: Русский

Пытаясь сделать сайт для своего портфолио, художница Ким попадает на удивительную планету. Чтобы вернуться домой, ей придется выучить азы HTML, победить злобного дракона 404, подружиться с веб-гуру и доброй колдуньей CSS и выяснить, что таится за стенами WordPress-сити.
В формате увлекательного комикса книга познакомит детей с языками HTML и CSS, а также с конструктором сайтов WordPress.

#RU #HTML #CSS

CodeBase | Frontend | #book

👍4✍2🔥1

360 views16:06

HIIT, который не сработал ❌

Если вы типичный айтишник, который много сидит за компьютером, двигается разве что к холодильнику и задумывается о том, как сбросить вес, то наверняка уже слышали про модные интервальные тренировки (HIIT).

Лет двенадцать назад я тоже решил попробовать. Как полагается бывшему программисту, погуглил, скачал приложение и начал тренироваться с энтузиазмом новичка. Первая неделя прошла неплохо, но потом почувствовал себя как сервер, который «перегрелся» и тормозит.😨

Еще две недели я старался продержаться, но усталость только нарастала. Обычные дела превратились прямо в сложные задачи. В итоге я бросил этот HIIT, и уже через неделю почувствовал себя отлично.😃

Мораль: начинайте постепенно, без резких нагрузок, желательно с наставником. Иначе вместо пользы получите усталость и разочарование.

Кстати, наставник и полезные привычки тут: Иван Лагунцов | Про похудение.

👍3🔥2✍1

345 views07:01

⚙️

Что такое свойство flex-grow в CSS и зачем оно используется?

Свойство flex-grow определяет, как свободное пространство внутри контейнера делится между дочерними элементами.

Оно задаёт коэффициент роста: чем больше значение, тем больше элемент занимает места.

➡️ Пример:

<div class="container">
  <div class="item item1">1</div>
  <div class="item item2">2</div>
  <div class="item item3">3</div>
</div>

<style>
  .container {
    display: flex;
    width: 300px;
    border: 1px solid #ccc;
  }
  .item {
    padding: 10px;
    color: white;
  }
  .item1 { flex-grow: 1; background: #007bff; }
  .item2 { flex-grow: 2; background: #28a745; }
  .item3 { flex-grow: 1; background: #dc3545; }
</style>

🗣

В этом примере у второго элемента flex-grow: 2, поэтому он занимает в два раза больше места, чем соседние блоки.

CodeBase | Frontend | #CSS

Please open Telegram to view this post

VIEW IN TELEGRAM

👍6❤3✍1

364 views10:23

Forwarded from Ленивый программист

0:16

🦥

Please open Telegram to view this post

VIEW IN TELEGRAM

❤6👍2🔥1

362 views12:42

CodeBase | Frontend | #meme

😁6🤪4😎2

381 views15:42

Формошлёп — сотни хаков для фронтендеров в одном месте

Никакой скучной теории, воды и прочей шляпы, только практические примеры, которые работают.

👉 Подписывайся на @frontbox — стань тем, кто знает, как решить проблему, пока остальные ищут ответ на Stack Overflow.

🔥3👍1😁1

373 views07:04