• Как создать превью страницы сайта?

    AItF4
    @AItF4
    Помог ответ? Отметь решением.
    Геннадий Уваров, чтобы это сделать, вам нужно добавить в head страницы теги:

    <meta property="og:title" content="">
    <meta property="og:site_name" content="">
    <meta property="og:url" content="">
    <meta property="og:description" content="">
    <meta property="og:image" content="">

    Далее нужно каждому мета-тегу заполнить параметр content=""

    За что отвечает каждый тег:
    og:title - заглавие страницы, он же тайтл. Можете скопировать из тега title.
    og:site_name - название сайта.
    og:url - ссылка страницы, где вы добавляете этот код. Если это однастраничник, то это просто ссылка на главную сайта. Если сайт на CMS или самописный и у него много страниц, то вам придется для каждой указать свой тег, со своей ссылкой.
    og:description - описание страницы. Можете скопировать из тега description для страницы, на которую добавляете теги.
    og:image - ссылка на картинку, что характеризует страницу. Можете указать ссылку на лого сайта, или нарисовать конкретную картинку для этих целей.
    Ответ написан
    2 комментария
  • Извлечь доменное имя из URL?

    @yarnstart
    Превозмогание и React
    const url = 'https://youtube.com';
    const domainName = url.match(/(https?:\/\/)?(www.)?(\w+)\.\w+/i)[3];
    Ответ написан
    2 комментария
  • Как выполнить данный переход от блока к блоку?

    Ragtime_Kitty
    @Ragtime_Kitty
    Зависит от верстки.
    Если размеры блоков и расстояние между ними фиксированы, то просто картинкой/svg/чем угодно.

    Если блоки не статичны и легких путей не ищешь, то тогда канвасом:


    Как считать координаты тоже зависит от верстки.
    Кривую линию как на картинке у меня не получилось сделать :(
    Ответ написан
    Комментировать
  • Карьера программиста после 30+. Миф или реальность?

    insiki
    @insiki
    broken pipe
    Не слушайте нахрен никого, в чьих постах так и читается "чувак, смирись, ты просто 30-летний овощ, ты ничто!".
    Мне вот-вот уже 28 и я с огромным рвением, желанием и небывалой усидчивостью изучаю сейчас те вещи, за которые в свои 20 брался и вскоре забрасывал! И плевать мне на студентиков и прочую чепуху.
    Не будучи крутым спецом уже получил несколько приглашений на работу как на позиции системного администратора Linux (не эникейством заниматься, а админить под сотню серверов!), так и на позиции Junior бэкенд-разработчика, хотя в мае только прочитал теорию про ООП, начал понимать, что к чему, и первый раз стал кодить на Ruby (и кодить вообще).

    Большинство людей, закончив колледж, идут в жизнь и узнают, что школьное или колледжское образование – это ещё далеко не всё, что нужно человеку для достижения успеха. Реальный мир далёк от академических знаний, он требует чего-то большего от людей. Я слышал, как кто-то называл это «что-то большее» – сила воли. упорство, активность, дерзость, храбрость, ловкость, отвага, цепкость, незаурядность. Фактор наличия этих качеств в людях, в конечном счёте, влияет на их будущее гораздо больше, чем школьные знания.
    Ответ написан
    1 комментарий
  • Какие требования к frontend-junior?

    @djay
    Почему от новичков требуют много и неадекватно?

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

    Вот - представь, допустим есть красивая девочка, свободная. Представляешь сколько парней к ней будут подкатывать всячески? И что потом? У неё повышается самооценка быстро и не заметно. Теперь требования к парням выше - чтобы теперь, как-минимум - чтобы была тачка и доход от 100К в месяц.

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

    Во-вторых, что значит нативно и на обе платформы? Нативно и на обе платформы - это подразумевает знание SWIFT и Java (со всеми их фреймворками и ежедневными библиотеками).

    В-третиих, какое еще администрирование?
    С точки зрения работодателя, это же просто не этично и опасно подростку давать root-доступ от сервера.

    А теперь по делу:

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

    Ты должен знать:

    - Чистый JS (как и старый так и новый ECMA2016)
    - Jquery, Bootstrap
    - На базовом уровне фреймворки (Angular 5+, React)

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

    И крайне желательно иметь репозиторий на GitHub со своими пусть даже мелкими наработками.
    Остальное - чем больше, тем лучше.
    Ответ написан
    28 комментариев
  • Как реализовать заполнение матрицы спиралью через вложенный цикл?

    Stalker_RED
    @Stalker_RED
    Можно и с одним циклом:

    Работает с любыми прямоугольными матрицами.
    Ответ написан
    Комментировать
  • Зачем используется второй await?

    yarkov
    @yarkov Куратор тега JavaScript
    Помог ответ? Отметь решением.
    Вы доку к fetch читали? Что такое response.json и response.text видели? Это промисы. Соответственно нужен второй await.
    Ответ написан
    2 комментария
  • Счего начать изучение DevOps?

    @yellowmew
    Cloud infrastructure, monitoring engineer. SRE
    Saboteur неплохо ответил(что не отменяет того что все остальные ответившие тоже правы)
    Девопс - это практики. Это не набор инструментов( инструменты используются на определенных этапах, реализация которых необходима для приближения к идеалу), однако определенные необходимые инструменты опять же есть.
    Про девопс можно прочитать очень много информации, но я, как админ (win-админ :D) вижу ситуацию для вас, как и любого, с опсовой основой, примерно так:
    1. Жирным вы выделили вопросы который для вас вот конкретно сейчас не играют ни малейшей роли. Дмитрий Шицков и Saboteur написали почему: зависит от проекта.
    2. Завет любого ops-а: автоматизируй всё что можно
      Если выбор между configuration management (chef, ansible, puppet и тд) и скриптами - то лучше первое. Хотя и тут можно поспорить, у меня в проекте chef-ом автоматизированное не очень-то используется на последнем этапе доставки в прод, поскольку мы все равно запечатываем машину и запускаем в AWS с asg без пост-конфигурации. Тут можно до посинения спорить хорошо это или нет, но скрипты в идеальном мире проигрывают DSL
    3. Вы пишете код для автоматизации
      Вам понадобится git (который тянет за собой git-хостинг: bitbucket, github, gitlab и тп.) и навыки правильной работы с гитом. Для отслеживания и планирования изменений - понадобится какой-нибудь таск трекер (jira, таск трекер встроенный в gitlab, что-то другое).
    4. Инфраструктура как код
      Автоматизируй всё означает автоматизацию развертывания инфраструктуры
      Здесь уже вступают в силу особенности вашего окружения - в облаках вы скорее всего захочете использовать terraform или, например, CloudFormation в AWS - встроенное средство оркестрации, или же будете сразу все запускать в контейнерах - docker , kubernetes используя соответствующие инструменты.
    5. Мониторинг
      Без правильного и подходящего вашему продукту мониторинга(+логирования) жить нельзя. И это было еще до DevOps тренда - это классика администрирования. Здесь ничего не посоветую, с Zabbix-ом сам не ужился, переехал на influx и прилегающие (TICK stack). Для логирования - graylog, ELK. В некоторых частях используется prometheus который в том числе и для кубера удобен. В общем - с чем подружитесь.


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

    Для примерного осознания всего цикла можно посмотреть на (картинка относительно рандомная,таких много, два года назад я ориентировался по другой, с более подходящим мне списком инструментов, но найти не могу =( )
    Slide1.jpeg

    P.S. Еще раз хочу отметить что описанное выше основано на личном опыте и это - движение в devops со стороны ops. Есть те, кто сразу пытаются строить все по девопсу параллельно обучаясь опсовой части и девелоперской( видел таких, не у всех получалось ). Есть те, кто двигается в девопс со стороны Dev. Все будут иметь разные мнения что важно для того, чтобы начать
    Ответ написан
    1 комментарий
  • Правильно ли понял БЭМ?

    Get-Web
    @Get-Web Куратор тега HTML
    Front-End Developer
    Противоречиво... С одной стороны, если вы не собираетесь это нигде переиспользовать, то можно смириться.
    С другой стороны методология БЭМ как раз и нужна для того чтобы поделить сайт на части и вставлять их в любое место. Зачем объявлять блок footer-column, если он все равно по именованию является элементом footer. В данном контексте footer-column можно называть footer__column, footer-column__title можно назвать footer__title и т.д.. так как они все равно завязаны на footer. Вот если вы footer-column назовете например box то вы по всем правилам объявите независимый блок и сможете его использовать в любом месте сайта и вложенные в него элементы типа box__nav, box__item, box__url. А примиксовав к нему footer__box вы сможете задать значения зависимые от окружения
    Ответ написан
    Комментировать
  • Почему анимация проходит моментально?

    0xD34F
    @0xD34F Куратор тега CSS
    Во-первых - ошиблись с именем класса (это вы могли бы и сами обнаружить).

    Во-вторых - браузер стремится оптимизировать внесение изменений в DOM-дерево, так что свежесозданные элементы анимироваться не будут. Чтобы анимация выполнилась, нужен дополнительный reflow, для чего можно либо обернуть добавление класса в setTimeout, либо перед добавлением класса обратиться к одному из свойств, расчёт которых вызывает reflow. Как-то так.
    Ответ написан
    Комментировать
  • Актуальные книги по js?

    @BarryHAllen
    Просто оставлю это здесь.
    «JavaScript. Шаблоны» Стоян Стефанов.
    Ответ написан
    Комментировать