Расскажите о тонкостях подключения фавиконок, какие способы сейчас актуальны?
FullStack JS Developer
Мой опыт с Webpack 5 Module Federation
![](https://habrastorage.org/r/w780/getpro/habr/upload_files/2aa/49b/1ff/2aa49b1ff6f37a078ec572dccdec03db.jpg)
Всем привет. Меня зовут Михаил, я - фронтенд-разработчик в Лиге Цифровой Экономики.
В последнее время я пробую себя в должности руководителя направления фронтенд-разработки, однако я хочу с вами поделиться опытом разработки приложения с применением Webpack Module Federation, о том, какие задачи приходилось решать и проблемы, которые возникли на этом пути. Не буду вдаваться в теорию о микрофронтах и module federation, об этом уже много написано и предполагается, что вы знакомы с базовой настройкой. Мы же поговорим о самом «вкусном», некоторые моменты будут опущены в целях сосредоточения на деталях.
Улучшаем дизайн React приложения с помощью Compound components
![](https://habrastorage.org/r/w780/getpro/habr/upload_files/2ec/e0a/4ec/2ece0a4eca647c336d970fa9436bb971.jpeg)
Сегодня я хочу рассказать про один не очень популярный но очень классный паттерн в написании React приложений - Compound components.
Что это вообще такое
Compound components это подход, в котором вы объединяете несколько компонентов одной общей сущностью и общим состоянием. Отдельно от этой сущности вы их использовать не можете, тк они являются единым целым. Это как в BEM нельзя использовать E - элемент, отдельно от B - блока.
Самый наглядный пример такого подхода, который знают все фронты - это select с его option в обычном HTML.
Анонс: завтрак с легендарным геймдизайнером Американом МакГи
![](https://habrastorage.org/webt/dk/ie/ia/dkieia4x5kya0lm0eqqpwn5f9zs.jpeg)
В пятницу, 25-го сентября в 10:00 утра в наших соцсетях пройдет прямой эфир с Американом МакГи — легендарным геймдизайнером, создателем American McGee’s Alice. Эфир пройдет довольно рано, поэтому рекомендуем запастись любимым кофе.
![](https://habrastorage.org/webt/55/l4/5s/55l45s9_hjpxi_h4gltcszemcw0.jpeg)
![](https://habrastorage.org/webt/iw/1p/2x/iw1p2xnfgbgzuo7af3joqzq7pec.jpeg)
![](https://habrastorage.org/webt/je/iz/zq/jeizzquzlxcyjhwoy18ohxpdx-o.jpeg)
![](https://habrastorage.org/webt/2d/4x/a4/2d4xa4fs_c9dlieywyle6jhwins.jpeg)
Кроме Алисы, Американ также работал над ландшафтами в играх Doom и Quake с Джоном Кармаком и Джоном Ромеро. Давайте вспомним его главный проект и как бывший посудомойщик смог сделать одну из самых атмосферных игр 2000-х.
Обучение в Испании: особенности, стоимость и личные впечатления
![](https://habrastorage.org/getpro/habr/post_images/d67/c56/deb/d67c56deb8cb182fa958328deb604cee.jpg)
Учебное заведение, в котором я проучилась два года
Привет, Хабр. Это вторая статья «испанского цикла». В первой части автор рассказывала о переезде в Испанию. Тема второй части — обучение и получение профессионального образования в этой стране.
Учиться мне нравилось всегда. Когда мы решили переехать в Испанию, меня заинтересовала возможность уехать по учебной визе. Под катом — история о том, как я училась на маркетолога в Испании (digital marketing) и что мне запомнилось больше всего.
10 отличных Github репозиториев для разработчиков (часть 2)
Привет, хабровчане. Недавно у меня был пост, где я перевел статью со списком крутых репозиториев на Github. Читателям зашло, поэтому решил сделать продолжение, тем более, что автор оригинала предложил еще один интересный список. Кому интересно, добро пожаловать под кат.
![](https://habrastorage.org/webt/qe/f_/wc/qef_wcvsa7lybrhc4cnjotolpec.jpeg)
Как и в прошлом случае, перевод будет довольно вольным: я опустил предисловие и эмоциональные похвалы автора оригинала, чтобы оставить только суть. Еще, обновил цифры, чтобы информация была более актуальной к моменту публикации этого перевода. Итак, поехали.
Дорогая цена стилей. Доклад Яндекса
— Всем привет. Расскажу про стили. Все сегодня говорят про TypeScript да TypeScript. А я про Cascade style script буду рассказывать.
Что скрывается за VestaCP
![](https://habrastorage.org/webt/uf/2j/dl/uf2jdl2msjxpa1c27mzktjid8lu.jpeg)
Вряд ли сейчас кому-то может прийти в голову мысль написать свою панель управления сервером: интернет давно прикипел к ISP, cPanel, Plesk и десятку их аналогов. Все «взрослые» панели умеют примерно одно и то же, различаясь лишь интерфейсом, уровнем поддержки и специфическим функционалом. Но 13 лет назад всё было иначе:
Сейчас уже сложно сказать, когда именно я начал работу над вестой. Если считать первые скрипты добавления виртуальных хостов в апач, то это был 2007 год. Получается 5 лет тому назад. Помню тогда на работе состоялся примерно такой диалог:— skid, разработчик Весты
— Ты решил написать свою панель управления?
— Ага, ведь cPanel это ужас, Plesk хоть и лучше, но сильно дорогой. Да и вообще у меня уже почти все готово
— Хм… для того чтобы просто приблизиться к сPanel тебе потребуется минимум 2 года
Что выросло из этой идеи спустя столько лет? Неплохой продукт, популярный среди хостеров (на сайте упоминается 25000 установок в месяц по миру), с активным комьюнити и с большим списком индивидуальных фич. Но как и в любом другом продукте, в процессе использования Весты вылезает довольно много нюансов, незаметных со стороны. Далее мы разберём принципы работы панели, её косяки и сильные стороны.
Зарубежные заказчики и легализация доходов программиста в РФ. Что надо делать и сколько это всё будет стоить?
Именно таким вопросом я задался, когда будучи простым физическим лицом и гражданином РФ, устроился на удалённую работу разработчиком ПО в одну иностранную компанию и начал получать заработную плату валютой из-за рубежа. Порывшись в Сети на предмет возможностей легализации своего дохода не нашёл чётких и точных ответов и руководств. Пришлось искать информацию самому. Результатами своих изысканий я и хочу поделиться со всеми.
Сразу пишу к чему пришёл в ходе изысканий:
- ИП на ПСН
- поступление оплаты за услуги по разработке ПО на счёт ИП в долларах США
- основание для оплаты инвойс, сумма которого не превышает 200 000 руб.
- инвойсы выставляются по-мере необходимости
- ККТ не используется
То есть, спокойно работаю, в конце оговоренного периода формирую инвойс, в котором указываю согласованную с работодателем сумму не превышающую указанный порог, получаю деньги прямо на расчётный счёт, оплачиваю раз в год или в течение года патент и взносы в размере 54 000 рублей и больше не переживаю о том, что завтра злобные налоговики придут ко мне с повесткой и ужасными новостями (это была минутка юмора). В следующем году эта сумма подрастёт до 60 000 рублей за год.
Почему так? Какие могут быть ещё варианты? Чем плохи для меня Upwork, PayPal и Payoneer? Попробую ответить под катом. Кому интересны все эти детали, читаем дальше :-)
9 библиотек веб-компонентов
1. Material components web
![image](https://miro.medium.com/max/1416/1*59Dnc8RvvIEkCbDCXWZl9A.png)
Если использовать в заголовке слово «Material», то это гарантированно даст первые места в рейтингах UI-библиотек. Веб-библиотека Google Material-components — это версия веб-компонента библиотеки Material-UI. Эти веб-компоненты можно включить в широкий спектр контекстов и сред.
Шесть задачек для Front-End разработчика
1. Форма кредитной карты
Клёвая форма кредитной карты с гладкими и приятными микровзаимодействиями. Включает форматирование чисел, проверку и автоматическое определение типа карты. Она построена на Vue.js, а также полностью адаптивная. (Посмотреть можно здесь.)
![image](https://habrastorage.org/getpro/habr/post_images/6ba/06e/5e3/6ba06e5e3f332a27ba5936c9596f6b91.gif)
credit-card-form
Чему научитесь:
- Обрабатывать и валидировать формы
- Обрабатывать события (например, при изменении полей)
- Разберетесь как отображать и размещать элементы на странице, особенно данные кредитной карты, которая поверх формы
Опыт переезда iOS Developer в Германию по визе на поиск работы
В этом посте я бы хотел рассказать о том, как я переехал в Германию, в Берлин, как нашел работу и получил Голубую Карту, и какие подводные могут ожидать людей, решивших повторить мой путь. Я надеюсь, что моя статья будет полезна тебе, если ты хочешь получить новый, интересный, профессиональный IT-опыт.
Прежде чем начать, я хотел бы выразить особую благодарность автору поста. Что-то из его публикации мне удалось повторить, поэтому в некоторых моментах, этот пост будет содержать схожую информацию, но суть этого поста — показать на примере моего опыта изменения, которые произошли спустя несколько лет.
Почему именно виза на поиск работы, а не Голубая Карта сразу? Как уже было сказано, самое главное — время.
26 февраля 2018 я подал комплект документов на визу и 28 февраля виза уже была на руках. А 15 марта 2018 вылетел в Берлин. Виза выдается на 6 месяцев беспрерывного пребывания на территории Германии.
В добавок ко времени, появляется возможность увидеть будущего работодателя в живую, что также хорошо и для работодателя, когда он видит тебя. И как итог, нашел работу за 2 недели с момента прилета в Берлин.
Здесь можно найти список основных документов на эту визу. А здесь общую информацию по визе. Данные постоянно обновляются.
Я не первый кто это скажет, но тут не поспоришь — важен психологический настрой. Нужно загореться желанием сделать задуманное, это будет видно окружающим и будущему работодателю, что только лишь повысит твои шансы на успех.
Но обо всем по порядку.
Flutter I — Введение и установка
Flutter — новый инструмент от Google, позволяющий разработчикам писать кроссплатформенные приложения, которые можно запускать на различных системах (например, на Android или iOS) с общей кодовой базой.
Сам инструмент написан на C и C++. Предоставляет движок для 2D рендеринга, React-подобный FRP фреймворк и набор виджетов в стиле Material Design. На данный момент распространяется версия alpha:0.0.20, но несмотря на довольно "сырую" версию, уже можно создавать продвинутый интерфейс, работать с сетью и даже с файловой системой.
[По докам] Flutter. Часть 1. Для Android разработчиков
Если вы хотите понять, чем хорош этот фреймворк, и оценить, сколько усилий придётся приложить, чтобы его использовать — добро пожаловать под кат.
![](https://habrastorage.org/webt/ah/ye/vi/ahyevizlvn9vcecaptg2erlzkfu.jpeg)
KivyMD — жизнь продолжается
![](https://habrastorage.org/webt/zy/_8/5h/zy_85h73xt-wyxxnggpfd9zarii.png)
Приветствую!
Сегодня мы поговорим о UI на Android в приложениях, написанных с использованием фреймворка для кроссплатформенной разработки Kivy. Возможно, вы не знали об этом, но для Kivy сущестсвует библиотека KivyMD, которая предоставляет для ваших программ виджеты в стиле Material Design. К сожалению, ничего подобного не существует под платформы iOS. Более того, KivyMD, судя по всему, оставлена своим создателем, так как последний коммит в репе был около года назад. Что делать и как с этим жить, читайте далее…
С чего начать изучение Python: книги для начинающих
![image](https://habrastorage.org/webt/5q/di/5t/5qdi5t3ydyiio6ceo5ijosuhz6q.jpeg)
Друзья, забирайте в закладки подборку из 17 книг по Python.
Подборка поможет вам освоить язык программирования с нуля или с минимальными знаниями.
Готовы приступить к изучению Python?
Тогда начнем!
15 книг по машинному обучению для начинающих
Добавляйте в закладки и делитесь с коллегами!
Книги по машинному обучению на русском
1. «Математические основы машинного обучения и прогнозирования» Владимир Вьюгин.
О чем
Сначала изучите азы статистической теории машинного обучения, игр с предсказаниями и прогнозирования с применением экспертной стратегии. Их основы прекрасно объясняет автор книги, доктор физико-математических наук Владимир Вьюгин. Пособие рассчитано на студентов и аспирантов и в доступной форме излагает математические основы, необходимые для дальнейшей работы с машинным обучением.
2. «Верховный алгоритм» Педро Домингос.
О чем
Книга, благодаря которой даже ничего не смыслящие в математике и статистике люди поймут, что такое алгоритмы машинного обучения и каково их применение в жизни. Профессор Педро Домингос рассказывает о пяти основных школах Machine Learning и о том, как они используют идеи из различных областей научного знания — нейробиологии, физики, статистики, биологии, — чтобы помогать людям решать сложные задачи и упрощать рутину с помощью алгоритмов.
Как я опубликовал PWA на Svelte в Google Play
Мне нравится метал музыка разных направлений. Для отслеживания новинок я сделал парсер, который ищет свежие альбомы и складывает их в базу. За время существования приложения парсер я почти не трогал, хотя он и далек от идеала, а вот фронтенд был переделан несколько раз.
![metalz.web.app](https://habrastorage.org/webt/mr/a8/mm/mra8mmaxfr4odearjgnfbtisbu0.png)
Под катом рассказ о том, как я переписал приложение с react-native на Svelte и опубликовал его в Google Play.
Развитие маркетинга в малом бизнесе
Спустя 11 лет на Хабре, 12 лет в маркетинге, сотни часов лекций и выступлений, я решил отдать всё, что знаю о маркетинге, бесплатно, без регистрации, рекламы, СМС и email-подписок. В результате на YouTube появился онлайн-курс для владельцев и маркетологов микро-, малого и среднего бизнеса, который называется «Сумма маркетинга».
77 занятий, 10 модулей, 18,5 часов видео без рекламы и десятки практических домашних заданий доступны на YouTube. А вот тут — основной сайт курса. А ещё — такие же видео-плейлисты ВКонтакте.
Юзабилити корзины и чекаута: анализ топ-20 российских нишевых интернет-магазинов
Наиболее частая точка потери клиентов в интернет-магазине, это корзина и чекаут (оформление заказа). О юзабилити этих модулей рассказано очень много и мнения зачастую противоречивы.
Самый простой совет — делать минимум полей, чтобы быстрее принимать заказы. Но при этом с такими заказами неудобно работать — нужно звонить и “на слух” узнавать адрес доставки или полное ФИО получателя.
В то же время есть очевидные вещи: цена, наличие и кнопка покупки на видном месте. Возможность поменять в корзине количество товара. Удобный выбор сопутствующих товаров. Логичность оформления заказа (зачем например, спрашивать адрес покупателя при самовывозе?).
В своем исследовании я разобрал крупные интернет-магазины и их работу с юзабилити: закономерности, ошибки, интересные решения.
Информация
- В рейтинге
- Не участвует
- Откуда
- Челябинск, Челябинская обл., Россия
- Дата рождения
- Зарегистрирован
- Активность