Опишите одну вещь, которую вы узнали сегодня на уроке.

Сегодня я узнал, что борьба неизбежна при изучении чего-то нового. Некоторые вещи могут даваться легче, чем другие, но в какой-то момент будет что-то, что потребует исследований, проб и ошибок, работы в обратном направлении от решения и любого другого метода обучения. Для меня это манипулирование DOM с помощью jquery и когда что использовать. jQuery широко используется из-за его простоты и экономии времени при разработке. Но с точки зрения новичка, это не так, как JS. Например, что-то вроде getElementById буквально говорит мне, что я получаю этот элемент по его идентификатору, тогда как в jQuery многие элементы обрабатываются с помощью $ вместо него. Это потребует работы И лучшего понимания javascript.

Опишите разницу между <script>, <script async> и <script defer>.

Использование «скрипта» или обычного скрипта заставит браузер загружать скрипт, когда он попадет на него, и отложит загрузку остальной части HTML до тех пор, пока этот файл не завершит выполнение. Defer сообщит браузеру, что нужно дождаться завершения работы синтаксического анализатора HTML, прежде чем он начнет выполнение JS в указанном файле. Это означает, что любые манипуляции с DOM будут гарантированно неповрежденными, поскольку все загружено. Асинхронный, сокращение от асинхронного, означает, что браузер будет загружать файл по мере загрузки других файлов. Это хорошо, потому что не мешает анализатору HTML, и как только скрипт будет готов, он начнет выполнять команды.

Для чего нужны атрибуты данных?

Атрибуты данных хороши тем, что они обеспечивают гибкость при разработке, позволяя нам хранить данные в HTML, специфичные для атрибута, но невидимые визуально. Кроме того, мы можем ориентироваться на элементы по атрибутам данных для CSS и JS. Допустим, у меня есть список имен учеников в нашем классе, и я хочу отметить цвет волос каждого человека. Я мог бы сохранить это значение с атрибутом данных в каждом элементе, представляющем одноклассника. Затем, если я хочу стилизовать текст, заключенный в этот HTML, по цвету волос, я могу легко использовать атрибут данных в качестве селектора.