• Модульность на фронтенде?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    (кратко про себя)
    Все лежит в папках: компонент + стиль. Собирается webpack'ом. Но у меня react-проекты.

    (длинно, но вроде бы по делу)
    Если относительно долго занимаетесь - у вас скорее всего уже выработались части, которые похожи - их выносите. Так же скорее всего у вас есть одинаковая структура (обычно это js/css/images и html, либо как вы пишите компонентами (отдельными папками) внутри котороых html + стили и может js ). Делайте шаблон для будущих проектов, в первую очередь удобным для себя - ведь вам с ним работать, а в нем реализуйте то что умеете по-максимуму (жмите картинки, оптимизируйте js и т.д)

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

    кажется, что не использовал это все на 100%

    Всем так кажется, поэтому когда не хочется заниматься работой, идем в гугл и смотрим опен-сорс проекты других людей: gulp, wepback, затем если нашли что-то любопытное идем в npm/github читаем доку. Пытаемся применить в работе.

    Что имеем в итоге?
    1) если все работает и вас устраивает (скорость сборки, удобство проверки в разных браузерах ...) - "работу работать";
    2) если есть время и желание - гуглите опен-сорс решения, читайте твиттер интересных людей / новостную подписку;
    3) если хочется услышать мнение коллег, но при этом коллег рядом нет - пишите статью на хабр. Просто статья: я использую такие-то плагины в своем "шаблоне" - вряд ли получит лестные отзывы, но возможно кто-то напишет: вот в этом месте у вас плохо, сделайте иначе. Возможно, вы придумаете, как написать статью интересно - тогда честь и хвала. И критика. А обоснованная критика всегда хорошо.

    P.S. если используете Jade и следуете BEM-методологии, то я бы порекомендовал посмотреть на этот проект
    Ответ написан
    Комментировать
  • Какая разница в синтаксисе объявления контроллеров?

    yarkov
    @yarkov
    Помог ответ? Отметь решением.
    При минификации кода второй вариант сломается
    Ответ написан
    1 комментарий
  • Как сортировать словарь Python 2.7?

    @encyclopedist
    Словарь в питоне - неупорядоченная структура данных. Он не помнит порядка. Поэтому чделать то что вам хочется с помощью стандартного словаря невозможно.

    Но для этого в стандартной библиотеке предусмотрен специальный словарь OrderedDict (в модуле collections)

    Чтобы создать OrderedDict с элементами в определенном порядке, нужно передать список пар:

    users = OrderedDict([
        ("girafenok", {"password": "2341", "upload_files": 0, "files_size": 0}),
        ("bastax", {"password": "qwerty123", "files": 2, "files_size": "45 B"}),
        ("kuku", {"password": "kuku1332", "files": 0, "files_size": "12 GB"}),
    ])
    Ответ написан
    Комментировать
  • Как автоматически добавлять класс jQuery с интервалом?

    Deonisius
    @Deonisius
    Родился в 11110110111 году, 11000 января.
    Вариант в виде плагина
    HTML+JS
    <div class="container">
        <div>div 1</div>
        <div>div 2</div>
        <div>div 3</div>
        <div>div 4</div>
        <div>div 5</div>
        <div>div 6</div>
        <div>div 7</div>
    </div>

    (function($) {
        $.fn.classСycle = function(o) {
            var _this = this,
                opt = $.extend({
                    class: 'default_class',
                    delay: 1000
                }, o),
                divs = $('div', this),
                len = divs.length - 1,
                init = function(i) {
                    setTimeout(() => {
                        divs.removeClass(opt.class);
                        $(this).addClass(opt.class);
                        if (i >= len) {
                            setTimeout(() => $.fn.classСycle.call(_this, opt), opt.delay);
                        }
                    }, i * opt.delay);
                };
            return divs.each(init);
        };
    }(jQuery));
    // Использование
    $('.container').classСycle({
        class: 'active', // активный класс
        delay: 750 // задержка
    });

    Ответ написан
    Комментировать
  • Стоит ли продолжать изучать Android develop?

    artemgapchenko
    @artemgapchenko
    Здравствуйте, как многие знают, Google готовит замену Android

    Откуда вы всё это берёте? Есть проект на Гитхабе с таким вот README:

    Pink + Purple == Fuchsia (a new Operating System)

    Всё. Ни про замену Android, ни про предназначение проекта ничего не сказано. К проекту подключено 3 (три) человека, развивается он без году неделя, никаких официальных анонсов не было.
    Прекращайте читать советские газеты перед обедом и вместо первоисточников и не занимайтесь домыслами того, чего нет. Изучайте Android и выбросите Фуксию из головы на ближайшие года два, пока не станет понятно, что это такое и кому это нужно.
    Ответ написан
    Комментировать
  • Добавление класса через each?

    $('.block .element').addClass(function(index){ return 'class'+index})
    Ответ написан
    Комментировать
  • Стартап: как продвигают обучающие курсы по типу вебинаров или груповых онлайн занятий?

    JRazor
    @JRazor
    Senior StarkOverFlow Programmer
    Как пользователь, обучающийся на coursera и stepic скажу, что все зависит именно от контента. Если контент содержит необходимую информацию и понятен всем и каждому, то выстрелит. В противном случае - оно и не надо никому. Очередной форум/сайт о заработке/копирайтинге будет интересен не слишком платежеспособной аудитории, если контент будет идти не от профессионалов своего дела.

    Например, я потратил много времени на поиск курса по введению в линейную алгебру (в институте прогуливал это дело). Множество уроков сразу начинались с примеров, были не очень просты для начинающих и так далее. Это не то, что не способствует обучению - это не способствует поиску других курсов на ресурсе. Вот пример, как нужно объяснять о сложных вещах: https://www.youtube.com/watch?v=nYdncl19AfQ

    И да, ютуб-канал с первыми содержательными уроками будет неплохой демо версией. Он или поднимет портал, или потопит его. Думаю, тут вы и поймете, нужно ли вообще это кому-то.
    Ответ написан
    1 комментарий
  • Как подходить к решению нетривиальных задач?

    Привет.

    Всегда использую модель боли:

    1) Смотришь задачу
    2) Пытаешься её решить
    3) Понимаешь, что ты тупой идиот, который ничего не может.
    4) Поднимаешь в помощь гугл
    5) Поднимаешь в помощь литературу
    6) Спрашиваешь ребят на тему: "почему так, а не иначе".
    7) Выполняешь задание, осознавая, что ты тупой, раз на решение этой задачи тебе пришлось потратить столько времени.

    Повторить до бесконечности, и ты станешь профи.
    Ответ написан
    7 комментариев
  • Только начал учить javascript как понять?

    EreminD
    @EreminD
    Кое-что умею
    //javascript такой: хоба! Функция, которая принимает на вход один параметр 
    //и возвращает результат в виде х*х.
    //Пожалуй, я ее запомню, потом, может, пригодится
    var square = function(x) { return x*x; }; 
    
    //потом javascript такой: ага, надо че т в консоль вывести (то, что в скобках). 
    //А че в скобках? Итить-мадрить, это ж та самая функция, котораю я прост запомнил. 
    //Надо ее вызвать и на вход подать 12. Тогда мне вернется 12*12 и это я выведу в консоль.
    console.log(square(12));
    
    //огонь


    А если понятнее, то вот
    Ответ написан
    7 комментариев
  • Как сделать угол на CSS с прозрачным бэкграундом?

    Ronnie_Gardocki
    @Ronnie_Gardocki
    Я у мамы фронтендщик.
    1) Самый простой и элегантный - css clip-path: polygon. Сделано за 2 минуты - codepen.io/suez/pen/2a2b9d90bd00d671181906de5311bc8d
    Из очевидных минусов - ограниченная поддержка браузерами. Но если вам пофиг на древнее инвалидное говно, то юзайте не раздумывая.
    2) Svg clipPath. По сути дела это более геморройная версия первого варианта с некоторыми недостатками (например нельзя юзать %), но зато браузерная поддержка намного шире + можно юзать для каких угодно форм, ибо в основе лежит svg path.
    3) Стандартные хаки с помощью :before/:after. Например создаете блок, который сверху имеет прямые углы. Затем :before элемент делаете треугольником слева (ксс трегольники легко гуглятся и даже есть сайт генератор - apps.eky.hk/css-triangle-generator ). А :after блоком справа с закругленным верхним правым углом.
    4) Что-нибудь еще.
    Ответ написан
    4 комментария
  • Вертикальное выравнивание svg path?

    petermzg
    @petermzg
    Самый лучший программист
    Так вы сам svg элемент выравнивайте по центру.
    Это будет проще, чем делать расчеты translate для path.
    Ответ написан
    Комментировать
  • Под какие (разрешения) экраны делать адаптивку сайта?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Обычно должно быть 5-7 размеров
    1. Смартфон в вертикальном положении (320-400)
    2. Смартфон на боку (480 - 650)
    3. Планшет в вертикально положении (768)
    4. Планшет на боку (1024)
    5. Десктоп (обычно 1200 и 1600).

    Между этими размерами должна быть какая-то резина, чтобы переход был плавным и смотрелось нормально на нестандартных девайсах.
    Ответ написан
    5 комментариев
  • Какие есть варианты затухания строки?

    @holfza
    Ответ написан
    Комментировать
  • Какие есть варианты затухания строки?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    3 комментария
  • Какие есть варианты затухания строки?

    @qo_0p
    У меня вопрос. Читаем же сверху вниз, удобно ли будет встречное затухание?

    Если речь не об анимации, то вот: Как сделать плавно исчезающий текст?
    Ответ написан
    2 комментария
  • Помощь в изучении Python. Что дальше?

    @LeonidShifrin
    Разработчик, Wolfram Research Inc. PhD, Physics
    Учиться по книгам можно бесконечно. Судя по Вашим словам, Вы вполне подготовлены, чтобы начать работу над несложным проектом / задачей.

    Изучите какой-нибудь web framework на Python (Django, Flask, ... - лично я предпочитаю Django, но он довольно тяжелый как framework, хотя освоить его на начальном уровне нетрудно), и поднимите на нем простое web-приложение для личного использование (ну скажем, календарь, или планировщик задач, или учет личных финансов). Развивать можно бесконечно, и в процессе сможете самые разные задачи порешать. Чтобы не возиться с сервером дома, очень рекомендую сервис

    https://www.pythonanywhere.com/

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

    Ну и еще несколько советов:

    1. Ползуйтесь хорошим IDE (я использую PyCharm Pro, но в принципе и бесплатный PyCharm community edition прекрасно подойдет). Там можно настроить Python консоль, так что интерактивность не пострадает.
    2. Если возьметесь за что-либо, что можно назвать проектом, пользуйтесь системой контроля версий. Это не так страшно как кажется. Я бы советовал Git. Можно из командной строки (для изучения предпочтительна, лично я предпочитаю и для работы), либо UI клиент (я пользуюсь SourceTree). Изучить Git на начальном этапе можно за полдня. Вот хорошая книжка:

    https://git-scm.com/book/en/v2

    достаточно первые пару глав прочесть для начала

    3. Храните код в каком-нибудь распределенном репозитории (Github, Bitbucket). Если готовы его открыть для всех, то я бы советовал Github, если нет - BitBucket позволяет создавать бесплатно закрытые репозитории.

    4. При разработке в Python, пользуйтесь virtualenv. Это нужно для того, чтобы не замусоривать ваш основной дистрибутив Python установленными сторонними модулями и библиотеками.

    5. Это вопрос личного вкуса и удобства, но лично мне в работе сильно помогают системы project management. Я пользуюсь Blossom.io, но он платный. Из бесплатных, могу порекомендовать Trello.

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

    Собственно по Python, очень рекомендую вот это:

    docs.python-guide.org/en/latest

    куча реально полезной информации. По всем конкретным вопросам нет ничего лучше StackOverflow.

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