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

Поділитися
Вставка
  • Опубліковано 23 сер 2024
  • Учишь HTML/CSS?? Тогда смотри.
    Научись пользоваться Chrome DevTools, это спасёт тебе жизнь еще не раз!)))
    ☘️ Получить инвайт на лекцию: vk.cc/83Oe8d
    ===
    Совершенно бесплатная лекция по JavaScript для новичков.
    Наш паблик: how...
    Наш телеграм: t.me/howdyho
    Сотрудничество topic-8...
    💗 Музыка предоставлена UA-cam Audio Library.
    Композиция "Dubstep Light" принадлежит исполнителю Audionautix. Лицензия: Creative Commons Attribution (creativecommon....
    Исполнитель: audionautix.com/

КОМЕНТАРІ • 190

  • @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++

    • @user-dd9ph8fh5d
      @user-dd9ph8fh5d 6 років тому

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

    • @MrReflection540
      @MrReflection540 6 років тому

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

  • @st.algernon9814
    @st.algernon9814 6 років тому +11

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

  • @adelevance2105
    @adelevance2105 4 роки тому +9

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

  • @user-dl3rq3hf5i
    @user-dl3rq3hf5i 4 роки тому +2

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

  • @user-te4ks9ox2y
    @user-te4ks9ox2y 2 роки тому +2

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

  • @JohnSmith-mr6wp
    @JohnSmith-mr6wp 6 років тому +6

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

  • @bl00dyJS
    @bl00dyJS 2 роки тому +2

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

  • @luciddreams2133
    @luciddreams2133 6 років тому +1

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

  • @bobpps
    @bobpps 6 років тому +1

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

  • @igorzhuravkov7542
    @igorzhuravkov7542 6 років тому +92

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

  • @followmagnus9775
    @followmagnus9775 4 роки тому +2

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

  • @irinache9593
    @irinache9593 4 роки тому +1

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

  • @johngalt4863
    @johngalt4863 6 років тому +30

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

  • @maksimkazachenka9382
    @maksimkazachenka9382 6 років тому +6

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

  • @milvinnaa
    @milvinnaa 2 роки тому

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

  • @akaframe9194
    @akaframe9194 6 років тому +10

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

  • @user-bj8oe1gt3r
    @user-bj8oe1gt3r 8 місяців тому +1

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

  • @annachizhonok4909
    @annachizhonok4909 Рік тому +1

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

  • @paveldudnikov5302
    @paveldudnikov5302 3 роки тому +2

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

  • @Faltfromoss
    @Faltfromoss 6 років тому +57

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

    • @HowdyhoNet
      @HowdyhoNet  6 років тому +6

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

    • @user-ut3fx2zk4x
      @user-ut3fx2zk4x 6 років тому +12

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

    • @___________S_t_a_s___________
      @___________S_t_a_s___________ 6 років тому +8

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

    • @ekatbilisi918
      @ekatbilisi918 4 роки тому

      @@user-ut3fx2zk4x синьор...

    • @_fr33dman
      @_fr33dman 3 роки тому +1

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

  • @user-mr5gk3uf9x
    @user-mr5gk3uf9x 6 років тому +5

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

  • @MeGaZajac
    @MeGaZajac 6 років тому +7

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

    • @proger8433
      @proger8433 6 років тому

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

  • @Taskmgr-IT
    @Taskmgr-IT Рік тому

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

  • @emsotcom
    @emsotcom 6 років тому +1

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

  • @mrak3059
    @mrak3059 5 років тому +3

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

  • @user-ed1dg9vm1y
    @user-ed1dg9vm1y 5 років тому +1

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

  • @_pheax
    @_pheax 6 років тому +1

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

  • @Dimmitriss
    @Dimmitriss 6 років тому +1

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

  • @Rocknrolla112
    @Rocknrolla112 6 років тому +18

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

  • @maxmaxrad2479
    @maxmaxrad2479 6 років тому +2

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

  • @Guyverok
    @Guyverok 3 роки тому +1

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

  • @Jesssusss
    @Jesssusss 6 років тому

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

  • @fusome
    @fusome 4 роки тому

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

  • @proger8433
    @proger8433 6 років тому +2

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

  • @drofessor1384
    @drofessor1384 6 років тому +7

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

  • @TCTF
    @TCTF 6 років тому +2

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

  • @MihailAbysmo
    @MihailAbysmo 6 років тому

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

  • @vovergg
    @vovergg 6 років тому

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

  • @user-fr9il8ft2q
    @user-fr9il8ft2q 2 роки тому

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

  • @user-th4gy4sz8j
    @user-th4gy4sz8j 7 місяців тому

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

  • @kalyszhek5296
    @kalyszhek5296 6 років тому

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

  • @superletsplayshik2891
    @superletsplayshik2891 3 роки тому

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

  • @mihafigurskating4936
    @mihafigurskating4936 2 роки тому

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

  • @mrdzha9519
    @mrdzha9519 10 місяців тому

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

  • @user-jw1zy1mj1d
    @user-jw1zy1mj1d 2 роки тому

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

  • @RuslanUkraine706
    @RuslanUkraine706 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?)

  • @vadimzakreva4859
    @vadimzakreva4859 6 років тому +1

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

  • @mokotlas
    @mokotlas 8 місяців тому

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

  • @sffd864
    @sffd864 3 роки тому

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

  • @msdesignru
    @msdesignru 6 років тому

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

  • @apollon8898
    @apollon8898 6 років тому

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

  • @lidiiasharova
    @lidiiasharova 2 роки тому

    Спасибо!

  • @user-wl1oe3cl6j
    @user-wl1oe3cl6j 6 років тому

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

  • @pavelleznik5057
    @pavelleznik5057 6 років тому +1

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

  • @user-rz5jm9jt7z
    @user-rz5jm9jt7z 6 років тому +1

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

  • @user-wn7bu9vk9r
    @user-wn7bu9vk9r 6 років тому +1

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

  • @user-du4ns2iu6x
    @user-du4ns2iu6x 6 років тому

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

  • @Xemicanord
    @Xemicanord 6 років тому

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

    • @johngalt4863
      @johngalt4863 6 років тому +1

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

  • @SAvD_DxD
    @SAvD_DxD Рік тому

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

  • @viktorsavchenko2628
    @viktorsavchenko2628 Рік тому

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

  • @user-df7hh8ne1s
    @user-df7hh8ne1s 2 роки тому

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

  • @user-ve5bu9gb3d
    @user-ve5bu9gb3d 6 років тому +1

    Спасибо

  • @jekaren6424
    @jekaren6424 5 років тому

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

  • @vadim_travel
    @vadim_travel 2 роки тому

    Спасибо👍

  • @user-bh8qn8vn5m
    @user-bh8qn8vn5m 6 років тому

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

  • @user-cn2pf8fh8s
    @user-cn2pf8fh8s 2 роки тому

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

  • @bohdanovk
    @bohdanovk 6 років тому

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

  • @vladsuperman
    @vladsuperman 3 роки тому

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

  • @islamnurdinov9098
    @islamnurdinov9098 6 років тому +1

    Респект

  • @caxap89
    @caxap89 3 роки тому

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

  • @danilleshchev2592
    @danilleshchev2592 6 років тому

    Спасибочки

  • @gotlib-4766
    @gotlib-4766 6 років тому +1

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

  • @sergeykozhemyakin7707
    @sergeykozhemyakin7707 3 роки тому

    спасибо оч круто, а можно ли через командную строку зайти на страницу hangouts.google.com и совершить звонок конкретному пользователю?

  • @FlymeDllVa
    @FlymeDllVa 6 років тому +18

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

    • @user-mr5gk3uf9x
      @user-mr5gk3uf9x 6 років тому +3

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

    • @br_hum4n
      @br_hum4n 6 років тому +6

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

    • @FlymeDllVa
      @FlymeDllVa 6 років тому +1

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

    • @br_hum4n
      @br_hum4n 6 років тому +3

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

    • @FlymeDllVa
      @FlymeDllVa 6 років тому

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

  • @kalyszhek5296
    @kalyszhek5296 6 років тому

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

  • @MrNagios
    @MrNagios 6 років тому

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

  • @user-sp4kx8bo4i
    @user-sp4kx8bo4i 2 роки тому

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

  • @santa4332
    @santa4332 3 роки тому

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

  • @johauk7038
    @johauk7038 4 роки тому

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

  • @FadeYka-yq8nr
    @FadeYka-yq8nr 2 роки тому

    спс помог

  • @Nabiev
    @Nabiev 6 років тому

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

  • @user-rc8qd9vs5j
    @user-rc8qd9vs5j Рік тому

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

  • @jneshomo218
    @jneshomo218 6 років тому

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

  • @helldragav1694
    @helldragav1694 6 років тому +1

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

  • @illuminated4
    @illuminated4 3 роки тому

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

  • @PewPewManHDGamingChannel
    @PewPewManHDGamingChannel 6 років тому

    Луцк

  • @alexavas
    @alexavas 3 роки тому +1

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

  • @Ihor.Kuptsiv
    @Ihor.Kuptsiv 6 років тому

    for the horde :)

  • @user-ik4ch7wl3l
    @user-ik4ch7wl3l 6 років тому

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

  • @Vlad73125
    @Vlad73125 6 років тому

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

    • @ramiskh
      @ramiskh 6 років тому

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

  • @Max-Vinorov
    @Max-Vinorov 6 років тому +1

    Я только один использую инструмент разработчика чтобы скачать картинку с сайта?

    • @rwsmart100
      @rwsmart100 5 років тому

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

    • @StanislavK1
      @StanislavK1 5 років тому

      Alex VK вообще любит дырки прикрывать 😆

  • @azatdjabbarov9872
    @azatdjabbarov9872 6 років тому

    ГОДНОТАААА))))

  • @Kirill-kh3kt
    @Kirill-kh3kt 6 років тому

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

    • @work8220
      @work8220 6 років тому +1

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

  • @damirsarkulin1723
    @damirsarkulin1723 6 років тому

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

  • @polopolur2305
    @polopolur2305 4 роки тому

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

    • @xaosit8974
      @xaosit8974 3 роки тому

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

    • @xaosit8974
      @xaosit8974 3 роки тому

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

  • @user-sv4zr2cr5m
    @user-sv4zr2cr5m 6 років тому

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

  • @ex3meboyXL
    @ex3meboyXL 6 років тому +1

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

    • @HowdyhoNet
      @HowdyhoNet  6 років тому

      CSS стандартно поддерживается в Emmet.

    • @ex3meboyXL
      @ex3meboyXL 6 років тому

      Я имел в виду в DevTools

    • @user-iq6el8gf3g
      @user-iq6el8gf3g 6 років тому +4

      зачем emmet в devtools?

    • @pinkdarkness3990
      @pinkdarkness3990 6 років тому

      Хахах

  • @mayday4977
    @mayday4977 3 роки тому

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

  • @psihonort9275
    @psihonort9275 6 років тому

    лок тар огар!