Открыть список
Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Школа разработки интерфейсов: разбор заданий для Минска и новый набор в Москве

Блог компании ЯндексЗанимательные задачкиJavaScriptИнтерфейсыУчебный процесс в IT
Сегодня открылся новый набор в Школу разработки интерфейсов Яндекса в Москве. С 7 сентября по 25 октября пройдёт первый этап обучения. Студенты из других городов смогут в нём поучаствовать дистанционно или очно — компания оплатит дорогу и проживание в хостеле. Второй, он же финальный этап продлится до 3 декабря, его можно пройти только очно.

Меня зовут Юлия Середич, этот пост мы написали вместе с Сергеем Казаковым. Мы оба разработчики интерфейсов в минском офисе Яндекса и выпускники ШРИ прошлых лет.



По случаю открытия регистрации в Москве мы публикуем разбор вступительных заданий в предыдущую Школу — здесь, в Минске.
Читать дальше →
Всего голосов 30: ↑29 и ↓1 +28
Просмотры14.7K
Комментарии 3

Коллаборация и автоматизация во фронтенде. Чему мы научились за 13 школ

Блог компании ЯндексJavaScriptИнтерфейсыУчебный процесс в IT
Всем привет. Коллеги недавно писали в этом блоге, что открылась регистрация в следующую Школу разработки интерфейсов в Москве. Я очень рад новому набору, ведь я был одним из тех, кто придумал Школу в 2012 году, и с тех пор постоянно ей занимаюсь. Она эволюционировала. Из неё вышло целое мини-поколение разработчиков с широчайшим кругозором и способностью взять на себя в проектах вообще всё, что связано с фронтендом. Кто-то из выпускников работает в Яндексе, кто-то нет.



ШРИ — как сервис: тоже требует разных форматов взаимодействия, автоматизации и экспериментов. Вот об этом и поговорим сегодня на Хабре. Будут и полезные ссылки для кандидатов.

Читать дальше →
Всего голосов 30: ↑29 и ↓1 +28
Просмотры5.9K
Комментарии 4

Храните статические ресурсы на своём хостинге

Разработка веб-сайтов
Перевод
Одна из первых вещей, которую я рекомендую своим клиентам, чтобы ускорить веб-сайты, сначала покажется парадоксом: вы должны разместить статические ресурсы на своём хостинге, отказавшись от сторонней CDN инфраструктуры. В этом коротком и, надеюсь, очень простом посте я хочу обрисовать недостатки хранения ваших статических файлов «на стороне» и потрясающие преимущества размещения их на своём хостинге.
Читать дальше →
Всего голосов 44: ↑35 и ↓9 +26
Просмотры11.1K
Комментарии 47

Пот, слезы и учет времени — как мы повышали рентабельность компании

Разработка веб-сайтовCRM-системыУправление проектамиУправление персоналом
Мы продолжаем делиться внутренней кухней WebCanape и выдавать все наши самые страшные тайны. В прошлый раз я рассказывал, как мы разработали CRM для SEOшников, а сейчас поведаю о том, как мы ведем учет рабочего времени и зачем вообще это делаем.

webcanape

В штате компании – 90 человек. Управлять таким количеством сотрудников и контролировать их не у всех получается хорошо. Из-за неэффективного управления может проседать качество услуг компании, снижаться рентабельность проектов, ухудшаться общий климат в офисе. Чтобы этого избежать, мы внедрили у себя мониторинг эффективности работы сотрудника.
Читать дальше →
Всего голосов 38: ↑22 и ↓16 +6
Просмотры11.8K
Комментарии 80

Чемпионат по программированию: разбираем задачи для фронтенд-разработчиков

Блог компании ЯндексСпортивное программированиеЗанимательные задачкиJavaScriptИнтерфейсы
На днях победители чемпионата по программированию, который завершился в начале лета, получили заслуженные призы. Для этого мы позвали их, а также всех остальных финалистов из топ-20 каждого направления в московский офис Яндекса. Ещё раз поздравляем тех, кто сумел выйти в финал.

Тем временем мы подготовили разбор задач чемпионата, которые предлагались фронтенд-разработчикам. Это задачи из квалификационного этапа. Напоминаем, что чемпионат проводился по четырём направлениям: бэкенд, фронтенд, машинное обучение и аналитика.

A. Градусник пробок


Условие


Пользуясь навигатором, многие видели «градусник» при построении автомобильного маршрута. Он представляет собой разноцветную прямую, на которой изображена загруженность дорог на маршруте. В этой задаче предлагается написать функцию, которая адаптирует данные «градусника» для разных размеров экрана.

Читать дальше →
Всего голосов 32: ↑30 и ↓2 +28
Просмотры31.1K
Комментарии 1

CSS переменные и цветовая тема для сайта в несколько строк

CSSHTML
Tutorial

Один из способов использовать CSS переменные уже сегодня


Создадим сайт который динамически поддерживает светлую, тёмную и цветовые темы.


Интерактивное демо



Создаём базовый цвет который будет меняться. Привязываем его к data-theme на html.


в примерах кода используется & из less/scss синтаксиса


html[data-theme='green'] {
    --theme-color: 110;
}
Читать дальше →
Всего голосов 20: ↑19 и ↓1 +18
Просмотры13.3K
Комментарии 11

Разработка сайта на WebAssembly с помощью NetCore 3 и Blazor

Разработка веб-сайтов.NETWebAssembly

Мое мнение, что WebAssembly будущее интернета. Данная технология на текущий момент уже интегрирована в большинство современных браузерах (а точнее в их движках) на ПК и мобильных устройствах. В таких браузерах как Chrome, Edge, Firefox, и WebKit.


В данной статье я опишу как начать разработку сайта WebAssembly в Visual Studio. Статья подойдет для тех, кто хотел бы понять, как начать разрабатывать SPA приложения без использования JavaScript, зная только asp.net mvc, c#, верстку html и css.


На момент выхода статьи фреймворк NetCore 3 находится в стадии RC1, а Blazor имеет версию 3.0.0-preview9.19457.4. Релиз NetCore 3 запланирован на сентябрь 2019. Что относительно Blazor то его релиз обещают позднее в ноябре 2019 года, скорее всего после релиза NetCore 3.1


Оглавление:

Читать дальше →
Всего голосов 19: ↑18 и ↓1 +17
Просмотры17.1K
Комментарии 76

Как управлять часами? Разбор фронтенд-трека второго чемпионата по программированию

Блог компании ЯндексСпортивное программированиеЗанимательные задачкиJavaScriptИнтерфейсы
Новый хабрапост в серии разборов недавно прошедшего чемпионата. Участникам квалификации, которые выбрали секцию фронтенда, нужно было решить несколько задач очень разной сложности: первая (по нашим ожиданиям) занимала 20 минут, последняя — около часа. Мы проверяли широкий спектр навыков разработчика интерфейсов, включая способность разобраться в необычной предметной области.

A. Аннигилируй это

Авторы: Максим Сысоев, Константин Петряев

Первая задача — разминочная. Каждому участнику доставался один из четырёх вариантов задачи, похожих между собой. Мы предложили не только текстовое условие, но и «плохое» рекурсивное решение. Нужно было переделать код (написать жадный алгоритм, который выдавал самое быстрое решение), убрав рекурсию и разные глупости вроде лишних операций и вычислений.

Условие


Вы устроились работать в лабораторию по изучению антиматерии, где проводят различные опыты. Ваш отдел изучает процессы, которые происходят при объединении материи и антиматерии. Вам необходимо провести серию опытов над некоторым количеством молекул.
Читать дальше →
Всего голосов 13: ↑13 и ↓0 +13
Просмотры9.4K
Комментарии 5

Всё, что нужно знать о Progressive Web App (PWA)

Блог компании WrikeРазработка веб-сайтовJavaScriptПрограммированиеРазработка мобильных приложений
Перевод
image

PWA — прогрессивные веб-приложения.

Предупреждение. Эта статья не проспонсирована PWA. Все взгляды и мнения в статье принадлежат только её автору.

Progressive Web App или PWA — лучший способ для разработчиков заставить свои веб-приложения загружаться быстрее и быть более производительными. PWA — это веб-сайты, которые используют современные веб-стандарты, что дает возможность устанавливать их на компьютер или устройство пользователя. В работе они как приложения. Самый известный пример — это Twitter, который запустил сайт mobile.twitter.com как PWA на React и Node.js.
Читать дальше →
Всего голосов 30: ↑19 и ↓11 +8
Просмотры22.3K
Комментарии 43

Пример SPA «Простые заметки» на Mithril.js

Разработка веб-сайтовJavaScript
Из песочницы
Mithril.js — непопулярный инструмент для создания клиентских веб приложений. На Хабре практически нет публикаций по этой теме. В этой заметке я хочу показать, как можно сделать небольшое приложение на Mithril. Приложение будем делать по мотивам вот этой публикации (перевод)
Читать дальше →
Всего голосов 5: ↑5 и ↓0 +5
Просмотры1.8K
Комментарии 0

Как найти исполнителя для разработки сайта

Разработка веб-сайтов
Занимаетесь ли вы торгово-коммерческой деятельностью, оказываете ли услуги или производите продукцию, наступает момент, когда мысли о собственном сайте перерастают в готовность заняться этим вопросом. И первая задача, которую предстоит решить – определиться с исполнителем. Кому доверить разработку сайта?


Определяем цели ресурса


Каждый потенциальный заказчик web-ресурса сталкивается с разными видами сложностей. Одни совсем не представляют, как создаются сайты, другие имеют об этом поверхностное представление, третьи способны отличить дизайн от верстки, что уже неплохо, так как изучение этого вопроса можно опустить.
Читать дальше →
Всего голосов 10: ↑5 и ↓5 0
Просмотры4.5K
Комментарии 2

Твое рабочее окружение в нордическом стиле

Разработка веб-сайтовCSSГрафический дизайнДизайн
🔥 Технотекст 2020 🔥 Технотекст 2020

Хочу поделиться своей интересной находкой, которая помогла мне наконец осуществить свою маленькую мечту. Объединить все свои рабочие инструменты единым стилем. И не просто стилем, а хорошо продуманным, выверенным и целостным. Что мне помогло этого добиться? Это палитра Nord, портированная для большинства современных и не очень редакторов, терминалов и не только. Если вам не чужда подобная мечта, прошу под кат.


Читать дальше →
Всего голосов 22: ↑21 и ↓1 +20
Просмотры12.1K
Комментарии 16

Применяем персонализацию в E-commerce

Блог компании Boodet.onlineИнтерфейсыУправление e-commerceУправление продажамиБрендинг
Перевод
На определенном этапе развития бизнеса персонализация может показаться хорошим шагом для улучшения оптимизации коэффициента конверсии (CRO). Компании часто пытаются задействовать готовые алгоритмы, полагаясь на ИИ и машинное обучение для создания персонализированного опыта.

Также многие предприятия начинают работать с маркетинговыми инструментами для сбора данных со встроенным ИИ, что приводит к фрагментации опыта для клиента и неоптимальным результатам для компании.

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

  • Оптимизировать бизнес-процессы;
  • Нанять достаточно людей для создания релевантного контента для всех вариантов страниц;
  • Системы, которые смогут обслуживать контент.

Полная персонализация требует серьезных инвестиций. А чем крупнее инвестиции, тем выше риски.
Читать дальше →
Всего голосов 6: ↑3 и ↓3 0
Просмотры1.2K
Комментарии 0

Договор на разработку сайта с точки зрения управления проектами (теория + образец)

Разработка веб-сайтов
Tutorial
Договор на разработку, формирующий правильное взаимодействие заказчика с исполнителем, закрывающий риски и регламентирующий все этапы работы — довольно непростая вещь. Мы строили свой 2 года, собирая обратную связь от клиентов с одной стороны и проектной команды с другой. Стратосфера — веб-интегратор, специализирующийся на е-коммерс, b2b и цифровой трансформации. Соответственно, вся статья дальше будет написана на примере именно веб-разработки.
Читать дальше →
Всего голосов 4: ↑3 и ↓1 +2
Просмотры5.4K
Комментарии 11

Дайджест Joomla за весну 2020

CMSРазработка веб-сайтовPHPJoomla
После большого перерыва, почти год, я не выпускал дайджестов по Joomla.
Мы решились на большой дайджест по Joomla за весну 2020. Все главные новости из мира Joomla за весну, в одной статье.


Читать дальше →
Всего голосов 7: ↑5 и ↓2 +3
Просмотры4.3K
Комментарии 16

Как мы провели первый набор в школу Ozon Go: этапы, задачи, их решения и запись демо-дня

Блог компании Ozon TechGo

В мае стартовал первый набор школы Ozon Go, за три недели мы получили почти 5 тысяч заявок, ответили на несколько тысяч вопросов, провели 118 собеседований, один онлайн-митап и отловили один баг в задании. Подробности под катом.

Читать дальше →
Всего голосов 27: ↑9 и ↓18 -9
Просмотры5.6K
Комментарии 22

Стилизация контейнеров для содержимого веб-страниц

Блог компании RUVDS.comРазработка веб-сайтовCSS
Перевод
Содержимое веб-страниц должно быть размещено в некоем элементе, ширина которого, ограничивающая ширину содержимого, позволяет пользователям удобно работать с материалами сайта. Такие элементы называют «обёртками» (wrapper) или «контейнерами» (container). Стилизовать контейнеры средствами CSS можно по-разному. Некоторые способы работы с контейнерами ставят дизайнера перед необходимостью решать достаточно сложные задачи.



В этом материале я расскажу о контейнерах для содержимого веб-страниц: о том, как они работают, о том, как ими пользоваться, и о тех случаях, когда лучше обойтись без них. Обратите внимание на то, что я буду использовать здесь термины «обёртка» и «контейнер» как равнозначные.
Читать дальше →
Всего голосов 33: ↑33 и ↓0 +33
Просмотры16.6K
Комментарии 2

Как стать Front-End разработчиком

Разработка веб-сайтовCSSJavaScriptПрограммированиеHTML
Recovery mode
image

Кто такой Front-End разработчик?


Front-End разработчик это человек который пишет код для внешнего вида сайта, также есть Back-End разработчик который пишет код для функциональной части сайта. Если скрестить эти две профессии получится Full-Stack разработчик
Читать дальше →
Всего голосов 36: ↑1 и ↓35 -34
Просмотры10.3K
Комментарии 17

Не консолью единой: как я поднял ISPmanager и развернул лендинг с iPad 3

Блог компании RUVDS.comРазработка веб-сайтовСерверное администрированиеЛайфхаки для гиков

Я думаю, что все на Хабре наверняка знают, как поднять сайт на VPS, используя терминал и SSH-соединение. Но что делать, если у тебя под рукой есть только старенький планшет и нужно развернуть лендинг здесь и сейчас? Можно ли поднять сайт, просто кликая в веб-интерфейсе в ISPmanager Lite? Грозит ли это появлением седых волос?

Мы решили устроить стресс-тест и развернуть лендинг, используя iPad 3 и ISPmanager. Подробности о том, что из этого вышло и много-много скринов под катом.
Читать дальше →
Всего голосов 40: ↑26 и ↓14 +12
Просмотры3.5K
Комментарии 19

Разбор: зачем нужны анимации на сайтах + 7 полезных инструментов и библиотек для их создания

Разработка веб-сайтовРабота с векторной графикойКомпьютерная анимацияИнтернет-маркетингДизайн


Источник: Dribbble

Анимации в вебе полезны в большом количестве ситуаций. В этом материале мы разберем, зачем конкретно они нужны, и какие инструменты создания анимированных сайтов стоит использовать в 2020 году.
Читать дальше →
Всего голосов 11: ↑6 и ↓5 +1
Просмотры4.6K
Комментарии 20