• Где хранить файлы для работы?

    На работе:
    1. Создать аккаунт на bitbucket.org
    2. Создать там пустой проект
    3. Гитом клонировать его в локальную папку
    4. Скопировать в папку свои файлы
    5. Занести node_modules в gitignore-файл
    6. Сделать коммит
    7. Сделать push


    Дома:
    1. Склонировать гитом проект в локальную папку
    2. запустить npm install
    3. и работать

    P.S. Bitbucket позволяет создавать приватные git-репозитории бесплатно, в отличие от github. Поэтому выбираем его.
    Ответ написан
    6 комментариев
  • Экспресс обучение frontend разработке. Как подступиться?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Я бы зашел с другого края, CSS и HTML это все прекрасно, но это все не более чем способ описать интерфейс.

    PHP однозначно отстатвить в сторону, как и MySQL.

    Коли уж вознамерился стать фронтендером, то должен до глубины души осознать, что никакого фронтенда во второй половине 10-х годов 21-го века от Р.Х. без JavaScript, вернее даже Ecma Script 2015+ не будет.

    Таким образом, я настоятельно рекомендую прям вот вгрызаться в хитрости и нюансы JS, начиная с ES5, и походу пьесы добавляя нововведения, которые обязательно появятся. И практиковаться до умопомрачения в кодинге, например на том же codewars.com

    Обязательно для вдумчивого просмотра https://www.youtube.com/watch?v=Bv_5Zv5c-Ts

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

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

    Тех, кто будет тебе рассказывать про Web-assembly не слушай, ближайшие годы это направление будет уделом очень узкого круга энтузиастов.

    Если английским не владеешь в достаточной мере, чтобы свободно читать и слушать материалы, рекомендую задуматься и осознать, что актуальных материалов в русском переводе раньше чем через 6+ месяцев редко можно отыскать. Если хочешь быть на гребне волны, базовое владение инглишем must have. Вот тут обсуждение этого вопроса Английский язык от профессионалов?
    Ответ написан
    Комментировать
  • Экспресс обучение frontend разработке. Как подступиться?

    @Frel
    На распутье
    Ответ написан
    Комментировать
  • Высоконагруженные системы, каковы принципы разработки?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    давайте так, есть два вида задач:

    - CPU bound - различные алгоритмы, математика, кодирование/декодирование/шифрование... словом все что нагружает процессор.
    - I/O bound - собственно когда у нас идет множество операций с вводом/выводом, где-то 90% задач связанных с WEB и серверной разработкой.

    Для CPU bound стоит использовать языки вроде Си, Rust, Dlang, Go и т.д. Словом языки которые компилируются в эффективный машинный код.

    Для I/O bound - Go, NodeJS, Erlang, Java.... да в принципе не важно какой язык, главное что бы использовались неблокируемые вызовы и отсутствовали блокировки.

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

    Какие языки лучше использовать для этого? Какие не использовать?

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

    Еще не стоит забывать о алгоритмах. Они тоже должны быть оптимальны. Например взять простую задачу - кластеризация меток на карте. Представьте что у вас в базе миллион объектов, которые мы должны выводить на карте. Поскольку делать подобное на клиенте будет проблематично - мы должны делать это на сервере и возвращать на клиент ровно столько данных сколько ему нужно.

    И на таких объемах даже если бы мы взял Си, если наш алгоритм имеет сложность O(N^2) то как бы ничего тут особо не поделать. И так и так медленно будет. А вот если мы возьмем какие-либо алгоритмы имеющие сложность O(NLogN) то уже возможно что алгоритм этот можно хоть на php/python/ruby имплементить. Так например у меня этот алгоритм реализован на Java и не самым эффективным образом. Справляется.

    Еще влияет скорость разработки (всякие ruby/python/node в этом плане хороши), стоимость поддержки (Си поддерживать сильно дороже чем Go например, хотя всегда можно написать все настолько плохо что проще выкинуть чем поддерживать), стоимость разработчиков.... Скажем найти дешевых сильных разработчиков на Go или Rust будет весьма проблематично.

    Так же не стоит забывать что сервера нынче стоят не так дорого. Иногда бизнесу проще доплатить за еще десяток серверов нежели писать все на плюсах.

    Собственно главное правило высоконагруженных систем - нагрузочное тестирование а потом уже оптимизации
    Ответ написан
    Комментировать
  • Как правильно работать с gulp+git если я верстаю, а другой человек натягивает на wordpress?

    Уже отвечал на подобный вопрос, но про Битрикс, а найти не могу. Расскажу как делаем мы.

    Вот структура:
    011d11b1ba03470b865d8d5cd94ba8d7.png
    Как видите сам wordpress в репозитории не хранится, (как и плагины, которые из списка зависимостей ставятся на новой машине в пару кликов).

    Верстка лежит в src (используется scss и jade) и собирается в папку static - из которой вся статика подключается и в вордпрессе. HTML файлы собираются в папку _v.

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

    Если нужно добавить новую страницу - верстальщик верстает в jade, потом программист сольёт его изменения, соберет проект, возьмет из папки _v нужный шаблон и натянет его на wp.

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

    UPD: Про ветки. Всегда есть master и markup (верстка) + могут быть ветки отдельных программистов / фич и т.д. В мастер изменения сливает только тимлид/техлид/самый-главный-программист.
    Ответ написан
    Комментировать
  • Как подружить Webpack + jQuery + jQuery plugins?

    Мне хватило подключить jQuery в plugin

    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery/dist/jquery.min.js",
        jQuery: "jquery/dist/jquery.min.js",
        "window.jQuery": "jquery/dist/jquery.min.js"
      })
    ];

    (взял за основу рецепт отсюда)
    После чего в глобальной области видимости все три варианта вызова jquery будут работать, больше ничего подключать не надо.

    Сам jQuery я скачивал через bower, поэтому дополнительно подключил пути, где будут искаться модули
    resolve: {
            root: ['./bower_components']
        }

    в вашем случае, предполагаю 'bower_components' можно заменить на 'vendor' (путь будет от корня проекта).

    require('../../vendors/jquery.js') внутри blocks\slider\index.js уже не нужен будет, достаточно будет просто подключить файл jquery.slider.js
    Ответ написан
    Комментировать
  • Парсим/грабим веб-страницы без мусора?

    leahch
    @leahch
    3D специалист. Dолго, Dорого, Dерьмово.
    Конечно есть - lxml.de/lxmlhtml.html#cleaning-up-html
    Ну и уже из очищенного можно выделять что нужно.
    Да, забирать лучше библиотекой requests - docs.python-requests.org/en/master
    Ответ написан
    Комментировать
  • Парсим/грабим веб-страницы без мусора?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    Штучная ручная работа, под каждый сайт пишется свой маленький велосипедик.
    Ну, не велосипедик, скорее прикручиваются другие колеса к одному велосипеду.
    Ответ написан
    Комментировать
  • Какой выбрать способ вывода денег с upwork?

    @not_a_robot
    А вот у меня с пайонера 300 баксов угнали, как будто карточкой расплачивались. Я ей пользоваля раза два - покупал Idea через официальный сайт и один раз в торговом центре, всё остальное время лежала в ящике. Разбор инцидентов у них занимает (!) 90 дней. Как я погуглил, не один я такой, причём далеко не факт что деньги вообще вернут (гуглить "payoneer dispute"). Теперь и не знаю что делать - на скрил переходить или обойтись перевыпуском карты, который в данном случае обязателен.
    Ответ написан
    Комментировать
  • Понятет ли Intel® HD Graphics 4600 монитор 4K?

    ruFelix
    @ruFelix
    Предсказание будущего по руке, таро, кофе.
    Может Max Resolution DisplayPort*/HDMI- 3840x2160@ 60Hz, 4096x2304@24Hz, VGA

    но вам надо проверить версию hdmi порта, должна быть не ниже 1.4

    через DVI не получиться но максимум 2560 × 1600, переходник это не лечит
    Ответ написан
    5 комментариев
  • Что нужно освоить веб разработчику чтобы облегчить себе жизнь?

    @WapGeaR
    Программист
    devdocs.io неплохая вещица чтобы подсмотреть что-нибудь
    fitztrev.github.io/shuttle - и его аналоги на других платформах для быстрого создания шорткатов в консольке.
    Ответ написан
    Комментировать
  • Как вычистить css - неиспользуемые классы?

    @terabait
    Дополнение Dust-Me Selectors для FireFox - анализирует 10 страниц сайта и выдает все неиспользуемые селекторы в CSS, после чего можно скачать готовый CSS файл.

    https://addons.mozilla.org/ru/firefox/addon/dust-m...
    Ответ написан
    Комментировать
  • Как вы осваивали Node.js?

    MarcusAurelius
    @MarcusAurelius Куратор тега Node.js
    автор Impress Application Server для Node.js
    Лучше всего написать что-то сложное и страшное и выложить в открытом коде, такое, чтобы от задачи дух захватывало, или присоединиться к уже существующуму проекту в открытом коде, даже если из этого ничего не выйдет, то Вы поймете ноду изнутри. Посмотрите мою лекцию и другие видео в списке, надеюсь, они помогут https://www.youtube.com/watch?v=Try7lmWikao&index=...
    Ответ написан
    Комментировать
  • Каких знаний php для верстальщика будет достаточно?

    @Silm
    Верстальщики изучают PHP на уровне шаблонизатора.
    • Надо уметь выводить в шаблонах переменные.
    • Писать логические условия (если пользователь не авторизован, то показываем форму входа, если нет, то ссылку на личный кабинет).
    • Писать циклы (в шаблон передается переменная с массивом постов, верстальщик должен написать цикл для их отображения).
    • Надо знать базовое API языка, встроенные функции для работы с числами, массивами, строками, датами и тп.
    • Нужны знания синтаксиса объектов. Понимать не обязательно, главное знать как вывести содержимое.


    Скачиваете какой нибудь базовый курс по PHP, дня за 2-3 пройдете. Обязательно почитайте документацию на php.net
    Ответ написан
    1 комментарий
  • Есть ли такая технология - получить из PSD автоматом нарезанный и сверстанный сайт?

    @shurupkirov
    Есть вот такой вот плагин
    exportkit.com/plugin/environments/html5/convert-a-...

    И вот такие уроки от Линды
    www.lynda.com/Photoshop-tutorials/Exporting-HTML-f...
    Ответ написан
    Комментировать
  • Как вы осваивали Node.js?

    @dmitryprogrammer
    По скольку нормальных ответов здесь всего 1. Я вставлю своих 5 копеек.

    Любую технологию хорошо учить по всем доступным источникам, позже ты уже поймёшь что есть хороший источник, а что не очень. Читай все доступные тебе книги (а лучше конечно покупай бумажный вариант), но даже если и нет денег/жалко денег/хочется читать прямо сейчас, то понятное дело что в электронном варианте есть все те книги, которые можно купить или даже которых нет в продаже!

    Естественно, что без хорошего понимания JS в ноду лезть нечего. А пока ты ищешь книги по ноде, могу тебе порекомендовать курс от "специалиста", но это не значит что посмотрев видеокурс, можно считать что ты идеально знаешь технологию (это я тебе уже из личного опыта советую, такую ошибку я совершил в 2012, когда изучал PHP).

    И я бы рекомендовал не относится к node как к чему-то принципиально новому (если ты уже знаешь JS). Ты же всё таки не новую область начинаешь изучать, а всего лишь иную спецификацию JavaScript.

    Я так же изучаю сейчас ноду, так что дерзай, как минимум нас таких двое ;-).
    Ответ написан
    7 комментариев
  • Как вы осваивали Node.js?

    @HAbRAhabp
    Сперва смотрел этот скринкаст, затем писал код для реального проекта и в случае, если что то не получалось, искал в гугле.
    Ответ написан
    1 комментарий
  • Какие методы верстки при работе с SVG-графикой?

    AMar4enko
    @AMar4enko
    Самый толковый и наиболее широко поддерживающийся способ это svg-спрайты через xlink:href (поищите статью на хабре).
    Смысл в том, что вы берете 100 мелких svg файлов и заталкиваете в один большой, помечая отдельные фрагменты идентификаторами.
    Этот файл загружаете одним XHR-запросом и вставляете в DOM, после чего можете делать
    <svg>
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#my-cool-icon"></use>
    </svg>

    У такого способа есть приятный плюс - спрайты можно перекрашивать через css. Извернувшись можно даже красить в два разных цвета (типа один элемент в красный, другой в синий), что невозможно с иконочными шрифтами.
    Используя css в качестве background-image такое не прокатит
    Ответ написан
    1 комментарий
  • Поисковая оптимизация профиля под upwork.com. У кого есть информация?

    StivenLH
    @StivenLH
    Full-Stack Web Developer & Team Lead
    1) Быть доступным по статусу Availability. Если нет - то не придет совсем.
    2) Top Rated (в большей степени), Rising Talent (в меньшей). Буквально через 3 дня после получения TR мне почти ежедневно стали падать предложения на интервью.

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

    В целом для себя пользы особой не нашел. Приходится еще и следить за этим чтобы поддерживать статус "Responds within 24h"
    Ответ написан
    Комментировать