Кодирование для чайников Шпаргалка - манекены

Никил Абрахам

Кодирование - это словарный запас, логика и синтаксис. Кодирование сначала может показаться пугающим, но с практикой, тем не менее, легко ужиться с его терминологией, концепциями и структурой. Понимание кодирования мало чем отличается от изучения нового языка: используйте его достаточно часто, и вы сможете говорить, думать и писать в коде. Тем не менее, для начинающих естественно возникать вопросы. Для вас доступно множество ресурсов кодирования, как в автономном, так и в автономном режиме. Спросите вокруг, и вы обнаружите, что вы не одиноки - многие другие люди учатся. В конце концов, кодирование - это бесконечное образование. Создайте одну грань или другую, и перед вами откроется новая.

Кодирующий словарь

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

• Общие условия веб-разработки:

  • Сервер: Компьютер, на котором размещен код сайта, и который «обслуживает» код сайта по запросу «клиентского» компьютера. Серверы обычно размещаются на больших складах с тысячами других серверов и похожи по размеру и мощности на ваш домашний компьютер.

  • Клиент: Устройство, используемое для доступа к веб-сайту, включая настольные или портативные компьютеры, планшеты или мобильные телефоны.

  • Дизайнер: Художественный профессионал, который решает, как будет выглядеть и чувствовать себя сайт, а также способы взаимодействия пользователей с сайтом, такие как, например, щелчок, прокрутка, прокрутка и т. Д.

  • Каркас: Иллюстрация, созданная дизайнерами, которые подробно показывают макеты, изображения и цветовые схемы веб-сайта.

  • Разработчик: Инженер-профессионал, который пишет код, чтобы превратить каркасы в пригодные для использования веб-сайты. Основываясь на типе написанного кода, разработчики называются интерфейсом, back-end или полным стеком.

  • Лицевая сторона: Все, что вы можете видеть и нажмите в браузере. Передние разработчики пишут код на интерфейсных языках, таких как HTML, CSS и JavaScript, чтобы создать внешний вид веб-сайта.

  • Back-end: Все, что происходит за кадром, чтобы сделать front-end исполнением по назначению. Back-end разработчики пишут код на внешних серверах, таких как Ruby или Python, для создания таких функций, как ведение журнала пользователей, сохранение пользовательских настроек и получение данных, таких как комментарии на фотографии.

• Условия, относящиеся к интерфейсным языкам:

  • * HTML ( Язык гипертекстовой разметки ): Язык, используемый для размещения текста, изображений и другого содержимого на веб-страницу.

  • HTML-тег: HTML-инструкции, обычно появляющиеся попарно. Браузеры применяют специальные эффекты к тексту между открывающим и закрывающимся тегом HTML. Например, тег

    отображается в браузере как большой полужирный заголовок и может быть использован следующим образом:

    Dewey бьет Truman

    .

  • атрибут HTML: Атрибуты или параметры для тегов HTML, которые изменяют поведение тега. Атрибуты всегда помещаются в открывающий тег HTML. Например, href является атрибутом в следующем теге привязки (используется для создания гиперссылок):

    Поисковая система
    

  • CSS ( Каскадные таблицы стилей): код, который изменяет HTML на веб-страницах и который управляет появление содержимого путем изменения размера текста, размера изображения и других атрибутов.

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

  • Переменная: Место хранения, которому дано имя и которое содержит числовые данные или текст (называемые строки ) для последующего использования.

  • Если оператор (условный): Кодовая инструкция, которая проверяет условие, которое обычно включает переменные, такие как x <18, и выполняет код, который вы пишете, когда условие истинно.

  • Функция: Название, заданное группе операторов программирования для удобства использования и использования.

• Условия, относящиеся к серверным языкам:

  • Ruby: Язык программирования с открытым исходным кодом, наиболее известный для использования в веб-программировании.

  • Rails: Рамка, предназначенная для создания веб-страниц с Ruby easy.

  • Python: Язык программирования с открытым исходным кодом, используемый в Интернете, в научных приложениях и для анализа данных.

Ссылки и ресурсы кодирования

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

• W3Schools: справочники для HTML, CSS и JavaScript

• HTML-лист: наиболее часто используемые HTML-команды

• CSS-лист: наиболее часто используемые команды CSS

• Учебники по HTML: учебники и статьи для Интернета поддерживается Google

• Учебники по CSS: Учебники и статьи для веб-программирования с акцентом на CSS

• Учебники по JavaScript: Учебники и справочники для JavaScript

Ошибки общего кодирования

Код не работает? Вот некоторые распространенные ошибки, которые могут оттолкнуть даже самого опытного кодера. Если ваш код не будет запущен, попробуйте запустить этот контрольный список, чтобы узнать, есть ли у вас какие-либо из этих ошибок:

• Отсутствие закрывающего тега HTML после каждого открытия HTML-тега.

• Отсутствие скобок <или> в HTML.

• Отсутствие фигурных скобок, двоеточий или точки с запятой в CSS, как в следующем:

  h1 {color: blue;}
  

• Отсутствие фигурных скобок в JavaScript, особенно для операторов if.

• Забыть иметь пару закрывающей пары котировок для каждой пары открытий.

• Наличие нескольких ярлыков открытия и закрытия, тега или тега.

• Поместите HTML-код в файл или раздел CSS и поместите CSS-код в раздел HTML. Если код имеет дело со стилем и внешним видом, это, скорее всего, CSS.

• Не ссылаясь на ваш CSS-файл с помощью тега, и поэтому ваши эффекты CSS не отображаются в браузере.

• Недостаток части команды, как в

  , что неверно, потому что атрибут написан как src not scr.

• Включение атрибутов за пределы открытого HTML-тега. Например, логотип

  src = ". jpg "неверно, потому что атрибут находится за пределами открытого тега изображения.