источник https://t.me/itumor/11513

• 1990: HTML придумали

• 1994: CSS придумали, чтобы пофиксить HTML

• 1995: JS придумали, чтобы пофиксить HTML/CSS

• 2006: jQuery придумали, чтобы пофиксить JS

• 2010: AngularJS придумали, чтобы пофиксить jQuery

• 2013: React придумали, чтобы пофиксить AngularJS

• 2014: Vue придумали, чтобы пофиксить React & Angular

• 2016: Angular 2 придумали, чтобы пофиксить AngularJS & React

• 2019: Svelte 3 придумали, чтобы пофиксить React, Angular, Vue

• 2019: React hooks придумали, чтобы пофиксить React

• 2020: Vue 3 придумали, чтобы пофиксить React hooks

• 2020: Solid придумали, чтобы пофиксить React, Angular, Svelte, Vue

• 2020: HTMX 1.0 придумали, чтобы пофиксить React, Angular, Svelte, Vue, Solid

• 2021: React Suspense придумали, чтобы пофиксить React, снова

• 2023: Svelte Runes придумали, чтобы пофиксить Svelte

• 2024: jQuery до сих пор используется на 75% сайтов

Подготовили для вас статью с бесплатными курсами по верстке html/css. В некоторых курсах есть тренажеры: можно проходить теории и там же практиковаться.

Покликайте на курсы, выбирайте. Важно, чтобы вам был удобен курс, понятен язык изложения, и ваш уровень знаний подходил для конкретного курса.

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

Тренажеры

1. Бесплатный тренажер по html/css

   Тип: Тренажер состоит из блоков теории, после которого сразу идет практика с задачами прямо внутри тренажера.

   Язык: русский.

   После завершения курса, вы сможете бесплатно получить сертификат о прохождении.

2. Learn-html.org

   Тип: обучающий онлайн-тренажер.

   Язык: английский.

3. Grid Critters

   Тип: обучающая онлайн-игра.

   Язык: английский.

Бесплатные курсы от школ

1. “Как стать frontend-разработчиком с нуля?” от Skillfactory

   Простое решение для начинающих программистов — карьерный гид компании Skillfactory. Краткий мануал расскажет об основных задачах работников сферы IT и возможностях обучения. Чтобы получить гид, необходимо указать лишь имя и адрес электронной почты.

2. “Основы HTML и CSS” от Stepik

   Основы программирования на HTML и CSS от Тимура Гудиева на платформе Stepik. Чтобы ввести участников в кодинг, автору потребуется всего 10 видеоуроков, а для активной практики он подготовил 34 теста по каждой из тем.

3. “Введение в HTML5” от Курсера

   Курс — введение в HTML5 от Колин ван Лент и Чарльз Северанс на платформе Coursera. В этой программе при поддержке Мичиганского университета длительность в 3 недели преподаватели расскажут о базовых навыках владения языком, а по окончании всех участников ждет электронный сертификат.

4. “Создание сайта на HTML” от ItProger

   Данный курс по верстке сайта от itProger.com предлагает базовые знания сразу по четырем направлениям: HTML, CSS, JS и jQuery — с реальным продуктом по итогам обучения — собственным сайтом. Вся программа рассчитана на 11 видеоуроков и 108 практических заданий.

5. “Верстка сайта” от ItProger

6. "Курс HTML для начинающих" от PHP.ZONE

7. "Веб-разработка для начинающих: HTML и CSS" от Stepik

8. "Знакомство с HTML и CSS" от HTML академии

9. "Курс HTML / CSS" от Beonmax

10. "Уроки HTML5" от ItProger

11. "Основы HTML, CSS и веб-дизайна" от Хекслет

12. "Курс HTML и CSS - верстка сайтов для начинающих" от School PHP

13. "Уроки CSS" от ItProger

14. "Введение в веб-разработку" от Hexlet

15. "Вводный курс по HTML и CSS для начинающих" от ShowSkill

Курсы с Youtube

1. Создаем сайт на основе CSS3 + HTML5

   Краткий курс по созданию сайта на HTML5 и CSS3. За 14 видео автор канала Гоша Дударь расскажет все о верстке своего сайта, а также поделится общей информацией о профессии Frontend-разработчика

2. HTML для начинающих

   Это курс для веб-программистов, поделенный на две части. В первой части объясняет и показывает автор канала loftblog, а во второй инсайтами и важной информацией для HTML-верстальщиков поделится Анастасия Редченкова.

3. Верстка сайта #7 Создание лендинга для свадебного фотографа

   YouTube-курс "Верстка сайта" от FrontCoder. За 17 видео автор канала объяснит и покажет, как создать свой сайт на HTML и CSS всего за несколько часов на реальном примере — сайте свадебного ведущего.

4. Верстка сайтов || Лендинги, интернет-магазины, портфолио

   Курс по верстке сайтов на HTML и CSS от LectorWeb. Плейлист содержит 17 коротких YouTube-видео со всем необходимым для начинающих Frontend-разработчиков.

5. Курс HTML & CSS

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

6. HTML для начинающих

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

7. Бесплатный курс по верстке сайтов (Front End). Уроки HTML CSS JS

8. HTML 2021 - Свежий курс веб-разработки

9. ФРОНТЕНД. Введение во Frontend | Технострим от VK Team

10. Web разработка

11. Учим HTML за 1 Час! #От Профессионала

12. БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни

13. Веб-разработчик 10.0

14. Web разработка

15. Front-End разработка. Курсы по HTML, CSS, JavaScript

16. Фронтенд разработка (осень 2017)

17. Web-разработка

Что можно делать с помощью HTML и CSS?

Применяя HTML и CSS в верстке и веб-программировании, разработчики могут:

• Применяя HTML и CSS в верстке и веб-программировании, разработчики могут:

• Менять стиль и дизайн веб-проектов;

• Отлаживать код

Сколько приносит верстка HTML и CSS в 2023 году?

По данным HH.ru, в феврале 2023 года средняя зарплата верстальщика на HTML и CSS составляет 46 000 рублей. Senior-программисты могут получать до 70 000 рублей, а вот Junior — примерно 35 000.

В то же время, рынок труда предлагает около 1 600 вакансий для позиции верстальщиков HTML и CSS каждый месяц.

Почему HTML?

Выступая практически универсальным решением в программировании, Java представляет собой:

• Язык с понятной структурой — у Java несложный синтаксис;

• Широкий выбор фреймворков — есть готовый набор решений для любых проектов;

• Безопасный кодинг — JVM блокирует попытки навредить коду;

• Обратно совместимый язык — все коды полностью функционируют вне зависимости от даты написания.

Почему HTML и CSS?

HTML и CSS — наиболее популярные языки во всех формах веб-программирования. Так, они:

• Экономно расходуют ресурсы сервера сайта — из-за своей структуры код занимает мало места в системе;

• Упрощают разработку сайтов — один файл стилей можно применить сразу на все страницы;

• Ускоряют загрузку сайта — браузер кеширует стили, а далее загружает только данные;

• Совмещают любые устройства — если они имеют доступ к редакторам HTML- и CSS-файлов.

С двача в тг

Делая сайт на тильде приспичило мне выровнять текст по ширине. Так как стандартным функционалом это не предусмотрено был добавлен код:

В интернете полно сайтов, которые продают много подобных "модов". За код который выравнивает текст по ширине просят на одном сайте 700 деревянных.

Мне показалось это диким жлобством, поэтому записываю короткий ролик на ютубе "выравнивание текста по ширине в тильде бесплатно" со ссылкой на код и забываю.

Ну а пару дней назад пишет мне в комментариях один из таких барыг. Если не удалю видео, то подаст он на меня в суд. Барыга был мягко послан.

Сегодня ютуб блочит видео за нарушение авторских прав

Возникает много вопросов. Почему кусочек элементарного кода может послужить поводом для удаления с ютуб? Можно ли получить патент на такой код? Не идиоты ли разработчики тильды?

Код текстом для лл

<style>
.danjus {
text-align: justify;
text-indent: 20px;
}
</style>
<script>
window.onload = function () {
const items = document.querySelectorAll(".tn-atom");
items.forEach((el) => {
if (el.innerHTML.length > 50) {
el.classList.add("danjus");
}
});
};
</script>

upd. CSS-скрипт → CSS

Программисты шутят