Code Ready | Frontend

Все надоело и пропал интерес, чувствуешь себя амебой и хочется только залипать в телефоне. Бывает? Психолог взрослого человека - канал для айтишников, у которых периодически опускаются руки и отключается мозг, ибо переработки и постоянная тревожность не приводят к другим исходам. ✔️ Как научиться отвлекаться от работы и отдыхать? ✔️ Как совместить кучу рабочих задач и время с семьей? ✔️ Как справиться с прокрастинацией? ✔️ Как не растерять запал, даже если начальник и коллеги 💩 и кажется, что ничего не выходит? Подписывайтесь на канал @vadimpetrov_psy и научитесь работать без упахивания, выгорания и ущерба для личной жизни! 👨🏻‍💻 Псс. Заходите в закреп - там много полезного, и даже бесплатный мини-курс по выходу из апатии: https://t.me/+b5CBEoJC4eVmYmVi

👩‍💻 CS50 - Введение в Программирование (Гарвард) Это введение в основы компьютерных наук, созданный профессором Гарвардского университета Дэвидом Маленки. Он охватывает ключевые концепции программирования и алгоритмов и является одним из самых популярных онлайн-курсов по программированию.

Ссылочка на плейлист: YouTube 🖤

📣 Code Ready | #курс

☕️ Знали про интересный сайт http cat?) Это необычный и приятный сервис, который показывает различные HTTP-статусы (например, 200, 404, 500) в виде забавных картинок с котами. Вместо скучных текстовых сообщений и цифр вы получаете понятное и дружелюбное изображение котика, описывающее HTTP-код. 📌 Оставляю ссылочку: http.cat 📣 Code Ready | #ресурсы

🗞 EasyOffer 2.0 собрал более 1 млн рублей за первые сутки краудфандинга Платформа EasyOffer, предназначенная для подготовки к IT-собеседованиям, объявила о разработке новой версии сервиса. За первые 24 часа краудфандинга проекту удалось привлечь более 1 000 000 рублей. В релизе EasyOffer 2.0 планируется: — крупнейшая база реальных вопросов и задач с технических интервью — тренажёры по интервальным повторениям и симуляторы собеседований — аналитика по компаниям, грейдам, популярности и сложности вопросов — тестовые задания и требования из вакансий 📆 Релиз запланирован на конец мая. Сейчас в рамках сбора средств можно оформить годовой PRO-доступ за 3 200 ₽. После запуска такая сумма будет соответствовать цене месячной подписки.

📞 Супер-полезная статья нашлась на Хабре — прочитав ее, вы сможете выбрать лучший для себя фреймворк: React, Angular или Vue В этой статье: • Особенности и преимущества каждого фреймворка. • Какой из них предоставляет решения "из коробки". • Какие фреймворки позволяют выявлять ошибки на этапе компиляции.

🔊 Продолжить читать можешь на Habr!

📣 Code Ready | #статья

📞 Супер-полезная статья нашлась на Хабре — прочитав ее, вы сможете выбрать лучший для себя фреймворк: React, Angular или Vue В этой статье: • Особенности и преимущества каждого фреймворка. • Какой из них предоставляет решения "из коробки". • Какие фреймворки позволяют выявлять ошибки на этапе компиляции.

🔊 Если заинтересовало, продолжай читать на Habr!

➡️ Roadmap Ready | #статья

javascript-questions — репозиторий с вопросами и ответами по JavaScript, который поможет улучшить знание языка и подготовиться к техническим собеседованиям. Оставляю ссылочку: github.com 😸 ➡️ Roadmap Ready | #репозиторий

🐱 Напоминалка для работы с Git Если кто не знает, Git — это система контроля версий, которая помогает отслеживать историю изменений в файлах. Например с помощью команды git pull, можно загружать удаленные репозитории к себе на ПК, чтобы вести разработку локально, не затрагивая продуктовую или dev ветку. Сохрани в избранное, чтобы не забыть! 📣 Code Ready | #ресурсы

☕️ Ещё один хороший репозиторий с разными алгоритмами для фронтенда — javascript algorithms В котором собраны самые разные алгоритмы, написанные на Javascript. Здесь вы найдете примеры кода для алгоритмов, таких как сортировки, поиска, графов, теории чисел и многое другое. Оставляю ссылочку: github.com/javascript 📣 Code Ready | #репозиторий

👩‍💻 Повышаем читаемость HTML-кода с помощью VS Code плагина Rainbow Tags! Который добавляет цветовую разметку для каждого уровня отступа в вашем коде. Благодаря этому плагину вы сможете легко отслеживать вложенность блоков кода, делая процесс разработки более удобным и эффективным.

Но если расширение не работает, проверьте нет ли конфликтов с другими плагинами или поставьте более раннюю версию.

📣 Code Ready | #плагин

Общение с айтишниками удивляет… 👀 90% не в курсе, что Маск интегрирует GrokAI в Telegram. 🤯 75% не знают, как Telegram Ads отбирает рынок у Facebook. 💀 60% не пользуются льготами для IT. Коллеги, держать руку на пульсе помогает Сергей Сабитов. Он завёл канал, где собирает всё самое важное, что реально влияет на работу в digital. Следите за 🫴 @adbranch

👩‍💻 Рассмотрим псевдокласс firstletter! Которые позволяет стилизовать первую букву любого текстового элемента. Он часто используется для создания инициалов или других типографических эффектов. Принимает много разных свойств:

• color — цвет первой буквы • background-color — цвет фона • font-family — шрифт первой буквы • font-size — размер шрифта • font-weight — жирность шрифта • line-height — высота строки • text-decoration — текстовое оформление (подчеркивание, перечеркивание) • text-transform — преобразование текста (заглавные буквы, прописные буквы) • margin — внешние отступы • padding — внутренние отступы • border — граница первой буквы • float — Выравнивание (например: слева, справа). • text-shadow — тень текста

📣 Code Ready | #css

IT_ONE Cup. ML Challenge от IT_ONE и Sk FinTech Hub — создай AI-ассистента, который будет помогать в работе дизайнерам, системным и бизнес-аналитикам. Участвуй онлайн с 12 по 29 апреля и поборись за 1 500 000 рублей. Регистрация открыта до 11 апреля Твоя формула победы: ✅ Разбираешься в машинном обучении. ✅ На ты с NLP и LLM. ✅ Концептуально понимаешь принципы работы веб-приложений.   Также приглашаем Backend и Frontend-разработчиков, системных и бизнес-аналитиков, UI/UX-дизайнеров. Участвуй онлайн соло или командой до 5 человек.  Задачи IT_ONE Cup. ML Challenge: 🔤 Динамические контекстные подсказки для системного аналитика. 🔤 AI-генератор дизайн-макетов по описанию требований. 🔤 Система визуализации BPMN-диаграмм. 4 апреля приходи на митап с экспертами соревнования — задай вопросы и узнай больше о задачах.  Создай AI-ассистента, который облегчит выполнение рабочих задач — регистрируйся на IT_ONE Cup. ML Challenge

Fontface Ninja — расширение для анализа шрифтов, используемых на веб-странице. Показывает имя шрифта, его размер, вес и позволяет скачать его для использования в своих проектах. ⬇️ Скачать расширение 📣 Code Ready | #ресурсы

👩‍💻 Показываю вам достаточно полезный псевдоэлемент — spelling-error Который используется для выделения слов с ошибками в орфографии. Также позволяет стилизовать текст, который был отмечен браузером как неправильно написанный. Принимаемые свойства:

• background-color — цвет фона • color — цвет текста • text-decoration — текстовое оформление (подчеркивание, перечеркивание) • box-shadow — тень вокруг элемента

Важно не забыть указать spellcheck="true" в нужном теге для работы псевдоэлемента! 📣 Code Ready | #css

⚡️Слита База из 1000+ топовых курсов и материалов для айтишников 🖥 Python: @python_baza 👩‍💻 Frontend: @frontend_baza 👩‍💻 Backend: @backend_baza 🎨 Дизайн: @design_baza 📚 Книги: @archive_baza 👩‍💻 Программы: @main_it_baza Всё лучшее про IT бесплатно — уже на Базе 🚀

😂 С добрым утром! ☕️

BiRefNet — лучшая нейросеть для удаления заднего фона. Она отлично справляется с самыми сложными картинками. 📌 Ссылочка: huggingface.co 📣 Code Ready | #ресурсы