27159
Присоединяйтесь к нашему каналу и погрузитесь в мир фронтенд-разработки Связь: @devmangx РКН: https://clck.ru/3Fs3wT
Готовишься к собеседованию в IT?
Разбираем для тебя самые актуальные вопросы для подготовки
Выбирай направление:
👩💻 Frontend
👩💻 Python
👩💻 Go
👩💻 Java
👩💻 C/C++
👩💻 C#
👩💻 PHP
👩💻 QA
📊 SQL
👩💻 Git
Хочешь применить неоновый эффект к своим текстам?
→ Тебе нужен только HTML, чтобы добавить атрибут data-text, и CSS, чтобы стилизовать эффект.
→ Этот атрибут позволяет добавлять дополнительное содержимое к элементу, что идеально подходит для визуальных эффектов.
Пример: https://codepen.io/carmenansio/pen/XWBKLqm
✔️ #tip by Cosmic Red
➡️ @FrontendPortal
Как безопасно хранить пароли?
➡️ @FrontendPortal | #разное
Онлайн-курс по frontend-разработке от НИУ ВШЭ
Центр непрерывного образования ФКН НИУ ВШЭ открывает набор на новый онлайн-курс «Frontend-разработчик» для начинающих.
Программа подойдет:
〰️〰️〰️〰️
- Новичкам в IT: освоите разработку сайтов
- IT-специалистам, которые хотят освоить разработку интерфейсов: познакомитесь с особенностями и инструментами frontend-разработки
За 4 месяца вы:
〰️〰️〰️〰️
- Узнаете, как устроены сайты
- Научитесь создавать базовые элементы с помощью HTML и таблиц стилей CSS
- Освоите разработку интерактивных страниц (языки JavaScript и TypeScript)
- Научитесь разрабатывать одностраничные и мобильные приложения (библиотека React.js)
- Сделаете итоговый проект
Старт онлайн-курса — 17 февраля.
При подаче заявки до 31 декабря действует скидка 10%.
Погрузиться во frontend-разработку можно на бесплатном онлайн-интенсиве «Frontend с нуля: первый шаг в веб-разработку».
Подробнее о программе
Реклама: Федеральное государственное автономное образовательное учреждение высшего образования «Национальный исследовательский университет «Высшая школа экономики».
Erid:2SDnjeySXFR
HTML атрибут translate
Указывает, переводить содержимое на другой язык или оставить без изменения.
Может иметь одно из двух значений: yes или no
Очень полезно для брендов или названий компаний:
<footer>
<p translate="no"> Company Name </p>
</footer>
Мы собрали для вас лучшие TG для web разработчиков! 😎
Подписывайся скорее, пока доступ не заблокировали! 🔥
• Рецепты кода
• Мемы
• Интересные статьи и факты
• Викторины
• Макеты
• Иконки
• Полезные ссылки
Пссс... А в этом сервисе (klicks.ru) ты можешь сократить ссылку, поделиться файлом или текстом, ставить пароли, отслеживать статистику по переходам, включать автоудаление - и всё это бесплатно!
👩💻 Программирование — В С Ё
В 2024 году на кодинге уже не вывезешь, перспектива года - Информационная Безопасность.
Ловите полезные каналы, которые помогут ворваться в новое направление.
👍 ZeroDay - Уроки, эксплуатация уязвимостей с нуля
👍 Белый Хакер - Свежие новости из мира ИБ
😎 Арсенал Безопасника - Все необходимые инструменты
😎 Бункер Хакера - Статьи, книги, шпаргалки и хакинг
👨💻 Серверная Админа - Настройка и уроки по компьютерным сетям
📂Вступай и изучай новое направление!
Анимируй header своей страницы при прокрутке с помощью CSS
✓ Всего 10 строк кода
✓ Плавные анимации и 0 строк JS
✓ Поддержка в 70% браузеров
Смотри демонстрацию ☹️
✔️ #tip by Miguel Ángel Durán
➡️ @FrontendPortal
Исторические кадры: джун устраивается на работу и показывает свои проекты 🤣
➡️ @FrontendPortal | #memes
Как айтишнику выйти из выгорания и вернуть силы что-то делать?
Пол беды, если просто тошнит от работы. Хуже, если пропал интерес вообще ко всему - к хобби, путешествиям, личной жизни.
Выгорание - профессиональная болезнь программистов. И чтобы не потерять доход и бесценные годы, надо научиться с ним справляться.
📍 Если хотите жить ярко и работать с удовольствием, рекомендуем подписаться на канал Психолог взрослого человека.
Это must-have для IT-специалистов, у которых периодически опускаются руки и отключается мозг от постоянных переработок и тревожки.
✔️ Научиться расставлять приоритеты и найти время на жизнь
✔️ Избавиться от прокрастинации
✔️ Вернуть себе мотивацию и интерес к работе
✔️ Расставить границы и перестать перерабатывать
Подписывайтесь на канал @vadimpetrovpsi и научитесь работать без упахивания и ущерба для личной жизни!
ПРЕКРАТИТЕ допускать эту ОШИБКУ на своих сайтах 😡
Вы можете уменьшить вес изображений до 90%, сохранив их внешний вид
Squoosh — ваш верный помощник в этом деле
Если хотите, чтобы ваши сайты грузились как пуля, это тот самый инструмент, который вам нужен
➡️ @FrontendPortal | #resourse
Сеньорам с 10-летним опытом принесли посмотреть список требований к вакансии джуна в Frontend-разработке на 2025 год
➡️ @FrontendPortal | #memes
Нашел для вас пять классных ресурсов, которые помогут разобраться в GIT
🔜 Learn Git Branching — это интерактивный учебник по Git, направленный на закрепление теории прохождением наглядной практики.
🔜 Oh My Git! — игра для обучения Git. Там визуализируются внутренние структуры репозиториев. Игра опенсорс, так что можно покопаться в исходниках
🔜 Git How To — это интерактивный тур, который познакомит вас с основами Git
🔜 Pro Git book — онлайн учебник по Git, который предлагает подробные руководства и документацию по всем аспектам работы с системой контроля версий
🔜 Git Gud — CLI-игра с различными уровнями сложности, которая поможет освоить Git от базового уровня до профи
➡️ @FrontendPortal | #resourse
Battery Status API
Через Battery Status API можно получить доступ к информации о батарее устройства
navigator.getBattery().then((batteryManager) => console.log(batteryManager));
🎄Как стать айтишником в 2025 году?
Можно самому пытаться найти крупицы полезной инфы через сломанный поиск Гугла, можно получать ответы от ChatGPT с ошибками...
А можно воспользоваться Базой Знаний, где опытные айтишники уже отобрали за вас все материалы. И для вашего удобства поделили их на категории:
👩💻 Все языки: @main_it_baza
🖥 Python: @python_baza
👩💻 Frontend: @frontend_baza
👩💻 Backend: @backend_baza
🎨 Дизайн: @design_baza
📊 Архив: @archive_baza
⏲️ Ссылки будут активны 48 часов — успей начать Новый год правильно вместе с Базой Знаний 🚀
Устанавливаем пользовательские стили для полосы прокрутки
СCS:
/* Вся полоса прокрутки */
::-webkit-scrollbar {
width: 20px;
}
/* Дорожка полосы прокрутки */
::-webkit-scrollbar-track {
background-color: #fff;
}
/* Перетаскиваемый маркер прокрутки */
::-webkit-scrollbar-thumb {
background-color: red;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(34, 250, 88);
}
Добавьте анимации на ваш сайт с одной строкой кода 😌
Это библиотека, которая буквально одной строкой добавляет анимации на ваш сайт
✓ Работает с React, Vue, Angular, Svelte...
✓ Автоматически анимирует элементы
✓ Использует CSS для лучшей производительности
✓ Нулевая настройка
Никакой сложной настройки или кучи кода — всё максимально просто и быстро
👉 Пользуйтесь: https://auto-animate.formkit.com/
➡️ @FrontendPortal | #resourse
Господи, да в чём проблема стать фронтендером?
Подписался на эти три канала:
👉 Фронтенд
👉 Верстка
👉 Node.JS
Заходишь каждый день, тратишь 15 минут и изучаешь актуальную информацию. Можешь сразу применять на практике. ВСЁ!
Это настолько просто, что даже твой кот справится. Подпишись сейчас, потом спасибо скажешь.
Наткнулся на прикольный React-компонент — spoiled
Он прячет текст или элементы под облаком частиц, которое рассеивается при наведении, как в Telegram.
Использует CSS Painting API для реалистичного рендеринга, есть fallback для неподдерживаемых браузеров
Поддерживает тёмную/светлую темы, анимации переходов и гибкие настройки (FPS, плотность, цвет)
Установить можно через npm:
$ npm i spoiled
🖥 Docker — это платформа, основанная на контейнеризации вашего приложения, чтобы оно одинаково работало везде, где установлен Docker 🤩
❕Примечание:
Для простоты объяснения я не углублялся в технические детали. Заметьте, что контейнер — это выполняющийся экземпляр "образа контейнера", который и является тем, что вы будете распространять.
Некоторые связанные концепции:
🔹 Dockerfile
Это файл, написанный вами, содержащий набор инструкций о том, как создать контейнер. Docker использует его для создания образа контейнера.
🔹 Docker Hub
Это онлайн-репозиторий (похожий на npm для Node.js), где хранятся контейнеры, созданные другими пользователями, и которые вы можете использовать. Существуют официальные образы контейнеров для популярных технологий, таких как базы данных, языки программирования и т.д.
🔹 Docker Compose
Это способ построения всей вашей инфраструктуры из отдельных контейнеров. Он описывает, какие контейнеры вы используете и как они взаимодействуют друг с другом (используя виртуальную сеть).
➡️ @FrontendPortal | #разное
Ищете SVG-иконки для своих проектов?
На сайте svgl.app вы найдете десятки иконок с различными вариантами экспорта и настройки
➡️ @FrontendPortal | #resourse
Еще один пост из серии про HTTPS 📝
Transport Layer Security (TLS) обеспечивает безопасную связь между клиентом и сервером.
Когда мы говорим "сервер", это понятие становится размытым. Сервер обычно не является одной машиной. Он может представлять собой сложную архитектуру из прокси-серверов, балансировщиков нагрузки и самого веб-приложения🦍
TLS-разгрузка используется в сложных, высоконагруженных сетях, где сервер приложения не может позволить себе обрабатывать TLS-шифрование/дешифрование, так как это требует значительных ресурсов процессора
➡️ @FrontendPortal | #разное
Примите участие в конкурсе IT-мемов и поборитесь за уютный подарок — фирменный плед от IT_One!
Наши коллеги решили согреть вас теплом и поднять настроение к Новому году! В их профиле сейчас проходит конкурс на лучшие мемы, с которыми ассоциируется декабрь айтишника 😁
Самое время поделиться картинками, которые вы пересылаете коллегам в свободное время, и получить фирменный мерч. Условия конкурса — в публикации IT_One.
Также в канале коллег вы узнаете больше о самой компании, найдёте интересные статьи от сотрудников, разборы кейсов, новости и многое другое. Переходите и подписывайтесь 🤝🏻
реклама. ООО "ИТ1-Решения" ИНН: 9717134195, erid: 2Vtzqw9oFdt
Ловите лайфхак: GitHub + VS Code - быстрое редактирование кода в вашем репозитории прямо в браузере
Для этого нужно заменить в ссылке .com на .dev. Или просто нажать на клавиатуре «.».
Редактор будет абсолютно идентичен вашему редактору на локальной машине (если у вас включена синхронизация с GitHub аккаунтом): цветовая палитра, подсветка синтаксиса, плагины и т.д.
Пользуемся и делимся с теми, кто не в теме 👍
➡️ @FrontendPortal | #разное
Блокчейн — это основополагающая концепция, лежащая в основе Биткойна и других криптовалют 📱
Это система, которая по своей природе безопасна и основана на одноранговой (peer-to-peer) архитектуре. Существует множество концепций, которые делают блокчейн таким безопасным, но они порой сложны для понимания.
Давайте изучим блокчейн, разбирая его по частям 😎
Доказательство выполнения работы (Proof of Work) — это система для установления доверия в блокчейне. Она использует хэш-функции, такие как SHA-1 и SHA-256.
Если вы не знакомы с хэш-функциями: они берут большой блок данных и преобразуют его в меньшее значение фиксированного размера, называемое его хэшем. Даже если входные данные изменяются незначительно, хэш изменится значительно. При этом невозможно определить исходное значение только по его хэшу, что делает хэш-функцию однонаправленной.
➡️ @FrontendPortal | #разное
🔒 3000+ ГБ платного контента для программистов выложили в Telegram
Выбирай направление и обучайся:
👩💻 Java — 696 ГБ
🖥 Python — 724 ГБ
🖥 Frontend — 981 ГБ
🖥 Backend — 817 ГБ
Пост удалится через 48 часов 🕔
Наткнулся тут на одну прикольную штуковину — react-datepicker
Это один из лучших компонентов для React, который помогает легко внедрить календарь с выбором даты/времени
✓ С поддержкой перевода на любой язык
✓ Настраивается с помощью props
✓ Легко создавайте диапазоны дат
Код простейший: пару строк — и у вас готовый, симпатичный пикер. Документация понятная, примеров море. Обязательно попробуйте 😎
→ npm install react-datepicker
➡️ @FrontendPortal | #resourse