• Vue.js tutorial: от jQuery к Vue.js

    Привет, Хабр! Представляю вашему вниманию перевод статьи Vue.js Tutorial: From jQuery to Vue.js автора Paul Redmond.


    Что касается библиотек JavaScript, то никогда не было более популярной библиотеки, чем jQuery. Она создавалась для обхода DOM элементов с использованием CSS селекторов в то время, когда совместимость браузеров была важной проблемой для разработчиков.


    Фактически jQuery настолько универсален, что я подумал что он отлично передаст то, почему я люблю писать UI с Vue, используя компонентный JavaScript. В этом руководстве мы сначала рассмотрим создание пользовательского интерфейса с jQuery, а затем перепишем его с помощью Vue.

    Читать дальше →
  • HTML5. Для профессионалов. 2-е изд

      Все привет. У нас вышло 2-е издание книги Гоше «HTML5. Для профессионалов».

      image

      Прототип: HTML5 for Masterminds, 2nd Edition: How to take advantage of HTML5 to create amazing websites and revolutionary applicat

      Книга поможет вам получить необходимые знания об этом стандарте и освоить сложные темы, включенные в спецификации HTML5. Вы узнаете, как организовать ваши документы с HTML5, как оформлять их стилями с помощью CSS3 и как работать с самыми продвинутыми JavaScript API. Данное издание не является введением в HTML5, а представляет собой полноценный учебный курс, который научит вас создавать с помощью HTML5 современные сайты и веб-приложения. Каждая глава посвящена определенной ключевой теме HTML5, также рассмотрены сложные вопросы HTML5, CSS3 и JavaScript. Книга содержит множество примеров программного кода, благодаря чему вы сможете легко усвоить и применить знания по каждому тегу, стилю и функции, включенным в спецификации HTML5. В новое издание книги добавлено описание всех рассматриваемых языков и технологий программирования, а также включено девять новых глав.
      Читать дальше →
      • +1
      • 15,8k
      • 4
    • Почему научиться программировать так чертовски тяжело?

      • Перевод
      Привет, Хабр!

      Взявшись за работу над образовательным проектом Хекслет, мы понимали, что на нас ложится большая ответственность. К нам приходит огромное количество новичков с вопросами и комментариями, такими как:

      • С чего начать обучение программированию?
      • У вас есть курс по Java для новичков, но я слышал, что нужно изучать Python, правда ли это?
      • На других сайтах все просто и понятно, а у вас какие-то компиляции и тесты!
      • Непонятно зачем нужен этот ваш курс по алгоритмам, в реальной жизни все алгоритмы уже реализованы в стандартных библиотеках

      Но сложнее всего объяснить новичку, грубо говоря, во что он ввязывается. Благодаря очень простым, игровым образовательным проектам многие считают, что программирование это очень легко, а наши виртуальные машины, где нужно запускать тесты и компилировать код – это надуманная сложность. Давно хотелось найти такой материал, который бы подготовил новичка к длинному и сложному пути к карьере программиста. И недавно наши коллеги из Viking Code School такой материал написали! А мы его перевели для вас.




      Квинси Ларсон был просто “офисным парнем в костюме”. Он решил научиться программировать. Начал спрашивать людей вокруг. Изучил немного Руби, потом быстренько посмотрел на другие языки вроде Scala, Clojure и Go. Он изучил Emacs, а потом Vim, а потом раскладку Dvorak. Он втыкал в Линукс, копался с Лиспом и кодил на Питоне, и жил при этом в командной строке больше полутора лет.

      Его швыряло туда-сюда как листочек в торнадо. Каждый совет, который он слышал, тащил его то в одну, то в другую сторону, до тех пор пока он не прошел “каждый онлайн-курс по программированию во вселенной”. В конце концов, не смотря на то, что он получил работу разработчика ПО, Квинси:

      … был уверен, что на первый взгляд нормальные программисты, с которыми я общался, были на самом деле социопатами, которые получили, а потом подавили в себе, травму при изучении программирования.

      Ох. Звучит знакомо?
      Читать дальше →
    • От сортировки пузырьком к генетическим алгоритмам

      Данная статья является кратким обзором того, что представляют собой генетические алгоритмы. Будучи новичком в биоинформатике, начну с вещей, близких и понятных людям технических специальностей: алгоритмов сортировки, затем перейду к описанию одной из задач генетического программирования и того, что под алгоритмами понимают биологи.
      Читать дальше →
      • +3
      • 16,1k
      • 7
    • Тимоти Фэррис — Как работать по 4 часа в неделю



        Издательство: «Добрая книга», Москва, 2007.
        321 стр., перевод Ульяны Сапциной.
        Печатный вариант обойдется вам в 12-19$.
        Оригинал: Crown Publishing Group, 308 страниц, издана в апреле 2007-го.


        Эта книга заинтересовала меня названием. Оригинальное имя «The 4-Hour Workweek: Escape 9-5, Live Anywhere, and Join the New Rich» дословно звучит как «Как работать по 4 часа в неделю, не находиться в офисе от звонка до звонка и при этом жить где угодно и богатеть». Не спешите закрывать обзор — неудачное название еще не говорит о неудачной книге.

        Что внутри?



        Купив ее случайно, я долго ходил вокруг, каждый раз откладывая ее на дальнюю пыльную полку. Пролистав 20 страниц, откладывал еще дальше, забывая о ней на несколько дней. Я начал подозревать, что это очередная беллетристика, написанная в дурном тоне «Заработай миллион на книге о том, как заработать миллион». Как оказалось, я был недалек от истины: неизвестный и небогатый до книги, после ее выхода в 2007-м Фэррис обнаружил себя автором одного из бестселлеров по версии NYC Times, а заодно богатым и успешным 30-летним писателем, который начинал продажу книг через знакомых блоггеров.

        В отличие от более известного Роберта Кийосаки с его «Богатым папой», Фэррис отдает предпочтение конкретике. И если у Кийосаки уставший от рутины клерк, сидящий с книгой в метро или маршрутке по дороге домой, прочтет «бросай все и будь богатым», то здесь ситуация прямо противоположная. Книга о 4-часовой рабочей неделе с примерами рассказывает, как можно оптимизировать затраты времени и действительно тратить его на работу намного меньше.

        Читать дальше →
        • –7
        • 6,5k
        • 5
      • Опыт заказа в китайских интернет-магазинах

          В данной статье хотелось бы поделиться с читателями своим личным опытом о китайских интернет-магазинах, в которых мне (или моим друзьям) приходилось делать покупки. Речь пойдет именно про электронный сегмент товаров. Сразу перейду к сути, и приведу обзоры этих самых магазинов с заключительной оценкой:
          Читать дальше →
        • Web Of Trust (WOT) — безопасный интернет

            Сообщество WOT

            WOT – это сообщество, посвятившее себя поддержке безопасного использования Интернета. Название является сокращением от «Web of Trust» (Сеть доверия). Цель – сделать Интернет безопаснее, позволив пользователям обмениваться опытом, связанным с веб-сайтами и предлагаемыми ими услугами.
            Участники сообщества WOT обмениваются знаниями о веб-сайтах. Можно ли им доверять? Безопасно ли их использовать? Делают ли они то, что обещают? Если у сайта плохая репутация, WOT предупредит вас, избавив от множества проблем.

            Как работает WOT

            Рейтинги WOT основаны на общих знаниях
            Каждый участник сообщества может внести свой вклад. WOT – это демократическая система, где учитывается мнение каждого участника. Вы можете поделиться своими знаниями, назначив рейтинги сайтам, которыми вы пользовались. Это поможет другим пользователям «бродить» по сети более безопасно. Система обрабатывает рейтинги и вычисляет репутацию для каждого веб-сайта. Попытки манипулировать данными репутации эффективно пресекаются благодаря использованию сложных алгоритмов.

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

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

              Данным постом мы открываем рубрику «Переводы» в нашем блоге. Почему мы решили открыть такую рубрику? Дело в том, что сотни специалистов, работающих в Mail.Ru Group, для решения стоящих перед ними задач ежедневно прочитывают множество интересных статей и постов на форумах. Некоторые из них кажутся нам интересными, и мы считаем своим долгом перевести их на русский и поделиться этими ценными знаниями с Хабражителями.

              Пользуясь случаем, хотим сообщить новость: сегодня состоялось открытие Технопарка — нашего образовательного проекта, о котором мы уже не раз писали на Хабре (например, тут, тут и тут). Теперь у технопарковцев есть свое собственное помещение. Изначально Технопарк задуман как место, где талантливые студенты МГТУ им. Баумана могут получить дополнительное образование в сфере веб-разработки, дизайна и программирования, а также окунуться в работу над реальными проектами высокой сложности. В общем, у Технопарка сегодня знаменательный день, и поэтому первый выпуск в рубрике «Переводы» мы решили посвятить образовательным ресурсам для веб-разработчиков и веб-дизайнеров. Ведь пока такие Технопарки не распространились по всей стране, разработчикам зачастую приходится заниматься исключительно самообразованием.

              Читать дальше →
            • Несколько интересностей и полезностей для веб-разработчика #14

                Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

                FastClick.js


                Nota Bene. Практически всегда страница в браузере на вашем тач устройстве реагирует недостаточно быстро. Все из-за задержки в 300ms, чтобы убедиться, что это не double tap. FastClick.js — это полифил, который избавляет пользователей вашего сайта от этой задержки.

                Кстати, это репозиторий от разработчиков известнейшего Financial Times и у них же есть еще один полезный проект на GitHub — ftscroller, с помощью которого легко создать адаптивный скроллинг и мульти-скроллинг для любого эленмента.

                Читать дальше →
                • +52
                • 31,9k
                • 9
              • Полезные материалы для мобильного разработчика #46 (24-30 марта)

                  Что интересного было на этой неделе? Например, NVIDIA объявила о порте Portal на Android, в Москве прошла конференция AppSummit и ее запись доступна для просмотра, Олег Якубенков и Саша Подрезов (ZeptoLab) проанализировали топ кассовых игр в Appstore, вышли отчеты о монетизации Distimo и App Annie.

                  Читать дальше →
                • Разрабатываем Flappy Bird на Phaser


                    Картинка для привлечения внимания

                    Доброго времени суток, Хабр!

                    Где-то месяц назад (на момент написания этого поста) я задался целью создать свой клон игры Flappy Bird. Но все никак не доходили до этого руки. Катализатором сего действия стал небольшой хакатон. «А почему бы и нет» — подумал я, и взялся за реализацию этой игры.

                    Учитывая, что разработать нужно было за 2 дня, я не изобретал «велосипедов» и взял готовый игровой движок — Phaser.

                    В этой части мы рассмотрим инициализацию игровой сцены, напишем «прелоадер» ресурсов и подготовим фундамент для игрового меню.
                    Под катом много кода, котиков нету
                  • Бесплатные книги по JavaScript

                    • Перевод

                    Javascript Enlightenment


                    Cody Lindley


                    Уровень знаний: средний
                    Тщательный обзор мировоззрения JavaScript через разбор встроенных объектов и нюансов.

                    Открыть

                    Eloquent Javascript


                    Marijn Haverbeke


                    Уровень знаний: начинающий
                    Вводная книга по JavaScript и программирование в целом.
                    Открыть

                    Building A JavaScript Framework


                    Alex Young


                    Уровень знаний: продвинутый
                    Избранные статьи из цикла«Let’s Make a Framework».
                    Открыть

                    Читать дальше →
                  • Landing page, которая работает

                    • Перевод


                    Знания о том, как сделать хорошую landing page помогут увеличить количество желаемых действий, совершаемых пользователями на Вашем сайте. В статье приводится обзор элементов дизайна хорошей landing page.
                    Читать дальше →
                  • От домашней автоматизации и умных домов в общем к конкретному примеру


                    В последнее время здесь много пишут о домашней автоматизации и умных домах. Хотел бы поделиться своим опытом, общими соображениями и конкретным проектом. Эта статься будет полезна тем кто просто хотел бы знать чем может быть в принцыпе полезен/удобен умный дом а также тем, кто хотел бы управлять(или просто наблюдать) с любого устройства с браузером(телефон, планшет, читалка, HTPC, ноутбук, настольный компьютер и тд) системой домашней автоматизации. Причём это можно делать из любой точки мира. Мой опыт и пример описанный во второй части этой статьи (Arduino, JQuery Mobile Web интерфейс и прочее) могут пригодиться тем у кто уже есть какая-то система домашней автоматизации (например X10) или тем кто начинает этот тернистый путь.
                    Читать дальше →
                  • То, что вам никто не говорил о z-index

                    • Перевод

                    Проблема z-index в том, что многие просто не понимают, как он работает.
                    Всё, описанное ниже, есть в спецификации W3C. К сожалению, не все её читают.

                    Описание проблемы:


                    Итак, пусть у нас есть HTML код, состоящий из 3 элементов.
                    Каждый из них внутри себя содержит по одному . А каждый , в свою очередь, имеет свой фон: красный, зеленый и синий, соответственно. Плюс ко всему, каждый позиционирован абсолютно левого верхнего края документа таким образом, что он немного перекрывает собой следующий за ним . Первый имеет z-index
                    , равный 1, у остальных двух z-index не задан.
                    Читать дальше →
                  • Как найти нужный шрифт, не зная его названия?

                      Я уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).



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

                      Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.
                      Читать дальше →
                    • Chop Slider 2 — лучший jQuery-слайдер


                      Добрый день. Несколько дней назад появилась необходимость использовать слайд-шоу на своём сайте, но оно должно было быть нестандартным, чтоб привлекало внимание пользователей. Искал в течение дня и ничего нормального не мог найти, были более менее подходящие «слайдеры», но душа хотела клубнички. После того как я облазил весь рунет, переключился на «забугорных» друзей и… удача! Забегая наперёд хочу сказать: этот обзор сделан потому, что в рунете нет никакого упоминания про это слайд-шоу, отсюда и логика.
                      Читать дальше →
                    • Руководство по оформлению HTML/CSS кода от Google

                      • Перевод

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


                      С удовольствием ознакомился с этими рекомендациями и теперь предлагаю вам перевод.

                      Введение


                      Это руководство описывает правила для оформления и форматирования HTML и CSS кода. Его цель — повысить качество кода и облегчить совместную работу и поддержку инфраструктуры.

                      Это относится к рабочим версиям файлов использующих HTML, CSS и GSS

                      Разрешается использовать любые инструменты для минификации компиляции или обфускации кода, при условии, что общее качество кода будет сохранено.
                      Читать дальше →
                    • Как получить хорошую верстку от верстальщика



                        Вводная часть


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

                        Прочитав обе статьи, вы сможете составить адекватное собственное мнение на заданную тему.

                        Новым материалом хотелось бы также получить отзывы и мнения, чтобы посмотреть на проблему со всех сторон. В статье будут ссылки на несколько полезных инструментов.
                        Читать дальше →
                        • –10
                        • 22,9k
                        • 16
                      • Как мы учились работать с фрилансерами



                          В этой статье я попытаюсь рассказать об эволюции нашей работы с фрилансерами. Многие ошибки, описанные ниже могут показаться наивными, но все же мы их делали и готовы поделиться «граблями» с другими. В тот период над проектом мы работали в режиме хобби, поэтому не судите строго. Стоит отметить, что наш проект от начала и до сегодняшнего момента создается силами удаленных сотрудников.
                          Читать дальше →