Pull to refresh
0
0
Гена Иванов @Gennadij

User

Send message

Строим свой full-stack на JavaScript: Клиент

Reading time 12 min
Views 31K

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

Читать дальше →
Total votes 26: ↑20 and ↓6 +14
Comments 9

React.js: собираем с нуля изоморфное / универсальное приложение. Часть 2: добавляем bootstrap, страницы и роутинг

Reading time 21 min
Views 84K

Разработка изоморфного приложения глазами моей жены


Это продолжение статьи про разработку изоморфного приложения с нуля на React.js. В этой части мы добавим несколько страниц, bootstrap, роутинг, концепцию Flux и ее популярную реализацию Redux.

Читать дальше →
Total votes 25: ↑24 and ↓1 +23
Comments 22

React.js: собираем с нуля изоморфное / универсальное приложение. Часть 1: собираем стек

Reading time 22 min
Views 195K
image

Лицо моей жены, когда она вычитывала эту статью


Я решил написать цикл статей, который и сам был бы счастлив найти где-то полгода назад. Он будет интересен в первую очередь тем, кто хотел бы начать разрабатывать классные приложения на React.js, но не знает, как подступиться к зоопарку разных технологий и инструментов, которые необходимо знать для полноценной front-end разработки в наши дни.


Я хочу с нуля реализовать, пожалуй, наиболее востребованный сценарий: у нас есть серверная часть, которая предоставляет REST API. Часть его методов требует, чтобы пользователь веб-приложения был авторизован.

Читать дальше →
Total votes 51: ↑46 and ↓5 +41
Comments 78

Верстка: отображаем пользовательский контент

Reading time 8 min
Views 33K
Под пользовательским контентом в этой статье мы понимаем любой текст на странице, автором которого является пользователь. Чаще всего это комментарии, пользовательские записи «на стене» в микроблоге, информация «о себе» в профиле и все в таком роде. Задача не то чтобы очень сложная, но требует внимательности и хорошего понимания основ верстки. В этой статье сделана попытка собрать воедино то наиболее важное, что нужно знать о верстке, включающей пользовательский текст.


Читать дальше →
Total votes 57: ↑53 and ↓4 +49
Comments 18

Отечественный игрострой в деле: аркада Creepy Road вышла на Kickstarter

Reading time 2 min
Views 4.2K


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

Сейчас появилась еще одна игра, получившая название Creepy Road. Анонсировали ее еще в прошлом году, на выставке «ИгроМир 2015». Писали о ней на 3dnews, Gamedis и прочих ресурсах (на Geektimes только пару раз упоминали в комментариях). Сюжет игрушки заключается в том, что главный герой отправляется к своей подруге, но в итоге оказывается в гуще проблем — вокруг враги, куча злобных животных (даже птицы и те похожи на исчадий ада) и довольно странное окружение.
Читать дальше →
Total votes 16: ↑10 and ↓6 +4
Comments 12

Опыт переезда для работы программистом в Берлин (часть 1)

Reading time 7 min
Views 76K
Добрый день.

Представляю на суд общественности материал о том, как я за четыре месяца получил визу, переехал в Германию и нашел там работу.

Считается, что для переезда в другую страну нужно сначала долго искать работу удаленно, потом, в случае успеха, ждать решения по визе, и лишь после паковать чемоданы. Я решил, что это далеко не оптимальный способ, поэтому пошел другим путем. Вместо того, чтобы искать работу удаленно, я получил так называемую «визу на поиск работы», въехал в Германию, нашел здесь работу и уже после подал документы на Blaue Karte. Во-первых, в этом случае документы не ездят из страны в страну, и время ожидания визы значительно уменьшается. Во-вторых, поиск работы на месте радикально повышает ваши шансы, и это тоже заметно ускоряет процесс.
Читать дальше →
Total votes 49: ↑48 and ↓1 +47
Comments 156

Ember.js — прощай MVC (часть 1)

Reading time 6 min
Views 27K
Предлагаю вашему вниманию перевод статьи Ember.js  —  Goodbye MVC (Part 1).

На конференции EmberConf 2015 Йегуда Кац и Том Дейл сообщили о скором появлении некоторых изменений в Ember 2. В частности, наибольшее внимание привлекли маршрутизируемые компоненты. Они позволяют признать контроллеры устаревшими и убрать их. Конечно, это встревожило многих пользователей Ember, так как Ember и Sproutcore всегда были клиентскими фреймворками MVC.
Читать дальше →
Total votes 15: ↑14 and ↓1 +13
Comments 22

Люди и организации будущего

Reading time 7 min
Views 54K
Эссе по мотивам книг Фредерика Лалу «Открывая организации будущего» и Семлера Рикардо «Маверик. История успеха самой необычной компании в мире»
Человек – существо социальное. В весьма интересной, хорошо написанной и познавательной книге Фредерика Лалу в первой части коротко и понятно систематизируются организационные системы, объединявшие людей раньше и объединяющие их теперь.
image

А потом наглядно показывается, как на фоне преобладающих сегодня иерархических схем управления уже в достаточно массовом порядке рождаются принципиально новые схемы организаций. Этот новый тип организации, называемый автором «эволюционная бирюзовая модель» подробно изучен и описан на примере 12 организаций самого разного типа (от заводов до центров медицинского обслуживания и школ).
Читать дальше →
Total votes 7: ↑7 and ↓0 +7
Comments 44

Чему я научился, перестав работать с девяти до пяти

Reading time 4 min
Views 45K


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

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

Через два поколения и несколько десятков лет многое изменилось. Я ненавижу всё простое и предсказуемое, не люблю офисы, не хочу «не высовываться» и обожаю выходить за рамки зоны комфорта.

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

В результате, появился новый класс работников: те, чьё положение и рабочее время ни от чего не зависят. Цифровые странники проводят время, путешествуя и работая – фрилансят на Бали, управляют бизнесом в Барселоне или работают на фирму из Сан-Франциско, находясь в Сингапуре. По всему миру нас таких тысячи, и я не представляю себе другой жизни.

Всё яснее становится тот факт, что время, проведённое в офисе и продуктивность не обязательно связаны друг с другом. Чего один работник может достичь за четыре часа, другой сможет только за восемь. Некоторые более эффективно работают утром, другие – вечером. Некоторым нравится работать в офисе, а другим – нет.
Читать дальше →
Total votes 37: ↑33 and ↓4 +29
Comments 90

7 правил создания красивых интерфейсов

Reading time 8 min
Views 180K


Недавно мы в «Я люблю ИП» закончили курсы по дизайну от trydesignlab.com. И это одна из самых важных статей, которую нам посоветовал ментор в процессе обучения. Именно поэтому мы решили её перевести. Посмотреть все наши работы с курсов можно в ВКонтакте по тэгу #design101@iloveip.

Вступление


Сначала о главном. Это руководство не для всех. Это руководство прежде всего для:
  • разработчиков, которые хотят уметь делать хорошие интерфейсы для себя, если вдруг прижмёт;
  • UX-дизайнеров, которые знают, что хороший UX-дизайн продаётся лучше в красивой UI-упаковке.

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

А пока давайте я расскажу, что вы найдёте в этой статье.

Читать дальше →
Total votes 86: ↑81 and ↓5 +76
Comments 34

50+ лучших дополнений к Bootstrap

Reading time 5 min
Views 202K


Благодаря популярности CSS фреймворка Bootstrap, для него разработали массу различных дополнений. Даже сейчас вы можете использовать Bootstrap практически для любой задачи при разработке и оформлении вебсайта.

Для статьи я подобрал наиболее полезные дополнения «на все случаи жизни».
Читать дальше →
Total votes 123: ↑111 and ↓12 +99
Comments 25

О возможностях RAW для новичков

Reading time 9 min
Views 110K
Камеры и разнообразнейшие мобильные гаджеты, умеющие фотографировать, уже стали привычными предметами повседневности. Кому сейчас придёт в голову, например, переписывать какой-то нужный текст, когда можно просто достать смартфон и отщёлкать нужные страницы? Зачем пытаться объяснить на словах, как выглядит что-то, если можно это что-то отснять и потом просто предъявить фото на планшете? Сегодня фотографировать не умеют разве что пылесосы — и то не факт, что скоро производители не научат делать это и их тоже. Вон, камеры, не требующие питания, уже сделали.



Совершенно закономерным этапом совершенствования цифровой техники стал тот факт, что формат RAW вырвался из рамок профессиональных зеркальных фотоаппаратов и стал появляться и в «мыльницах», компактах и даже в смартфонах/планшетах. И если вы являетесь обладателем девайса, поддерживающего функцию съёмки в RAW, но не знаете, что это и с чем это едят — вам под кат. Формат RAW — довольно интересная и дающая массу творческих возможностей штука, хотя и требующая умения с собой обращаться…

Пост расчитан на новичков и тех, кто совершенно не в теме RAW-файлов. Любители фотографии вряд ли найдут здесь для себя что-либо новое, но могут помочь новичкам в комментариях. ;)

Achtung! Под катом тяжеловесные GIF'ки.
Эх, куда делись полароиды...
Total votes 70: ↑65 and ↓5 +60
Comments 86

Мои 3 правила, как не быть хомяком в колесе. Личный опыт GTD

Reading time 5 min
Views 39K
Пару дней назад совершенно случайно наткнулся на блог «интернет манимейкера», которого когда-то читал лет 5-6 назад. Судя по датам постов, блог был все еще живым и автор продолжал открыто выкладывать цифры о своем заработке. Я решил пробежаться по постам и оценить успехи этого блоггера. Уже через минуту я был просто поражен!

За последние 5 лет заработок человека не только не вырос, но даже немного уменьшился. Все эти годы он продолжал заниматься все тем же: продажа ссылок с сайтов, контекстная реклама, партнерки и т.п. Для студента в 2008 году заработок в $800/мес вполне был неплохим доходом. Но на дворе уже 2015 год, а у чувака все те же $700-800!

image
Читать дальше →
Total votes 27: ↑21 and ↓6 +15
Comments 23

Оптимизация кода с помощью RequireJS: как это делается и для чего это нужно

Reading time 3 min
Views 34K
В своем предыдущем посте я рассказал о том, как подключить RequireJS к своему проекту. Кроме того, пообещал рассказать об оптимизации. Оптимизировать проекты, построенные на RequireJS очень быстро и легко. Причём оптимизации подлежит как сам код (скрипты, библиотеки, плагины) так и файлы стилей.
Читать дальше →
Total votes 21: ↑14 and ↓7 +7
Comments 17

API консоли Javascript

Reading time 15 min
Views 36K
Разработчикам удобно пользоваться консолью для отладки, но ещё удобнее, если будет оболочка, в которой учтены особенности реализации консоли в различных браузерах, поэтому тема обёрток для консоли устойчиво существует.

Рассмотрим ранее опубликованные решения, затем сделаем обзор методов консоли с помощью перевода недавней статьи Axel Rauschmayer-а, разработчика и консультанта с более чем 15-летним стажем, затем я опубликую некоторые свои решения, которые оказались удачными в процессе эволюции и отладки на ряде проектов.
UPD 2015: обновление таблицы команд до актуального состояния, Github (ru, en; разворачивание на javascript).
ой, сколько букв
Total votes 51: ↑50 and ↓1 +49
Comments 30

Самые нужные плагины для Gulp

Reading time 6 min
Views 161K


Это пост можно сказать является дубликатом моей предыдущей подборки “Самые нужные плагины для Grunt”. Дело в том, что спустя много часов поиска я не нашел крутых плагинов для Gulp, которых нет для Grunt за исключением пары весьма специфичных утилит. Всё как раз наоборот, но проигнорировать множество пользователей Gulp я не мог. Все недостающие плагины я выделил, потому что Gulp умеет использовать их из Grunt, как и Grunt из Gulp.

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

У веб-разработчиков есть прекрасный инструмент для автоматизации массы задач, который называется Gulp. И моя страсть к таксономии заставила себя собрать огромную коллекцию почти из 100 ценных плагинов для этого сборщика. Думаю многие кто уже использует Gulp найдут для себя что-то нужное, а кто нет, глядя на возможности, получит хорошую мотивацию установить его и понять как эта штука работает.

А еще я выложил подборку на GitHub, чтобы каждый мог пополнить коллекцию.
Читать дальше →
Total votes 54: ↑46 and ↓8 +38
Comments 30

Xiaomi представила экстремальную камеру за 64 доллара: акции GoPro Inc. обвалились на 4,9%

Reading time 1 min
Views 50K
Третий в мире производитель смартфонов Xiaomi представил носимую видеокамеру для экстремальных видов спорта Yi Action Camera, которая стоит 64 доллара и по некоторым характеристикам превосходит GoPro Hero. Капитализация производителя GoPro уменьшилась на 4,9 процента.

image
Читать дальше →
Total votes 82: ↑80 and ↓2 +78
Comments 114

Ликбез: почему дома интернет по Wi-Fi тормозит

Reading time 5 min
Views 284K


Классическая схема включения услуг Интернет в многоквартирном жилом доме выглядит следующим образом: ТКД (точка коллективного доступа) — витая пара — роутер в квартире клиента, к которому подключены клиентские устройства по проводу и по Wi-Fi.

Характерные жалобы абонентов – скорость ниже тарифа, и возникают регулярные «замирания» при работе в интернете, что выражается долгим открыванием страниц в браузере, прерываниями видео, потерей связи с игровыми серверами и т.д. Данное поведение носит нерегулярный характер, а наиболее часто возникает в часы наибольшей пользовательской активности примерно с 18:00 до 23:00 в зависимости от города.

Есть несколько простых шагов, которые позволят определить возможную причину подобных проблем и решить 90% пользовательских ситуаций. Они ниже.
Читать дальше →
Total votes 87: ↑54 and ↓33 +21
Comments 164

12 игр, которые обучают детей программированию

Reading time 10 min
Views 287K


Программирование сейчас очень популярно. По всему миру 36 миллионов детей принимают участие в мероприятиях движения «Час программирования». Цель этих мероприятий – помочь детям стать активными, а не пассивными пользователями технологий, а также получить знания, которые в будущем могут помочь устроиться на хорошую работу в нашем все более и более техническом мире.

Даже если ваши дети не хотят в будущем зарабатывать на жизнь программированием, базовое понимание принципов программирования развивает мышление и, в дальнейшем, ребенок лучше справляется с решением возникающих задач. Билл Гейтс когда-то сказал: «Если вы учитесь создавать программы, это развивает ваш разум, помогает вам лучше мыслить и создает образ восприятия вещей. В целом, я думаю, что человеку это будет полезно вне зависимости от сферы его деятельности».

Такие платформы, как Scratch и Alice позволяют детям (и взрослым) создавать собственные игры и анимации, используя упрощенные методы программирования. Однако не всем детям это интересно. И вот для таких детей существует множество игр, которые обучают базовым принципам программирования в веселой и доступной форме.

Читать дальше →
Total votes 61: ↑58 and ↓3 +55
Comments 32

Сайт с нуля на полном стеке БЭМ-технологий. Методология Яндекса

Reading time 29 min
Views 107K
На прошлой неделе BBC рассказала, что для новой версии главной страницы использовала методологию БЭМ, созданную в Яндексе. По такому случаю мы решили поднять материалы мастер-класса «Разрабатываем сайт с нуля на полном стеке БЭМ-технологий» и рассказать вам, как начать использовать полный стек БЭМ-технологий в своих проектах.

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



В статье мы расскажем, в чём преимущество вёрстки независимыми блоками и что такое уровни переопределения, познакомимся с готовыми библиотеками блоков и инструментами для автоматизации сборки. Покажем, как разные инструменты — например, autoprefixer, css-препроцессор Stylus или модульная система YModules — упрощают жизнь разработчика и создают по-настоящему удобную платформу, если встроить их в процесс разработки по БЭМ.

На живом примере мы объясним, в чём польза декларативного подхода, когда одни и те же идеи можно использовать как для CSS, так и для JavaScript. Отдельно остановимся на декларативных шаблонах BEMHTML и BEMTREE, которые позволяют преобразовывать данные в БЭМ-дерево, описанное в формате BEMJSON и, затем в HTML. Рассмотрим в деталях, как написать серверную часть приложения по БЭМ-методологии.
Читать дальше →
Total votes 96: ↑79 and ↓17 +62
Comments 37

Information

Rating
Does not participate
Location
Тульская обл., Россия
Date of birth
Registered
Activity