Инструменты курса
Веб-браузеры
Нужно установить браузер (сокращение от «веб-браузер»), чтобы вы могли видеть конечный результат вашего исходного кода. Наиболее распространенными браузерами являются Microsoft Edge (и IE), Firefox , Chrome , Safari и т. Д.
Ищите историю веб-браузеров (в Википедии). Интересным ресурсом является доля рынка браузеров и платформ(регулярно обновляется).
Просмотр вашей работы
Есть несколько простых способов использовать браузер для просмотра своей работы.
Сначала вы можете открыть файл в вашем браузере. Обычно, если вы переходите к html-файлу и открываете его, система по умолчанию открывает его в браузере.
Онлайн-редакторы кода
Если вы хотите поделиться своим HTML-кодом, вы можете вставить его воспользовавшись одним из следующих онлайн-редакторов кода:
JS Bin: http://jsbin.com ( учебник JS Bin )
CodePen: http://codepen.io ( учебник CodePen )
CodeSandBox: http://codesandbox.io/
Stackblitz: https://stackblitz.com/
JSfiddle: https://jsfiddle.net/
Scrimba: http://scrimba.com
Liveweaver: http://liveweaver.com
WebMaker: https://webmaker.app/app/
Это редакторы кода HTML, CSS и JavaScript, которые демонстрируют код и результат кода в вашем браузере. Помогают в тестировании между устройствами, в режиме реального времени для программирования совместно.
Есть много других удобных инструментов, таких как JSFiddle и Dabblet (Lea Verou's tool ).
From: https://scotch.io/tutorials/7-javascript-playgrounds-to-use-in-2019
Текстовый редактор
Блокнот - на ПК с Windows
Visual Studio Code - бесплатный редактор с открытым исходным кодом, который может работать в любой операционной системе. Многие разработчики уже знакомы с Visual Studio Code.
XCode - разработчики Mac могут быть знакомы с XCode
TextEdit - доступно на Mac, но убедитесь, что вы сохраняете его как обычный текст , а не как файл .rtf или .doc.
Sublime Text - он довольно популярен среди разработчиков, хотя для его использования нужно использовать набор плагинов и немного подучиться.
BlueGriffon - WYSIWYG («Что видишь, то и получаешь») редактор контента для World Wide Web. Работающий на Gecko, движке рендеринга Firefox, это современное и надежное решение для редактирования веб-страниц в соответствии с последними веб-стандартами.
W3C validators(Валидаторы)
Более 15 лет, W3C разрабатывает и хостит бесплатно инструменты с открытым исходным кодом, используемые каждый день миллионами веб-разработчиков и веб- дизайнеров . Все перечисленные ниже инструменты имеют веб-интерфейс и доступны в виде загружаемых источников или в качестве бесплатных сервисов на сайте инструментов W3C для разработчиков .
W3C Validator
W3C валидатор проверяет действительность разметки различных форматов Web документов, таких как HTML. Обратите внимание, что вы автоматически перенаправляетесь на Nu Html Checker при проверке документа HTML5.
CSS Validator
В CSS валидатор проверяет каскадные таблицы стилей (CSS) и (X) HTML документов, использующих CSS стилей.
Unicorn
Unicorn - это унифицированный валидатор W3C, который помогает людям улучшить качество своих веб-страниц, выполняя различные проверки. Unicorn собирает результаты популярных валидаторов HTML и CSS, а также других полезных сервисов, таких как Интернационализация, каналы RSS / Atom и заголовки http.
Проверка интернационализации
Средство проверки интернационализации W3C предоставляет информацию о различных аспектах вашей страницы, связанных с интернационализацией, включая заголовки HTTP, которые на нее влияют. Он также сообщит о ряде проблем и даст советы о том, как их решить.
Проверка ссылок
W3C Link Checker ищет проблемы в связи, якорей и ссылочных объектов в веб - страницы, CSS таблицы стилей, или рекурсивно на весь веб - сайт. Для достижения наилучших результатов рекомендуется сначала убедиться, что в проверенных документах используется допустимая (X) разметка HTML и CSS .
Шпаргалка от W3C
W3C шпаргалка обеспечивает быстрый доступ к полезной информации из различных спецификаций , опубликованных W3C. Он направлен на то, чтобы в очень компактном и удобном для мобильных устройств формате собрать полезную информацию, извлеченную из спецификаций W3C, дополненную краткими инструкциями, разработанными на W3C, в частности, руководящими принципами обеспечения доступности веб-сайтов, передовой практикой в области мобильного Интернета и несколькими советами по интернационализации. ,
Его главная особенность - это окно поиска, в котором можно начать вводить ключевое слово и получить список соответствующих свойств / элементов / атрибутов / функций в вышеупомянутых спецификациях, а также дополнительную информацию о них при выборе интересующего.
Шпаргалка W3C доступна только в виде чистого веб-приложения .
Last updated