Что ж, если вы только начинаете программировать или уже написали какой-то код на C/C++ или Java или на любом другом языке. Вы должны выполнить настройку, прежде чем запускать программу «hello world». Возможно, во время настройки вы можете потерять интерес. иногда действительно может быть сложно выполнить все эти предварительные условия, верно?
Что, если я скажу вам, что вам не нужно ничего делать и вы можете писать код на лету. Да, это возможно с помощью JavaScript.
Честно говоря, начинать с javascript действительно может быть весело, так как вы можете видеть все вещи прямо перед вашими глазами. Перейдите на домашнюю страницу Google Chrome, щелкните правой кнопкой мыши и выберите «Проверить» (сочетание клавиш — CTRL+SHIFT+I).
Перейдите на вкладку консоли и напишите. console.log («привет, мир»); а затем нажмите Enter.
Ничего себе, вы только что выполнили одну программу. отличный.
Теперь позвольте мне показать, как легко вычислить сумму двух чисел в javascript.
Это фантастика, не так ли?
Теперь вы можете писать здесь любой код и отлаживать его на лету. Ниже приведен фрагмент кода для поиска повторяющихся букв в строке.
Примечание. Нажмите Enter после написания кода, чтобы просмотреть журнал выполнения.
Это круто, не так ли? Вы можете буквально запустить любой код js для проверки вывода.
Еще одна интересная функция инструмента разработчика Google — проверить текущий код HTML/CSS и внести изменения, чтобы увидеть результат в реальном времени.
Что ж, я буду использовать свою страницу, чтобы показать здесь некоторые хаки. Вы можете посетить меня здесь, https://wasima829.github.io/coverPage/, чтобы увидеть, чем я зарабатываю на жизнь ;)
Теперь, если вы хотите изменить содержимое рабочей сводки на странице, щелкните значок верхней стрелки, а затем щелкните часть содержимого. После этого вы можете увидеть, где этот HTML-код доступен в HTML-документе.
Щелкните правой кнопкой мыши и отредактируйте его как HTML.
Изменить описание.
В идеале вам не нужно изменять содержимое HTML, но в большинстве случаев свойства CSS не очень хорошо отображаются в браузере настольного или мобильного браузера, поэтому этот метод полезен для отладки. Например, скажем, я только что изменил описание, если хочу посмотреть, как оно будет выглядеть, если я увеличу шрифт и цвет текста. Я могу просто перейти к свойствам CSS и прямо под кодом.
И изменения сделаны. (Примечание: это полезно для отладки, и как только вы будете удовлетворены внешним видом, вы можете внести изменения в исходный код).
С помощью инструмента разработчика Google Chrome вы даже можете проверить, какие свойства CSS активны на странице.
И последнее, но не менее важное: вы можете проверить, как веб-сайт будет выглядеть на различных устройствах, используя «панель инструментов переключения устройств».
Дайте мне знать, если это было полезно, счастливого обучения.
