Несколько интересностей и полезностей для веб-разработчика #24

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

    Webhook


    image

    Webhook — это платформа для создания сайтов. Важно не путать со статическими генераторами, потому что это именно «CMS builder». Проект успешно завершил кампанию на Kickstarter 14 мая этого года, где смог собрать сумму в два раза большую, чем было необходимо. А буквально недавно состоялся релиз первой версии продукта. Webhook построен с использованием NodeJS, Grunt и Firebase для реалтайма, работает на Windows, Linux и Mac, внутри целая система виджетов со множеством вариаций на выходе, «Django-like templating» с помощью Swig JS, кроссплатформенная админ панель и еще целый ряд плюсов.

    # Install Webhook through npm
    npm install grunt-cli wh
    
    # Create your first site
    wh create my_awesome_site
    
    # Load the local runserver
    cd my_awesome_site
    wh serve
    
    # Make your website live
    wh deploy
    


    TypeScript



    TypeScript — это язык программирования, который предназначен расширить базовые возможности JavaScript. Хочу обратить ваше внимание на том, что проект от Microsoft и это целое событие, поскольку TypeScript еще и первый публичный репозиторий на официальном аккаунте корпорации на GitHub.

    «Starts from JavaScript, Ends with JavaScript»:
    class Point {
        x: number;
        y: number;
        constructor(x: number, y: number) {
            this.x = x;
            this.y = y;
        }
        getDist() { 
            return Math.sqrt(this.x * this.x + 
            this.y * this.y); 
        }
    }
    var p = new Point(3,4);
    var dist = p.getDst();
    alert("Hypotenuse is: " + dist);
    
    
    


    Py Must Watch


    «Живой список» лучших видео с лекций и конференций по Python. Продублирую содержимое репозитория на момент публикации подборки:

    2009


    2010


    2011


    2012


    2013


    2014


    KeystoneJS — CMS на Node.js




    Virtual DOM


    Когда речь идет о реально больших веб-приложениях, то разработчикам очень трудно или даже невозможно проследить за всеми изменениям DOM древа. В тоже время каждое обновление DOM, может очень сильно повлиять на работоспособность проекта, все будет происходить медленно и с задержками. Кстати об этом есть замечательная статья на Хабре «Рендеринг WEB-страницы: что об этом должен знать front-end разработчик» от пользователя skutin. Virtual DOM — это коллекция модулей обеспечивающая декларативное представление DOM в вашем проекте. То есть появляется возможность записывать все изменения состояния в виртуальное древо, а только потом обновлять DOM. Вообще проект заслуживает отдельной статьи, сначала была описана идея «React’s diff algorithm», затем появился концепт «Virtual DOM and diffing algorithm», а только потом реализация и принципы работы.

    Custom Elements и Component Kitchen



    Веб-компоненты хоть и медленно, но уверенно приходят в нашу с вами жизнь. Об этой спецификации часто пишут на западе, ее достаточно рьяно продвигают крупные компании. Ну и от себя скажу, что это новый шаг в развитии веб-стандартов, который открывает для разработчиков новые возможности и меняет представление о семантике. Именно поэтому хочу поделиться двумя пополняемыми коллекциями различных веб-компонентов: Custom Elements и Component Kitchen.

    Offline и Select



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

    Западные мысли или что стоило бы перевести на Хабре:




    Говорит и показывает Хабр:




    Напоследок:


    • Новость для маководов - вышел Tower 2, вероятно лучший GUI клиент для git

    • rome.js — наверное, первый нормальный дата-пикер независимый от сторонних библиотек.
      UPD: как подсказал в комментариях rinnaatt есть еще замечательный и независимый Pikaday
    • Headstart — фронтэнд фреймворк и сборщик.
    • VIDE.js — jQuery плагин для простоты создания видео-бэкграунда.
    • PrettyEmbed.js — заставляет YouTube вставки выглядеть лучше (ужасное описание, посмотрите на демо страничку и сразу все поймете).
    • google-api-nodejs-client
    • Justified.js — «jQuery Plugin to create Justified Image Gallery».
    • learning-angular — набор всех необходимых фрагментов кода для изучения Angular.
    • go-underscore — набор наиболее востребованных функций для Go.
    • grunt-svgstore — замечательный плагин для создания .svg спрайтов.
    • DomFlags — Chrome расширение позволяет создавать шорткаты при работе с DOM.
    • Rainbowstream — твиттер клиент в вашем терминале
    • Onebody — прозвучит мягко говоря очень странно, но это социальная сеть для церквей на Ruby on Rails.
    • На Smashing Magazine рекомендовали электронную книгу для стартаперов по управлению проектами "Making it right". Больно знакомая символика на обложке…

      image


                                                             Предыдущая подборка (Выпуск 23)

    Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите пожалуйста в личку.

    Спасибо всем за внимание.

    Only registered users can participate in poll. Log in, please.

    Понравилась ли Вам подборка?

    • 89.6%Да703
    • 10.4%Нет82

    Similar posts

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 27

      +1
      Webhook — это ж то, чего я давно ждал!
        0
        Я что-то не понял принцип сервиса — генерится сайт, допиливаешь его на своей машине, а потом постишь его на их сервис за 25 долл в месяц?
          +1
          Генерится CMS, допиливаешь и разворачиваешь на хостинге. Но! вероятно, сделают возможность хоститься где сервер потянет. По крайней мере, я так понял из их Q&A
            0
            В таком случае 25 баксов много как-то, имхо.
              0
              я буду ждать возможности на своём хостинге держать.
                +1
                25 в месяц за 1 сайт.
                  +3
                  много да 25 бачинских, можно 5 виртуалок в дижитал оушен взять
                    +1
                    Я ещё не смотрел подробности, но если эта штука нуждается в Node.js, то можно навесить на Nodejutsu, там цены хостинга приложений начинаются от девяти баксов.
              +1
              Как дэйт-пикер мне больше понравился Pikaday — он тоже не зависит от сторонних библиотек. В rome.js в демке у меня не получилось быстро выбрать месяц и год.
                0
                Этот, пожалуй, и выглядит лучше.
                  –1
                  Мне понравился вот этот: datetimepicker — сразу симпотично выглядит и в комплекте интересные фишки, напободие выбора диапазона дат.
                • UFO just landed and posted this here
                  –3
                  Хочу обратить ваше внимание на том, что проект от Microsoft и это целое событие, поскольку TypeSript еще и первый публичный репозиторий корпорации на GitHub.

                  Не стыдно такие глупости писать?
                  • UFO just landed and posted this here
                      +2
                      Ализар, или они?) Код давно был OpenSource, в комментах к статье Ализару есть примеры публичных репозиториев на Github от Microsoft.
                      +1
                      Нет. А в чем глупость?
                          +2
                          Правда за вами тоже есть, но это не доказывает, то что я и другие люди написали глупость и должны стыдиться. TypeScript на официальном GitHub аккаунте Microsoft. Обновлю текст…
                          • UFO just landed and posted this here
                        –1
                        Спасибо за подборку, все как всегда на высшем уровне! А вот и мой перевод «8 Ways For A Programmer To Stay Sane».
                          0
                          Сори, больше ссылка не действует. Статья набрала 18 минусов, поэтому я решил больше не сливать себе рейтинг и переместил пост в черновики.
                          0
                          Спасибо!
                          0
                          В чем принципиальное отличие от Squarespace.com?
                          • UFO just landed and posted this here
                              0
                              Спасибо, что упомянули Tower. Может быть перелезу на него с SourceTree.

                              Only users with full accounts can post comments. Log in, please.