1.HTML
HTML — это скелет веб-сайта. Нет необходимости углубляться в концепции, потому что мы не собираемся использовать большинство из них во время работы над проектом или на работе. Только основные понятия, такие как атрибуты, встроенные и блочные элементы, наиболее часто используемые теги, такие как привязка, img, div, span и т. д., а также идентификатор и классы. Если вы столкнетесь с ситуацией, когда вы не имеете ни малейшего представления о том, что означает большинство слов в этом посте, просто щелкните ссылки, просмотрите содержимое веб-сайта и прочитайте темы, которые я упомянул. Не тратьте слишком много времени на HTML. Просто имейте хорошее представление о дереве HTML (как элементы разветвляются под другим элементом html)
Learn HTML
2.CSS
CSS — это язык стилей, используемый для оформления веб-сайта. Стилизация insense позиционирования и изменение внешнего вида HTML-элемента. В CSS было много чего и сложно все запомнить. Мы, большинство разработчиков, часто обращаемся к Интернету или ChatGPT, чтобы получить образец CSS и попробовать его на своем веб-сайте. В большинстве случаев это будет метод проб и ошибок. Просто уделяйте больше внимания изучению селекторов (селекторы классов и идентификаторов, псевдоселекторы). Понимание комбинаторов в выделении будет очень полезно.
Изучайте CSS
3.JAVASCRIPT
Самое важное в разработке внешнего интерфейса — это изучение JS. JavaScript используется для того, чтобы сделать сайт интерактивным. Не беспокойтесь о синтаксисе этого языка, он будет простым. Взаимодействие означает не только клики и отклики клавиатуры, но и обработку AJAX-запроса (запрос на получение данных со стороны сервера). Начните с объектов в JS по этой ссылке. Вы можете пропустить темы выше этого. JSON, Promises, worker, DOM, Cookies. DOM и выборка будут играть жизненно важную роль в понимании того, как работает интерфейс.
Изучите JS
Почему MDN?
При чтении этого поста у вас возникнет сомнение, почему MDN, а не другие известные сайты, такие как W3Schools. MDN (сеть разработчиков Mozilla) предоставляет стандартную информацию о разработке внешнего интерфейса. В w3schools есть некоторые темы, которые не поддерживаются некоторыми браузерами. Это будет выглядеть сложно, когда вы впервые увидите много параграфов на этом сайте, но просто прочитайте его один раз и придайте важность теме, которую я упомянул в этом посте. Просто сохраните эту ссылку JS в закладке, это всегда будет полезно.
