Html page: Document and website structure — Learn web development

Начало работы — React

На этой странице представлен обзор документации React и связанных ресурсов.

React — это библиотека JavaScript для создания пользовательских интерфейсов. Узнайте, что такое React, на нашей домашней странице или в учебнике.


  • Попробуйте Реагировать
  • Изучите реакцию
  • Будьте в курсе
  • Версия документации
  • Что-то пропало?

Попробуйте React

React с самого начала разрабатывался для постепенного внедрения, и вы можете использовать столько React, сколько вам нужно. Если вы хотите попробовать React, добавить интерактивности на простую HTML-страницу или запустить сложное приложение на основе React, ссылки в этом разделе помогут вам начать работу.

Онлайн-игровые площадки

Если вам интересно поиграть с React, вы можете использовать онлайн-площадку для кода. Попробуйте шаблон Hello World на CodePen, CodeSandbox или Stackblitz.

Если вы предпочитаете использовать собственный текстовый редактор, вы также можете загрузить этот HTML-файл, отредактировать его и открыть из локальной файловой системы в своем браузере. Он выполняет медленное преобразование кода во время выполнения, поэтому мы рекомендуем использовать его только для простых демонстраций.

Добавить React на веб-сайт

Вы можете добавить React на HTML-страницу за одну минуту. Затем вы можете либо постепенно расширять его присутствие, либо ограничить его несколькими динамическими виджетами.

Создание нового приложения React

При запуске проекта React простая HTML-страница с тегами сценария может быть лучшим вариантом. Настройка занимает всего минуту!

По мере роста вашего приложения вам может потребоваться более интегрированная установка. Есть несколько цепочек инструментов JavaScript, которые мы рекомендуем для больших приложений. Каждый из них может работать практически без настройки и позволяет вам в полной мере использовать богатую экосистему React. Узнать, как.

Изучайте React

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

  • Если вы предпочитаете учиться, выполняя , начните с нашего практического руководства.
  • Если вы предпочитаете изучать концепции шаг за шагом , начните с нашего руководства по основным концепциям.

Как и любая незнакомая технология, React требует обучения. С практикой и терпением вы

поможет разобраться.

Первые примеры

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

React для начинающих

Если вы чувствуете, что документация по React развивается быстрее, чем вам удобно, ознакомьтесь с этим обзором React от Тани Раскиа. Он подробно и удобно для начинающих знакомит с наиболее важными концепциями React. Как только вы закончите, попробуйте документацию еще раз!

React для дизайнеров

Если у вас есть опыт работы в сфере дизайна, эти ресурсы — отличное место для начала.

Ресурсы JavaScript

Документация React предполагает некоторое знакомство с программированием на языке JavaScript. Вам не обязательно быть экспертом, но сложнее одновременно изучать React и JavaScript.

Мы рекомендуем просмотреть этот обзор JavaScript, чтобы проверить свой уровень знаний. Это займет у вас от 30 минут до часа, но вы будете чувствовать себя более уверенно, изучая React.

Наконечник

Всякий раз, когда вас что-то смущает в JavaScript, MDN и javascript.info — отличные сайты для проверки. Существуют также форумы поддержки сообщества, где вы можете обратиться за помощью.

Практическое руководство

Если вы предпочитаете учиться на практике, ознакомьтесь с нашим практическим руководством. В этом уроке мы создадим игру в крестики-нолики в React. У вас может возникнуть соблазн пропустить его, потому что вы не занимаетесь созданием игр, но дайте ему шанс. Методы, которые вы изучите в этом руководстве, являются фундаментальными для построения любых приложений React, и овладение им даст вам гораздо более глубокое понимание.

Пошаговое руководство

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

Thinking in React

Многие пользователи React считают чтение Thinking in React моментом, когда React наконец «щелкнул» их. Это, вероятно, самое старое пошаговое руководство по React, но оно по-прежнему актуально.

Рекомендуемые курсы

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

Расширенные концепции

После того, как вы освоитесь с основными концепциями и немного поиграете с React, вас могут заинтересовать более сложные темы. Этот раздел познакомит вас с мощными, но редко используемыми функциями React, такими как контекст и ссылки.

Справочник по API

Этот раздел документации полезен, если вы хотите узнать больше о конкретном React API. Например, в справочнике по API React.Component можно найти подробную информацию о том, как работает setState() и для чего полезны различные методы жизненного цикла.

Глоссарий и часто задаваемые вопросы

Глоссарий содержит обзор наиболее распространенных терминов, которые вы встретите в документации React. Существует также раздел часто задаваемых вопросов, посвященный коротким вопросам и ответам на общие темы, включая выполнение запросов AJAX, состояние компонентов и структуру файлов.

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

Вы также можете подписаться на учетную запись @reactjs в Твиттере, но вы не пропустите ничего важного, если будете читать только блог.

Не каждый выпуск React заслуживает отдельного сообщения в блоге, но вы можете найти подробный журнал изменений для каждого выпуска в файле CHANGELOG.md в репозитории React, а также на странице «Выпуски».

Версия документации

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

Что-то пропало?

Если в документации чего-то не хватает или какая-то часть кажется вам запутанной, отправьте сообщение о проблеме в репозиторий документации с вашими предложениями по улучшению или твитните в учетной записи @reactjs. Мы рады слышать тебя.

webpage1

Существует множество способов создания веб-страниц с использованием уже написанных программ. Эти уроки научат вас, как использовать базовый язык гипертекстовой разметки — HTML.

HTML — это не компьютерный код, а язык, использующий английский (США) для вставки текстов (слов, изображений, звуков) и форматирования, например цвета (u)r и центрирования/выравнивания. процесс достаточно прост; основные трудности часто заключаются в мелких ошибках — если вы ошибетесь при обработке текста, ваш читатель может заметить ваши опечатки, но страница все равно будет разборчивой. Однако, если ваш HTML неточен, страница может не появиться — написание веб-страниц, по крайней мере, является очень хорошей практикой для чтения корректуры!

Изучение HTML позволит вам:

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

Веб-страница HTML состоит из тегов. Теги помещаются в скобки вот так . Тег сообщает браузеру, как отображать информацию. Большинство тегов нужно открывать и закрывать.

Чтобы сделать простую веб-страницу, вам нужно знать всего четыре тега:

  • сообщает браузеру, что ваша страница написана в формате HTML
  • это своего рода предисловие к важной информации, которая не отображается на экране.
  • Напишите здесь название веб-страницы — это информация, которую зрители видят в верхней строке своего экрана. (Я дал этой странице название «webpage1»).
  • Здесь вы размещаете содержимое своей страницы, слова и картинки, которые люди читают на экране.

Все эти теги должны быть закрыты.

УПРАЖНЕНИЕ

Напишите простую веб-страницу.

Скопируйте в точности приведенный ниже HTML-код, используя программу WP, например Блокнот.
Информация, выделенная курсивом , указывает, где вы можете вставить свой собственный текст, другая информация представлена ​​в формате HTML и должна быть точной.

Однако убедитесь, что между скобками тега и текстом внутри нет пробелов.
(Найдите Блокнот, перейдя в меню ПУСК\ПРОГРАММЫ\ ПРИНАДЛЕЖНОСТИ\ БЛОКНОТ).


название страницы
напишите здесь, что вам нравится: «моя первая веб-страница», или отрывок о том, что вы читаете, или несколько мыслей о курсе, или перепишите несколько слов из книги или пачки кукурузных хлопьев . Просто введите свои слова, не используя дополнительные элементы, такие как жирный шрифт или курсив, поскольку они имеют специальные теги HTML, хотя вы можете использовать буквы верхнего и нижнего регистра и одиночные пробелы.

Сохраните файл как ‘first.html’ (т.е. назовите файл как угодно) Это полезно, если вы создаете папку — так же, как вы бы это делали для обработки текстов — и называете ее как-то вроде WEBPAGES, и помещаете свой файл first.html в папке.

СЕЙЧАС — откройте браузер.

В Netscape процесс выглядит следующим образом:
Верхнее меню; ФАЙЛ\ ОТКРЫТЬ СТРАНИЦУ\ ВЫБЕРИТЕ ФАЙЛ
Нажмите на папку WEBPAGES\ ПЕРВЫЙ файл
Нажмите «открыть», и ваша страница должна появиться.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *