Кодування для манекенів шпаргалка

Кодування - це рівні лексики, логіка та синтаксис. Спочатку кодування може здатися залякуючим, але на практиці, однак, легко почуватись зручно з його термінологією, концепціями та структурою. Розуміння кодування не схоже на вивчення нової мови: використовуйте його досить часто, і ви зможете говорити, думати та писати в коді. Проте для початківців природно мати питання. Для вас доступно багато ресурсів кодування, як онлайн, так і офлайн. Запитайте, і ви виявите, що не самотні - багато інших людей навчаються. Зрештою, кодування - це нескінченна освіта. Опануйте ту чи іншу грань, і перед вами відкриється нова.

Кодування лексики

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

Загальні умови веб-розробки:

Сервер: Комп’ютер, на якому розміщений код веб-сайту, і який “обслуговує” код веб-сайту на запит комп’ютера “клієнта”. Сервери зазвичай сидять на великих складах з тисячами інших серверів, і за розміром та потужністю схожі на ваш домашній комп’ютер.

Клієнт: Пристрій, що використовується для доступу до веб-сайту, включаючи настільні чи портативні комп’ютери, планшети чи мобільні телефони.

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

Каркасна структура: Ілюстрація, створена дизайнерами, яка детально показує макети, зображення та кольорові схеми веб-сайту.

Розробник: Професійний інженер, який пише код, щоб перетворити каркаси на корисні веб-сайти. Залежно від типу написаного коду, розробники називаються інтерфейсним, фоновим або повним стеком.

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

Бек-енд: Все, що відбувається за лаштунками, щоб інтерфейс працював належним чином. Менеджери-розробники пишуть код такими мовами, як Ruby або Python, щоб створити такі функції, як вхід користувачів, зберігання налаштувань користувачів та отримання даних, таких як коментарі до фотографії.

Терміни, пов’язані з інтерфейсними мовами:

*HTML (Мова розмітки гіпертексту): Мова, що використовується для розміщення тексту, зображень та іншого вмісту на веб-сторінці.

Тег HTML: Інструкції HTML, як правило, з’являються парами. Браузери застосовують спеціальні ефекти до тексту між відкриваючим і закриваючим тегом HTML. Наприклад,

Атрибут HTML: Атрибути або параметри для тегів HTML, які змінюють поведінку тегу. Атрибути завжди розміщуються у початковому тегу HTML. Наприклад, href - це атрибут у наступному прив’язаному тегу (використовується для створення гіперпосилань):

CSS (Каскадні таблиці стилів): код, який змінює HTML на веб-сторінках і контролює зовнішній вигляд вмісту, змінюючи розмір тексту, розмір зображення та інші атрибути.

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

Змінна: Місце зберігання, яке отримало назву і містить числові дані або текст (іменований як струни) для подальшого використання.

Оператор if (умовний): Інструкція коду, яка перевіряє умову, яка зазвичай включає змінні, такі як x, і виконує код, який ви пишете, коли умова є істинним.

Функція: Ім'я, дане групі програмних тверджень для зручності використання та використання.

Терміни, що стосуються фонових мов:

Рубін: Мова програмування з відкритим кодом, найбільш відома для використання у веб-програмуванні.

Рейки: Фреймворк, розроблений для спрощення створення веб-сторінок за допомогою Ruby.

Python: Мова програмування з відкритим кодом, що використовується в Інтернеті, у наукових програмах та для аналізу даних.

Посилання на кодування та ресурси

HTML, CSS та JavaScript - найпоширеніші інтерфейсні мови кодування. У наступній таблиці перелічені деякі Інтернет-ресурси, довідкові матеріали та навчальні посібники, які допоможуть вам продовжувати практикувати всі три мови.

W3Schools: Довідкові посібники для HTML, CSS та JavaScript

Шпаргалка HTML: Найчастіше використовувані команди HTML

CSS шпаргалка: Найчастіше використовувані команди CSS

Підручники з HTML: Підручники та статті для Інтернету, що підтримуються Google

Підручники з CSS: Підручники та статті для веб-програмування з акцентом на CSS

Підручники з JavaScript: Підручники та довідкові посібники для JavaScript

Поширені помилки кодування

Код не працює? Ось кілька типових помилок, які можуть збити навіть найдосвідченішого кодера. Якщо ваш код не працює, спробуйте запустити цей контрольний список, щоб перевірити, чи є у вас якісь із цих помилок:

Відсутність закриваючого тегу HTML після кожного відкриття тегу HTML .

Відсутні дужки або> в HTML.

Відсутні фігурні дужки, двокрапка або крапка з комою в CSS, як описано нижче:

Відсутні фігурні дужки в JavaScript, особливо для операторів if.

Забувши мати пару заключних пар котирувань для кожної пари, що відкривається.

Маючи більше одного відкриваючого та закриваючого тегу, мітки або тегу.

Поміщення HTML-коду у файл або розділ CSS та розміщення коду CSS у розділі HTML. Якщо код стосується стилю та зовнішнього вигляду, це, швидше за все, CSS.