📺 Учимся создавать сайты на HTML

По окончанию этого курса, вы узнаете всё о языке HTML и научитесь создавать полноценные веб-страницы.

1. Введение [YouTube]
2. Структура документа [YouTube]
3. Форматирование текста [YouTube]
4. Добавление картинок, меню, ссылок и элементов [YouTube]
5. Блочные и строчные элементы [YouTube]
6. Добавление музыки и видео [YouTube]
7. Вставка видео с YouTube в HTML [YouTube]
8. Кнопки, голосование и кнопки регистрации [YouTube]
9. Мета-теги [YouTube]
10. Введение в CSS [YouTube]

#Видео #html

📺 Верстка сайта-портфолио с нуля

Видеокурс по верстке сайта-портфолио с нуля используя HTML, препроцессор LESS и Adobe XD или Photoshop.

1. #1 Верстка сайта портфолио по шаблону с нуля [YouTube]
2. #2 Верстка сайта портфолио по шаблону с нуля [YouTube]
3. #3 Верстка сайта портфолио по шаблону с нуля [YouTube]
4. #4 Верстка сайта портфолио по шаблону с нуля [YouTube]
5. #5 Верстка сайта портфолио по шаблону с нуля [YouTube]
6. #6 Верстка сайта портфолио по шаблону с нуля [YouTube]
7. #7 Верстка сайта портфолио по шаблону с нуля [YouTube]
8. #8 Верстка сайта портфолио по шаблону с нуля [YouTube]
9. #9 Верстка сайта портфолио по шаблону с нуля [YouTube]
10. #10 Верстка сайта портфолио по шаблону с нуля [YouTube]
11. Фильтр по категориям [YouTube]
12. Модальные окна [YouTube]
13. Слайдер в модальном окне [YouTube]
14. Адаптивная верстка. Финал. [YouTube]
15. Хостинг и домен. Где купить, как настроить, как разместить сайт [YouTube]

#Видео #html #rus

HTML-CSS-JS

html-css-js.com — онлайн-редактор HTML, CSS и JS с мгновенным предварительным просмотром. Трио HTML-CSS-JS — это части всех веб-сайтов, с которыми взаимодействуют пользователи. Повысьте эффективность вёрстки и обеспечьте максимальное удобство для пользователей с помощью коллекции бесплатных онлайн-инструментов! Больше подробностей на сайте.

#сервис #html #css #js #web

📺 Профессиональная верстка сайта

1. Адаптивное меню на чистом html css [YouTube]
2. Flexbox для каждого [YouTube]
3. Адаптивный макет [YouTube]
4. CSS Grid простыми словами [YouTube]
5. JavaScript подключаем [YouTube]
6. Быстро на flexbox [YouTube]
7. Flexbox блоки [YouTube]
8. Адаптивность под экран iphone X [YouTube]
9. Footer, заканчиваем сайт [YouTube]
10. Как загрузить сайт на хостинг [YouTube]

#Видео #html #css #rus

📺 HTML Basics

1. Введение [YouTube]
2. Базовая структура HTML документа [YouTube]
3. Мета-данные и внешние импорты [YouTube]
4. Валидация, семантика и доступность [YouTube]
5. Текст [YouTube]
6. Списки [YouTube]
7. Картинки [YouTube]
8. Таблица [YouTube]
9. Ссылки и кнопки [YouTube]
10. Полезные тэги [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #html #rus

📺 HTML для JS разработчиков

1. Теги [YouTube]
2. CSS [YouTube]
3. Организация кода [YouTube]
4. Таблицы [YouTube]
5. Позиционирование элементов [YouTube]
6. Позиционирование - практика [YouTube]
7. Float [YouTube]
8. Flex [YouTube]
9. Grid [YouTube]
10. Семантический HTML5 [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #HTML #JavaScript #rus

📺 Современная верстка сайта с нуля

1. Начинаем с нуля [YouTube]
2. Адаптивное меню на CSS [YouTube]
3. FlexBox верстка карточки [YouTube]
4. jQuery категории [YouTube]
5. Адаптируем сайт под мобильные [YouTube]
6. Слайдер jQuery [YouTube]
7. Css Grid, grid-template-columns [YouTube]

#Видео #html #css #js #rus

​​Разработка веб-приложений.
Полуэктова Н.Р.
2022

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

Среди них: принципы организации сети Интернет; базовый язык разметки web-страниц HTML, технологии описания стилей этих страниц СSS; технологии браузерного программирования на основе языка jаvascript, современные средства адаптивной верстки сайтов; основные принципы, технологии и инструментальные средства серверной обработки запросов и хранения информации web-приложений.

💾 Скачать

#rus #html #css #javascript

Эффект фрагментации изображений при помощи CSS Paint API

Эффект фрагментации можно сделать используя CSS-маску и пользовательские свойства. Он получится красивый, но у него будет один недостаток: слишком много CSS-кода (сгенерированного при помощи Sass).

В данной статье рассматривается такой же эффект, но при помощи Paint API. Это разительно уменьшит количество CSS-кода и полностью устранит потребность в Sass.

📖 Читать

#статья #HTML #CSS #JavaScript

HTML in 100 Seconds

Готовы создать свой первый веб-сайт? HTML — один из основных строительных блоков Интернета. Изучите историю HTML и то, как он используется для структурирования веб-страницы.

📺 Смотреть

#видео #html

Electron

github.com/electron/electron — фреймворк для написания кроссплатформенных десктопных приложений с использованием JavaScript, HTML и CSS.

#репозиторий #HTML #CSS #JavaScript