27159
Присоединяйтесь к нашему каналу и погрузитесь в мир фронтенд-разработки Связь: @devmangx РКН: https://clck.ru/3Fs3wT
Разрыв: приближается первый, бесплатный (!) интенсив по программированию на Python с помощью нейросетей! Продлится он целых три дня.
За это время вы освоите базовые основы Python. При этом заранее иметь опыт в программировании не надо. Плюсом научитесь работать с ChatGPT 4 и его российскими аналогами. Напишете своего Телеграм-бота, связав его со сторонними сервисами, а также создадите более сложного бота с расширенным функционалом.
Финалочка — вместе с куратором обсудите, где искать первые реальные заказы. Всё подробности лежат тут.
erid: LjN8JvJEM
ООО Зерокодер, ИНН 9715401631
Git How To — это интерактивный тур, который познакомит вас с основами Git. Тур создан с пониманием того, что лучшим способом научиться чему-нибудь — сделать это своими руками
⛓ Ссылка: https://githowto.com/ru
➡️ @FrontendPortal | #resourse
Простая кнопка в стиле ретро 🔥
Хитрость здесь заключается в том, чтобы создать боксовую тень без размытия для состояния по умолчанию
Для активного состояния я перемещаю кнопку, уменьшая при этом тень, так что тень кажется статичной
▶️Подобного трюка можно добиться и с помощью псевдоэлементов, но я предпочитаю эту технику за ее простоту
➡️ @FrontendPortal | #CSS
👩💻 Пишем более лаконичный код JS
Видел вам понравился прошлый пост на эту тему, в этот раз держите несколько интересных сокращений и операторов JavaScript
Если вы хотите узнать больше, то вот возможности, использованные в этом посте:
🔘 Оператор нулевого присваивания (??=)
🔘 Оператор нулевого слияния (??)
🔘 Оператор расширения
🔘 Опциональная цепочка '?.'
🔘 Деструктурирующее присваивание
🔘 Динамические имена свойств
➡️ @FrontendPortal | #js #подборка
🥥 Kokoc Hackathon 2024: Объединяй технологии, спорт и бизнес!
Прими участие в Kokoc Hackathon 2024 – событии, где спорт, e-commerce и технологии сливаются воедино! С 3 по 18 октября ты сможешь решить реальные кейсы и побороться за призовой фонд в 1 000 000 рублей.
💼 Приглашаем аналитиков, ML-специалистов, Product-менеджеров, Backend и Frontend-разработчиков (знание Python, Django и/или PHP будет преимуществом), UI/UX-дизайнеров, студентов и выпускников технических вузов.
🎯 Задачи хакатона:
1. Веб-платформа для футбольного клуба – создай платформу для взаимодействия клуба и болельщиков.
2. Интеллектуальная рекомендательная система – создай ML-модель, прогнозирующую действия пользователей интернет-магазина.
📅 Таймлайн:
🔸 3 сентября - 30 сентября: Регистрация
🔸 3 октября: Открытие и задачи
🔸 4 - 10 октября: Чек-поинты с экспертами
🔸 18 октября: Питчинг и награждение
👉 Регистрируйся до 30 сентября! https://cnrlink.com/kokochack2024frontport
Реклама. ООО «Эдбокс». ИНН: 9702043065. erid: LjN8JxxZZ
Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Проскочить на интенсив бесплатно
Начинаем уже завтра.
🔥 С нас обучение, практика и помощь с выходом на фриланс.
📝 Хабр теперь в Telegram!
Здесь публикуют лучшие статьи для программистов со всех направлений — заходи, читай, изучай:
Статьи для Python разработки
Статьи для Frontend разработки
Статьи для Java разработки
Статьи для C/C++ разработки
Статьи для C# разработки
Статьи для PHP разработки
Статьи для Go разработки
Статьи для Android разработки
Статьи для iOS разработки
Статьи для безопасников
Статьи для разработчиков игр
Статьи для тестировщиков
Статьи для DevOps-инженеров
🔗 Ссылки скоро сгорят, успей подать заявку
ui-buttons — 100 современных CSS-кнопок. Любой стиль, который вы только можете себе представить
⛓ Ссылка: https://ui-buttons.web.app/
➡️ @FrontendPortal | #resourse
👩💻 Пишем более лаконичный код CSS
➡️ @FrontendPortal | #CSS
Приглашаем на онлайн-митап Эффективный фронтенд. Разберем конкретные подходы и примеры для работы с архитектурой и кодом
📌 Когда: четверг, 19 сентября в 19:00 (мск)
🌐 Онлайн
Будет два доклада по ~25 минут + время на вопросы и обсуждение:
🎙ТОП-10 вопросов про Feature-Sliced Design — Александр Гузенко, Frontend Techlead, поделится своими исследованиями и даст практические советы по внедрению FSD в реальные проекты
🎙Легаси-фронтенд: как его развивать и зачем? — Владислав Разин, Engineer at Health Samurai, расскажет, как сделать процесс погружения в легаси-проект менее болезненным и более продуктивным: обновляем и не разрушаем прод
Участие бесплатно, регистрация и детали мероприятия 👉здесь
👩💻 Функция min()
Принимает одно или большее количество значений, разделённых запятой, и возвращает наименьшее из них.
В примере выше — Браузеру нужно будет выбрать наименьшее значение из 100% и 32rem. На результат выбора влияет ширина области просмотра. Если 100% ширины области просмотра составит более чем 32rem, тогда это значение будет проигнорировано и функция возвратит 32rem
➡️ @FrontendPortal | #CSS
⚡️ Не знаешь, где найти полезные материалы по фронтенду?
✔️ CodeBase | Frontend — канал с огромной базой полезностей для фронтенда.
Там ты найдешь:
— крутые фишки для вёрстки
— макеты проектов
— полезные материалы и ресурсы
— готовый код
— и многое другое
🔥 Заходи прямо сейчас, чтобы не потерять — CodeBase | Frontend!
ИЩЕМ 10 ЧЕЛОВЕК, КОТОРЫХ НАУЧИМ ПРОГРАММИРОВАТЬ НА 1С. ПОКА ТЫ НЕ НАЙДЕШЬ РАБОТУ РАЗРАБОТЧИКОМ, МЫ ОПЛАЧИВАЕМ ОБУЧЕНИЕ ЗА ТЕБЯ!
Zerocoder. Мы обучили программированию более 8 000 человек и теперь открыли возможность входа в IT для всех — оплачиваем твое обучение до тех пор, пока ты не найдешь работу.
Курс рассчитан на новичков, поэтому даже если ты никогда не программировал и не работал в IT, у тебя получится освоить перспективную профессию, работать в престижных IT-компаниях, купить квартиру по льготной ипотеке под 6% и получить отсрочку от армии.
Во время прохождения курса ты научишься программировать на 1С, сделаешь 18 PET-проектов, создашь портфолио и резюме и получишь свою первую работу.
Кликай на ссылку и узнавай подробности, заявки принимаются только до конца этой недели. По акции доступно всего 10 мест.
erid: LjN8KYEE5
ООО Зерокодер, ИНН 9715401631
🚀 Яндекс разработал AI-ассистента для работы с кодом
С помощью сервиса разработчики смогут по фрагменту кода сгенерировать наиболее вероятное его продолжение. Это поможет упростить написание и редактирование кода и ускорить продуктовую разработку в компаниях. Ассистент протестировали тысячи разработчиков Яндекса, 60% из которых стали постоянными пользователями сервиса.
Использование Yandex Code Assistant помогает повысить эффективность работы: доверьте рутинные операции AI и сосредоточьтесь на решении более сложных задач, чтобы ускорить разработку и сократить Time to market. Да и просто делает жизнь разработчиков проще и счастливее.
⚙️ Для кого
Инструмент полезен разработчикам любого уровня, а также техническим руководителям, которые хотят оптимизировать процессы и повысить продуктивность своих команд.
→ Как попробовать
Yandex Code Assistant доступен бесплатно на облачной платформе Yandex Cloud в режиме Preview. Для тестирования оставьте заявку.
👩💻 API интернационализации JavaScript
Объект Intl является пространством имён для API интернационализации ECMAScript, предоставляющим языка-зависимое сравнение строк, форматирование чисел и дат со временем
RelativeTimeFormat один за конструкторов Intl, который используется для локализации относительного времени(вчера, завтра, на следующей неделе). Этот конструктор принимает локаль и объект с настройками
new Intl.RelativeTimeFormat(locale, options).format(amount, unit)
// amount - количество единиц времени
// unit - единица времени: `day`, `month`, `year` и т.д.
👩💻 Программирование теперь в Telegram!
Вот 10 обучающих каналов по самым востребованным направлениям в IT.
Выбирай своё направление:
👩💻 Frontend: @code_ready
👩💻 Backend: @backend_ready
📖 Общее IT: @roadmap_ready
👩💻 Python: @python_ready
👩💻 Java: @java_ready
👩💻 C#: @csharp_ready
👩💻 C/C++: @cpp_ready
🖥 Базы Данных & SQL: @sql_ready
📋 IT Архив: @archive_ready
🖥 Design: @time_design
📌 Ресурсы, гайды, шпаргалки, книги и задачи для каждого языка программирования.
🔥 Зарабатывай на Партнёрке Спринтхост
Все хотят пассивный доход — хостинг Спринтхост может его предоставить. Приглашайте клиентов на хостинг, VDS и выделенные серверы и получайте до 13 000 ₽ в год с одного клиента по Партнёрке. А таких клиентов может быть много
Она подойдет всем, кто
🔸 занимается разработкой и поддержкой сайтов
🔸 уже имеет клиентов на хостинге, но не знал, что за них можно получать хорошие деньги
🔸 есть сайт или другая площадка, через которую можно рекомендовать хостинг потенциальным клиентам
Быстрый вывод средств на карту, расчетный счет, кошелек или баланс аккаунта хостинга
Подключившись к Партнёрке, мы
🔸 бесплатно перенесем ваших клиентов с другого хостинга
🔸 до 30 сентября подарим новым партнерам год хостинга за 3 клиентов
🔸 предоставим инструменты для отслеживания статистики по клиентам
Регистрируйтесь, привлекайте новых клиентов и получайте высокий процент на регулярной основе 😎
О рекламодателе
awesome-javascript — репозиторий, в котором собраны полезные JavaScript-библиотеки, инструменты для работы и ресурсы для изучения языка.
⛓ Ссылка: тут
➡️ @FrontendPortal | #resourse
👩💻 Broadcast Channel API
Broadcast Channel API позволяет контекстам браузера (browser contexts) обмениваться данными друг с другом. К браузерным контекстам относятся такие элементы, как окно, вкладка, iframe и т.д.
По причинам безопасности контексты, обменивающиеся данными, должны принадлежать одному источнику (same origin). Один источник означает одинаковый протокол, домен и порт
➡️ @FrontendPortal | #js
Screenshot to Code — это нейросеть, которая преобразует скриншоты пользовательских интерфейсов (UI) в код
Она анализирует изображение и автоматически генерирует соответствующий код, позволяя разработчикам быстро создавать веб-страницы
⛓ Ссылка: https://github.com/abi/screenshot-to-code
➡️ @FrontendPortal | #resourse
Создайте красивую анимацию списка аватаров в CSS всего за 4 шага 🤩
Grid в CSS уникален тем, что позволяет накладывать элементы друг на друга для создания подобных эффектов
➡️ @FrontendPortal | #CSS
🔥 824 ГБ платного контента для Frontend-разработчиков выложили бесплатно в Telegram
Выбирай нужное и обучайся:
62 ГБ — JavaScript
98 ГБ — TypeScript
33 ГБ — HTML
71 ГБ — CSS
62 ГБ — React
47 ГБ — Vue
51 ГБ — Angular
17 ГБ — Flexbox
31 ГБ — Grid
14 ГБ — Git & GitHub
22 ГБ — Webpack
37 ГБ — Figma
279 ГБ — Многое другое...
🔒 Успей подписаться, пока не удалили
🖥 Подборка GitHub-репозиториев для JavaScript-разработчиков
⏩Алгоритмы
Полный список алгоритмов и структур данных на JavaScript с объяснениями и примерами
— 🖥 GitHub
⏩33 концепции JS
Репозиторий описывает: "33 концепции JavaScript, которые должен знать каждый разработчик". Ссылки, видео, статьи или книги поддерживают эти концепции
— 🖥 GitHub
⏩Чистый код JavaScript
В мире программирования существует известная книга под названием "Чистый код". Данное хранилище является адаптацией этих концепций чистого кода, но для JavaScript.
— 🖥 GitHub
⏩Шпаргалка по JS
Шпаргалка по знаниям JavaScript, с которыми вы часто столкнетесь в современных проектах
— 🖥 GitHub
⏩Лучшие методы тестирования JavaScript
Исчерпывающие рекомендации по тестированию JavaScript и Node.js
— 🖥 GitHub
➡️ @FrontendPortal | #js #подборка
👩💻 Обнаружение устройств, поддерживающих hover
Медиазапрос, позволяет определить, поддерживает ли основное указывающее устройство пользователя возможность наведения (hover)
@media (hover: hover) {
.btn:hover {
/* Ваши стили */
}
}
💻 Хотите современный и эффективный сайт? Мы создаем веб-решения под ключ!
Наша команда профессионалов готова помочь вам с разработкой сайтов любой сложности — от стильных лендингов до сложных корпоративных порталов.
🔹 Почему выбирают нас?
- Индивидуальный подход к каждому проекту
- Современные технологии и адаптивный дизайн
- SEO-оптимизация для вашего бизнеса
- Гарантированная поддержка и сопровождение после запуска
Параллельно мы делимся с вами последними новостями IT, полезными советами для специалистов и самыми актуальными технологическими трендами.
📲 Заказать сайт: [@WebForgeTech]
🌐 Подписывайтесь на наш канал: [/channel/WebForgeOfi]
💬 Присоединяйтесь к нашему чату: [/channel/WebForge1Tech]
💻 Заходите на наш сайт: [https://web-forge.tech/]
Будьте на шаг впереди с современными веб-решениями!
👩💻 Большая подборка вопросов по React и смежным технологиям для подготовки к собеседованию
Здесь аж 120+ вопросов и ответов, что покрывает наверное 99% того, о чём могут спросить
Прошлый пост с подборкой вопросов по реакту — тут
⛓ Ссылка: https://github.com/vakulio/react-interview-QA
➡️ @FrontendPortal | #resourse
👩💻 Вот список из пяти полезных сочетаний клавиш Git, которые помогут вам сэкономить несколько нажатий при выполнении повседневных действий ⌨️
➡️ @FrontendPortal | #разное
👩💻 Совет по React
Используйте кастомный хук для управления состояниями массивов в ваших компонентах
➡️ @FrontendPortal | #react