Задать вопрос
  • Javascript библиотека для DOM & ajax в 2019?

    VueJs
    Ответ написан
    Комментировать
  • Зачем/Для чего нужен данный код?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Это геттеры и сеттеры. То есть функции доступа к свойству.

    Зачем? Попробую объяснить простым языком. Большие программы сложно полностью загрузить в мозг отдельного человека и представлять всю структуру целиком со всеми нюансами одновременно. Поэтому принято делить программу на части. Вынос кода в отдельную функцию - один из простых способов. В ООП к этой проблеме подходят более основательно. Класс как явление - тому пример.

    Класс делит программу как минимум на 2 части - то, что внутри класса, и то, что снаружи класса. Считается как бы, что класс пишет один человек, а пользуется им другой человек. Но это может быть и один единственный человек, всё равно так проще, потому что человек сначала пишет класс, тщательно всё там кодит и тестирует, а потом напрочь ЗАБЫВАЕТ, как он устроен внутри, потому что он уже готов и им можно пользоваться. То есть человек выгружает из своей ненадежной человеческой памяти эту инфу и переходит к следующей задаче, в которой просто использует этот класс. Всё, что ему нужно помнить, это то, как пользоваться классом, а всю подноготную можно забыть до тех пор, пока не понадобится улучшить класс. И здесь снова получается удобно. Когда будем улучшать класс (это не обязательно тот же самый человек), можно не думать о том, как его используют. Главное, чтобы способ взаимодействия с классом не изменился (не сильно изменился).

    В вашем примере - это просто заготовка. Дальше нужно наполнять эту заготовку функционалом. В самом простом виде геттер просто возвращает приватное свойство, а сеттер меняет его. Так нужно сделать сразу, чтобы потом не пришлось переписывать всю программу (и согласовывать с коллегами). Но даже здесь уже есть небольшое правило - нельзя передавать отрицательные значения. Условия могут быть сложнее. И вообще всё может быть сложнее. Например, вместо age можно хранить дату рождения. И функция GetAge будет каждый раз высчитывать разницу с текущей датой. По сути для внешнего использования ничего не меняется, но внутри происходит магия.
    Ответ написан
    3 комментария
  • Есть ли возможность используя Vue не отображать фигурные скобки (Mustache синтаксис) при загрузке/инициализации страницы?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Используйте такую директиву v-cloak для блока с вашим приложением. vue удалит его после инициализации, а значит, можно написать такой css, который будет прятать блок с таким атрибутом.
    div[v-cloak] {
        display: none;
    }
    Ответ написан
    2 комментария
  • Зеленая зона PageSpeed Insights теперь не достижима?

    402d
    @402d
    начинал с бейсика на УКНЦ в 1988
    https://developers.google.com/speed/pagespeed/insi...
    Имхо показательно
    Ответ написан
    Комментировать
  • Требуется ли для системного администратора знание программирования в 1с/web?

    @iMaximus
    В теории не должен, на практике, хитрожопые конторы, особенно, не очень крупные, хотят чтобы админ был и швец и жнец и на дуде игрец.

    Вот на эту тему. Если бы водителей набирали как админов.

    Вакансия: водитель.

    Требования:

    Профессиональные навыки в управлении легковыми и грузовыми автомобилями, троллейбусами, трамваями, поездами метрополитена и фуникулёра, экскаваторами и бульдозерами, спецмашинами на гусеничном ходу, боевыми машинами пехоты и современными легкими/средними танками, находящимися на вооружении стран СНГ и НАТО.
    Навыки раллийного и экстремального вождения обязательны.
    Опыт управления болидами “Формулы 1” – приветствуется. Знания и опыт ремонта поршневых и роторных двигателей, автоматических и ручных трансмиссий, систем зажигания, бортовых компьютеров, антиблокировочных систем, навигационных систем и автомобильных аудиосистем ведущих производителей.
    Опыт проведения кузовных и окрасочных работ – приветствуется.
    Претенденты должны иметь сертификаты Mercedes, BMW, General Motors, а также справки об участии в крупных международных соревнованиях не более, чем двухлетней давности.

    Зарплата: определяется по результатам собеседования.
    Ответ написан
    1 комментарий
  • Как пользоваться Git в php stotm если сайт уже опубликован на хостинге (не гитхаб)?

    Decadal
    @Decadal
    Все просто, сударь
    https://git-scm.com/book/ru/v2

    Если вы прочтёте это и у вас останутся вопросы по гиту в шторме, приходите.
    Ответ написан
    Комментировать
  • Почему события React работают только через стрелочные функции?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    Потому-что когда вы вызываете метод на объекте:
    obj.method(); // вызываем метод
    или:
    this.method(); // вызываем метод
    Ссылка на объект указанная перед точкой будет использована в качестве контекста и будет доступна в функции, через ключевое слово this.

    Когда вы передаете метод без вызова:
    onClick={obj.method} // не вызываем метод
    или:
    onClick={this.method} // не вызываем метод
    Передается лишь метод, а контекст теряется.

    Чтобы не терялся контекст при передаче метода в слушатель, можно использовать функцию bind. На вашем примере:
    class MainPage extends Component {
      constructor(props) {
        super(props);
        this.state = {
          color: 'red'
        };
        this.changeStylesForCaption = this.changeStylesForCaption.bind(this); // привязываем контекст
      }  
      
      changeStylesForCaption() {
        this.setState({
          color: 'black'
        });
      }
    
      render() {
        return (
          <h1 onClick={this.changeStylesForCaption} style={{ color: this.state.color }}>gleb</h1>
        );
      }
    
    }


    Стрелочные функции контекста не имеют и используют контекст того окружения, где они определены.
    Ответ написан
    1 комментарий
  • Что нужно иметь и знать в фреймворке React джуну?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    Хороший кандидат на должность Junior React Developer, по моему мнению, должен соответствовать следующему перечню требований:
    1. Хорошее знание JavaScript. В React разработке используется ES6 и большинство экспериментальных фич еще не вошедших в стандарт.
    2. Хорошее знание HTML и CSS. Кроссбраузерная верстка. Так же, хорошо иметь представление о том, что такое css-in-js.
    3. Web APIs. Умение работать с объектной моделью документа(DOM) и все эти XMLHttpRequest, localstorage, cookie, history и прочее.
    4. Хорошее знание API React. Вы должны хорошо знать React, знать его возможности, понимать основные концепции и уметь ответить на большинство типовых вопросов. Для этого достаточно хорошо изучить документацию, разобрать пару типовых проектов на github и попрактиковаться. Много полезной информации, приёмов и идей можно подчерпнуть из тематических статей и докладов. Так же, на просторах интернета можно найти подборки типовых вопросов, часто задаваемых на собеседованиях. В англоязычном сегменте их больше.
    5. Redux. Уверенное знание API. API библиотеки до боли пост. Знать, что такое промежуточное ПО и зачем оно. Понимать базовые концепции архитектуры Flux. Все это есть в документации и многочисленных курсах.
    6. Умение работать с менеджером пакетов npm на базовом уровне.
    7. Node.js. Хотя бы уметь написать простейший express/koa сервер, который будет отдавать ваше приложение и статику.
    8. Webpack. Базовые знания.
    9. Умение работать с git. Хотя бы знать и уметь примерять команды: init, clone, add, commit, push, pull, merge, checkout.
    10. Иммутабельность. Четкое понимание зачем это надо. Знание приемов иммутабельного изменения структур данных. Это есть в официальном туториале React.
    11. Статическая типизация TypeScrpt/Flow. Для начала хватит самых основ и способности понимать чужой код.
    12. Функциональное программирование. Хватит знаний полученных в процессе изучения JavaScript, а так же не помешает знать, что такое каррирование, чистые функции и рекурсия.
    13. Базовые концепции ООП. Хватит знаний полученных в рамках изучения JavaScript.
    14. Асинхронный код. Понимать как его правильно организовывать. Promise, async/await.
    15. Сетевые протоколы передачи данных. Вполне хватит базовых знаний о http/https, о том, что такое заголовки и какие они бывают. Хорошо знать о том, что такое websocket.
    16. За плечами должен быть хотя бы один учебный проект на React. Хватит типового тестового задания.
    Примеры таких заданий: 1, 2, 3(сайт может быть не доступен на территории РФ, советую отрыть через VPN и посмотреть), 4, 5. Если подобного проекта у вас нет, то будьте готовы, что потенциальный работодатель предложит вам выполнить тестовое задание и только по его результату вас, может быть, пригласят на техническое интервью. Если напишите хорошо, вас скорей всего пригласят.
    17. Желателен опыт создания типовых UI элементов. Например, чтобы не вызывало трудностей написать простой кастомный чекбокс. Куча примеров реализаций типовых элементов есть на codepen.

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

    Похожий вопрос.
    Ответ написан
    18 комментариев
  • Как в Android-браузере убрать эффект от нажатия на ссылку?

    @patator

    Для андроида вот так -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */

    Ответ написан
    2 комментария
  • Пример хорошего ТЗ/гайдлайна для вёрстки?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Основные требования: здесь
    Примеры стайл-гайдов: здесь

    1. Требования к вёрстке: здесь, здесь, здесь, здесь
    2. Как проверять качество вёрстки: здесь.
    3. Как определять стоимость (трудозатраты) вёрстки одной унифицированной страницы: здесь.
    4. Требования к дизайнеру: здесь и здесь.
    5. Пример документации (генератор шаблона, Helix3 для CMS Joomla!): здесь
    6. Готовые "скелеты" шаблонов HTML5 для начала вёрстки: простой (с поясняющими комментариями), www.initializr.com (ещё 3 простых) и максимально полный html5boilerplate.com.
    7. Вопросы на вакансию верстальщика (front-end developer): здесь

    Бонус по-теме: Turning Design Mockups Into Code With Deep Learning
    Ответ написан
    3 комментария
  • Как решить проблема с flexbox в iOS ниже 11 версии?

    kulakoff
    @kulakoff
    Vue.js developing
    Есть вот такая штука: appetize.io можно посмотреть как будет на айфоне выглядеть в разных версиях.
    Ответ написан
    2 комментария
  • Входит ли дизайн в компетенцию фронтендера?

    @Froggyweb
    За бугром верстают дизайнеры, у нас верстают фронтендеры. Поэтому просто верстка и умирает
    Ответ написан
    Комментировать
  • Как называется паттерн обучения пользователя интерфейсу?

    evnuh
    @evnuh
    Поиск Гугл помог мне, впусти и ты его в свой дом
    Tour, wizard
    https://introjs.com/
    Ответ написан
    Комментировать
  • Быстрое редактирование (CTRL+E) CSS в Brackets. Есть ли подобное решение для phpStorm?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    если вам необходимо быстро перейти на какой-либо стиль из кода хтмл - контрол клик вроде дает подсказку / переход на определение стиля в коде проекта. Что в брекетс по контрол е происходит для многих загадка, вы бы описали что вам нужно поподробнее.
    Ответ написан
    1 комментарий
  • Как сверстать такой блок?

    a1exDi
    @a1exDi
    Geek
    Думаю, что вам подойдет готовое решение.

    https://vestride.github.io/Shuffle/
    Ответ написан
    Комментировать
  • Кастомизация Google Maps?

    snazzymaps.com вот стилизатор есть, имеются готовые стили и конструктор
    Ответ написан
    Комментировать