Видеокурс по DevTools от Google и Codeschool

    image

    Известные нам по гениальным обучающим скринкастам Rails for Zombies, Try Ruby и Try Git — команда Codeschool объединилась с корпорацией добра для создания Try DevTools — подробнейшего обучающего курса из семи глав, который, конечно же, является абсолютно бесплатным.

    Список глав
    • Для начинающих. Азы DOM и стилей
    • Продвинутая манипуляция DOM и стилями
    • Работа в консоли
    • Отладка JavaScript
    • Улучшаем производительность сети
    • Улучшаем общую производительность
    • Работаем с памятью

    Курс включает в себя 17 видеороликов и 75 тестовых заданий. Как и все предыдущие работы этой команды, данный курс — настоящий маст-си для любого разработчика.

    Similar posts

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

    More

    Comments 18

    • UFO just landed and posted this here
        +6
        а можно подробнее про «испортили»?
        более 2х лет как пересел из FireBug в DevTool по собственному желанию — потому что мне было удобнее работать и дебажить js в хроме.
        единственное чего не хватает так это multiline в консоли и вывод DOM элементов в консоли как в FF.
          0
            +1
            Он то есть, но все же не очень удобен. Кроме того не всегда показывает элемент как DOMElement, чаще — как объект. Хотя недавно нашел управляющие символы — позволяющие выводить в нужном формате достаточно console.log('%o', NodeList)
            впрочем оно тоже странно себя ведет сейчас.
              +1
              а чем console.log('%o', NodeList) отличается от функции dir?
                0
                прошу прощения, dirxml и inspect
                  0
                  цитата
                  %O is a shortcut for dir %o acts either as dir or dirxml depending on the object type (non-dom or dom)

                  про dir — знал, а вот про dirxml нет. А цитата выше ответ на ваш вопрос.

                  впрочем оно тоже странно себя ведет сейчас.

                  эта фраза относилась к тому, что вот такой код мне поочередно давал при обновлении страницы, то dir-представление, то dirxml
          • UFO just landed and posted this here
              0
              По поводу копирования — не заметил бага, 10 минут назад копировал css без проблем и со всеми свойствами.
              Про иконки я честно говоря уже и забыл, меня больше задело отсутствие привычного input'а для поиска. Тогда пол часа пытался понять что произошло и где оно, сейчас привычно уже.
                0
                Я никогда и не пользовался этим полем поиска. Всегда использую «Ctrl + F» и дальше печатаю запрос (а во вкладке Source, если фокус в дереве, то нет необходимости даже в этом горячем сочетании клавиш — просто ввожу что либо и поисковое поле открывается автоматически), и нет необходимости икать это поле мышкой для перевода ей фокуса. А теперь просто сэкономили визуальное пространство и стало очень здорово.
                +3
                иконки можно вернуть
                settings (внизу справа) -> general -> show toolbar icons
                +1
                Multiline в консоли уже больше двух лет как реализован — Issue 35487. Для перехода на следующую строчку надо нажимать не Enter а Shift+Enter. Или под словом multiline имелось в виду что-то другое?
                  0
                  нравится подход FF когда есть отдельные редактор с multiline
                  и мое мнение такое же как у 54 комментария из этого тикета. В частности последние 2 абзаца.
              +2
              Корпорацией добра? Давно такого про Google не слышал :)
                0
                По правде говоря давно пользуюсь возможности хрома для отладки css java и html.

                Теперь у Хрома станет еще больше поклонников!!!

                Хром это не только браузер а еще и среда отладки html файлов ))
                  +1
                  Java, да?
                    0
                    Ну вы же поняли, что пациент имел ввиду)
                  0
                  хорошая презентация по теме
                  www.igvita.com/slides/2012/devtools-tips-and-tricks/#1

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