Алексей

Правила везде одинаковые - вопрос в назначении проекта и профессионализме исполнителя. В рунете очень большой процент качественных сайтов среди утилитарных. В Европе дизайн сайтов - дно в основном, несмотря на развитый дизайн в целом.

Заходя на какой-нибудь Behance среди действительно круто продуманных работ часто вижу именно работы из СНГ. Но у нас сильное отставание по типографике - мало качественных кириллических шрифтов. Также у нас мало крутых промосайтов.

Изучайте сетки и работу с пространством, подбор цветовых палитр, типографику. Изучайте Photoshop и развивайте насмотренность. В вёрстку тоже полезно заглянуть - не знаю как сейчас, но раньше на западе действовало правило - сам нарисовал - сам сверстал. Это как минимум помогает понять как делать дизайн для реального мира. Чтобы делать действительно крутые сайты - нужно также развивать другие художественные навыки - уметь на бумаге нарисовать крутой шрифт или уметь накидать что-то в 3D.

У разных людей разная предрасположенность к профессиям, и не у всех она к IT - многие просто из-за денег идут. А потом охреневают. Халявы тут нет, - за деньги приходится работать и постоянно укладываться в сроки, а не чаи целыми днями гонять. И это ОК, пока тебе это нравится, но спустя несколько лет опыта - всё уже кажется однообразным и остаются только бабки и особенности профессии (мозг круглые сутки забит работой, сидячий образ жизни, быстрое устаревание технологий - трата времени на изучение того, что тебе не особо хочется изучать), которые по-началу нивелируются интересом.
Нужно идти туда, куда тянет - нормальные деньги толковому спецу везде можно зарабатывать, но, возможно, не так быстро и не без смекалки.

Хочешь сразу на все платформы и дёшево (и достаточно простой проект), готов к тому что функционал может быть порезан из-за невозможности реализации? ReactNative

Много бабла и нужно бескомпромиссное качество - только native.

Думаю, этих двух предложений хватит чтоб говорить с заказчиком =)

Как альтернатива Robomongo - Mongochef
Преимущество: на несколько месяцев раньше начала поддерживать Mongo 3 (возможно и дальше будет по новым версиям обгонять)
Недостаток: для коммерческого использования - платная

Основная причина по которой поддерживался IE8 долгое время - это то что это последний поддерживающийся IE в Windows XP. Относительно недавно доля этой ОС была не маленькой - сейчас уже под вопросом нужно ли делать под IE10 (для новых проектов - старые и так из статистики знают что им нужно).

https://habrahabr.ru/company/ua-hosting/blog/278473/

https://github.com/search?utf8=%E2%9C%93&q=automat...

Ещё могу порекомендовать поискать в рунете по запросу автоматичесоке реферирование текстов.

Много времени прошло, но отвечу - может кому понадобится:
Краткое учебное пособие по базовым возможностям: www.ict.edu.ru/ft/005295/mx36.pdf

1. Если совсем js и html - phonegap в помощь
2. Если хочется чего-то поприличнее, с нативным интерфейсом, но тоже на js - https://www.nativescript.org/
Из Вашего списка требований оба всё умеют, но есть вопрос с циферкой на иконке. С NS точно можно реализовать, но тут проще Swift выучить
3. Выучить Swift - посмотрите на документацию swiftbook.ru/doc он по синтаксису очень на ES6 похож (а ещё больше на TypeScript). Мне этот путь не кажется таким сложным, после того как я документацию глазами пробежал.

По-поводу Хакинтоша - слышал что сборка от Niresh самая безгеморная в установке. Если поставите - напишите в коммент как оно. С выкладкой в AppStore проблем быть не должно - на прошлой работе iOS'еры на Хакинтошах сидели - плакали, но кактус ели.

Можно обычные партнёрки для сайтов посмотреть - прямые ссылки на товары с получением процента с продаж.
https://www.admitad.com/ru/

Сам с этим не работал, так что не ругайте.
Есть такой пример: www.bdcc.co.uk/Gmaps/ll_grat_v3_demo.htm

Судя по коду, если ничего не упустил, нужно подключить GoogleMaps и эту библиотеку: www.bdcc.co.uk/Gmaps/v3_ll_grat.js

и добавить следующий код:

var map;
var grid;

function initialize() {
    map = new google.maps.Map(document.getElementById('map_div'), {
        center: new google.maps.LatLng(51, -1),
        zoom: 10,
        maxZoom: 21,
        mapTypeId: google.maps.MapTypeId.SATELLITE,
        panControl: false,
        draggableCursor: "default",
        streetViewControl: true
    });

    grid = new Graticule(map, true);
}

По-поводу определения на какой квадрат кликнули - получайте из GoogleMaps API координаты клика в latitude/longitude и сопоставляйте с координатами сетки.

Я с этим дела не имел, но навскидку можно flickr попробовать: https://www.flickr.com/services/api/

//объявляем глобальную переменную - можно где нибудь в index.html или где удобно с языком по-умолчанию:
SYSTEM = {
    lang: ru
}

var template = Handlebars.compile(templateTpl);

//Наряду с переменными передаваемыми в шаблон, передаём объект с переводами
var  lang: = {
        ru: {
             name: "Имя"
        },
        en: {
             name: "Name"
        }
}

var data = {
    myVar1: '',
    myVar2: ''
}

var templateData = $.extend({}, {lang: lang[SYSTEM.lang]}, data);
this.$el.append(template(templateData));

Темлейт:

<div>
    <span>{{lang.name}}</span>
    <span>{{myVar1}}</span>
    <span>{{myVar2}}</span>
</div>

Меняем язык и вызываем перерисовку страницы - что-то типа:

SYSTEM.lang = 'en';
Backbone.history.navigate(window.location, {trigger:true});

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

Как раз для основного текста они и сделаны - засечки позволяют вам лучше (быстрее, легче) читать длинный текст. Засечки как бы пол и потолок строки направляющие взгляд горизонтально и не позволяющие случайно перескакивать со строчки на строчку + буквы лучше различаются благодаря большему количеству деталей.

Это в теории. Сегодня больше к стилю относится - старое, надёжное, авторитетное, хипстерское - с засечками, современное, свободное, молодое - без засечек.

props только для чтения - параметры переданные из <MyElement param1={param1} param2={param2} />

state текущее состояние элемента, которое мы можем переписать в любой момент внутри элемента

Ну, начнём с разрыва шаблона - это не дерево.
У нас двое родителей у каждой ноды, любое количество детей, а ещё могут быть инцесты...

Не дерево, но граф.
Вот вам песочница с готовым примером(по-другому ссылка не вставилась):

http://cpettitt.github.io/project/dagre-d3/latest/demo/interactive-demo.html?graph=%2F*%20Example%20*%2F%0Adigraph%20%7B%0A%20%20%20%20%2F*%20Note%3A%20HTML%20labels%20do%20not%20work%20in%20IE%2C%20which%20lacks%20support%20for%20<foreignObject>%20tags.%20*%2F%0A%20%20%20%20node%20%5Brx%3D5%20ry%3D5%20labelStyle%3D"font%3A%20300%2014px%20%27Helvetica%20Neue%27%2C%20Helvetica"%5D%0A%20%20%20%20edge%20%5BlabelStyle%3D"font%3A%20300%2014px%20%27Helvetica%20Neue%27%2C%20Helvetica"%5D%0A%20%20%20%20yourvirtualnode%20%5Bshape%3Dcircle%2Cwidth%3D.01%2Cheight%3D.01%2Clabel%3D""%5D%0A%20%20%20%20%0A%09"Отец%20жены"%20->%20"Жена"%3B%0A%09"Мать%20жены"%20->%20"Жена"%3B%0A%09"Отец%20мужа"%20->%20"Муж"%3B%0A%09"Мать%20мужа"%20->%20"Муж"%3B%0A%09%0A%20%20%20%20"Муж"%20->%20yourvirtualnode%20%5Barrowhead%3Dnone%5D%0A%20%20%20%20"Жена"%20->%20yourvirtualnode%20%5Barrowhead%3Dnone%5D%0A%20%20%20%20%0A%20%20%20%20yourvirtualnode%20->%20"Ребёнок%201"%0A%20%20%20%20yourvirtualnode%20->%20"Ребёнок%202"%0A%20%20%20%20yourvirtualnode%20->%20"Ребёнок%203"%0A%7D%0A%20%20

Описание синтаксиса смотреть тут: www.graphviz.org/content/dot-language
Сама либа на D3: https://github.com/cpettitt/dagre-d3
И ещё одна реализация: https://github.com/mdaines/viz.js