• Как (и возможно ли) дотянуться до Junior JavaScript Developer в кратчайшие сроки?

    @Finch_85
    1. Писать JS код ежедневно. Ну кроме выходного может. Хотя бы чуть чуть, но надо ежедневно что-то новое делать. Начни (ничего что на ТЫ?) что-то делать свое - плагин какой-нибудь, либо веб приложение.
    2. Уроки могу посоветовать от Codedojo. (есть на торрентах, если надо адрес кину в ВК). Подписка там 500 р/месяц с доступом на все уроки.
    3. Надо хорошо освоить базу по JS (ES6 конечно)

    Вот примерные вопросы для собеседования - посмотреть (кроме React конечно)
    Еще один списочек. Здесь уже набор тестовых заданий. Можешь посмотреть что примерно дают в качестве тестового задания - посмотреть
    Ответ написан
    6 комментариев
  • ReactJS + PHP + Axios - как решить проблему Access-Control-Allow-Origin?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    Почитайте любую свежую статью по REST API на PHP Так API никто не пишет:
    .get('http://example.com/wp-content/themes/armed/mobile/react.php')

    Для решения проблемы с cors, поставьте nginx и добавьте в hosts хост для вашего проекта, и напишите конфиг для nginx, по которому он будет по разным путям вашего хоста перенаправлять запросы на разные порты.
    hosts:
    127.0.0.1 project
    nginx.conf:
    server {
      listen 80;
      server_name project;
    
      location ^~ / {
        proxy_pass http://localhost:3000/;
      }
      location ^~ /api/ {
        proxy_pass http://localhost:3001/api/;
      }
    }
    Ответ написан
    Комментировать
  • Где лучше хранить данные?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    1. Забудьте о таких подходах в React. Лишняя бесполезная сущность. Лучше вынести в отдельный модуль сами запросы к API.
    2. Если используете голый API React, то это самый верный путь, так как при изменении state произойдет обновление компонента и его потомков.

    import React, { Component } from 'react';
    import { Child } from './Child';
    import { getSomeData } from './api';
    
    class Parent extends Component {
      state = {
        data: [],
      };
    
      componentDidMount() {
        getSomeData.then(data => this.setState({ data });
      }
    
      render() {
        return <Child data={this.state.data} />;
      }
    }
    Ответ написан
    8 комментариев
  • Почему не совпадает верстка с реальными устройствами?

    paulradzkov
    @paulradzkov
    Дизайнер, верстальщик, начальник отдела UI
    Вы неправильно настроили панель разработчика. У мобильных телефонов количество физических пикселей больше, чем количество «css-пикселей» в браузере. Разница выражается параметром Device Pixel Ratio (DPR) — это коэффициент умножения, сколько физических пикселей в одном «css-пикселе».

    take.ms/v1Ms8

    В режиме Responsive у Хрома по-умолчанию DPR=1.0 (у макбука по-умолчанию 2.0, т.к. retina-экран). Вы выставили ширину вьюпорта 540px, но у вашего телефона, скорее всего, DPR = 1.5 и разрешение в браузере соответствует 360px (540 / 1.5 = 360).

    Вам надо включить отображение DPR и доработать верстку на малых экранах от 540 до 320px.
    Ответ написан
    7 комментариев
  • Что за graphic1.png грузится с апворка?

    teke_teke
    @teke_teke
    programador
    за тобой следят. проверь лестничную клетку. потому уходи через пожарный выход. на улице тебя будет ждать машина.
    Ответ написан
    1 комментарий
  • Нахождение найменьшего значения RGB?

    Rsa97
    @Rsa97
    Для правильного вопроса надо знать половину ответа
    Чёрно-белое изображение имеет два цвета - чёрный и белый.
    Изображение в оттенках серого имеет один канал.
    Если у вас три канала (RBG) - то это полноцветное изображение.
    Яркость (или светимость) точки можно посчитать по одной из формул, в зависимости от цветовой модели:
    L = 0.2126 * R + 0.7152 * G + 0.0722 * B
    L = 0.299 * R + 0.587 * G + 0.114 * B
    L = sqrt(0.299 * R * R + 0.587 * G * G + 0.114 * B * B)
    Ответ написан
    Комментировать
  • Как защитить сайт от выкачки через инспектор?

    yarkov
    @yarkov Куратор тега JavaScript
    Помог ответ? Отметь решением.
    И снова супер секретные наработки защитить пытаются =)
    Нет, нельзя защитить. Чтобы отобразить сайт, браузер должен выкачать все нужные файлы. А соответственно когда сайт загрузился, то файлы уже на компе пользователя.
    Ответ написан
    1 комментарий
  • Что означает требование отличное знание js?

    думаю этот вопрос нужно задавать конкретному работодателю, а не общественности, функции на память помнить не нужно, нужно знать как их найти в документации
    Ответ написан
    1 комментарий
  • Максимальный вес JS файлов?

    HeadOnFire
    @HeadOnFire
    PHP, Laravel & WordPress Evangelist
    У каждого проекта должен быть "бюджет", так называемый performance budget. Исходя из него можно сказать сколько будет "много", а сколько - "в самый раз". Необходимо адекватно понимать, что браузеру нужно не только скачать, но и распаковать, проанализировать и выполнить. При чем если вы бандлите стопиццот слайдеров и прочих jQuery-плагинов, все это будет делаться со всеми, даже если на конкретной странице используется только один из плагинов. Самая главная проблема с этим - это даже далеко не загрузка этих файлов, а именно parse, execute и render time в браузере. Идеальный вариант - как можно меньше. Но в реальности - нужно исходить из баланса - время на разработку (кастомная ванилька под нужные браузеры отнимет больше времени чем паклепать на jQuery), производительность у конкретной ЦА (если 80% на мобилах и далеко не iPhone 7, то даже 200Кб распакованного скрипта будет заметно тупить).
    Ответ написан
    Комментировать
  • Почему в результате в arr не массив?

    amorphis
    @amorphis
    Технолог в Студии Артемия Лебедева
    The push() method adds one or more elements to the end of an array and returns the new length of the array.
    Ответ написан
    Комментировать
  • Canvas wave animate?

    alsolovyev
    @alsolovyev
    У Вас какая цель стоит? Просто сделать: snapsvg.io
    Если цель стоит 60fps, то рисуйте на видеокарте https://threejs.org/
    Или тоже самое, но проще(2d): www.pixijs.com
    Ответ написан
    4 комментария
  • Как лучше реализовать анимацию в js/canvas?

    VoidVolker
    @VoidVolker Куратор тега JavaScript
    Dark side eye. А у нас печеньки! А у вас?
    Анимация привязывается ко времени, а не к шагу. Каждый фрейм анимации может длиться любое количество времени. Поэтому, надо каждый фрейм не прибавлять 1 px, а проверить сколько прошло времени с предыдущего фрейма и вычислить новое положение объекта в пространстве.
    Ответ написан
    Комментировать
  • В какую сферу можно уйти из веб программирования?

    Ezhyg
    @Ezhyg
    На завод, фабрику, небольшой цех, руками поработать - вариант? ;)

    сфера - куча
    порог вхождения - низкий/средний/высокий (любой)
    языки -программирования- - русский подтянуть, очень рекомендую!
    спрос - не сильно большой, но есть
    трудоустройство - разумеется
    Ответ написан
  • WPF еще не умер?

    Nipheris
    @Nipheris Куратор тега C#
    WPF умер. C# на клиенте тоже умер. C++ и Qt на клиенте умер. Нативные приложения и приближенные к ним (WPF/WinForms) вообще умерли. Нативные приложения пишут только разработчики ОС, и то до тех пор пока не перепишут их на Электроне. Электрон скоро будет модулем ядра / драйвером для повышения производительности HTML-интерфейсов.

    Просыпаюсь в холодном поту
    Фух, это всего лишь сон.

    то используй DevExpress, а не WPF

    Это как понимать? Я знаю что у DevExpress есть наборы компонентов для разных UI-технологий, а чтобы у них было своё UI-решение, не базирующееся на чём-то вроде WPF/WinForms/HTML - не слышал.

    используй ASP.NET MVC, а не Silverlight

    Т.е. генерировать только статический UI только на сервере? Почему вы сравниваете Silverlight (который кстати и правда умер, уже точно) с ASP.NET MVC, а не с HTML или HTML + React например?
    Ответ написан
    21 комментарий
  • Как "прокачать" Trello?

    zamboga
    @zamboga
    Бизнес-аналитика, фин. моделирование, дашборды
    Быстрое знакомство и описание Trello
    • Философия Trello
    https://netology.ru/blog/trello
    • Как использовать Trello для планирования
    interesno.co/myself/3128a1df69ba
    • 12 советов для тех, кто пользуется Trello
    www.lookatme.ru/mag/live/things/214757-trello-tips...


    Расширения Сhrome для Trello
    • Полезные расширения и настройки
    https://lifehacker.ru/2016/04/12/10-dopolnenij-dly...
    betteri.ru/post/rukovodstvo-po-produktivnoy-rabote...
    ○ Мои надстройки https://i.imgur.com/bHbdtiK.png
    ○ Для управления расширениями Хром: SimpleExtManager

    ○ Надстройки Google chrome (использую постоянно)
    § Boards for Trello
    § Card Colors for Trello
    § Next Step for Trello
    § Plus for Trello (тайм-трекинг, отчёты, Scrum)
    § Pro for Trello, FREE Trelo tweaks
    § Reports for Trello
    § Toggl Button: Productivity & Time Tracker
    § Trellists: Trello Lists Master
    § Trello List Wizard
    § Multiselect for Trello (платный)

    ○ Надстройки Google chrome (использую периодически)
    § List Highlighter for Trello
    § Slim Lists for Trello
    § Trelabels for Trello
    § Trello List Filter
    § TrelloExport
    § Ultimella, the features pack for Trello

    • Система отчетов
    https://reportsfortrello.com/
    https://www.toggl.com/ (надо поставить расширение toggl для хром)
    www.plusfortrello.com

    • Диаграма Ганта
    https://elegantt.com/
    Gantt for Trello | by Placker.com

    • Для автозадач:
    https://echofortrello.com (попроще) (прекратил существование)
    https://butlerfortrello.com (посложнее, но и функционал шире)
    https://ifttt.com/applets/299813p-schedule-daily-o...

    Список тайм-трекеров для Trello
    https://help.trello.com/article/941-time-tracking

    Расширения Хром для тайминга времени Trello на основе техники Pomodoro
    • Timeneye
    ○ Плюсы
    § Размытый фон при запуске таймера -> фокус на задаче
    ○ Минусы
    § Простой таймер, без помидорок
    § Автоматом не заполняет поля "проект", "задача" и т.д. Хотя мог бы брать все это из Trello
    ○ Итог
    § Не понравился, неудобный

    • Pomello
    ○ Плюсы
    § Добавляет символ "помидорки" или "галочки" к каждой выполненной задаче, + число помидорок (даже дробных)
    § Очень простой и удобный
    § Плашка "овер всех окон" с обратным отсчетом
    ○ Минусы
    § Нет отчетов
    ○ Итог
    § Использую из-за символов "помидорки"

    • PomodoneApp
    ○ Плюсы
    § Обратный отсчёт в трее
    ○ Есть отчеты
    § Управляет задачами в Trello: можно закрыть любую, она автоматом переместиться в "done"
    § Подцепляет теги и проект, это удобно, не надо самому ставить.
    ○ Минусы
    § Отчеты в Toggle удобнее
    ○ Итог
    § Использую, т.к. нравится обратный отсчет в трее, не так "давит", как Pomello

    • Toggl
    ○ Плюсы
    § Можно логгировать отдельно подзадачи из чеклистов Trello
    § Очень крутые, подробные и красивые отчеты
    ○ Минусы
    § Автопауза не связана с Trello
    § Все управление задачами — только через web-trello
    § Не берет "теги" из Trello
    ○ Итог
    § Использую постоянно, т.к. нужны отчеты
    Ответ написан
    Комментировать
  • Что такое frontend окружение?

    be_a_dancer
    @be_a_dancer
    Backend/Fullstack Developer
    Ух.
    Начну с простого. Когда-то для работы с "фронтендом" хватало одного небольшого файлика, который подключался к сайту и делал какую-то минимальную анимацию на сайте (тогда он использовался только для этого).
    Затем, появилась библиотека JQuery и стало легче работать с клиентской стороной сайта. Появились новые возможности, к библиотеки начали дополнительно подключать пару-тройку плагинов. Все еще легко.
    Потом появились другие библиотеки. Их стало много. И подключать каждый файлик отдельно стало неудобно. Захотелось автоматизировать процессы подключения новых файлов в проект, загрузку их из интернета. Появились бандлеры (для первого) и пакетные менеджеры (для второго). Также, появилась потребность, в момент разработки автоматически перезагружать окно браузера, чтобы проверить внесенные изменения, а также подготавливать проекты к релизу. Появились таск менеджеры. Плюс, необходимо было запускать тесты, чтобы проверить, что все работает правильно. И, наконец, нужна была система контроля версий, чтобы удобно выкатывать изменения, хранить состояния кода в разные моменты времени и так далее. А еще, появился новый синтаксис языка, который содержит новые удобные инструменты, но которые не поддерживаются старыми браузерами, для выполнения этой задачи нужны транспайлеры.

    Вот все вот эти инструменты и составляют, в основном, окружение фронтенда. Они помогают упростить рутинную работу, автоматизировать все процессы, которые происходят во все моменты работы над приложением, его публикацией, версионированием и так далее. Возможно, настройка этого окружения требует времени и определенных знаний, но то время, которое экономится - бесценно.
    На начальных этапах, уже есть готовые шаблоны. К примеру, когда работаешь над Vue.js проектом, ты вполне можешь использовать vue-cli шаблон webpack-simple, который включает все те пункты, которые я перечислил. Как-то так.
    Ответ написан
    3 комментария
  • Как сделать документацию к коду?

    @kn0ckn0ck
    Продюсер
    Есть две крайности, которых лучше избегать:
    1. красивая и исчерпывающая документация требует колоссальных ресурсов на поддержку
    2. сложно воспринимаемый код, без малейших подсказок с чего все начинается и чем заканчивается

    Стандартные решения:
    1. самодокументируемый код, составленный так, что читающий может понять что для чего и в какой последовательности работает.
    2. описание интерфейсов (назначение метода, тип/суть параметров и т.п.) в форме комментов в коде.
    3. автоматическая документация (генерится из комментариев) - эффективно, только если сам код закрыт.
    4. модульные тесты, фиксирующие требования к коду и демонстрирующие его использование.
    5. описание высокоуровневого дизайна (High Level Design, HLD), описывающий какие элементы существуют, их взаимосвязь друг с другом и основные сценарии взаимодействия.

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

    Кстати, проектная работа, это не только документация к коду, это еще и свод правил, которые позволят архитектуре не расползтись кто в лес кто по дрова, а также сохранят стилистику написания кода для единообразия и легкой поддерживаемости кода.
    Ответ написан
    12 комментариев
  • Зачем нужен redux?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    Единственный по-настоящему действенный способ понять зачем нужно что-то - это попасть в условия для которых это что-то было придумано. Поверьте, как только вам понадобиться написать огромное и сложное приложение для фронта, а не просто добавить пару обработчиков кликов и парочку анимаций на страничку, вы сразу же поймёте, зачем нужен redux.
    Ответ написан
    1 комментарий
  • Проживёт ли долго «игровой ноутбук», если на нём не играть?

    @murzik_a
    Если не включать - прослужит еще дольше.

    А если серьезно, то своевременное обслуживание системы охлаждения снизит вероятность проблем.
    Ответ написан
    3 комментария