Интервью с веб-разработчиком Pornhub

Автор: admin от 10-10-2019, 20:30, посмотрело: 42

Вне зависимости от вашего отношения к порнографии было бы глупо отрицать огромное влияние индустрии сайтов для взрослых на развитие интернета. От расширения возможностей браузеров в плане воспроизведения видео и до показа рекламы через WebSocket в обход блокировщиков — для того, чтобы работать на острие интернет-инноваций, нужно быть крайне умным.



Недавно мне посчастливилось взять интервью у веб-разработчика крупнейшего в мире сайта для взрослых — Pornhub.



Цель: узнать о технологиях и новинках в области работы с веб-API и, конечно же, как все это реализовано в рамках Pornhub. Наслаждайтесь!



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

Категория: Веб-разработка

 

С чего начать изучать веб-разработку в 2019 году или HTML Academy VS Codecademy VS FreeCodeCamp

Автор: admin от 10-06-2019, 06:30, посмотрело: 61

Привет, Хабр! Хочу поделиться своими мыслями о самых популярных площадках для изучения веб-разработки HTML Academy, Codecademy, FreeCodeCamp (мне бы хотелось прочитать подобную статью, когда я только начинала учиться веб-разработке самостоятельно).



*Данный обзор является моим субъективным видением и не претендует на истину в первой инстанции.



Немного предыстории. Я начала изучать основы HTML и CSS в декабре 2018 года с нуля и понятия не имела, с чего же собственно начать. Говоря “с нуля” я не преувеличиваю. У меня не было никакого опыта в программировании. Совсем. Как быть человеку, не имеющего представления о том, где найти материал для изучения? Пойти на курсы, скажете вы. Возможно, будете правы. Но давайте посмотрим правде в глаза. Большинство курсов, особенно на русском языке, не дают никакой информации, которую нельзя найти в интернете самостоятельно. Да и к тому же, они не дают никаких гарантий. А без гарантий и самому можно погуглить. Что я и сделала. Главным критерием для меня была бесплатность (ну или частичная бесплатность) ресурса. Я просмотрела тонны информации в интернете, прочитала километры постов разных авторов об их мега-успешном опыте и, как результат, запуталась в этом всем еще больше. Однако практически все ресурсы на русском языке сходились в одном – изучать основы синтаксиса нужно на HTML-академии. С этого я и начала.

Категория: Веб-разработка

 

10 полезных советов по реализации Pixel Perfect дизайна во Front-end разработке (на примере работы с редактором Sketch)

Автор: admin от 28-05-2019, 13:00, посмотрело: 50

Привет, Хабр! Представляю вашему вниманию адаптированный перевод статьи "10 Useful Tips to Recreate Pixel Perfect Designs in Front-end" автора Jeroen Dellaert.



Мне как любому начинающему разработчику приходится часто сталкиваться с проблемами, решение которых нужно искать в сетях. Столкнувшись с понятием Pixel Perfect, я задумалась над тем, как это реализовать в рамках новых стандартов (Flexbox, Grid). К счастью, с появлением таких редакторов, как Figma и Sketch, жизнь у веб-разработчиков стала немного проще. Прошуршав по интернету, я нашла данную статью. Кроме броского заголовка в нем было несколько очень полезных советов, которые я в работе применяла на каком подсознательном уровне. Очень надеюсь, что этот адаптированный перевод принесет пользу многим ищущим ответов.



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



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

Категория: Веб-разработка

 

QlikView. Условное форматирование «Как в Эксель»

Автор: admin от 30-03-2019, 16:40, посмотрело: 105

Пришла задача от заказчика – сделать условное форматирование таблицы «как в эксель». QlikView вполне себе справляется со стандартными задачами раскраски по условию, но вот с выбором параметров динамически, да еще и как в эксель – возник вопрос «это как вообще..?».

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



Функциональная задача(постановка)



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



Требуется дать возможность пользователю раскрасить таблицу в зависимости от выбранных параметров. Ключевые вводные — один столбец должен уметь раскрашиваться разными цветами, то есть мульти-раскраска, по разным параметрам. Второе ключевое – должна быть возможность раскрасить поле в зависимости от другого «взаимосвязанные параметры», например, мы раскрашиваем «сумму покупок» в зависимости от значения «средняя цена продуктов на рынке».

Далее приведу основную часть реализации. Я не буду останавливаться на таких момент, как скрыть/закрыть меню, создание списков, добавлять в код такие простые на мой взгляд вещи. Если появятся вопросы по деталям расскажу дополнительно.



Итоговый результат, путь к которому был тернист:



QlikView. Условное форматирование «Как в Эксель»

Категория: Веб-разработка

 

Перемены в интерфейсах, многослойная анимация и структурированный визуальный хаос: обзор веб-тенденций на 2019 год

Автор: admin от 20-12-2018, 18:55, посмотрело: 156

Перемены в интерфейсах, многослойная анимация и структурированный визуальный хаос: обзор веб-тенденций на 2019 год




Интернет — многостороннее явление. Динамика его развития расширяет привычные границы по всем направлениям. Зарекомендовавшие себя подходы и элементы постепенно уступают место новым, более эффективным формам коммуникации людей с брендами и технологиями.



1 / Технологии



1.1. Машинное обучение



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



Перемены в интерфейсах, многослойная анимация и структурированный визуальный хаос: обзор веб-тенденций на 2019 год

Без машинного обучения добиться успеха будет очень сложно



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



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



Переведено в Alconost

Категория: Веб-разработка

 

Философия CSS

Автор: admin от 19-12-2018, 17:20, посмотрело: 104

Философия CSS Привет всем! Пришло время сообщить, что мы рассчитываем еще до конца февраля выпустить новую книгу по CSS, которая рекомендуется всем, кто уже освоил Макфарланда (пока в наличии, ближайшую допечатку рассчитываем сделать в январе).



Сегодня вам предлагается перевод статьи Кита Гранта (опубликована в июне), в которой автор излагает свою точку зрения на CSS и фактически объясняет, о чем хотел рассказать в своей книге. Читаем и комментируем!

Категория: Веб-разработка

 

Краткое руководство по Dash — Python веб-фреймворк для создания дэшбордов. Installation + Dash Layout

Автор: admin от 2-12-2018, 08:10, посмотрело: 323

Краткое руководство по Dash — Python веб-фреймворк для создания дэшбордов. Installation + Dash Layout


Всем привет!



Сегодня предлагаю погрузиться в один из удобнейших веб-фреймворков в связке c Python под названием Dash. Появился он не так давно, пару лет назад благодаря разработчикам фреймворка plotly. Сам Dash является связкой Flask, React.Js, HTML и CSS.



Выступление Криса Пармера на PLOTCON 2016





Давайте сразу установим фреймворк. Обновленные версии уточняйте тут.



pip install dash==0.31.1  # The core dash backend
pip install dash-html-components==0.13.2  # HTML components
pip install dash-core-components==0.38.1  # Supercharged components
pip install dash-table==3.1.7  # Interactive DataTable component (new!)


Друзья, если вы действительно хотите разобраться в данном фреймворке, читайте публикации до конца, так как зачастую сначала следуют примеры, а уже после детальный обзор кода. Если вам все равно непонятно — советую читать документацию по Dash на английском языке в оригинале. Также в рунете есть несколько статей, которые объясняют концепции, которые я решил пропустить в данном туториале.

Категория: Веб-разработка

 

A la perfeccion: совершенствуем WordPress при помощи плагинов AMP for WordPress и Setka Editor

Автор: admin от 31-10-2018, 14:55, посмотрело: 158

Привет, Хабр! Сегодня мы поговорим о процессе настройки и кастомизации CMS WordPress. Часто приходится слышать, что она годится лишь для небольших сайтов, а для сайтов СМИ с массивным трафиком она не подходит (хотя обратных примеров много). Еще одна особенность WordPress — отсутствие предустановленных продвинутых инструментов для журналистов, редакторов и всех, кому нужны дополнительные возможности при публикации новостей и статей, включая кастомное оформление материалов.



В то же время поклонники WordPress утверждают, что CMS подходит как для лендингов, так и для сайтов с миллионным трафиком. Истина где-то посередине. У WordPress есть недостатки, но при желании их можно избежать, одновременно усилив положительные возможности CMS. О том, как это сделать, сегодня и поговорим.

Категория: Веб-разработка

 

Новые курсы по Python от Mail.Ru Group

Автор: admin от 24-08-2018, 10:05, посмотрело: 216

Новые курсы по Python от Mail.Ru Group


Python — простой, гибкий и популярный язык, применяемый во многих областях современной разработки. На нём создают веб-приложения, пишут игры, анализируют данные и выполняют многие другие задачи. Mail.Ru Group запустила специализацию « Программирование на Python», состоящую из четырех курсов — от погружения в язык до Data Science. Мы хотим, чтобы изучать и углублять свои знания в языке могли и новички, и студенты, и опытные разработчики.



Первая из четырех частей, «Погружение в Python», стартовала еще в 2017 году, а теперь слушателям доступны вторая и третья части: «ООП и паттерны проектирования в Python» и «Создание Web-сервисов на Python». Курсы подготовлены при поддержке МФТИ, авторы — сотрудники МФТИ и Mail.Ru Group.



В этой статье мы расскажем об авторах и темах, а также о требуемом уровне слушателей и навыках, которые они приобретут.

Категория: Веб-разработка

 

Box-shadows Device

Автор: admin от 27-07-2018, 08:40, посмотрело: 163

Box-shadows Device



Всем привет!



Хочу представить вашему вниманию небольшую разработку — Box-shadows Device (#bSd).

Это инструмент, который чем-то напоминает конструктор или css редактор. В нем вы можете создавать девайсы на любой вкус и кошелек.

Категория: Веб-разработка, Game Development

 
Назад Вперед