Нашли ещё один отличный значок загрузки для сайта.
Кто-нибудь знает, как найти codepen проекта?
Роадмап по фронтенду на 2024: сравнение 2017 vs 2021 vs 2024. Что действительно должен знать джун сегодня?
Интересное видео, в котором автор сравнил разные требования для джунов во фронтенде за последние 7 лет: https://www.youtube.com/watch?v=OKiZ4kA0KyU
@tproger_web #начинающим
Ещё в комментах накидали вариант со статусом 432 - «Я это не понимаю, мне это не интересно»
@ithumor
— Насколько хорошо вы умеете работать с CSS?
— Настолько, что рисую на CSS картины.
— Что?
— Что?
Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4
#css @tproger_web
Курс: Основы API
Забирайте базовый курс по API. Тут разбирают, что из себя представляет API, как работает и зачем он нужен. Также рассмотрят примеры использования, способы вызова и тенденции развития.
Понимание принципов работы API становится всё более актуальным для карьеры в индустрии разработки ПО. На курсе вы изучите некоторые фундаментальные концепции API и определите общую модель того, как он используется: https://stepik.org/course/124947/promo?search=3345883703
@tproger_web #инструменты #курс
Как сверстать письмо, чтобы оно дошло до получателя таким, как задумано?
В статье рассказали и показали, как сверстать письмо, чтобы оно наверняка правильно отображалось во всех почтовых клиентах — особенно в Outlook, который до сих пор возглавляет подборки по популярности в РФ: https://habr.com/ru/companies/kts/articles/798615/
@tproger_web #дизайн #вёрстка
CSS для печати на бумаге
Интересная статья, в которой рассмотрели особенности стилизации веб-страниц для экспорта в печатный вид: https://habr.com/ru/articles/798765/
@tproger_web #css
12 алгоритмов в гифках, которые должен знать каждый разработчик
Сейчас среди начинающих разработчиков распространено заблуждение, что зазубривание стандартных алгоритмов имеет важное значение. Для прохождения собеседования на некоторые вакансии это действительно так, но в повседневной деятельности оно не всегда может быть таким важным.
Так неужели знания в области алгоритмов бесполезны? Конечно, нет. Что по-настоящему важно, так это умение думать алгоритмически. Не только чтобы воспроизводить и изменять стандартные алгоритмы, но и чтобы вам было комфортно использовать код для решения задач, с которыми вы столкнетесь в роли разработчика.
Держите статью, где на пальцах объясняют принцип работы 12 популярных алгоритмов: поиски, сортировки, кодирование и другое. Для упрощения понимания у каждого алгоритма есть визуализация.
#алгоритмы #теория
Что модно в этом сезоне на наш взгляд и на взгляд Lamoda Tech?
Просто fun to remember, что сейчас очень модные neural network, очень модные pet-projects с какими-то details, облачные services модные. И это всё on design.
А как бы выглядел весь этот fashion-стек технологий Lamoda Tech в виде аутфитов с Lamoda? Мы уже представили, очень affordable получилось. Решать вам — подходят ли логотипам такие капсулы?
Но самое главное: Lamoda Tech запустила у себя в канале конкурс на лучшую couple IT-инструмента и наряда. Subscribe на канал Lamoda Tech и присылайте им свои варианты сочетаний. Самым стильным модникам достанется сертификат Lamoda на shopping суммой 10 000 рублей.
Удачи и XO XO
Реклама
Присоединяйтесь к конкурсам GitVerse!
Объявлена регистрация на конкурсы в рамках олимпиады «IT-Планета 2024». Вас ждут два трека, увлекательные задания и призовой фонд в размере 500 тыс. рублей*!
Готовы принять новый вызов?
До 31 марта зарегистрируйтесь и пройдите отборочное тестирование на площадке для разработчиков GitVerse от СберТеха. Вы можете принять участие в двух конкурсах:
«Прикладное программирование if...else»
Конкурс для разработчиков в возрасте от 18 до 35 лет, которые создают прикладное ПО. Требования к участникам — знать C/C++/Java/Python, разбираться в алгоритмах и уметь применять их на практике.
Подробные условия конкурсов и регистрация.
«Разработка игр – GameDev»
Соревнование для разработчиков игр от 18 до 35 лет. Участвовать можно самостоятельно или вместе с командой до 4 человек. Требования — классно разбираться в игровых механиках, знать все о движках и выбирать правильное решение для прототипирования игры.
Каждый конкурс состоит из трёх этапов: отборочное тестирование, основной этап — отправка проектов или решение прикладных задач — и очный финал.
Подробные условия конкурсов и регистрация.
Следите за новостями!
*За вычетом НДФЛ
Реклама
CreateHtmlForm — простой инструмент для создания HTML-форм с помощью Markdown
Результат можно отображать в виде кода для фреймворков pico.css, Bootstrap или Tailwindcss: https://www.producthunt.com/products/create-html-form
@tproger_web #инструменты
Какую профессию вы бы выбрали, если бы не IT?
Представьте, что профессии фронтендера, бэкендера, сисадмина, да и всего IT никогда не существовало. Чем бы вы занялись и какую профессию освоили?
@tproger_web #обсуждение
Как выучить CSS и HTML и стать фронтендером бесплатно, не покупая курсы от онлайн-школ
Можно ли выучить CSS и HTML и стать фронтендером бесплатно, не покупая курсы от онлайн-школ? Узнали у экспертов, какими источниками пользоваться, чтобы начать карьеру во фронтенде: https://tproger.ru/articles/kak-besplatno-vyuchit-html-i-css
#фронтенд
Доклады YaTalks на Яндекс Музыке
Стартовал новый сезон подкаста YaTalks: ReRun. Вышло уже шесть выпусков в рамках Техномарафона — это совместный спецпроект с командой Яндекс Музыки. Дальше продолжим собирать самые интересные доклады в выпусках подкаста.
Смотрите в готовых выпусках:
— Ускоритель в масштабе планеты: как инженеры управляют временем.
— Дебаты: AI недооценён или переоценён?
— Человек и проект: как создаётся технологическое чудо.
— Свой среди чужих: как выжить в интернациональных командах?
— Как разговаривать с программистами, чтобы они всё правильно поняли.
— Restart как образ жизни. Как опять и опять начинать всё заново с нуля.
Добавляйте подкаст в избранное на Яндекс Музыке — скоро выйдут ещё много крутых выступлений!
Реклама
Встречайте GigaCode — российский AI-инструмент для ускорения работы с кодом!
Отличная новость для разработчиков — у них есть возможность воспользоваться AI-помощником*, который ускоряет работу с кодом.
GigaCode поддерживает 15 языков программирования и может предлагать полные конструкции функций, циклов и других элементов кода. AI-ассистента можно использовать в любой привычной среде разработки, такой как IDEA, PyCharm, VSCode, Jupyter и других. Он генерирует варианты завершения кода в режиме реального времени, что ускоряет и упрощает процесс работы.
GigaCode развивается вместе c сервисом GigaChat. В AI-ассистенте есть нейросетевые модели, которые обучены на больших корпусах исходного кода и специализируются на определенных задачах разработки. А по опыту команд в Сбере, GigaCode может сокращать время для создания кода до 25%.
AI-ассистент доступен для использования на площадке GitVerse — платформе для работы с исходным кодом от СберТеха. Здесь можно размещать проекты с открытым и закрытым кодом, вести совместную разработку и участвовать в жизни комьюнити.
Чтобы получить ранний доступ к GigaCode, зарегистрируйтесь на GitVerse. Проект доступен всем желающим.
Не упустите возможность ускорить свою работу с кодом!
*AI, artificial intelligence — искусственный интеллект
Реклама
Какой инструмент для сборки лучше: Webpack или vite?
Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.
Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?
@tproger_web #обсуждение
«Как я случайно превратила свой сокращатель ссылок в приманку для мошенников?»
Автор статьи запустила собственный навороченный сокращатель для ссылок. Она разработала лучший в своём роде сокращатель со всеми возможными примочками, начиная с обширной кастомизации и заканчивая хорошей аналитикой трафика. И сделала доступ бесплатным и неограниченным, опираясь на принцип: «бесплатность — лучшая маркетинговая стратегия».
Но с первого же дня ресурс облюбовали мошенники. Как так получилось и что делать, чтобы не допустить такого у себя на проекте — читайте в статье: https://habr.com/ru/companies/ruvds/articles/798649/
@tproger_web #безопасность
Вопросы на собеседовании на фронтенд-разработчика
Это — видеокаст, в котором Евгений Ковальчук помогает подготовиться к собеседованиям на позицию джуна и мидла фронтенд-разработчика. В нем вы найдёте технические вопросы, которые можно получить на интервью.
Сохраните, чтобы не потерять: https://www.youtube.com/watch?v=RKFu0MC1aUs
@tproger_web #собеседование #фронтенд
Как начать карьеру веб-разработчика?
Веб-разработка, и в частности фронтенд — одна из областей, где от начинающего специалиста не требуют понимания алгоритмов или глубокого погружения в математику.
Подборка советов, с чего начать изучение веб-разработки, как не забросить в самом начале и какую дополнительную технологию изучить, чтобы легче находить заказы на фрилансе: https://tproger.ru/articles/kak-nachat-kareru-veb-razrabotchika
@tproger_web #начинающим #карьера
«Первая» дарит подарки в честь 28-летия!
В свой день рождения УК «Первая» разыгрывает 28 сертификатов МВидео на покупку любой техники.
Какие призы можно выиграть:
За первое место — 50 000 ₽,
За второе место — 35 000 ₽,
За третье место — 15 000 ₽,
За места с 4-е по 28-е — 4000 ₽.
Как поучаствовать:
— Подпишитесь канал «Первый инвестиционный»;
— Нажмите на кнопку «Участвую» под этим постом.
Победителей выберут 1 апреля — в день рождения компании.
Подписывайтесь на «Первый инвестиционный», чтобы принять участие в розыгрыше и быть в курсе всего, что происходит на фондовом рынке. А ещё в канале есть инвестиционные идеи и новости о ПИФах от экспертов УК.
Удачи в конкурсе!
Реклама
Состоялся релиз WinterJS — самой быстрой среды выполнения JavaScript
Разработчики Wasmer представили среду выполнения JavaScript-кода WinterJS 1.0. Проект поддерживает компоненты React Server и работу с Cloudflare API.
WinterJS анонсировали в октябре 2023 года, а уже сейчас проект поддерживает обработку базовых HTTP-запросов и цикл событий JavaScript. Среду выполнения можно полностью скомпилировать в WebAssembly, что делает её первой поддерживающей полную совместимость с Wasmer Edge. Код WinterJS написан на JavaScript и Rust.
Из приятных особенностей WinterJS:
— обработка 150 тыс. запросов в секунду, что делает среду выполнения самой быстрой из доступных.
— совместимость с Cloudflare API;
— поддержка веб-фреймворков Next.js, Hono, Astro, SvelteKit, компонентов React Server, Nuxt, Gatsby и Remix.run.
Код среды выполнения WinterJS открыт и опубликован на GitHub: https://github.com/wasmerio/winterjs
@tproger_web #javascript
Интересный codepen-проект: Book Writing Animation
Анимация набора текста сделана при помощи пакета typewriter-effect. Он позволяет создать зрелищные и динамичные эффекты печати текста на веб-страницах.
Исходники: https://codepen.io/wakana-k/pen/bGxaoNv
@tproger_web #codepen
Наглядные примеры использования React Hooks
В этой статье вы узнаете различные особенности React Hooks и получите полезные советы по их использованию. Автор объясняет, как работать с хуками жизненного цикла, кастомными хуками и хуками контекста, а также как обрабатывать ошибки в хуках на наглядных примерах с кодом.
https://css-tricks.com/react-hooks-the-deep-cuts/
@tproger_web #react #фронтенд
29 марта в 10:00 СберТех приглашает на онлайн-презентацию «GitVerse: открой вселенную кода»
Гостей мероприятия познакомят с GitVerse — платформой для работы с исходным кодом. Она позволяет создавать проекты с открытым и закрытым исходным кодом и развивать их вместе с ИТ-сообществом.
Что ждёт участников мероприятия:
— Тренды разработки и роль открытого ПО в современном ИТ,
— Возможности GitVerse и планы развития,
— GigaCode – AI-помощник разработчика (AI, artificial intelligence — искусственный интеллект),
— Участие комьюнити в проекте,
— Пакет облачных сервисов и его преимущества для разработчиков,
— Обзор интересных репозиториев на GitVerse,
— Реальные кейсы разработки и оптимизации с помощью GitVerse,
— Общение в прямом эфире.
Ждём тебя 29 марта!
Регистрируйтесь на мероприятие уже сейчас.
Реклама
Google Chrome начнет защищать от фишинга в реальном времени
Google объявила войну злодеям в интернете, внедрив новые возможности в свой браузер Chrome: https://tproger.ru/articles/google-chrome-nachnet-zashhishhat-ot-fiwinga-i-virusov-v-realnom-vremeni
Раньше Chrome сравнивал адрес сайта со списком опасных, который обновлялся раз в полчаса. А мошенники наловчились создавать левые сайты на пару минут, успевая делать гадости.
Google решили это исправить и тепер защита от вирусов и фишинга работает в реальном времени. Chrome мгновенно сверяется с базой Google, где хранится инфа о «плохих» сайтах. Результат: на 25% больше заблокированных мошеннических страниц.
Google обещает, что вся проверка происходит анонимно и безопасно. Обновление вот-вот появится в Chrome для компьютеров и iOS. А в течение месяца еще и на Android.
@tproger_web #безопасность #chrome #google
Какой инструмент для сборки лучше: Webpack или vite?
Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.
Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?
@tproger_web #обсуждение
Казань, встречай frontend-митап от Росбанка и его партнёров!
Почему Казань? Здесь вкусные эчпочмаки и крутые frontend-разработчики.
В программе доклады от специалистов Росбанка, VK Добра и СберМаркета:
— «Наши круги ада со State Managers»;
— «От любви до любви – Tanstack Query (React Query)»;
— «npm: node packages madness»;
— «Прощай, легаси: переезд 10-летнего проекта на Next.js».
Росбанк не забыл про подарки. Авторы лучших вопросов докладчикам получат классный мерч. А после митапа вас ожидает вкусная пицца и неформальное общение c frontend-тусовкой.
Регистрация на митап по ссылке.
Формат: оффлайн. Будет запись мероприятия.
Когда: 22 марта 18-00. Сбор гостей в 17-30.
Где: Казань, творческий центр «Смена», ул. Бурхана Шахиди, 7.
Следите за новостями ИТ-команды Росбанка в телеграм-канале Росбанк IT Team, чтобы ничего не пропустить.
Добавляйте событие в календарь — количество мест ограничено!
Реклама. ПАО "Росбанк". ИНН 7730060164, LjN8KWbEx