Как стать автором
Обновить
11
0.7
Александр @Survtur

Предприниматель, программист-любитель

Руководство по реализации отзывчивого дизайна в 2023 году

Уровень сложности Средний
Время на прочтение 17 мин
Количество просмотров 10K
Блог компании RUVDS.com Веб-дизайн *CSS *HTML *
Перевод

Сегодня построение отзывчивых макетов уже не основывается на контрольных точках (breakpoints) с фиксированной шириной. Вместо этого современные макеты должны работать на устройствах практически любого размера. Однако, к своему удивлению, я всё ещё встречаю сайты, где используется паттерн отзывчивого дизайна – когда присутствует контейнер, получающий новое значение max-width в соответствии с шириной области просмотра.

Термин «отзывчивый» сегодня отражает уже очень многое. У нас есть медиа-запросы, которые проверяют пользовательские настройки, а также современные возможности CSS, которые помогают создавать отзывчивые макеты вообще без использования медиа-запросов. Отзывчивость нынче изменилась, и мы живём в поистине прекрасное время.
Читать дальше →
Всего голосов 65: ↑61 и ↓4 +57
Комментарии 26

Математическая продлёнка. Квадратные уравнения во всей красе

Время на прочтение 9 мин
Количество просмотров 11K
Математика *Научно-популярное

Продолжаю потихоньку публиковать свои наработки к занятиям математического кружка. На этот раз речь пойдёт о до боли знакомых квадратных уравнениях и их свойствах, о которых нет времени поговорить в школе.

Каков геометрический смысл решения? Какова вероятность придумать нерешаемое уравнение? Как выглядит пространство уравнений, имеющих целочисленные решения? Куда деваются корни квадратного уравнения, когда оно не имеет действительных решений и откуда берутся комплексные корни? Как выглядят квадратные уравнения "на самом деле"?

Обо всём этом читайте далее
Всего голосов 77: ↑77 и ↓0 +77
Комментарии 41

Осваиваем TypeScript: 21 лучшая практика при написании кода

Уровень сложности Средний
Время на прочтение 12 мин
Количество просмотров 19K
Блог компании RUVDS.com JavaScript *Программирование *TypeScript *
Перевод

TypeScript является популярным открытым языком программирования, идеально подходящим для современной разработки. За счёт своей продвинутой системы типов он позволяет писать более надёжный, обслуживаемый и масштабируемый код. Однако, чтобы задействовать весь потенциал этого языка и создавать высококачественные проекты, важно понимать лучшие практики и следовать им.

В этой статье мы углубимся в мир TypeScript и изучим 21 лучшую практику, с помощью которых вы сможете повысить свой навык работы с этим языком. Эти практики охватывают широкий спектр тем и сопровождаются конкретными вариантами применения в реальных проектах. Независимо от того, являетесь ли вы начинающим либо опытным разработчиком на TS, эта статья даст вам ценное понимание и рекомендации, которые помогут писать более чистый и эффективный код.
Читать дальше →
Всего голосов 72: ↑64 и ↓8 +56
Комментарии 23

Работа преподавателем в колледже IT — личный опыт

Время на прочтение 31 мин
Количество просмотров 12K
Учебный процесс в IT Карьера в IT-индустрии Разработка под Arduino *Электроника для начинающих
Репортаж

Подошли к концу 3 года моей работы преподавателем в одном из рейтинговых московских колледжей, готовящих будущих IT специалистов. Хочу раскрыть часть внутренней кухни системы среднего профессионального образования (СПО), имеющей общие черты как с системой высшего образования, так и школьного.

В статье:

Куда попадают те, кто ушёл после 9-го;

Кого берут в преподаватели;

С кем приходилось работать;

Соревнования, от которых зависит зарплата;

Роль государства, патриотическое воспитание;

Плюсы и минусы работы преподавателем;

Что делать, если вы студент.

Всё что написано спрошу на экзамене
Всего голосов 48: ↑45 и ↓3 +42
Комментарии 34

Искусство типизации: TypeScript Utility Types

Время на прочтение 4 мин
Количество просмотров 4.6K
TypeScript *
Туториал

Что вы чувствуете от познания нового? За себя скажу, что в такие моменты просветления меня переполняет неподдельная детская радость от свершившегося открытия. Жаль, что этих моментов становится всё меньше. К чему я это? Когда мне в голову мне пришла мысль о написании статьи на эту тему, я сразу вспомнил то ощущение прозрения, которое испытал в момент открытия Utility Types. Всё сразу встало на свои места, и я понял какого кусочка пазла мне всё это время не хватало. Именно о нём я расскажу далее.

Читать далее
Всего голосов 8: ↑6 и ↓2 +4
Комментарии 2

Написание скриптов для tmux

Время на прочтение 3 мин
Количество просмотров 11K
Блог компании RUVDS.com Настройка Linux *Разработка под Linux *
Перевод
Мне, когда я пользуюсь tmux, часто надо открывать похожие рабочие пространства. Например, мне всегда нужно выводить последние строки пары файлов журналов в панели, или мне нужно открывать и vim, и mysql. Бывает, что мне нужно и что-то другое.



Если вы попробуете найти сведения об открытии рабочих пространств tmux, то почти гарантированно обнаружите советы по использованию программы-обёртки вроде tmuxinator, tmux-resurrect или tmux-continuum. Эти программы, возможно, хороши, но я предпочитаю что-нибудь попроще.
Читать дальше →
Всего голосов 45: ↑43 и ↓2 +41
Комментарии 9

Букварь по дизайну систем (Часть 1 с дополнениями по микросервисам)

Время на прочтение 37 мин
Количество просмотров 20K
Разработка веб-сайтов *Анализ и проектирование систем *DevOps *
Перевод


Несколько лет назад, для закрытия одного их предметов мне довелось перевести данный букварь. Де-факто этот вариант стал официальным переводом. Но развитию этого перевода мешает, тот факт, что он был написан в Google Drive и закрыт на редактирования. Сегодня я уделил время на переформатирования всего этого текста в MD формат с помощью редактора Хабра, с радостью публикую здесь и вскоре отдам текущим контрибьюторам.


Словарь


Node — нода — узел с каким либо ресурсом
Content — контент — данныe
Traffic — трафик — запрос/ответ, данные которые передаются от сервера клиенту и наоборот
Hardware — железо — аппаратная часть
Instance — инстанс — созданный объект какой либо сущности. Например инстанс сервера API
Headers — хедеры — заголовки (как правило TCP пакета, но может быть и HTTP запроса)



Читать дальше →
Всего голосов 35: ↑32 и ↓3 +29
Комментарии 3

PEP 572 (Выражения присваивания в python 3.8)

Время на прочтение 28 мин
Количество просмотров 17K
Python *Программирование *Профессиональная литература *Изучение языков
Перевод
Привет, Хабр. В этот раз мы рассмотрим PEP 572, который рассказывает про выражения присваивания. Если Вы до сих пор скептически относитесь к оператору ":=" или не до конца понимаете правила его использования, то эта статья для Вас. Здесь вы найдёте множество примеров и ответов на вопрос: «Почему именно так?». Эта статья получилась максимально полной и если у Вас мало времени, то просмотрите раздел, написанный мной. В его начале собраны основные «тезисы» для комфортной работы с выражениями присваивания.
Читать дальше →
Всего голосов 17: ↑17 и ↓0 +17
Комментарии 13

DLL & Python

Время на прочтение 11 мин
Количество просмотров 47K
Python *Программирование *C *
Из песочницы

DLL & Python


image


Недавно меня заинтересовала тема использования DLL из Python. Кроме того было интересно разобраться в их структуре, на тот случай, если придется менять исходники библиотек. После изучения различных ресурсов и примеров на эту тему, стало понятно, что применение динамических библиотек может сильно расширить возможности Python. Собственные цели были достигнуты, а чтобы опыт не был забыт, я решил подвести итог в виде статьи — структурировать свой знания и полезные источники, а заодно ещё лучше разобраться в данной теме.


Под катом вас ожидает статья с различными примерами, исходниками и пояснениями к ним.

Читать дальше →
Всего голосов 32: ↑29 и ↓3 +26
Комментарии 13

Рабочее место и 4k@60Hz

Время на прочтение 9 мин
Количество просмотров 59K
Компьютерное железо Видеокарты Мониторы и ТВ

Доброго времени суток уважаемые читатели, под катом рассказывается о выборе способа подключения 4k монитора к ноутбуку и подводных камнях совсем не новых технологий. Возможно такой пользовательский опыт и выводы будут кому-то полезны при выборе и покупке железа, особенно учитывая тот факт, что его стоимость неуклонно растёт относительно средней покупательной способности населения.

Читать дальше →
Всего голосов 41: ↑38 и ↓3 +35
Комментарии 169

Двенадцать способов понять, что находишься в виртуальной реальности

Время на прочтение 15 мин
Количество просмотров 109K
Научная фантастика
image

Известный польский философ и биограф Станислав Лем как-то заметил, что «Иллюзорность виртуальной реальности, находящийся в виртуальной реальности человек, может установить только путем сравнения с действительностью».

Не споря с мэтром, попробую слегка уточнить его высказывание. На мой взгляд, всё далеко не так безнадежно — очень часто для осознания факта нахождения в виртуальной реальности достаточно банальной логики и наблюдательности, способной выявить общие черты между данной вам в ощущениях реальностью и созданными людьми виртуальными мирами.

В данной статье я попробовал систематизировать «врожденные пороки» создаваемых людьми миров, для поиска похожих паттернов в той реальности, которая считается настоящей.
Читать дальше →
Всего голосов 196: ↑159 и ↓37 +122
Комментарии 576

20 вещей, которые я должен был знать в 20 лет

Время на прочтение 3 мин
Количество просмотров 709K
Управление проектами *
Перевод
1. Мир пытается оставить тебя тупым. Начиная от банковских платежей и процентов и заканчивая чудо-диетами — из необразованных людей легче вытрясти деньги и ими проще управлять. Занимайтесь самообразованием столько, сколько можете — для того, чтобы быть богатым, независимым и счастливым.
Читать дальше →
Всего голосов 544: ↑445 и ↓99 +346
Комментарии 544

Рейтинг статей по добавлению в избранное

Время на прочтение 3 мин
Количество просмотров 5.3K
Читальный зал Статистика в IT
Этот пост написан по мотивам комментария vconst к статье «Прямая линия с ТМ»: "… Было бы любопытно посмотреть рейтинг статей, набравших много закладок, это было бы интереснее, чем просто сортировка по рейтингу. Но такую статистику здесь или не ведут, или не хотя делиться.".
Почему бы не посчитать, в очередной раз. Под катом первые 10 публикаций, отсортированных по добавлению в закладки, минусам, рейтингу и общему рейтингу.
Читать дальше →
Всего голосов 19: ↑16 и ↓3 +13
Комментарии 7

Создание шаблонов в IDE от Jetbrains

Время на прочтение 4 мин
Количество просмотров 21K
CSS *JavaScript *Программирование *Java *HTML *
Туториал

Вступление


Сегодня я хочу привести небольшой обзор-туториал темплейтов в ИСР от Jetbrains. Приведенные ниже примеры будут реализованы на Java в Intellij IDEA, но механизм создания одинаков и для других языков и продуктов компании. Думаю все программирующие в данной IDE пользовались встроенными шаблонами. Например когда вы пишете fori, нажимаете TAB или ENTER и у вас появляется цикл for в котором нужно указать имя переменной и условие, а остальной код генерируется за вас.

for (int i = 0; i < ; i++) {   
                               
}    

Или же знакомый всем java-программистам sout -> System.out.println(). Так вот, в Intellij есть поддержка создания своих шаблонов кода. На удивление не нашёл практически никакой инфы на русском и довольно мало на английском(благо есть неплохая документация) когда наткнулся на эту фичу, хотя это сильно ускоряет и помогает в разработке. И сейчас когда дошли руки решил написать небольшую статью об этом. Возможно опытным программистам она мало чем поможет, они и сами смогут разобраться во всём или же уже давно это юзают, но для всех остальных считаю вполне подойдёт. Итак приступим.
Читать дальше →
Всего голосов 26: ↑25 и ↓1 +24
Комментарии 13

27 отличных open source-инструментов для веб-разработки

Время на прочтение 3 мин
Количество просмотров 50K
Блог компании NIX Веб-дизайн *Разработка веб-сайтов *Разработка под e-commerce *Тестирование веб-сервисов *
Перевод


Перевод 27 Amazing Web Development Tools for the Past Year (v.2018)

В 2017-м мы сравнили около 7 500 open source-инструментов для веб-разработки, из которых выбрали 27 лучших (0,4%). Это крайне конкурентный список, в который вошли инструменты, библиотеки и проекты, опубликованные в течение 2017-го. Mybridge AI оценивает их качество на основании популярности, заинтересованности и новизне. Чтобы было понятно, у выбранных продуктов среднее количество звёзд на Github — 5260.

Open source-инструменты могут почти даром повысить вашу продуктивность. Также вы можете чему-то научиться, читая исходный код и создавая что-нибудь на основе этих проектов. Так что рекомендуем уделить время и поэкспериментировать с инструментами из нашей подборки, возможно, какие-то из них прошли мимо вас.
Читать дальше →
Всего голосов 70: ↑55 и ↓15 +40
Комментарии 10

Как безопасно программировать в bash

Время на прочтение 11 мин
Количество просмотров 42K
Программирование *Оболочки *
Перевод

Почему bash?


В bash есть массивы и безопасный режим. При правильном использовании bash почти соответствует практикам безопасного кодирования.

В fish сложнее допустить ошибку, но там нет безопасного режима. Поэтому хорошей идеей станет прототипирование в fish, а затем трансляция с fish на bash, если вы умеете правильно это делать.

Предисловие


Данное руководство сопровождает ShellHarden, но автор также рекомендует ShellCheck, чтобы правила ShellHarden не расходились с ShellCheck.

Bash — не тот язык, где самый правильный способ решить проблему одновременно является самым простым. Если принимать экзамен по безопасному программированию в bash, то первое правило BashPitfalls звучало бы так: всегда используй кавычки.

Главное, что нужно знать о программировании в bash


Маниакально ставить кавычки! Незакавыченная переменная должна расцениваться как взведённая бомба: она взрывается при контакте с пробелом. Да, «взрывается» в смысле разделения строки на массив. В частности, расширения переменных вроде $var и подстановки команд вроде $(cmd) подвергаются расщеплению слов, когда внутренняя строка расширяется в массив из-за расщепления в специальной переменной $IFS с пробелом по умолчанию. Это обычно незаметно, потому что чаще всего результатом становится массив из 1 элемента, неотличимый от ожидаемой строки.
Читать дальше →
Всего голосов 74: ↑73 и ↓1 +72
Комментарии 39

«Байкал-T1» поступил в продажу за 3990 руб

Время на прочтение 3 мин
Количество просмотров 114K
Процессоры DIY или Сделай сам


Процессоры BE-T1000 (они же «Байкал-Т1») поступили в магазины электронных компонентов в и приборов. Дистрибуцией занимается сеть розничных магазинов «Чип и Дип». Сейчас в интернет-магазине указано, что поставка на склад в Москве ожидается 8 июня 2018 года в количестве 42 штуки. Процессор уже можно добавить в корзину по цене 3990 руб.

Розничные продажи «Байкалов» начались в апреле 2018 года, но только в составе оценочных плат BFK3.1 — фактически одноплатных компьютеров для разработки системного и прикладного программного обеспечения, проектирования и прототипирования аппаратных решений и пр. Теперь процессор продаётся и отдельно.
Читать дальше →
Всего голосов 85: ↑80 и ↓5 +75
Комментарии 621

5 книг, которые помогут мыслить нестандартно и почему это важно именно сейчас

Время на прочтение 3 мин
Количество просмотров 151K
Блог компании SmartProgress Исследования и прогнозы в IT *Учебный процесс в IT Читальный зал
Recovery mode


Потребляя гигабайты информации, мы начинаем мыслить шаблонно. Роботы автоматизируют все больше специальностей, и незаменимыми становятся лишь те работники, кто мыслит нестандартно. Многие считают, что креативность — это врожденный навык. Я тоже так думал, пока не прочел эти книги. Они доказали, что мыслить нестандартно может научиться каждый.
Читать дальше →
Всего голосов 49: ↑35 и ↓14 +21
Комментарии 35

От действий над матрицами к пониманию их сути…

Время на прочтение 5 мин
Количество просмотров 133K
Математика *
Из песочницы
Очень уважаю людей, которые имеют смелость заявить, что они что-то не понимают. Сам такой. То, что не понимаю, — обязательно должен изучить, осмыслить, понять. Статья "Математика на пальцах", и особенно матричная запись формул, заставили меня поделиться своим небольшим, но, кажется, немаловажным опытом работы с матрицами.

Лет эдак 20 назад довелось мне изучать высшую математику в вузе, и начинали мы с матриц (пожалуй, как и все студенты того времени). Почему-то считается, что матрицы — самая лёгкая тема в курсе высшей математики. Возможно — потому, что все действия с матрицами сводятся к знанию способов расчёта определителя и нескольких формул, построенных — опять же, на определителе. Казалось бы, всё просто. Но… Попробуйте ответить на элементарный вопрос — что такое определитель, что означает число, которое вы получаете при его расчёте? (подсказка: вариант типа «определитель — это число, которое находится по определённым правилам» не является правильным ответом, поскольку говорит о методе получения, а не о самой сути определителя). Сдаётесь? — тогда читаем дальше…
Читать дальше →
Всего голосов 60: ↑49 и ↓11 +38
Комментарии 74

Photoshop, Sketch инструментарий UI/UX-дизайнеров: что выбрать для разработки интерфейсов?

Время на прочтение 5 мин
Количество просмотров 41K
Веб-дизайн *Работа с векторной графикой *Интерфейсы *Дизайн мобильных приложений *
В последнее время вопрос инструментария UI/UX-специалистов стоит очень остро: какое ПО использовать для разработки интерфейсов? Мы в нашей компании также горячо обсуждаем этот вопрос. И дискуссия часто имеют очень острый характер. Что выбрать для работы? Какой редактор более функционален для той или иной задачи дизайнера? Перечень наших задач достаточно широк, начиная с создания фирменного стиля и заканчивая полным циклом разработки сложных диджитал продуктов. Например, мобильных приложений для управления системами умного дома, полнофункциональных e-commerce систем.
Я не буду первым, кто поднял эти вопросы, но постараюсь дать на них ёмкие ответы. Возможно, моя статья будет интересна начинающим дизайнерам, которые еще не определились окончательно с направлением своей деятельности, или дизайнерам, которые хотят переквалифицироваться из одной специальности в другую.



Подробности
Всего голосов 15: ↑7 и ↓8 -1
Комментарии 36
1

Информация

В рейтинге
1 268-й
Откуда
Москва, Москва и Московская обл., Россия
Зарегистрирован
Активность

Специализация

Fullstack Developer, Project Director
Senior
Software development
Python
Product Design
Development of integration solutions
Product development