• Как быть начинающему backend-разработчику?

    @big_hasan
    Странно. Вы говорите, что знаете 2 языка и имеете уже 5(!) относительно крупных проектов на гитхабе (плюс еще навыки работы с БД и фронтенд). По своему опыту могу сказать, что с таким багажом вполне можно устроиться джуном, и даже могут рассмотреть на удалёнку. Либо вы проживаете в каком-нибудь условном "Мухосранске" (не в обиду, образное выражение, сам практически из глухой провинции) и там совсем мало IT-компаний, либо что-то недоговариваете и описали ситуацию очень однобоко и субъективно.
    Ответ написан
    Комментировать
  • Как влиться в тренд нынешней веб-разработки?

    @SuperOleg39ru
    Front-end разработчик
    Добрый день!

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

    flexbox, grid layout
    - это css из современных стандартов. Что бы знать, когда применять - вы должны знать версии старых браузеров, которые необходимо поддерживать на вашем проекте, и соответствующую поддержку этих стилей. Например, формировать элементы на flexbox на порядок удобнее, чем на float, но в IE9 вы уже использовать flexbox не можете.
    Немного о новинках в css тут.
    Поддержка браузерами тут.

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

    препроцессоры
    - представьте, что вам чего-либо не хватает в html и css.
    Например, вы хотите разбивать большие html файлы на множество мелких, или вам нужно вставить в html динамическое содержание - для этого созданы html шаблонизаторы. Вы используете в работе синтаксис конкретного шаблонизатора, затем тот же gulp автоматически собирает эти файлы в обычный html, который понимает браузер.
    Аналогичная ситуация с css, препроцессоры позволяют разбивать файлы на мелкие, и собирать в один, доступны переменные и функции, и многое другое.
    Популярный шаблонизатор Pug
    Один из css-препроцессоров Stylus

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

    Ну и конечно статьи и подкасты:
    https://habrahabr.ru/
    jsraccoon.ru

    https://soundcloud.com/web-standards
    https://radiojs.ru/

    Конкретные статьи и ресурсы для новичка:

    frontender.info/a-baseline-for-front-end-developers
    frontender.info/a-guide-to-flexbox
    css-live.ru/articles-css/pravilnye-kontrolnye-toch...
    https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    https://habrahabr.ru/company/zfort/blog/321214/
    https://frontendmasters.gitbooks.io/front-end-hand...

    Дерзайте!
    Ответ написан
    6 комментариев
  • Как побороть долгую компиляцию pug файлов в Gulp?

    dpigo
    @dpigo
    Front-end developer
    Помимо gulp-changed еще есть gulp-cached

    Тут объясняют его отличие:
    stackoverflow.com/questions/23890806/how-to-run-a-...
    Ответ написан
    Комментировать
  • Как сделать такую рамку?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Вы имеете в виду вот это?
    Ответ написан
    Комментировать
  • Текст адаптированый при уменьшении экрана?

    iiiBird
    @iiiBird Куратор тега CSS
    Пока ты спишь - твой конкурент совершенствуется
    делаешь все шрифты на сайте через em. а у body - через px. потом при уменьшении экрана - меняешь у body font-size. итого шрифты будут уменьшаться везде.
    Ответ написан
    Комментировать
  • Почему на Safari градиент отображается совсем по другому?

    @xsash
    rgba(231, 56, 39, 0) 0%, rgba(247, 249, 250, 1)
    231, 56, 39 - это красный

    про остальное проведение не скажу
    Ответ написан
    Комментировать
  • Слайдер. Косяк при дублировании слайдера. Где искать причину?

    iiiBird
    @iiiBird Куратор тега CSS
    Пока ты спишь - твой конкурент совершенствуется
    ну во первых зачем тебе слайдер на чистом css. херня все это. ставь kenwheeler.github.io/slick к примеру
    во вторых - проблема твоя в id у радио боксов. вот в этих:
    <input type="radio" name="slider" id="slide1" checked="">
    <input type="radio" name="slider" id="slide2">
    <input type="radio" name="slider" id="slide3">
    <input type="radio" name="slider" id="slide4">

    у обоих слайдеров они должны быть разные
    Ответ написан
    6 комментариев
  • Посмотрите сайт, что можно оптимизировать?

    BuriK666
    @BuriK666
    Компьютерный псих
    Комментировать
  • На сколько надежен JavaScript?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    Использую только JQuery. В связи с этим вопрос: на сколько надежен код написанный на jquery в плане работоспособности на всех устройствах и браузерах? Активно использую PostMessage для общения между iframe.
    Ну... у JQuery, включая примерно всего его методы/особенности/возможности, есть список браузеров, с которыми он тестировался на совместимость. Лично у меня за много лет проблем подобного плана с JQuery 1.3+ не возникало пока. Хотя, конечно же, обязательно найдётся какой-нибудь браузер, например, консольный, работающий в текстовом режиме, в котором не будет работать и ещё пара человек, с отключенным JS и ещё...

    Мне кажется, оптимальнее всего, Вам будет сделать вывод самостоятельно основываясь на данных с оф. сайта JQuery касательно совместимости с браузерами :)
    Ответ написан
    2 комментария
  • Как удалить страницу wiki в github?

    @pudovMaxim
    web-developer
    Сверху кнопка "Delete", но она не будет появляться для главной страницы вики. Чтобы удалить главную нужно полностью отключить вики через настройки "Settings -> Options -> Wikis"
    Ответ написан
    1 комментарий
  • Как оптимизировать изображения?

    dimonchik2013
    @dimonchik2013
    non progredi est regredi
    включай думалку и смотри конкурентов

    про 98% гугл говорит для идиотов, отображающих 1900*1200 картинку в 240*360 окне

    мобильные пользователи рады
    Ответ написан
    5 комментариев
  • Как работать с проектом на нескольких компьютерах?

    Git
    Ответ написан
    Комментировать
  • Существует ли "карта программиста"? Что и за чем учить?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Нет одинаково эффективного пути для всех и каждого.

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

    Тут главное - настолько сильно хотеть достичь результата, чтобы любые препятствия только добавляли азарта. Чтобы ночами спать не мог и думал о задаче. Это ключевой момент обучения. Все остальное - декорации, способы, инструменты...

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

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

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

    На первых порах, тестирование будет занимать до 99% времени и сил. Заодно подтягивается синтаксис используемых языков (вообще не важно каких), вырабатывается внимательность, концентрация, тренируется память и пр.

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

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

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

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

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

    Ах да, обложись справочниками по любому инструменту и научись быстро вникать и подхватывать необходимый минимум. Обычно достаточно на 20% владеть инструментом, чтобы решать 80% задач.

    В любом случае я за критерий истины держу платежеспособный спрос.
    Ответ написан
    3 комментария
  • Как сделать вложеность html inline тегов после компиляции jade?

    werty1001
    @werty1001
    undefined
    Я в свое время (год назад) искал решение и не нашел, скорее всего ничего не изменилось. Единственное, можно добавить коммент:

    .thumbnail
        .thumbnail-inner
            // Ссылка 1 
            a(href="#")
                img(src="img-1.jpg")
                span.overlay
            // Ссылка 2 
            a(href="#")
                img(src="img-1.jpg")
                span.overlay

    <div class="thumbnail">
        <div class="thumbnail-inner">
            <!-- Ссылка 1 --><a href="#"><img src="img-1.jpg"><span class="overlay"></span></a>
            <!-- Ссылка 2 --><a href="#"><img src="img-1.jpg"><span class="overlay"></span></a>
        </div>
    </div>


    UPD 29.07.16

    1. С помощью этого плагина можно более гибко контролировать код на выходе и отключить pretty от jade.

    2. Еще можно открыть исходники Jade, там есть массив с инлайн тегами (jade/lib/inline-tags.js), можно нужные теги удалить из списка и они будут рендерится как блочные.
    Ответ написан
    4 комментария
  • Бесплатно с торрента или платим за онлайн курсы?

    С наставником конечно было бы лучше. Но наставник наставнику рознь, нужно выбирать с умом=) А что бы не останавливаться на достигнутом, прежде всего это дело должно вас "зажигать" и тогда вы добьетесь всего=) Успехов
    Ответ написан
    Комментировать
  • Почему такое отображение в IE у flexbox?

    alexey-m-ukolov
    @alexey-m-ukolov Куратор тега CSS
    • IE 11 incorrectly focuses a child element if the parent uses display:flex and has a tabindex set see testcase.
    • IE 11 does not vertically align items correctly when min-height is used see bug
    • In IE 10, setting -ms-flex-flow: row wrap will not wrap unless display: inline-block is set on child elements.
    • IE11 will not apply flexbox on pseudo-elements. See bug.
    • IE11 does not wrap long paragraphs of text
    • In IE10 the default value for flex is 0 0 auto rather than 0 1 auto as defined in the latest spec.
    • In IE10 and IE11, containers with display: flex and flex-direction: column will not properly calculate their flexed childrens' sizes if the container has min-height but no explicit height property. See bug.
    • IE 11 requires a unit to be added to the third argument, the flex-basis property see MSFT documentation.aspx)

    caniuse.com/#feat=flexbox

    https://github.com/philipwalton/flexbugs
    Ответ написан
    Комментировать