• Фильтр JSON данных?

    In4in
    @In4in
    °•× JavaScript Developer ^_^ ו°
    var newJson = json.filter(function(e){
       return e.attributes.attribute_pa_color == "navy";
    });
    Ответ написан
    Комментировать
  • Как сделать хороший интернет магазин....не можем уже 2 года сделать?

    @FoxInSox
    Скупой платит дважды, так что www.artlebedev.ru
    Ответ написан
    Комментировать
  • Почему популярна html минификация?

    Sanes
    @Sanes
    Это борьба с ветряными мельницами. Не вижу в каком месте это популярно.
    Ответ написан
    Комментировать
  • Какие задачи нужно уметь выполнять на JS начинающему?

    copist
    @copist
    Empower people to give
    Какие задачи нужно уметь решать на чистом JS, перед тем как переходить к изучению библиотек и фреймворков?


    Кроме синтаксических конструкций, математических и логических выражений, нужно знать:
    • Область видимости переменных
    • Замыкания
    • Объектно-ориентированное программирование, в частности наследование через прототипы
    • Шаблон проектирования "модуль"
    • Операции над DOM
    • Понимание принципов событийно-ориентированного программирования
    Важно - нужно знать, откуда копипастить.
    Тебе нужно быть очень хорошо знакомым с одной-двумя-тремя популярными библиотеками на JavaScript. В идеале ты должен иметь представление о том, что определённый класс задач может быть решен с помощью определённых библиотек, хотя бы одной, но такие знания приходят с практикой. Вообще ты должен быть знаком с ними так близко, чтобы помнить, в какой части мануала по библиотеке можно найти описание форматов входных данных нужной тебе функции и какой будет результат, чтобы скопировать и вставить в свой код, а потом поправить, чтобы работало.

    Важно - инструменты программиста JavaScript
    У тебя должен быть удобный инструмент для разработки (IDE, Integrated Development Environment), чтобы он тебе подсвечивал код (syntax highlight) и подсказывал о синтаксических ошибках (syntax check), о формальных параметрах функций (type hinting), о стиле кодирования (code style), помогал писать код (live templates).
    Ты должен знать, как отлаживать скрипты в популярных браузерах (Firebug, Chrome Developer Tools и другое). Что такое точки останова, как управлять исполнением во время останова, как посмотреть и поменять содержимое переменных, как настроить останов по условию.

    Хотелось бы узнать что это за задачи(упомянутые вами 80%)


    Реальные задачи джунов:
    1. Возьми из сборника задач по javascript любой скрипт случайно и вслух расскажи, что он делает.
      Важно - читать и понимать чужой код намного важнее, чем писать свой. И на работе тебе это приддётся делать чаще, чем ты думаешь. Чтобы подключить к своему проекту чужую JS либу, нужно понимать что она делает, как она конфигурируется, как управлять её поведением. Скажу точно, что написать свой скрипт, который строит графики, намного сложнее, чем понять, как настраивается highcharts.

    2. Напиши скрипт на JS, который в заданном тексте удалит один или два символа, выбранных случайно
      1. Усложнение: удалять можно только буквы в словах, а знаки пунктуации и цифры удалять нельзя
      2. Усложнение: принять, что этот текст является программной на Javascript, удалить одну-две команды JS, но только если они не в строковых литерах (break как команду удалить можно, а в строке "break my heart" нельзя)
      3. Усложнение: воспользуйся этим скриптом и "попорти" код какого-нибудь другого скрипта на Javascript, а потом отладь, найди ошибку и восстанови работоспособность
      Важно - этим обычно все и занимаются - ищут баги. Только в реальной жизни они и без этого скрипта появляются. И не по одному, а прям пачками.

    3. На страницу HTML нужно встроить график курса доллара по отношению к рублю. Формат входного массива значений курса определи сам, исходя из своего скрипта для построения графиков.
      1. Усложнение: на одном графике должны быть два курса, по разным шкалам. Наприме, курс доллара к евро и курс юаня к рублю
      2. Усложнение: первоначально график вывести в детализации по месяцам, но чтобы можно было "приблизить" (drilldown) детализацию до дней
      3. Усложнение: первоначально график вывести текущем месяце, но чтобы можно было загрузить данные для предыдущего месяца без перезагрузки страницы (AJAX)

    4. При клике по картинкам, вставленным в текст HTML, показывать всплывающее окно для просмотра увеличенной картинки.
      1. Усложнение: в всплывающем окне сделать навигацию по картинкам, вперёд/назад и к нужной картинке
      2. Усложнение: в всплывающем окне вместо картинки показать видео-ролик с Youtube
      3. Усложнение: в всплывающем окне показать текст HTML

    5. По клику на кнопку "Click me" показать всплывающую форму.
      1. Усложнение: реализовать проверку данных на корректность перед отправкой формы (непустое значение, минимальное количество символов, максимальное количество символов, минимальное числовое значение, максимальное числовое значение)
      2. Усложнение: если в значении текстового поля встретилась гиперссылка, то считать её за 22 символа при любой длине этой ссылки (как в твитере)
      3. Усложнение: реализовать отправку формы на сервер через AJAX, без перезагрузки страницы
      4. Усложнение: саму форму в виде HTML загрузить с сервера через AJAX, в момент клика по кнопке "Click me", правила проверок данных должны как-нибудь "извлечься" из самой загруженной формы, например из аттрибутов полей ввода

    6. К форме ввода данных на поле ввода даты "навешать" всплывающий календарь для выбора даты.
      1. Усложнение: сделать форму календаря мультиязычной. Хотя бы через настройки на том же JavaScript
      2. Усложнение: сделать так, чтобы с помощью календаря можно было выбрать диапазон дат, чтобы она была привязана к двум полям формы "дата начала" и "дата окончания", и чтобы значение в поле "дата начала" обязательно была меньше чем в поле "дата окончания"
      3. Усложнение: сделать так, чтобы с помощью в календаре можно было видно визуально этот диапазон
      4. Усложнение: диапазон может быть открытым, но не пустым, то есть пользователь должен задать хотя бы дату начала или дату окончания.

    7. Сделать пред-просмотр веб-страницы HTML с разными темами. Тему страницы выбирать через селектор на javascript, а показывать в фрейме.
      1. Усложнение: сделать селектор "тип устройства", чтобы менять размер фрейма (например, "iPhone 5c 1136x640") и "чекбокс" для смены ориентации страницы "горизонтальная" или "вертикальная" (соответственно 1136x640 или 640x1136)
      2. Усложнение: в селекторе тем предусмотреть поиск тем по подстроке, и аналогично поиск устройств по части названия (авто-дополнение, auto-complete)
      3. Усложнение: тема страницы должна меняться без перезагрузки фрейма



    Задачи повышенной сложности, исходя из личного интереса
    1. Реализовать форму для многошагового мастера: форма должна состоять из нескольких страниц (шагов), пользователь может переключать страницы через какие-нибудь элементы управления "вперёд/назад" или "перейти на страницу".
      1. Усложнение: реализовать функциональную связь значений, когда некоторые данные зависят друг от друга (ввёл число в поле "количество" и в поле "сумма" значение пересчиталось)
      2. Усложение: доступность некоторых полей ввода должна зависеть от данных (например, если указал "есть личный самолёт", то значит можно ввести "марка самолёта")
      3. Усложение: видимость некоторых страниц должна зависеть от данных из предыдущих страниц (например, если указал "есть личный самолёт", значит появилась страница "ТТХ самолёта"; иначе страница должна скрыться)

    2. Реализовать однопользовательскую браузерную игру "змейка", "тетрис", "найди пару"
    3. Реализовать многопользовательскую браузерную игру "крестики-нолики", "морской бой" на два игрока в режиме "hot seat"
      1. Усложнение: два игрока на разных компьютерах, ходы передаются по websocket
      2. Усложнение: ограничение на ожидания окончания хода 15 секунд, по окончании ожидания автоматически делается случайный ход

    4. Реализовать todo-list. Пользователь вводит список, затем он превращается в строки с "чек-боксами". Когда "чекбокс" включен, строка зачёркивается.
      1. Усложнение: пользователь может переименовывать, удалять, добавлять строки
      2. Усложнение: список хранить в localStorage браузера, чтобы при перезагрузке страницы он восстанавливался
      3. Усложнение: пользователь может иметь несколько независимых списков todo

    5. Реализовать простой графический редактор. Пусть рисуется точка в месте, где пользователь кликнул.
      1. Усложнение: добавить переключатель режимов "точка"/"линия", в режиме "линия" рисуются линии между двумя последовательно кликнутыми точками
      2. Усложнение: можно менять толщину, цвет линий, размер точек
      3. Усложнение: последовательность кликов можно воспроизвести ещё раз с самого начала, равномерно или с реальной задержкой между кликами, с обычной скоростью или ускоренно
      4. Усложнение: можно выгрузить получившийся рисунок в формате PNG или SVG, причём SVG c анимацией воспроизведения



    Можно использовать любую существующую библиотеку.
    Например,
    для построения графиков www.highcharts.com
    для загрузки и передачи данных через AJAX: jquery.com + что-нибудь на сервере
    для всплывающих диалогов с картиками, видео и формами: fancyapps.com/fancybox и https://jqueryui.com/dialog/
    для валидации форм rickharrison.github.io/validate.js
    для календаря https://jqueryui.com/datepicker/
    для автодополнения https://jqueryui.com/autocomplete/
    для передачи данных между несколькими пользователями socket.io или обычный AJAX
    Ответ написан
    16 комментариев
  • CSS Как правильно прописать стили для текста?

    @AndreyMyagkov
    Дизайнер молодец, деньги свои отработал по полной)
    Ответ написан
    Комментировать
  • Вы тоже постоянно всё забываете из программирования?

    Норма. Расслабьтесь и получайте удовольствие. Лично я в процессе разработки выписываю самые интересные моменты в "шпаргалку", чтобы через год, когда потребуется вспомнить, гуглить пришлось в несколько раз меньше.

    Запоминаться будет лишь то, с чем вы работаете регулярно.
    Ответ написан
    Комментировать
  • [PHP] Как генерировать алфавит для разных языков?

    w999d
    @w999d
    Web-developer
    $alphabet = "abc....xyz";
    foreach (preg_split('//u', $alphabet, -1, PREG_SPLIT_NO_EMPTY) as $char){
        echo $char;
    }

    искать последовательности в utf-8 - гиблое дело. алсо удачи с японским
    Ответ написан
    1 комментарий
  • Как прeодолеть зону комфорта, стать фрилансером не обанкротившись?

    kumaxim
    @kumaxim
    Web-программист
    Для начал ответь сам себе на вопрос "А чем тебе неудобна текущая золотая клетка"? Можешь не писать здесь, но определись для себя.

    Далее нужно осознать, что фриланс - это подвид бизнеса. Есть книжка Р.Киосаки "Квадрант денежного потока". Там всех людей, работающих в экономике разделяют на 4 части:
    1. Р - наемные работники
    2. П - предприниматели
    3. Б - бизнес
    4. И - инвесторы

    Фриланс - это сегмент П. Ты работаешь один, возможно зарабатываешь больше чем работая по найму, но вот ты заболел, продуло тебя где-то, температура 38.5.... Сомневаюсь что ты из стали сделан и сможешь в таком состоянии писать код.
    Сегмент П очень хорошо охарактеризовал г-н Залогин из Локус Медиа. Он сказал примерно так: "Вы человек-велосипед - пока крутите педали - едите, как только перестали - упали"

    Переходя к твоему вопросу о выходе из зоны комфорта.
    Первое что рекомендую перед началом своего бизнеса - оплати все долги. Закрой ипотеку, погаси автокредит, все потребительские заемы и т.д. В случае если ты провалишься(первый блин, обычно, комом) по крайней мере ты со своей семьей не под мостом окажешься.
    Второе - содержание семьи. Никакие твои заработки не должны влиять на твою жену/ребенка. Твои родные, как минимум, должны иметь крышу над головой + еду на столе. Посчитай сколько ты платишь за комуналку + еду. Далее умножаешь эту сумму на 24 месяца. Это финансовая подушка твоей семьи.
    Третье - планирование. Бизнес без бизнес-плана - это не более чем хобби. С 16 лет стремился зарабатывать в сети. Продавал ссылки на sape.ru в 2008-2009, работал с трафиком в 2010-2012, продавал китайские безделушки с 2013-2014... Сейчас ушел в разработку одного SaaS-решения. Первые пару месяцев оптимизм из ушей хлещет, думаешь "Да все будет, да это фигня, преодалею...." Но вот начинаются черные полосы: ТИЦ сайта в планируемый апдейт не вырос до нужного значения, твой сайт на 9 месте в выдаче, вместо требуемой тебе 3-4 позиции, товар из Китая на таможне завис.... Да я могу до бесконечности перечислять проблемы, которые возникали у меня... А время - деньги: тебе нужно платить аренду, зарплату, рекламу, кредиты и т.д. Не платишь - начинается ругань, из Максима Александровича я сразу превращаюсь в мошенника, кидалу, сволочь... эх, во общем суть ты понял. Думай на 2 шага вперед, вот что я хочу сказать
    Четверное - не делай бизнес с полного нуля. Перт Осипов(проект Бизнес Молодость) в каком-то из видео говорил, что мы не ценим самое ценное что у нас есть, мы воспринимаем это как должное, когда для других людей это может быть сравни бриллианту среди кучи стекляшек. Вы не первый день работайте в ИТ по какой-то специализации, так ведите эту специализацию и дальше. Занимайтесь своим любимым делом.
    Пятое - не пытайтесь все делать сами. Когда я запустил свой самый первый интернет-магазин по Китайским безделушкам я все делал сам: рисовал дизайн, верстал его, настраивал рекламу, обзванивал клиентов, носил товар на почту.... В общем занимался вообще всем! Причем за всей этой рутиной я не видел, что мой сайт работает не эффективно, я упускаю из виду 20% горячих клиентов, 10% моих бандеролей исчезают в глубинах Почты России... Вы как первое лицо компании должны знать все процессы своего предприятия, иначе Вы не сможете им управлять, но Вам не нужно все процессы делать самому. Отдайте часть на аутсорс или делегируйте наемному сотруднику.
    Шестое - я на этом очень сильно обжегся около 3-х лет назад.... Ставьте своим сотрудникам четко достижимые KPI(ключевые показатели эффективности). Например, есть у меня форма заказ обратного звонка на сайте. Человек пишет туда своего Имя и номер телефона, после чего эти данные попадают в CRM. Для менеджеров, которые у меня обрабатывают вызовы клиентов один из KPI звучит так: перезвонить клиенту в течении 15 минут после поступления от него заявки, если она поступила в рабочее время. Причем все KPI Вы должны сформулировать максимально точно и подробно. Я сам с KPI работаю так: есть у человека базовый оклад и базовый набор KPI, которые ему необходимо выполнять. Если он их выполняет - получает оклад, выполняет лучше - получает оклад + премию. Причем оклад у меня сам небольшой, около 6 т.р., но нижняя з/п у меня примерно в 2,5 раза выше.

    Первые 4 пункта - это как мягко выйти, вторые два - как не свалиться.

    В целом о бизнесе в РФ могу сказать что его делать относительно легко. Достаточно просто делать что-то хорошо и по человечески относится к своим клиентам. Примерно за 1 год Вы нарабатываете определенную базу контактов(поставщики/партнеры/клиенты), которые Вас знают и доверяют Вам. А далее главное все это не растерять.

    Вам могут все Ваши родные/коллеги/друзья говорить "Да ты что, сейчас санкции, налоги, коррупция..." Поверьте, все это херня! Под прессом можно работать и зарабатывать, причем когда его снимут - Вы получите взрывной рост. А все эти отговорки про санкции, коррупцию, высокие налоги... Да просто у кого-то очко играет!
    Ответ написан
    14 комментариев
  • Что вы думаете о мейнстримных шаблонных лендингах?

    evnuh
    @evnuh
    Поиск Гугл помог мне, впусти и ты его в свой дом
    Люди открывают спам письма, переходят по ним и ещё и покупают по ним. А вы тут лендинги хороните.
    Ответ написан
    Комментировать
  • Как расчитать стоимость работ по созданию сайта?

    IrishkaDeutsch
    @IrishkaDeutsch
    stadt web studio
    Иван
    Примерные затраты на разработку до инвистиций - цена/срок
    butik.ru - 8 000 000 / 6 месяцев
    lamoda.ru - 14 000 000 / 4 месяца
    wb.ru - 18 000 000 / 8 месяцев
    Ответ написан
    Комментировать
  • Клиент много задает вопросов, как быть?

    @Dum_spiro_spero
    Опишите ситуацию целиком.
    По опыту - бывает ситуация когда клиент хочет чтобы ему не только сделали некую работу, но и научили делать такую же работу самому, рассказали о ситуации на рынке, конкурентах, ценах у конкурентов, и т.п...
    Простой пример - клиент хочет купить компьютер - но сомневается в своих возможностях купить рассыпь комплектующих и все скрутить/собрать. Поэтому у потенциального продавца он выспрашивает массу инфы - чтобы использовать ответственные знания, а не из книжки, и сэкономить на оплате сборщика-компьютерщика. Но возможно в процессе беседы он решит, что игра не стоит свеч и тогда продавец получит свои деньги. Правда таких клиентов все же очень мало.
    Наверное в любой деятельности есть некие моменты связанные с коммерческой тайной, если это не навык формирующийся годами - я могу во всех подробностях рассказать как надо играть на пианино например ))).
    Или то, что клиент мог бы сделать в принципе сам, но не хочет - нет времени-желания-инструмента-навыки недостаточно качественны. И если клиент сам представляет как и что надо делать - то вопросы логичны - потому что способ выполнения работы будет влиять на качество результата. А роль качества может проявиться существенно после гарантийного срока.
    Ответ написан
    Комментировать
  • Горизонтальное меню навигации с иконками?

    @constantant
    <div class="menu">
        <a class="menu-item-bank">Банки</a>
        <a class="menu-item-advice">Советы</a>
        <a class="menu-item-experience">Личный опыт</a>
        <a class="menu-item-expert">Эксперты</a>
        <a class="menu-item-forum">Форум</a>
        <a class="menu-item-news">Новости</a>
    </div>

    .menu{
       position:relative;
    }
    .menu-item-bank,
    .menu-item-advice,
    .menu-item-experience,
    .menu-item-expert,
    .menu-item-forum,
    .menu-item-news{
       display:inline-block
       padding:4px 4px 4px 24px;
       background: transparent url("sprite.png");
       border-bottom-width:3px;
       border-bottom-style: solid;
    }
    .menu-item-bank{background-position:0 0;border-bottom-color:#001}
    .menu-item-advice{background-position:-24px -24px;border-bottom-color:#002}
    .menu-item-experience{background-position:-48px -48px;border-bottom-color:#003}
    .menu-item-expert{background-position:-72px -72px;border-bottom-color:#004}
    .menu-item-forum{background-position:-96px -96px;border-bottom-color:#005}
    .menu-item-news{background-position:-120px -120px;border-bottom-color:#006}


    можно как-то так :)
    Ответ написан
    Комментировать
  • Как отловить ошибку 500 на сервере с centos?

    @Nc_Soft
    Если даже ssh ложится, то это системные проблемы, надо смотреть /var/log/dmesg
    Ответ написан
    Комментировать
  • Можно-ли отобразить изображение без загрузки его на сервер?

    Есть в HTML 5 объект FileReader, который поможет это реализовать.
    Пример, jsfiddle.net/sLnLeLwg
    Документацию можно нагуглить.
    Ответ написан
    3 комментария
  • Продажа собственного PHP кода: как правильно делать?

    FanatPHP
    @FanatPHP
    Чебуратор тега РНР
    Код никто никогда не продает.
    Продают всегда сервис.

    Программисты твой код покупать не будут - у них свой есть, и получше.
    Конечным клиентам код не нужен. Им нужен сайт, или сервис, или услуга. А что там внутри - твой гениальный код или деревянные человечки - его не интересует. Главное, чтобы работало. А работать оно будет только у программиста.

    Вопрос "будут ли покупать" (АКА "есть ли потенциальные клиенты") ты должен был задать себе ДО того, как начинать садиться писать.

    В общем, чем быстрее из твоей головы выбьется дурная мысль о том, чтобы продавать код, тем больше ты сэкономишь себе времени.
    Ответ написан
    10 комментариев
  • Как реализовать автоматическое создание сайтов на wordpress?

    Rikcon
    @Rikcon
    Что бы манипуляции с вордпрессом проводить подойдёт wp-cli.org
    Ответ написан
    Комментировать
  • Верска. Нужен ли див?

    alfaslash
    @alfaslash
    frontend-developer
    Я бы сделал так:
    <footer>
        <small>Copyright 2014</small>
    </footer>
    Ответ написан
    Комментировать
  • Как заставить стабильно функционировать молодую веб-студию?

    renat79
    @renat79
    dude with laptop
    Совсем недавно я вывел для себя такое понятие, как "надежная" и "ненадежная" прибыль.


    У молодой веб-студии в любом случае будут на начальном этапе только "проектные заработки".
    Если вы любите свою работу и делаете ее качественно - работа у вас всегда будет. Позже при удачном раскладе вы сможете создать постоянный финансовый поток за счет "поддержки" и cross-sale. На западе студии зарабатывают именно на этом. Пробуйте продавать сопутствующие услуги - хостинг, SEO продвижение, SMM, консультируйте по автоматизации клиентского бизнеса - например, продавайте ему сервисы по управлению клиентами или сервисы по управлению задачами.

    Экономьте вначале максимально. Вам не нужен офис, бухгалтер и тд. Главное придите на встречу в чистой одежде).

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

    Отладьте весь процесс работы с заказчиком.
    • Продумайте и пропишите в договоре схему оплаты такую, чтобы в любом случае, если ваш клиент "спрыгнет" - вы были бы в плюсе. Это важно.
    • Продумайте основные проблемные моменты, из которые могут возникнуть задержки - очень часто это контент со стороны заказчика, к примеру. Пропишите их в договоре
    • Фиксируйте переписку с заказчиком обязательно. Никаких правок по телефону. Лучший вариант -используйте сервис типа бейскемп или аналог. Мы у себя пользуем русскоязычный ворксекшен


    Тут еще ключевой момент вспомнился - если ВДРУГ клиент хочет и готов заплатить - немедленно ломитесь за деньгой)) завтра может быть уже поздно )

    Ну и потом, когда вы устанете от неадекватных заказчиков - вы будете делать "свой" проект, зуб даю )

    Удачи вам, Ренат
    Ответ написан
    Комментировать
  • Как изменить балун на карте яндекса?

    @QTnub Автор вопроса
    Программист , музыкант , филантроп
    в общем мне никто так и не помог и не объяснил , потратил день и разобрался сам , если кому то будет интересно то именно для такой конструкции необходимо использовать метод setOptions объекта geoQueryResult api.yandex.ru/maps/doc/jsapi/2.1-dev/ref/reference...

    а вот что нужно добавить именно в эту конструкцию чтобы все заработало

    .setOptions({
    iconLayout: 'default#image',
    iconImageHref: 'main/red_marker.png',
    iconImageSize: [20, 35],
    iconImageOffset: [-3, -42],
    balloonContentHeader: 'Тестовый заголовок',
    balloonContentBody: 'Тестовый контент '
    })
    Ответ написан
    1 комментарий