В этой статье вы прочитаете про изучение HTML CSS и JavaScript, и в целом узнаете много интересного про эти технологии, будет полезно.
Также прочитайте статью «Современные способы генерации веб-сайтов», тоже узнаете там много нового и интересного, особенно если вы новичок.
Изучение HTML CSS и JavaScript:
Если вы когда-либо были в городе, где можно ходить пешком, например, в Нью-Йорке, вы можете понять, как HTML, CSS и JavaScript работают вместе.
Когда вы начинаете изучать веб-разработку, вы обычно можете попробовать выполнить ряд базовых задач на принципах HTML, CSS и JavaScript. Однако каждая задача происходит в среде песочницы и не проверяет вас на нескольких языках одновременно.
Например, учебник «Введение в JavaScript» обычно фокусируется на таких основах, как циклы и операторы «if», а не на использовании JavaScript вместе с HTML.
Выполнив эти предварительные упражнения, вы достигнете момента, когда вам нужно будет создать свой первый полноценный веб-сайт. Даже если это одностраничный личный сайт, который вы никогда не собираетесь выпускать, вы все равно столкнетесь с рядом новых проблем, таких как:
- Как мне соединить три разных типа файлов?
- После того, как я их подключу, как они будут работать вместе?
- Как мне протестировать все это на моем собственном компьютере?
Различия между HTML, CSS и JavaScript:
Представим, что вы отвечаете за планирование нового квартала в городе. В этом районе будет несколько жилых домов, несколько закусочных, отделение банка и торговый центр.
Это может показаться одномерным. Другими словами, каждое здание — это просто точка на карте без каких-либо нюансов. Но если копнуть немного глубже, можно увидеть, что каждое здание состоит из трех частей, которые вы можете изменить:
Структура самого здания:
Внутренняя и внешняя отделка здания:
Фактические функции, которые посетители могут выполнять в каждом здании
Это соответствует трем различным типам файлов, которые вы можете использовать на своем первом веб-сайте.
HTML-файл содержит структуру самой страницы. Это вроде как структура здания.
Файл CSS содержит стили страницы. Он позволяет изменять цвета, позиционирование и многое другое. Это вроде как дизайн самого здания.
Файл JavaScript определяет динамические и интерактивные элементы на странице. Он определяет, что происходит, когда пользователи нажимают, наводят указатель мыши или вводят текст в определенных элементах. Это вроде как функциональность здания.
Возьмем, к примеру, один из домов. В доме 2 спальни, 2 ванные комнаты и 2 этажа. Это HTML-код здания.
Он построен из кирпича и имеет дверь из массива дерева. Это соответствует CSS здания.
Вывод:
В этой статье вы прочитали про изучение HTML CSS и JavaScript, да и в целом подробнее узнали про эти технологии.
Подписываетесь на соц-сети:
Оценка:
Загрузка...