Computer Science

Web разработка (frontend)

Для начинающих специалистов:Blockly-html

Как сделать? Инструкции HTML, CSS и JavaScript (W3):

  Меню - Изображения - Кнопки - Формы - Фильтры - Таблицы - Веб сайт самостоятельно! - Сетку - Google - Конверторы - Python

План изучения темы "Основы сайтостроения"

  1. HyperText Markup Language
  2. Cascading Style Sheets
  3. JavaScript (дополнительно)
  4. MDN Web DocsИзучение веб-разработки👈

Кому стоит изучать веб-дизайн?

Отличный справочникПолучите много плюшек 😋

Все Учебники на SchoolsW3Абсолютно бесплатно для веб-разработки    

Ресурсы на Яндекс.диске папка _Веб_сайты-HTML+CSS+JS

HTML

HTML (от английского HyperText Markup Language) — это язык гипертекстовой разметки текста. Он нужен, чтобы размещать на веб-странице элементы: текст, картинки, таблицы и видео.

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

Html текст - это обычный текст (его можно набирать даже в Блокноте). Но в нем имеются теги - это специальные метки. Они создаютструктуру докумета(его скелет) для браузера.

Посмотрите:Как устроен интернет.Всего 30 минут - и вы получите общее представление о работе глобальной сети

  1. Уроки HTML
  2. Каналы Youtube

CSS

CSS (/siːɛsɛs/ англ. Cascading Style Sheets «каскадные таблицы стилей») — формальный язык описания внешнего вида документа (веб-страницы), написанного с использованием языка разметки (чаще всего HTML или XHTML).

Применение CSS позволяет форматировать внешний вид html-документа. Это можно сравнить с форматированием текста в Word. На скелет документа наращивают мышцы. С помощью CSS вы можете управлять цветом, шрифтом, размером текста, расстоянием между элементами, тем, как элементы расположены и выложены, какие фоновые изображения или цвета фона будут использоваться, различными дисплеями для разных устройств и размеров экрана и многое другое!

Но это все равно будетманекен- страница будет похожа на визитную карточку

  1. Уроки CSS
  2. Каналы Youtube

Практикум HTML+CSS

... продолжение

JS

JavaScript (/ˈdʒɑːvɑːˌskrɪpt/; аббр. JS /ˈdʒeɪ.ɛs./) — мультипарадигменный язык программирования. Применение JSоживитhtml-документ. Пример

  1. Уроки JavaScript
  2. Примеррешения квадратного уравнения Код на JS

Примеры работ учеников:

Разное...

Для работы требуется редактор кода. Самый простой и НЕудобный - это стандартный Блокнот. Рекомендую пользоваться редакторомVS code.Он бесплатный, локализован и комфортабелен для работы. Продукт фирмы Microsoft.

  1. VS code
  2. Онлайн-редакторы
  3. Справочники и тренажеры
  4. Горячиеклавиши браузера
  5. Как сделать?