• Что нужно освоить веб разработчику чтобы облегчить себе жизнь?

    tot0ro
    @tot0ro
    Front - end developer
    1. IDE
    2. xdebug
    3. git
    4. composer
    5.bower
    6.npm/bower
    6. less/stulys/sass
    7. grunt/gulp/webpack
    8. apache/nginx
    9. apc/opcache/memcache/varnish etc
    10. bootstrap
    11. VIM!!!!!!!!!
    12. English!!!!!!!!!!
    13. Все дырки через границу
    14. Умение не читать ИТ литературу русских программистов за исключением Макарова, Индутного
    15. Ненавидеть Попова
    Ответ написан
    40 комментариев
  • Как вы создаёте адаптивный дизайн и всегда ли это нужно?

    SuperMax899
    @SuperMax899
    лучшее "спасибо" - кнопка "решение вопроса"
    На абстрактный ответ мог бы ответить абстрактно, но отвечу с вариантами.
    В зависимости от задачи, я опишу не для сервисов или больших сайтов\ресурсов.
    Советую так же прочесть вот эту статью: frontender.info/building-a-better-responsive-website

    Обычно использую bootstrap, который дополняю своими стилями, к примеру, сразу удаляю\перекрываю .row с его -15px margin'ом по сторонам, добавляю класс padding-0 для убирания в некоторых блоках padding'a у col- (который стандартно по 15px).

    Стандартно учитываю разрешения - HD, ноутбучное 1366 и свое чуть меньше 1366 (у меня пуск справа:) ), 1024-960 - старые мониторы и нетбуки, смотрю в диапазоне 768px-960 для некоторых планшетов и телефонов, и меньше 768 для телефонов. Тут дизайн один, через media onlyscreen убираем с загрузки ненужные части.
    Если все сверстано правильно и добавлены везде классы, то сайт будет полностью адаптивным.
    Для тестов меньше 768px проверяю через iphone 5 и старенький android-телефон. (Через Toggle Device mode в Google Chrome получаешь очень сильно разительные результаты в сравнении с устройством - браузеры то другие, хотя большие косяки всплывают сразу.)
    Тут кстати еще (мобильная) кросс-браузерность очень тонкий вопрос. Стиль у каждого браузера свой, особенно у всяких элементов типа input, так что тоже требует проверки и состояний тоже (placeholder, цвет текста в поле).

    Нужно ли это? Безусловно - на любом сайте, в любой отрасли половина трафика с мобильных устройств, это уже стандарт качества, на мой взгляд:)
    Ответ написан
    2 комментария
  • Что все-таки должен уметь делать frond-end-разработчик?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Все то что запускается в браузере - ваша зона ответственности. Ajax (ajax это просто возможность делать http запросы из js), все эти фреймворки и библиотеки, все все все. От бэкэнда вас целиком и полностью отделяет весьма жирная сетевая прослойка. Причем эту прослойку вы так же должны знать как слой интеграции между фронтэндом и бэкэндом (на поверхносном уровне хотя бы).

    По сути сегодня фронтэнд и бэкэнд - отдельные приложения. SPA например - полностью независимое приложение, далее могут быть различные оптимизации и т.д. с сервер сайд пререндрингом где связанность повышается и четко границу ответственности уже не определить (хотя опять же можно). Ну и классический web как ярный пример каши.

    Если фронтэнд - это отдельное приложение, то и знать вы должны все что нужно для его построения. Это и архитектурные штуки (MVC/MVA/MVVM/MVP/Flux/паттерны всякие/функциональное программирование) и тесты писать уметь должны и т.д. Все как у бэкэндщиков по объемам знаний. Просто у бэкэндщиков геморой обычно в конкурентных запросах, локах, базах данных и другими веселыми штуками. а у фронтэндщиков - зоопарк браузеров, различия в окружениях и т.д.

    nodejs - это уже опционально. В любом случае если вы хорошо знаете JS то посмотреть как там чего в API ноды проблемы не составит (например что бы быстренько поднять expressjs сервачек для разработки с мидлвэрами, часто нужно для всяких webpack-ов и browsersync). Ну и опять же билд стэк у фронтэндщиков в принципе весь на ноде написан. Но это не бэкэнд.
    Ответ написан
    4 комментария
  • Как быть с клиентом если не получится зарегистрировать клиенту домен?

    А в чем у вас проблема с регистрацией доменов? На nic.ru вон партнерская программа есть, в которой "партнером может стать любое юридическое лицо, ИП или физическое лицо", наверняка, у других регистраторов тоже.

    Ну а вообще, это же вопрос грамотного обоснования. Вместо (просто пример):
    мы не можем вам домен зарегать, потому что "мы" - это 15-летний школьник

    преподнесите так:
    вы сами выбираете регистратора, напрямую с ним заключаете договор и доступ к вашему домену имеете только вы, а мы поможем советом, если что-то пойдет не так

    У клиента ещё и впечатление останется, что вы о нём заботитесь.
    Ответ написан
  • Что можно написать на Node.js?

    MarcusAurelius
    @MarcusAurelius Куратор тега Node.js
    автор Impress Application Server для Node.js

    Часто применяется для:

    1. Локальные приложения и утилиты командной строки
    • Сборщики и трансляторы
    • Пакетная обработка и сценарии отложенной обработки
    • Скрипты, CLI (интерфейсы командной строки)
    • Генерация документации, отложенное формирование отчетов
    • Сценарии тестирования для других систем

    2. Серверы
    • Серверы веб-приложений и SPA
    • Серверы и API для мобильных приложений
    • Любые другие веб-API (RPC, JSON, REST)
    • Серверы сообщений и трансляция событий (чаты, игры, интерактив)
    • Заплаты на уже готовые системы, написанные на других языках, для реализации вебсокетов, SSE, лонг-пулинга и т.д., т.е. для затыкания дыр, для решения проблем в узких местах уже работающих систем.

    3. Клиенты
    • Оконные приложения (nw.js, node-webkit)
    • Кравлеры, парсеры и сбор данных

    4. Железо
    • Программирование микроконтроллеров (arduino, espruino, tessel)
    • Промышленная автоматизация

    Редко применяется (но подходит) для:
    • CMS, публикация контента (просто ниша уже занята и в этой задаче нода не дает чего-то принципиально нового или сверх соблазнительного).
    • Массовая электронная коммерция и торговля (не применяется для массовых движков магазинов, но используется отдельными крупными компаниями для торговых и платежных задач в качестве дополнительного средства к уже имеющемуся ПО, по сути закрывает узкие места).

    И плохо подходит:
    • Вычисления и моделирование, со скоростью математических операций нода и JS, как не типизированный язык, не дают хороших показателей
    • Научные приложения (по тем же причинам)
    Ответ написан
    10 комментариев
  • Как правильно подойти к созданию landing page?

    XXX
    @XXX
    Решение где-то рядом
    Maxim
    • Определитесь какие товары Вы будете продавать на своей landing page
    • Целевая аудитория, кому нужен Ваш товар
    • Какие фишки у Вашего товара и что стоит выделить
    • Определитесь что Вы хотите получить: продажи, регистрации, звонки
    • Какие контакты должны быть на сайте
    • Какой Вы хотите внешне landing page? Если есть страницы которые Вам нравятся, ссылки на них. Вот большая подборка landing page.

    Запишите это все к ТЗ.

    Посмотрите:
    Как нельзя делать сайты. Открытый доступ к статист...
    Гай Кавасаки «10 способов привлечения внимания от ...

    На хабре почитайте:
    Создаем landing page: чек-лист для новичков
    Landing page, которая работает
    Устройство минималистичных посадочных страниц
    Как сделать самую лучшую посадочную страницу: чеклист из 50 пунктов
    Каждому по Landing Page. Наболевшее
    7 основных принципов юзабилити для интернет-магазинов
    Продающий дизайн интернет-магазина. Часть 1. Аналитика
    Продающий дизайн интернет-магазина. Часть 2. Элементы интерфейса
    Продающий дизайн интернет-магазина. Часть 3. Дизайн элементов

    Но как бы странно это не звучало, не совсем представляю, к кому идти за "помощью"?
    Если сами текст не можете написать, то Вам надо к маркетологу, а не к копирайтеру. Можете еще и сеошника привлечь, если сами не хотите разбираться. Только если траф на лендинг Вы с рекламы гнать будете, по сео работы с Вашим одностраничником совсем мало и можете самостоятельно разобраться.

    Когда Вы знаете что хотите и написали подробное ТЗ, идти Вам к дизайнеру за шаблоном, а потом к вебразработчику за сайтом под ключ. Вместо одного вебразработчика, можете обратится сначала к верстальщику, а потом к программисту. Быстро сайт Вам могут сделать на CMS, либо на фреймворке. Можете например взять wordpress, под него много готовых бесплатных плагинов и тем, может и под свой landing тему найдете и скачаете, а не будете делать с нуля. :)

    Если денег на дизайн и разработку landing page у Вас маловато, то лучше воспользуйтесь готовыми решениями типа ecwid, до 10 товаров там бесплатный тариф, а сэкономленные деньги лучше пустите на рекламу и нагон трафика на Ваш landing.
    Ответ написан
    2 комментария
  • Веб-дизайнер и Верстальщик в одном лице - реально?

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

    В наше время врестальщик, должен быть Front-End Developer'ом, по сему перед тобой лежит выбор. Либо ты углубляешься в программирование, либо в дизайн (т.е. изо). А совмещать это возможно даже и не имеет смысла. Конечно, дяде заказчику возможно и проще для себя найти одного исполнителя, делающего ВСЁ, и не заморачиваться, однако сомневаюсь, что крупная компания будет брать на работу универсала (там нужны профессионалы своего дела).

    Но это все не значит что нужно выбрать одно и забыть о втором. Фронт-ендеру всегда нужно понимать основные принципы построения дизайна. Часто приходится допиливать какие-то мелочи самому, и эти "мелочи", должны быть на соответствующем уровне. Да и не только для этого..
    Ответ написан
    Комментировать
  • Как определить свой уровень программирования?

    index0h
    @index0h
    PHP, Golang. https://github.com/index0h
    Эти уровни - абстракция, причем зависящая от компании. Пройдите несколько собеседований и спросите, что думает о вас интервьюер.

    Юниор чаще всего - это программист с в основном теоретическими знаниями, либо наоборот только практическими знаниями. Он умеет решать более-менее стандартные задачи. Юниора обязательно надо учить. При получении нового задания он "создает" свое решение.

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

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

    -----------------

    Многое зависит от интервьюера.
    У меня был случай, собеседование на php senior developer: поговорили про HL оптимизации, архитектурные предложения для решения неких задач, способы оптимизации и т.д., а потом:
    - перейдем к практике: что произойдет в таком коде:
    $a = 5 + '5abc' + 'abc5';
    - произойдет следующее: я посмотрю blame скрипта и поговорю с автором этой строчки, что бы узнать, что такого хренового в жизни может произойти, что бы он позволил себе это написать.
    - ну, тут вопрос на приведение типов
    - 10, но вы в своей практике с подобным сталкивались?
    - нет
    - вот и я не сталкивался...
    Ответ написан
    1 комментарий
  • Какими инструментами пользуйтесь Вы фронт/бэкендеры?

    OpenServer - крайне удобный сервер под винду
    phpStorm - лучшей студии просто нет, только что кофе в постель не носит
    FireBug + WebDeveloper + Easy XDebug - больше ничего в фаерфоксе не стоит
    Notepad++ - всегда открыт, замена текста регулярками нереально выручает
    Git Bash - для регулярных простых действий с гитом + всякие разные дополнительные скрипты
    SourceTree - для мониторинга большого проекта незаменимо
    NaviCat для mysql, но если нет лицензии то и HeidiSql из набора опенсервера сойдет
    Еще Winmerge периодически помогает сравнить 2 больших каталога
    Ответ написан
    Комментировать
  • Где взять источник вдохновения для создания дизайна сайта?

    nalomenko
    @nalomenko
    Руководитель отдела разработок в студии «Lava»
    Вдохновляйтесь на Behance или Dribbble. И вообще бывает полезно выйти, прогуляться, съездить за город или вообще совершить поездку по незнакомым городам. Находясь в одной и той же обстановке, созирцая одни и те же вещи вокруг себя и не меняя круг общения, врядли в голову может прийти свежая и хорошая идея, кардинально не похожая на Ваши предыдущие работы.
    Ответ написан
    Комментировать
  • Есть ли смысл фрилансить веб-дизайнеру на зарубежных сайтах?

    @slavik_210
    Вообще нет смысла связиваться с загнивающим Западом. Зачем вам те доллары? Исконно русские рубли в сто раз лучше.
    Ответ написан
    2 комментария
  • Где найти простые туториалы по php по созданию админок?

    @Fector
    php js c# golang
    Современный веб очень быстро развивается и я бы посоветовал обратить внимание на какой-либо фреймворк и уже изучать это дело в его контексте (не холивара ради: я уважаю yii2, symphony2, cakephp3).
    Ответ написан
    Комментировать
  • Как повысить знания в области архитектуры веб проектов?

    TekVanDo
    @TekVanDo
    Javascript Developer
    http://codeschool.com - Очень качественные курсы по js ruby git и пр.
    http://laracasts.com - Скринкасты о php, laravel, паттернах и пр.
    https://egghead.io/ - Скринкасты о javascript, angular, react, d3, тестированию и пр.
    Ответ написан
    1 комментарий
  • Как написать социальную сеть?

    DmitriyEntelis
    @DmitriyEntelis
    Думаю за деньги
    fcff8e4102e3475ab440c4a290ea717e.jpg

    PS Ладно, если серьезно: вот например старая статья про VK www.insight-it.ru/masshtabiruemost/arkhitektura-vk...
    PPS Если совсем серьезно - учитесь программированию: php/ruby/python/java - к чему душа больше лежит.
    Не за будьте про SQL и noSQL базы данных. Развивайтесь!
    А для начала начните с чего нибудь попроще, каталог там, лента новостей.
    Ответ написан
    2 комментария
  • Какой купить МиниПК\Неттоп для работы?

    лучше вообще не покупать
    Ответ написан
    Комментировать
  • Ценится ли IT-специалист, который умеет все?

    KorsaR-ZN
    @KorsaR-ZN
    Такие any-кейщики может кому-то и нужны, но особо они не ценятся, т.к знают, там, там и там. Профессионал он и есть профессионал в какой-то определённый области, ну может ещё две-три, но не больше. Знать абсолютно все не возможно, отсюда у Вас будут обрывочные знание во всех областях, но не знания специалиста. Отсюда и будет соответствующая зарплата (не высокая)

    Хотя если постепенно развиваться во всех областях, сначало в одной, потом в другой, тогда может да, но на это нужно очень много времени...

    P.S Люди бывают разные, так что это только моё мнение :)
    Ответ написан
    8 комментариев
  • Какая должна быть конфигурация сервера для небольшого хостинга сайтов?

    vvpoloskin
    @vvpoloskin
    Инженер связи
    Самый обычный нераскрученный сайт-визитка с каким-нибудь wordpress-ом в среднем имеет до 500 (да что уж говорить, если не раскручивали вообще, то до 100), равномерно распределенных в течении рабочего дня (12 часов), посетителей в сутки. Этот же сайт имеет 10 страниц. Пускай каждая страница генерит еще до 30 запросов к статике.
    За статику не переживаем вообще, за скрипты получаем максимум 500 посетителей * 10 страниц (они у вас все вычитали) / (12 часов * 60 минут * 60 сек) = 0.12 запроса в секунду. Это с одного сайта. Грубо говоря, с 4-х будет 0.5. С такой нагрузкой справится даже мой старый настольный компьютер 2010 года) А здесь еще и SSD)
    Ну а так, в общем виде, тестить надо конечно.
    Ответ написан
    Комментировать
  • Возможна перспективная работа в IT без соотвествующиего образования?

    Melkij
    @Melkij
    PostgreSQL DBA
    Какое направление работы?

    Программисту - покажите живой профиль на гитхабе - и вас возьмут и в довольно крупные проекты без подтвержденного трудового стажа.

    Единственный смысл корочки об образовании в it - пройти отсев в отделе кадров.
    Если нечего показать - то и вчерашние выпускники даже со всякими красными дипломами оказываются перед вопросом "а дальше что? Нафига мне этот бесполезный диплом?".
    Ответ написан
    2 комментария
  • Что сейчас перспективней в мире Web технологий?

    Freika
    @Freika
    Senior Ruby on Rails developer
    Просто попробуйте каждый из приведенных языков. Придумайте простенький проект (тот же туду-лист, например), и реализуйте его по очереди на каждом из языков. Выделите на одну итерацию, скажем, 3-7 дней, за это время у вас уже что-то получится и вы сможете понять, нравится вам текущий язык или нет. А через месяц у вас будет четкое мнение, на каком языке вам хочется писать, и почему вы выбираете именно его. Ну а если вдруг ни один не понравится, пишите снова сюда, будем еще думать :)
    Ответ написан
    Комментировать