Ответы пользователя по тегу HTML
  • Лучший ресурс/книга/видеоуроки для изучения AngularJS?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Дополню ответ bromzh

    лучший способ изучения


    Ограничивать себя и практиковаться.

    Ограничения даже могут быть искуственными, типа "никогда ни использовать $scope". То есть если хочется, лучше хорошенько подумать "а как без него?". Очень редко, его нужно использовать напрямую, но в подавляющем большинства это директивы и работа с событиями, в целом же на вашем уровне это может просто не понадобиться.

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

    Или... "Не полагаться на двустороннее связывание". То есть... оно увы в angular 1.x везде, но нужно понимать риски с этим связанные и стараться делать все так, что бы элементы нижнего уровня ничего не меняли на верхнем уровне, а все изменения проходили либо через колбэки или сервисы. Исключения - формы, тут двусторонний биндинг бывает очень полезным.

    Так же "Никогда не использовать ng-controller", или "Делать все на stateless компонентах" и все такое.

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

    Я так же собрал парочку толковых ссылок которые могут быть полезны новичку. Там так же пример ооочень простого приложения с тестами.

    Так же рекомендую сразу же изучить хотя бы основные плюшки ES6 с babel и использовать их. Таким образом можно сильно упростить структуру приложения.

    А ну и да, ТЕСТЫ! Пробуйте писать приложения используя TDD, это очень полезно для новичков и так же действует как ограничение. Типа "если неудобно писать тесты - подумай как сделать так что бы было удобно писать тесты изменяя тестируемый код". Ну и все такое. У TDD есть свои правила вроде "не меняйте тесты и код одновременно" и т.д.

    Новички должны быть в ежевых рукавицах.
    Ответ написан
    Комментировать
  • Что все-таки должен уметь делать frond-end-разработчик?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Все то что запускается в браузере - ваша зона ответственности. Ajax (ajax это просто возможность делать http запросы из js), все эти фреймворки и библиотеки, все все все. От бэкэнда вас целиком и полностью отделяет весьма жирная сетевая прослойка. Причем эту прослойку вы так же должны знать как слой интеграции между фронтэндом и бэкэндом (на поверхносном уровне хотя бы).

    По сути сегодня фронтэнд и бэкэнд - отдельные приложения. SPA например - полностью независимое приложение, далее могут быть различные оптимизации и т.д. с сервер сайд пререндрингом где связанность повышается и четко границу ответственности уже не определить (хотя опять же можно). Ну и классический web как ярный пример каши.

    Если фронтэнд - это отдельное приложение, то и знать вы должны все что нужно для его построения. Это и архитектурные штуки (MVC/MVA/MVVM/MVP/Flux/паттерны всякие/функциональное программирование) и тесты писать уметь должны и т.д. Все как у бэкэндщиков по объемам знаний. Просто у бэкэндщиков геморой обычно в конкурентных запросах, локах, базах данных и другими веселыми штуками. а у фронтэндщиков - зоопарк браузеров, различия в окружениях и т.д.

    nodejs - это уже опционально. В любом случае если вы хорошо знаете JS то посмотреть как там чего в API ноды проблемы не составит (например что бы быстренько поднять expressjs сервачек для разработки с мидлвэрами, часто нужно для всяких webpack-ов и browsersync). Ну и опять же билд стэк у фронтэндщиков в принципе весь на ноде написан. Но это не бэкэнд.
    Ответ написан
    4 комментария
  • Как сделать put запрос с api в angular?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    var data = $.param({
                    зфкфьі:  ["apple", "potato"] ,
                   
                });


    что это?

    $http.put('http://*****/mongorest/control/get-menu?'+ data)


    ммм... почему у вас данные в query string ложатся а не в тело запроса? Как смысл тогда PUT запрос делать?

    Насколько я помню у монги нормальное REST api.

    Должно быть как-то так:

    $http.put('/some/url', {
        someKey:  ["apple", "potato"] ,
    }).then(function (response) {
        // не пользуйтесь .success/.error
    }, function (reason) {
        // пользуйтесь только промисами.
    });


    то есть никаких извращений и подоброго. И не пользуйтесь $.params. Вообще. Для query string у angular есть отдельный параметр в конфигурации запросов.

    $http.get('/something', {
        params: {
             query: 'param'
        }
    }
    Ответ написан
    3 комментария
  • Какие теги можно использовать в ionic?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Никаких оганичений. Только здравый смысл.
    Ответ написан
    Комментировать
  • Пример front-end разработки?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    https://github.com/classeur/classeur - например. Не сказал бы что это "код которому стоиит подражать" но...
    Ответ написан
    Комментировать
  • Каким образом должны создаваться движки на PHP?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    1) читаем на википедии как работает HTTP
    2) читаем в документации к PHP про SAPI
    3) смотрим как реализован fastroute
    4) перестаем писать велосипеды - разбираемся с существующими решениями. Потом пробуем писать велосипеды и выкидываем их, продолжая пользоваться готовыми решениями.
    Ответ написан
    Комментировать
  • Какое решение выбрать angular + phonegap + polymer?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    но сделать renew на базе polymer с использованием angular(2 будет даже плюсом)?


    Если у вас ангуляр, зачем вам полимер? В этом по сути нет смысла.

    для реализации уже готового проекта

    Вас UI фреймворк интересует? Помимо ionic не так много годных реализаций. Если собираетесь angular2 брать то рекомендую посмотреть вообще в сторону NativeScript а не phonegap. Под фонгапу по сути только ионик сейчас норм.
    Ответ написан
  • Как создать HTML5-приложение для Android?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Ответ написан
    Комментировать
  • Лучший Grid Layout написанный на нативном CSS, который вы только встречали?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    хочу найти идеальную универсальную адаптивную и элегантную сетку

    А жареных гвоздей не хочешь ты? Универсальных и идеальных не существует, иначе пользовались бы все только одной.

    возможность безболезненного комбинирования колонками с разными соотношениями сторон


    Вообще все очень сильно зависит от задачи, но в принципе flexbox решает большую часть этих проблем.

    flexboxgrid.com а так же bootstrap4 во всю использует flex.
    Ответ написан
    Комментировать
  • Какую литературу по HTML, XHTML посоветуете?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    HTML это декларативная разметка, чего там учить то. Вам скорее надо поресерчить вопрос семантики и т.д.

    Если у вас стоит задача изучения веб-программирования то вам надо изучать программирование (javascript например).
    Ответ написан
    Комментировать
  • Где найти интересный проект?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Проблема знаете в чем?

    Вот допустим попрошуя вас... "А сделай ка мне приложеньку на angularjs, простенький личный канбан борд + таймер аки pomidoro + общий таймер сколько я чего делал и отдыхал". И вы может быть даже и сделаете. Вот только... потом придется рефакторить, переписывать куски и т.д. Ну то есть как-то не выгодно выходит, особенно если у вас нет опыта с ангуляром.
    Ответ написан
    8 комментариев
  • Что значит "в соответствии с подходом bootstrap" в постановке задачи?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    вам черным по белому написали - сделайте приблизительно такую же страничку (похожую визуально) на бутстрапе. Кроме бутстрапа использовать что-то готовое запрещено.

    Вперед и с песней. Что бы отвадить вас от мысли подглядывать и выдерать предлагаю вам сделать скриншет страницы и ориентироваться на него.

    Если же вы не в состоянии на бутстрапе собрать такую страничку - значит тестовое задание вы провалили.
    Ответ написан
    Комментировать
  • Существует-ли javascript фреймворк для форматирования формул?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Ответ написан
    Комментировать
  • Можно ли писать простые браузерные приложения на Python или Lua, без Javascript?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    можете попытать счасться с транспайлерами python > js, вроде такого. или же pypy.js А так остается ждать web assembly

    p.s. чего только люди не выдумают лишь бы не использовать babel.js и не перестать маиться дурью. Отличия от python не сильно то большие.
    Ответ написан
    Комментировать
  • Как оптимизировать ionic приложение (android)?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    если у вас android 4.4+ то подключаем к компу по USB, открываем ремоут дебагер хрома, подключаемся к приложению и профайлим.

    Универсального решения нет, и да, вам с ionic надо было бы еще разобраться + разобраться с angular.
    Ответ написан
  • Как запретить UglifyJS минимизировать часть строки?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Комментировать
  • Как понять эту функцию angular?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Коль уж беретесь за angular - забудьте о том что бы работать с DOM напрямую. Вообще. Ни при каких обстаятельствах не пытайтесь даже получить доступ к элементу.

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

    которая должна удалить дубли из текста.

    ng-repeat это примитив ангуляра для создания элементов для каждого элемента коллекции (массива). Ничего он удалять не должен. Вы это все должны сделать сами, простым Array.filter. Просто на JS. Ангуляр это UI фреймворк, обработка данных должна оставаться на вашей совести.

    Мне нужно знать что я делаю не верно

    Сделайте все просто на JS. На входе JSON, на выходе требуемая вами коллекция объектов. Затем эту коллекцию уже выводите через ngRepeat + биндинги.

    Вся соль ангуляра в том что бы полностью отделить логику обработки данных (что вы там фильтруете и под какие условия) от представления этих данных. Вместо прямой работы с DOM используйте датабиндинг.
    Ответ написан
    Комментировать
  • Насколько вы используете flexbox? Почему нет?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Использую повсеместно когда в требованиях к проекту пишут IE11+. Когда IE10+ - аккуратно но бывает использую. IE9 - боль и унижение, благо таких проектов да с какими-то сложными лэйаутами у меня уже нет.
    Ответ написан
    1 комментарий
  • Возможно ли через php структуризировать html код?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Ответ написан
    Комментировать