Привет! Планируешь войти в айти и научиться фронтенду? Тогда канал «Будни разработчика» для тебя! Подпишись, и узнаешь: ➕ как влиться во фронтенд ➕ как организовать работу ➕ как бустануть карьеру Ждём!

❔Как сделать прозрачный текст? HTML:

<p class="transparent-text">Прозрачный текст</p>

CSS:

.transparent-text {
  font-family: 'Rubik One', sans-serif;
  font-size: 50px;
  text-transform: uppercase;
  background: #2E2F45;
  display: table;
  margin: 20px auto;
  color: white;
  border-radius: 5px;
  mix-blend-mode: multiply;
  padding: 5px 10px;
}

@codewebx | #tutorial 🖥 Готовые шаблоны, плагины, темы

Надоело тупо прожигать свое время? Хочешь стать профессионалом, но не знаешь как? РАСШИРЯЙ КРУГОЗОР!!!! Заходи на канал FreeCode и узнавай каждый день что то новое из мира языков разработки. Админ - бывший разраб, сейчас уже Business Manager компании. В задачах - стратегическое планирование и управление проектами компании. Это разраб, который смог в начальники) Так что не застрянь на джуне) А админу осталось немного и в ком диры) Подписывайся)

👩‍💻 React Router: что это и как использовать

Рассказали, что такое React Router, что такое маршрутизация, для чего она нужна и как настроить простую и вложенную маршрутизацию на сайте. Привели примеры кода.

Читать | @codewebx | #Статьи

👩‍💻 React Router: что это и как использовать

Рассказали, что такое React Router, что такое маршрутизация, для чего она нужна и как настроить простую и вложенную маршрутизацию на сайте. Привели примеры кода.

Читать | @codewebx | #Статьи

PRO IT — авторский канал для тех, кто давно мечтает начать свою карьеру в IT. Ежедневные публикации, в которых мы рассматриваем: — Самые простые и перспективные пути для вхождения в IT. — Необходимые навыки для успешного трудоустройства. — Вопросы и ответы на собеседованиях. — Инструменты для повышения производительности. — Примеры использования нейросетей для улучшения результатов. Автор канала - опытный эксперт Герман Варгин, с многолетним опытом работы в ведущих IT-компаниях. Ежедневно Герман активно общается со своими подписчиками. Присоединяйтесь и задавайте свои вопросы на канале: @germanproit

👨‍💻 Как развиваться в IT, чтобы быть востребованным у работодателей и выделиться на рынке? Ответы на этот и многие другие вопросы есть в авторском канале «Аналитик Данных», который ведет специалист со стажем в иностранных и российских компаниях. В канале ты найдёшь: ✅ Советы для развития карьеры Data Analyst/Data Scientist. ✅ Бесплатные прикладные материалы для развития навыков анализа и программирования на Python и SQL. ✅ Авторские аналитические статьи на актуальные темы в сфере финансов, data science, недвижимости и т.д. Например: 📌 Самые выгодные районы Москвы для аренды жилья. 📌 Как преобразовать любое видео в текст и понять его основную суть за считанные секунды? Кроме того, ты найдешь публикации об образовании в Европе, основанные на личном опыте автора. 👉 Подписывайся!

👩‍💻 ASHLEY&CO Сайт о косметике. 🟠 Сложность: Средний 🟠 Адаптивность: Нет Исходники | @codewebx | #figma 🖥 Готовые шаблоны, плагины, темы

🔥 Самые популярные нейронные сети в чат-боте SYNTX: 🎞 Генерируйте видео текстом или по картинке 👨‍🎨 Создавайте изображения в MidJourney, DALL-E 3 Turbo и Ideogram ✒️ Типограф, который умеет рисовать логотипы/постеры/банеры 🖼 12 различных ИИ-инструментов для редактирования изображения 🎙 Общайтесь голосом с GPT 4 TURBO 🏞 Отправляйте картинки в GPT 4 для анализа 📄 Переводите текст с DeepL ☝️Это только часть функций, доступных в SYNTX! 🟢 Попробуйте прямо сейчас 🟢

👨‍💻 Simple Fireworks Простые, но красочные фейерверки для сайта Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

🎄Трогайте, это на Новый год! Профессия «Java-разработчик» 🎁 Получите скидку до 30 000 р. и доступ ко второй профессии в подарок + 1 из 4 бонусов на выбор! Освойте язык крупного бизнеса и финансовых технологий и научитесь разрабатывать веб-приложения на фреймворке Spring. Уже во время обучения вы вступите в программу «Карьерный трек», чтобы найти свою первую работу в IT.  Вы научитесь подбирать правильные структуры для хранения и обработки данных, познакомитесь с автоматизированным тестированием и напишите свои первые модульные тесты. 📌 Пройдите 5 бесплатных уроков и поймите, подходит ли вам профессия! Реклама. АНПОО "ХЕКСЛЕТ КОЛЛЕДЖ". ИНН 7839056670.

❔ Как красиво оформить кнопку на сайте? HTML:

<a href="" class="pressed-button">Button</a>

CSS:

body {
  background: url(image.jpg);
}
.pressed-button {
  text-decoration: none;
  display: inline-block;
  padding: 12px 40px;
  margin: 10px 20px;
  border-radius: 30px;
  background-image: linear-gradient(45deg, #6ab1d7 0%, #33d9de 50%, #002878 100%);
  background-position: 100% 0;
  background-size: 200% 200%;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: white;
  box-shadow: 0 16px 32px 0 rgba(0, 40, 120, .35);
  transition: .5s;
}
.pressed-button:hover {
  box-shadow: 0 0 0 0 rgba(0, 40, 120, 0);
  background-position: 0 0;
}

@codewebx | #tutorial 🖥 Готовые шаблоны, плагины, темы

Войти в IT создали годный проект для всех Frontend разработчиков: 1️⃣ Прокачай свои навыки программирования без особых усилий 2️⃣ Каждый день на канале выходят курсы и статьи от ведущих специалистов на рынке IT 3️⃣ Больше не нужно тратить кучу времени на поиск хороших, бесплатных обучающих материалов в интернете P.S. Мы сами уже давно подписаны и иногда берем контент у них 😏

👩‍💻 MNTN Сайт о горном спорте. 🟠 Сложность: Средний 🟠 Адаптивность: Нет Исходники | @codewebx | #figma 🖥 Готовые шаблоны, плагины, темы

🔤 У нас часто спрашивают: "Какие каналы мы читаем в телеграме?" Хотим посоветовать крутой канал CodeRoll | Frontend, где вы найдете: - задачи для собеседований - полезные статьи и новости для разработчиков - необычные инструменты для веб-разработки ✅ Не реклама, личная рекомендация.

👨‍💻 Detailed Theme Switch Красивый переключатель темы (день / ночь) Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

🎉 Друзья, С НОВЫМ ГОДОМ! Желаем вам успехов и хороших выходных!

🎁 Мы не могли оставит вас без подарка! Первым 5-ти написавшим @xss1de, бесплатно выдадим доступ в нашу ПРИВАТКУ для веб-разработчиков.

❔ Как красиво оформить изображение на сайте? HTML:

<figure class="caption-shadow">
    <img src="image.jpg">
    <figcaption>Первый снег</figcaption>
</figure>

CSS:

* {box-sizing: border-box;}
.caption-shadow {
  width: 400px;
  margin: 50px auto 0;
  position: relative;
  border: 5px solid #FAAB1B;
}
.caption-shadow img {
  max-width: 100%;
  height: auto;
  display: block;
}
.caption-shadow figcaption {
  width: 100%;
  padding: 10px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  background: #FAAB1B;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  box-shadow: 0 -10px 20px -5px hsla(0, 0%, 0%, .4);
}

@codewebx | #tutorial 🖥 Готовые шаблоны, плагины, темы