DevTools за 30 минут! (новичкам в HTML/CSS)

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น • 191

  • @HowdyhoNet
    @HowdyhoNet  6 ปีที่แล้ว +19

    Если у Вас не открываются инструменты разработчика, то просто авторизуйтесь в Chrome в свой аккаунт Google.
    Еще можете открыть chrome://flags и нажать на кнопку "Reset all to default" в самом верху.
    Не помогает? Переустановите Chrome.
    Ссылка по теме: superuser.com/questions/439353/google-chrome-developer-tools-not-displaying

    • @maxmaxrad2479
      @maxmaxrad2479 6 ปีที่แล้ว

      Привет, можешь снять видео, как скомпилировать QT проект в .ехе

    • @msdesignru
      @msdesignru 6 ปีที่แล้ว

      Спасибо

    • @maxmaxrad2479
      @maxmaxrad2479 6 ปีที่แล้ว

      QT C++

    • @Иван-ъ9ц6и
      @Иван-ъ9ц6и 6 ปีที่แล้ว

      Как определить какая функция вызывается при нажатии на объект/кнопку/элемент? Тоесть есть объект, при взаимодействии с ним на странице что-то происходит, как понять какая вызывается функция?

    • @MrReflection540
      @MrReflection540 6 ปีที่แล้ว

      Не плохо для ознакомления, но все же для полноты картины не хватает дебагинга, так как вещь также крайне важная

  • @st.algernon9814
    @st.algernon9814 6 ปีที่แล้ว +11

    Однозначно лайк
    Пытался до этого освоить devTools самостоятельно, но только сейчас у меня все сложилось в единое целое

  • @СергійВовк-ю7й
    @СергійВовк-ю7й 2 ปีที่แล้ว +2

    Спасибо большое за понятное объяснение как пользоваться этим инструментом. Мне как новичку было очень доходчиво и понятно.

  • @bl00dyJS
    @bl00dyJS 2 ปีที่แล้ว +2

    Самое главное в этом видео это милый котян

  • @luciddreams2133
    @luciddreams2133 6 ปีที่แล้ว +1

    Класс, как раз не понимал как она мне может пригодиться

  • @ФедорБондаренко-о7я
    @ФедорБондаренко-о7я 4 ปีที่แล้ว +2

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

  • @adelevance2105
    @adelevance2105 5 ปีที่แล้ว +9

    Очень полезная инфа, и супер понятное объяснение, спасибо! Хотелось бы более продвинутый уровень по DevTools посмотреть)

  • @followmagnus9775
    @followmagnus9775 4 ปีที่แล้ว +2

    *Cпасибо большое. Учусь верстать. Очень полезное видео*

  • @JohnSmith-mr6wp
    @JohnSmith-mr6wp 6 ปีที่แล้ว +6

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

  • @irinache9593
    @irinache9593 5 ปีที่แล้ว +1

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

  • @ВладЛитвин-с6д
    @ВладЛитвин-с6д ปีที่แล้ว +1

    огромное спасибо, много полезного узнал из этого видео)

  • @johngalt4863
    @johngalt4863 6 ปีที่แล้ว +31

    Владимирский цитрал, корпус серверный
    Брейкпоинт, кросс-домен, инженерия,
    Качай с гита сырцы, кури девтууулс

  • @milvinnaa
    @milvinnaa 2 ปีที่แล้ว

    Ти красавчик! Дуже дякую за відео, дуже допомогло)

  • @bobpps
    @bobpps 6 ปีที่แล้ว +1

    Большое спасибо!Как всегда очень классно и актуально!Коты - класс!

  • @annachizhonok4909
    @annachizhonok4909 ปีที่แล้ว +1

    Спасибо, очень доступно и быстро все рассказано))

  • @maksimkazachenka9382
    @maksimkazachenka9382 6 ปีที่แล้ว +6

    Хотелось бы более продвинутый урок по DevTools

  • @VoiceBox_jp
    @VoiceBox_jp 6 ปีที่แล้ว +7

    То чувство, когда открыл это на странице ютуба, а там 117 ошибок и 7 предупреждений XD

    • @proger8433
      @proger8433 6 ปีที่แล้ว

      это из-за пользователя

  • @igorzhuravkov7542
    @igorzhuravkov7542 6 ปีที่แล้ว +94

    Like если открываешь devTools правой кнопкой мыши.

  • @akaframe9194
    @akaframe9194 6 ปีที่แล้ว +10

    17:47 А ЧТО ЗА ПЛАГИН? подскажите плиз

  • @mrak3059
    @mrak3059 5 ปีที่แล้ว +3

    а что за плагинт 17:46 . плагин для хрома который сохраняет изменения , как называется
    ?

  • @SAvD_DxD
    @SAvD_DxD ปีที่แล้ว

    Заметки: 6:55 14:11 15:03 15:58 18:14 19:58 21:11 23:15 25:12

  • @Guyverok
    @Guyverok 3 ปีที่แล้ว +1

    Использовать кота - это грязный метод! Сердито ставлю лайк!

  • @Taskmgr-IT
    @Taskmgr-IT ปีที่แล้ว

    Ладно. А что ладно?
    А вот ты и узнаешь, Хауди-хо из прошлого!

  • @paveldudnikov5302
    @paveldudnikov5302 3 ปีที่แล้ว +2

    Толково объясняет!!! 👌👍

  • @emsotcom
    @emsotcom 6 ปีที่แล้ว +1

    Огромное тебе спасибо за полезный видос!!!!! Для меня многие фишки открылись=) Лайк!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @Rocknrolla112
    @Rocknrolla112 6 ปีที่แล้ว +18

    сделай видос о работе с Github плез

    • @artvas4907
      @artvas4907 6 ปีที่แล้ว +2

      да актуально

    • @dmitrijponkin
      @dmitrijponkin 6 ปีที่แล้ว +1

      Очень аккуратно!

    • @fkcinall
      @fkcinall 6 ปีที่แล้ว

      uj

    • @rwsmart100
      @rwsmart100 6 ปีที่แล้ว +1

      и gitlab заодно

  • @fusome
    @fusome 4 ปีที่แล้ว

    спасибо за "force state" и тротлинг, было интересно

  • @ЕвгенийГамма-э4й
    @ЕвгенийГамма-э4й 6 ปีที่แล้ว

    Хауди, привет. Раньше тоже через браузер все проверял , код писал. Но мне надоело всё время свапать задачу на браузер и из него. Попробуй программу от Adobe DreamWeaver. Плюсы - это работа в реальном времени. Не надо обнолвять страницу. Она прям над кодом. Попробуй. Если прочитал ,то хоть лайк поставь что-ли. Мне приятно будет)

  • @ТОЛЬКОПОБЕЗДОРОЖЬЮ
    @ТОЛЬКОПОБЕЗДОРОЖЬЮ 11 หลายเดือนก่อน

    Хауди запиши пожалуйста уроки по js , хочется больше практики как создать программу или игру на js

  • @proger8433
    @proger8433 6 ปีที่แล้ว +2

    давай в дальнейшом урок про , или он есть просто я не заметил?

  • @Dimmitriss
    @Dimmitriss 6 ปีที่แล้ว +1

    Как узнал прям то что нужно))

  • @MihailAbysmo
    @MihailAbysmo 6 ปีที่แล้ว

    Как-раз хотел с этой примочкой разобраться... ! ;)

  • @kalyszhek5296
    @kalyszhek5296 6 ปีที่แล้ว

    мне так интересно стало, тоже захотелось изменить.

  • @arenmkhoyan
    @arenmkhoyan 6 ปีที่แล้ว +4

    уроки по ajax или django будет?

    • @HowdyhoNet
      @HowdyhoNet  6 ปีที่แล้ว +1

      По Ajax да, по Django не планируется.

    • @arenmkhoyan
      @arenmkhoyan 6 ปีที่แล้ว +2

      буду очень благодарен а то back end знаю а все на странице с перезагрузкой работает

    • @pinkdarkness3990
      @pinkdarkness3990 6 ปีที่แล้ว +1

      Хауди Хо™ - Просто о мире IT! Когда ajax?)

  • @TCTF
    @TCTF 6 ปีที่แล้ว +2

    На 17:55 ты говоришь что нужен плагин, что за чушь? Назер никакой плагин не нужен всё из коробки. Просто указываешь workspace

  • @Jesssusss
    @Jesssusss 6 ปีที่แล้ว

    Обожаю твои видео! Вот бы еще Lisp разобрал так, но, боюсь, вряд ли это увижу. Он же довольно редкий и сложный...Хотя, если вот понять, наверное, будет легким, как htmlx)

  • @viktorsavchenko2628
    @viktorsavchenko2628 ปีที่แล้ว

    Эх, Хауди ! Во что же ты сейчас превратил канал . . . Помню ещё в колледже благодаря тебе не терял мотивации стать разработчиком и по итогу и стал им ! Ты был лучшим каналом в своём сегменте ! Но теперь нету прежних роликов, какие-то игры . . .

  • @ПётрПетрович-х6ш
    @ПётрПетрович-х6ш 5 ปีที่แล้ว +1

    Большое спасибо за обзор!

  • @mrdzha9519
    @mrdzha9519 ปีที่แล้ว

    Ctrl (сокращение от англ. Control Characters, произносится [kən'trοʊl])
    почему цетрал? :) твоя фишка?

  • @Faltfromoss
    @Faltfromoss 6 ปีที่แล้ว +58

    Цитрал? Серьёзно?

    • @HowdyhoNet
      @HowdyhoNet  6 ปีที่แล้ว +6

      Привычка, от которой сложно избавиться.

    • @МаксимХализов-д4ъ
      @МаксимХализов-д4ъ 6 ปีที่แล้ว +12

      Цитрал))) и это синьор) А эскейп как будет? Эскадрилия?))) лайк видосу)))

    • @___________S_t_a_s___________
      @___________S_t_a_s___________ 6 ปีที่แล้ว +8

      Владимирский....)

    • @ekatbilisi918
      @ekatbilisi918 4 ปีที่แล้ว

      @@МаксимХализов-д4ъ синьор...

    • @_fr33dman
      @_fr33dman 3 ปีที่แล้ว +1

      @@МаксимХализов-д4ъ он не сеньор разраб, он ютубер, а не программист, делать контент по программированию и программировать это разные вещи, он толком нихуя не знает и просто показывает какие то приколюхи новичкам, он сам то на Мидла вряд ли тянет

  • @vovergg
    @vovergg 6 ปีที่แล้ว

    Видео отличное, мне понравилось.))

  • @superletsplayshik2891
    @superletsplayshik2891 3 ปีที่แล้ว

    Спасибо большое Хауди.

  • @mokotlas
    @mokotlas ปีที่แล้ว

    на iOS есть такая возможность? все приложения и расширения которые установил позволяют код просматривать, но не редактировать

  • @_pheax
    @_pheax 6 ปีที่แล้ว +1

    спасибо, очень полезный ролик.

  • @КириллПаршин-ш4в
    @КириллПаршин-ш4в 6 ปีที่แล้ว +1

    Как называется редактор который ты использовал для html & css? Не могу найти, но хочу и его опробывать. Заранее спасибо

  • @ОксанаЧерных-д8ч
    @ОксанаЧерных-д8ч 2 ปีที่แล้ว

    Спасибо большое. Помог :)

  • @mihafigurskating4936
    @mihafigurskating4936 2 ปีที่แล้ว

    Спасибо! Доступно и понятно.

  • @jekaren6424
    @jekaren6424 5 ปีที่แล้ว

    Как называется тема Google Chrome на этом видео??? (чтобы в инструментах разработчика подсвечивало градиентом в стилях)?

  • @ПашаСугоняко-х5ш
    @ПашаСугоняко-х5ш 6 ปีที่แล้ว +5

    Где ты был раньше?
    P.s. Видео топ

  • @ДмитрийГорощук-о3у
    @ДмитрийГорощук-о3у 2 ปีที่แล้ว

    Отличное видео. Спасибо.

  • @drofessor1384
    @drofessor1384 6 ปีที่แล้ว +7

    я через него музон из вк качал и видосы

  • @РабаданМагомедов-щ2м
    @РабаданМагомедов-щ2м 3 ปีที่แล้ว

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

  • @ПростоТолстый
    @ПростоТолстый 6 ปีที่แล้ว

    Привет всем. Хауди Хо))) Расскажи пожалуйста как найти нужный документ с искомым кодом. В частности на вордпресс.

  • @pavelleznik5057
    @pavelleznik5057 6 ปีที่แล้ว +1

    Почему не показал как РГБ пользоватся ?)

  • @caxap89
    @caxap89 3 ปีที่แล้ว

    А как можно через консоль изменить язык отображения страницы, черз js код?

  • @Иваныч-р8с
    @Иваныч-р8с 2 ปีที่แล้ว

    как перезагрузить дев тулс ,отключил инструменты не знаю как включить обратно , точнее перезагрузить

  • @vladsuperman
    @vladsuperman 3 ปีที่แล้ว

    скажи пожалуйста, а как поменять шрифты в devtools, допустим в консоли(разве что размер могу изменить Ctrl + скроллинг мышью, НО семейство шрифтов к сожалению НИКАК, а хочу поставить Тахому или Вердану, но балалйка). У меня Виндовс 10 и версия Google Chrome: Версия 91.0.4472.114 (Официальная сборка), (64 бит)

  • @maxmaxrad2479
    @maxmaxrad2479 6 ปีที่แล้ว +2

    Спасибо, годно!

  • @vadimzakreva4859
    @vadimzakreva4859 6 ปีที่แล้ว +1

    Давай дальше уроки по питону! плиз)

  • @sffd864
    @sffd864 3 ปีที่แล้ว

    Скажите, а резкие движения курсором по экрану - это для лучшей усваиваемости материала?

  • @Xemicanord
    @Xemicanord 6 ปีที่แล้ว

    Хауди, что выбрать для изучения? php или nodeJs? Прошу прощения, если вопрос не корректен

    • @johngalt4863
      @johngalt4863 6 ปีที่แล้ว +1

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

  • @bohdanovk
    @bohdanovk 6 ปีที่แล้ว

    Абрахам, давай гайд по твоим расширениям в хром

  • @ДанилПостовой-е7б
    @ДанилПостовой-е7б 2 ปีที่แล้ว

    А можно посмотреть скрипт js через панель разработчика ?

  • @Моряк-с8о
    @Моряк-с8о 6 ปีที่แล้ว

    Хочу задать вопрос по поводу javascript стоит его учить если можно выучить jQuery??

    • @TheManblax
      @TheManblax 6 ปีที่แล้ว

      ArtOxy
      Стоит

  • @santa4332
    @santa4332 3 ปีที่แล้ว

    Где он взял стиль для сайта?

  • @jneshomo218
    @jneshomo218 6 ปีที่แล้ว

    Даёшь уроки по kivy?

  • @polopolur2305
    @polopolur2305 4 ปีที่แล้ว

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

    • @xaosit8974
      @xaosit8974 4 ปีที่แล้ว

      Фотошооооооп, фотошоооооооп

    • @xaosit8974
      @xaosit8974 4 ปีที่แล้ว

      Фото фото фото фотошооооооооп

  • @kalyszhek5296
    @kalyszhek5296 6 ปีที่แล้ว

    Салам! Хауди Хо, как изменил иконку пуска?

  • @ex3meboyXL
    @ex3meboyXL 6 ปีที่แล้ว +1

    Emmet для css не завезли ещё ?

  • @tsrul
    @tsrul 6 ปีที่แล้ว

    firefox developer edition дает сохранить изменения в файе

    • @akaframe9194
      @akaframe9194 6 ปีที่แล้ว

      Это плагин?

    • @johngalt4863
      @johngalt4863 6 ปีที่แล้ว

      Это браузер

  • @ГоловачЛена-е6р
    @ГоловачЛена-е6р 6 ปีที่แล้ว

    Какая на фоне мелодия играет

  • @FlymeDllVa
    @FlymeDllVa 6 ปีที่แล้ว +18

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

    • @ПашаСугоняко-х5ш
      @ПашаСугоняко-х5ш 6 ปีที่แล้ว +3

      Дмитрий Гриднев не все новички могут сразу так разобраться, кому-то даётся легко, кому-то сложно, разные люди бывают.

    • @br_hum4n
      @br_hum4n 6 ปีที่แล้ว +6

      особенно для самоучек, когда не знаешь за что хвататься :)

    • @FlymeDllVa
      @FlymeDllVa 6 ปีที่แล้ว +1

      Максим Колесник проблема в том, что я сам самоучка и как то это было не сложно

    • @br_hum4n
      @br_hum4n 6 ปีที่แล้ว +3

      Ты написал "проблема в том..." - в чем проблема?
      Так и мне было не трудно, дело в том что на стерте нужно разобраться с очень многими вещами и автор хотел сказать что не стоит откладывать консоль в конец списка изучений :)

    • @FlymeDllVa
      @FlymeDllVa 6 ปีที่แล้ว

      Максим Колесник я не против рассказа автора. Коммент был написан, чисто как мое мнение

  • @Kirill-kh3kt
    @Kirill-kh3kt 6 ปีที่แล้ว

    как называется расширение для DevTools , чтобы сохранить сразу в коде изменение?

    • @work8220
      @work8220 6 ปีที่แล้ว +1

      В хроме выше 65 версии можно сделать это без расширений th-cam.com/video/D1pV7ermy6w/w-d-xo.html

  • @МихаилМ-и4х
    @МихаилМ-и4х 2 ปีที่แล้ว

    Ну уж если так правильно по буквам произносить название расширения файла, тогда "джей-пи-джи", а не "джи-пи-джи" )
    А за видос спасибо!

  • @vadim_travel
    @vadim_travel 2 ปีที่แล้ว

    Спасибо👍

  • @АлексейСаныч-ц2л
    @АлексейСаныч-ц2л 6 ปีที่แล้ว

    Как отключить адаптивность сайта на большом мониторе в настольной ОС?
    ---
    Ибо уменьшение картинок, размера видео при уменьшении размеров браузера - зло. Очень мешает. Порой кажется, что раз сайт внезапно изменил вид, то это проделки вирусов. Также, например по ютубу это особенно раздражает, когда браузер делаешь размером с полэкрана, потому что в другой половине экрана открыт, скажем редактор, так ютуб зараза уменьшает размер видео, из-за чего мелкие элементы становятся ещё мельче. Или перемещает блоки в другое место. Не понимаю, зачем нужна такая адаптивность, которая действует на размер браузера, а не на размер экрана и не на тип устройства. Спрашивается зачем превращать прямо на глазах пользователя сайт в мобильную версию. Я хотел всего лишь уменьшить браузер, а не сам сайт. Такая псевдоителлектуальность из-за которой меняются расположения блоков на сайте очень раздражает. Из-за чего множество сайтов, замеченных в такой адаптивности, просто отправляю в забвение.

  • @msdesignru
    @msdesignru 6 ปีที่แล้ว

    Отличная идея для видео!

  • @MrNagios
    @MrNagios 6 ปีที่แล้ว

    нужно подробнее рассказать. лайк есть конеш

  • @Nabiev
    @Nabiev 6 ปีที่แล้ว

    Сделайте урок JS галерея пожалуйста !!

  • @Олександр-с7з1х
    @Олександр-с7з1х 6 ปีที่แล้ว +1

    Уроки по Киви гони нам! А вообще спасибо

  • @karenharutyunyan8299
    @karenharutyunyan8299 6 ปีที่แล้ว

    Как називается тема Sublime Text.

    • @HowdyhoNet
      @HowdyhoNet  6 ปีที่แล้ว +1

      Стандартная

    • @akaframe9194
      @akaframe9194 6 ปีที่แล้ว +2

      попробуй material ocean

  • @icecat4511
    @icecat4511 6 ปีที่แล้ว

    Что за крутое у тебя разшериня на 26 минуте где отображается youtube и так далее

  • @apollon8898
    @apollon8898 6 ปีที่แล้ว

    Спасибо большое!

  • @johauk7038
    @johauk7038 4 ปีที่แล้ว

    Что за Html код? Это программа?

  • @damirsarkulin1723
    @damirsarkulin1723 6 ปีที่แล้ว

    Запиши про Docker, Vagrant.

  • @Vlad73125
    @Vlad73125 6 ปีที่แล้ว

    А что делать, если я добавляю css свойство и ставлю двоеточие, то все равно не выпадает никакой список?

    • @ramiskh
      @ramiskh 6 ปีที่แล้ว

      Влад Панкеев , если мне не изменяет память, то нужно нажать сочетание клавиш ctrl+space(пробел). Это для винды

  • @alexavas
    @alexavas 3 ปีที่แล้ว +1

    "Цетрал" - что за ноу-хау? :)) "Контрол" всегда был.

  • @helldragav1694
    @helldragav1694 6 ปีที่แล้ว +1

    Я спомощью этого, половину скриптов ВК скачал :)

  • @PewPewManHDGamingChannel
    @PewPewManHDGamingChannel 6 ปีที่แล้ว

    Луцк

  • @yevhensokolov3974
    @yevhensokolov3974 6 ปีที่แล้ว

    Давай топ программ веб разработчика!

  • @ДанилПоздеев-х6ь
    @ДанилПоздеев-х6ь 6 ปีที่แล้ว +1

    Спасибо

  • @illuminated4
    @illuminated4 3 ปีที่แล้ว

    Интересно оказывается все знал

  • @Vitosi2007
    @Vitosi2007 4 ปีที่แล้ว

    не
    открывается...

  • @ВасильКушиньський
    @ВасильКушиньський 6 ปีที่แล้ว

    Я ТЕБЯ ЛЮБЛЮ!!

  • @mayday4977
    @mayday4977 4 ปีที่แล้ว

    о вкладке нетворк за весь видос ни слова)

  • @BirkinDS
    @BirkinDS 2 ปีที่แล้ว

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

  • @islamnurdinov9098
    @islamnurdinov9098 6 ปีที่แล้ว +1

    Респект

  • @aleksprimetv
    @aleksprimetv 6 ปีที่แล้ว

    *"Я стал замечать, что ужасающие количество новичков html или css они либо вообще не знают о существование инструмента разработчика либо они мои подписчики xD"*

  • @danilleshchev2592
    @danilleshchev2592 6 ปีที่แล้ว

    Спасибочки

  • @gotlib-4766
    @gotlib-4766 6 ปีที่แล้ว +1

    Мне котейку жалко :(