• Валидация форм во Vue.js

      Привет, Хабр!

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

      Vue.js содержит много интересных и необычных подходов к валидации, которые помогут решить ваши проблемы. Обзор под катом!

      Читать дальше →
      • +22
      • 10.1k
      • 9
    • Preload, prefetch и другие теги

      • Translation
      Есть много способов повышения веб-производительности. Один из них — предзагрузка контента, который понадобится позже. Префетчинг CSS, предварительный рендеринг полной страницы или резолвинг доменного имени. Делаем всё заранее, а потом мгновенно отображаем результат! Звучит круто.

      Ещё круче, что это очень просто реализовано. Пять тегов <link rel> дают браузеру команду на предварительные действия:

      <link rel="prefetch" href="/style.css" as="style" />
      <link rel="preload" href="/style.css" as="style" />
      
      <link rel="preconnect" href="https://example.com" />
      <link rel="dns-prefetch" href="https://example.com" />
      
      <link rel="prerender" href="https://example.com/about.html" />
      Читать дальше →
      • +33
      • 10.1k
      • 1
    • 10 консольных команд, которые помогут дебажить JavaScript-код like a PRO

        image

        Перевели статью Амита Соланки по отладке JavaScript-кода при помощи консольных команд. По словам автора, эти команды помогут значительно повысить производительность труда программиста при поиске багов и сэкономят кучу времени.

        Давайте рассмотрим команды, которые действительно способны упростить жизнь любому программисту.
        Читать дальше →
      • 50 оттенков безопасности Друпала

        1. Для хеширования паролей используется модифицированная версия phpass, от которой на официальном сайте открестились. Но менять механизм не спешат [#1845004].
        2. Не желают даже предоставить возможность выбора механизма хеширования [#2939888].
        3. Число итераций для стойкости хеширования не обновлялось больше 7 лет [#1850638], хотя предполагалось увеличение итераций не реже чем в 2 года [#1203852].
        4. При использовании PostgreSQL хеши паролей сравниваются без учёта регистра [#2475539].
        5. Также с PostgreSQL есть проблемы с поддержкой SSL [#850600].
        6. Минимально допустимая версия PostgreSQL 9.2, которая уже давно без поддержки безопасности [#2846994].

        Читать дальше →
      • Практические советы, примеры и туннели SSH

        • Translation
        • Tutorial

        Практические примеры SSH, которые выведут на новый уровень ваши навыки удалённого системного администратора. Команды и советы помогут не только использовать SSH, но и более грамотно перемещаться по сети.

        Знание нескольких трюков ssh полезно любому системному администратору, сетевому инженеру или специалисту по безопасности.
        Читать дальше →
      • Занимаемся автоматизацией ведения паблика ВКонтакте

        Здравствуйте. Меня зовут Максим. Я PHP backend разработчик. Одним из моих самых сокровенных желаний всегда было создать паблик ВКонтакте. Я видел, сколько времени на это уходило у моих друзей и знакомых. Подготовка постов, планирование записей убивали кучу и маленькую тележку свободного времени, которое можно было потратить на что-то более полезное или приятное (или и то и то).


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

        Читать дальше →
      • 6 сервисов для эффективной работы с Gmail

        Gmail — популярный и очень удобный почтовый сервис с отличной защитой от спама, отказоустойчвый и безопасный. Кроме того, Google позволяют расширять функционал своей платформы с помощью сторонних расширений и приложений. С их помощью обычную почту можно превратить в систему управления задачами, службу поддержки клиентов или же просто сильно упросить свою работу с электронной корреспонденцией. Я собрал 6 плагинов и веб-сервисов, используя которые вы сможете повысить эффективность работы с почтой.


        Читать дальше →
      • Когнитивные стимуляторы и другая психофарма: можно ли стать умнее

          Привет, %username%!

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

          В этом посте я постараюсь дать информацию о некоторых интересных препаратах. Часть из них доступна, часть доступна только по рецепту, а часть — практически запрещена. Но, думаю, некоторые сведения из психофармакологии, представленные в этом посте, найдут своего читателя.

          Spoiler: NZT ещё не изобрели, но синтезировали некоторое количество потенциально интересных штук.
          Читать дальше →
        • Настройка голосовых команд Mac OS для запуска произвольного кода

            Предыстория


            Когда вышла Mac OS Sierra, одной из громких новостей было появление Siri. Меня, как пещерного человека, очень удивила и заинтересовала возможность управления ноутбуком с помощью голоса (да-да, это не инновации, но лично я с этим до этого никогда не пользовался и считал это чем-то бесполезным).


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


            Но тут я неожиданно узнал о голосовых командах, которые есть в маке уже черт знает сколько времени (лет?)


            Читать дальше →
          • Новые практические курсы по JavaScript и ES6


              Привет, Хабр!


              Последние несколько месяцев мы в Хекслете работали над новыми курсами и обновлениями платформы. Сейчас на сайте доступно четыре "профессии", так мы называем последовательные программы обучения по разным направлениям, от новичка до джуниора. Одна из профессий окончена, а в остальных продолжают выходить новые курсы. Сегодня хочу рассказать про самое важное для нас сегодня направление — JavaScript, в частности профессию "Фронтэнд JS-программист".


              Мы пошли не стандартным путем "hello world, сделаем форму, добавим анимацию, изучим ООП", а взяли за основу подход к изучению программирования в целом, а не конкретно языка JavaScript. Язык же используется как инструмент решения задач и применения изученных концепций и идей. При это мы изучаем свежий стандарт ES6 и с самого начала знакомим учащихся с правильным окружениям и техниками: модули, пакетный менеджер, отладка, модульное тестирование.


              Вот как выглядит программа обучения:


              1. Жизнь программиста. Про профессию, виды компаний и виды разработки.
              2. Основы программирования. Фундамент: кодинг, ошибки, отладка, функции, побочные эффекты, типы данных. И, конечно, базовые штуки вроде чисел, строк, условий и т.д.
              3. JS: подготовка к работе. Установка и настройка окружения — node, npm, atom.
              4. JS: Составные данные. Как из простых типов данных составлять более сложные. Абстракция от чисел до объектов.
              5. Bash: Основы командной строки.
              6. JS: Последовательности. Пишем свой генератор HTML и изучаем filter, map, reduce.
              7. JS: Программирование, управляемое данными. Типы, сообщения, ООП и TDD.
              Читать дальше →
            • Идеальный Мини-Хакинтош

              • Tutorial
              image

              Когда в 2005 году Apple перешла на платформу Intel, энтузиасты со всего мира задались целью установить MAC OS X на обычные PC (Хакинтош). На пути реализации этой затеи стояли четыре причины. 2 физические и 2 юридические. Дело в том, что для запуска компьютера MAC используется не привычный BIOS, а собственный EFI загрузчик. Вторая причина, это чип SMC который установлен в каждом компьютере Mac. Он генерирует ключи для запуска всех системных приложений MAC OS X. Благодаря нашему соотечественнику под ником Netkas, удалось обойти эти два ограничения созданием эмулятора загрузчика EFI (Chameleon, Chemera, Clover) и эмулятора чипа SMC (FakeSMC.kext). Этих двух программных решений достаточно, что бы установить MAC OS на PC.
              Читать дальше →
            • Советы и секреты № 1

                Удаление своего досье в Google; прямые ссылки в поиске; новый user.js для Firefox; просмотр программ, которые обращаются к конкретному файлу под Windows; запись анимированного GIF с экрана


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

                Как отредактировать/удалить историю своих действий в Сети, которые собирает Google?
                Неделю назад Google представила новый инструмент MyActivity («Мои действия»). Здесь представлена разнообразная информация, в том числе:

                • история поиска в Google, Google Play, на картах Google Maps и прочих сайтах Google;
                • список просмотренных видео на YouTube;
                • список действий в браузере Chrome, в том числе список поисковых запросов в других поисковых системах через омнибар;
                • информация с мобильного телефона Android (Google сохраняет ваши контакты, календари, информацию о приложениях, музыке, сведения об устройстве).
                Читать дальше →
              • Книга «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 4-е изд.»

                  image Новое 4-ое издание признанного бестселлера, охватывающего как клиентские, так и серверные аспекты веб-разработки. Эта книга поможет вам освоить динамическое веб-программирование с применением самых современных технологий. Книга изобилует ценными практическими советами, содержит исчерпывающий теоретический материал. Для закрепления материала автор рассказывает, как создать полнофункциональный сайт, работающий по принципу социальной сети.

                  • Изучите важнейшие аспекты языка PHP и основы объектно-ориентированного программирования.
                  • Познакомьтесь с базой данных MySQL.
                  • Управляйте cookie-файлами и сеансами, обеспечивайте высокий уровень безопасности.
                  • Пользуйтесь фундаментальными возможностями языка JavaScript.
                  • Применяйте вызовы AJAX, чтобы значительно повысить динамику вашего сайта.
                  • Изучите основы CSS для форматирования и оформления ваших страниц.
                  • Освойте продвинутые возможности HTML5: геолокацию, обработку аудио и видео, отрисовку на холсте.

                  Читать дальше →
                • Upgrade до Middle PHP-разработчика за 3 месяца

                    В очередной раз на меня свалилась задача найти хорошего PHP-программиста.
                    По результатам прозвона потенциальных кандидатов, 90% тех, кто мнит себя Middle, на самом деле Junior и годы опыта не спасают, потому что клепают однотипный код в пределах заданий, посланных свыше.
                    Прописал минимальный план желающим сделать рывок и перейти на следующий уровень без отрыва от производства.


                    Читать дальше →
                  • Symfony 2: Полезные библиотеки и бандлы

                      Уже около полугода для разработки веб-проектов используем Symfony 2. Накопился список полезных библиотек и бандлов, не входящих в состав symfony-standard, но значительно экономящих время и избавляющих от изобретения велосипеда.



                      Обзор больше теоретический и включает следующие разделы:
                      • Админгенераторы
                      • Пользователи
                      • Импорт/экспорт xls
                      • API и OAuth 2.0
                      • Меню/навигация
                      • Мультимедиа
                      • Формы
                      • Поиск
                      • Пагинация
                      • Файловая система
                      • HTTP клиент

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

                      Читать дальше →
                    • Руководство по PHP7


                        php7-tutorial.com


                        Цель этого сайта помочь вам обнаружить нововведения в PHP 7. Это руководство представляет из себя набор простых упражнений, в которых вам будет предложено что-либо решить, либо исправить ошибку. Каждое упражнение соответствует стандарту RFC (набор технической спецификации и стандартов) и сопровождается кратким пояснениями.

                        От переводчика


                        Всем привет, с вами Максим Иванов, и сегодня мы поговорим о нововведениях PHP 7, о которых более подробно поведает нам Гийом Девар (Guillaume Dievart) в своем руководстве, сделанном в форме упражнений. Но прежде чем начинать, я хочу отметить один момент. Я не буду приводить полное руководство по данному языку программирования в этом обзоре, просто оставлю здесь ссылку на самую свежую и достоверную информацию. Джош Локхарт (автор гайдлайна «PHP: правильный путь», разработчик Slim Framework), написал данную книгу с целью помочь новичкам, по его словам: «В последнее время существует много дискуссий о том, что PHP сообществу и, в целом, программистам не хватает достоверной информации по языку PHP, поэтому мое руководство призвано решить эту проблему». Чем именно? Вы знаете, что по интернету разбросано огромное количество материла по PHP, но многое уже устарело или не приводит к написанию качественного кода. В этой книге присутствуют основные актуальные сведения с ссылками на проверенные ресурсы. Если кому интересно, такое есть и по JavaScript. А теперь вернемся к упражнениям и приступим.
                        Читать дальше →
                      • Что нужно знать о пластиковых картах Bitcoin

                        Идея создания пластиковых карт, привязанных к Bitcoin, витала в воздухе буквально с момента появления криптовалюты. В 2011-2012 году сообщество начало активно обсуждать реальную возможность выпуска карт и их перспективы. Привлекательность идеи была очевидна для инвесторов, разработчиков и пользователей: карты смогли бы значительно упростить испьзование распределенной валюты в повседневной жизни, и, соответственно, популяризировать коины.



                        Над реализацией идеи билось одновременно несколько стартапов, было понятно, что первый, кто выйдет на рынок, сорвет куш в виде толпы активных пользователей и получит значительные инвестиции от вдохновленных венчурных фондов. Началась гонка на вооружение, в 2014 году новостные сайты пестрили заголовками “Первая Bitcoin пластиковая карта почти выпущена”, “Еще немного и мы на рынке”, “Анонсирован инновационный метод оплаты”. Ближе к концу года организаторы стартапов таки разродились продуктом и выпустили свои карты на радость заждавшихся криптовладельцев.
                        Читать дальше →
                      • Пудра для мозга или как сделать порошок для посудомойки в 9,7 раз дешевле

                        • Tutorial


                        Update
                        Новый вариант порошка и более подробный разбор во второй части: DIY порошок для посудомойки: разбираем промышленные средства и улучшаем рецепт

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

                        Есть очень много областей нашей жизни, где наше представление формирует исключительно маркетинговый буллшит. Увы, большинство людей даже не пытаются задумываться о том, что лежит в основе всего этого. Очень часто рыночная ситуация приводит к тому, что себестоимость продукта составляет 0.5% от его цены. Остальное маркетинг, наценки, логистика, упаковка и тому подобное. Почти все в курсе про концепцию продажи чернил для принтера по цене слез гималайских девственниц и настойчивые рекомендации производителей использовать только оригинальные расходные материалы. Например, совсем недавно меня озарило, что 1.5 грамма сухого вещества во флаконе удобрений для растений не могут стоить 200-250 рублей. А ведь именно такое количество может уместиться в относительно стабильном состоянии в виде раствора. Я сразу представил себе гектары полей и грузовики, которые везут тонны порошка. В результате перешел на расфасовки по 1 кг Буйских комплексных сухих удобрений. Можно ванну раствора приготовить.

                        Сегодня будем создавать ультра-дешевый порошок для посудомойки. Уменьшение реальной зарплаты и удорожание импортной бытовой химии заставило перерыть учебники, просмотреть кучу материалов с форумов химиков и попытаться найти способы экономии на расходниках. Очень уж ощутимо стал стоить порошок. Результаты вдумчивого исследования и экспериментов сильно удивили. Для промышленного применения чаще всего химиками-технологами создаются индивидуальные рецептуры в зависимости от качества воды и задач. Почему бы нам не попробовать разобраться во всем этом?

                        TLDR:

                        70% прокаленной соды и 30% стирального порошка вместо моющего средства.
                        Если очень лень возиться с содой, то просто порошок Биолан или его аналоги. Сода удешевляет.
                        Пищевая соль «Экстра» вместо соли.
                        Да начнутся адские эксперименты!
                      • Пар из сигар. Электронная сигарета WoodStick как способ бросить курить

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



                          Крупные табачные компании на данный момент скупают производителей и патенты, связанные со сравнительно новым видом курения. На этом их активность заканчивается, а рынки без ограничений наполняются дешёвой продукцией сомнительного качества. На этом фоне также существуют и серьёзные компании с сертифицированными товарами – таковой позиционирует себя производитель WoodStick, об одной из сигарет которого мы готовы вам рассказать.
                          Читать дальше →