Учим html: HTML уроки с нуля — учебник для начинающих

Содержание

«Писать код — не главное». Авторы курсов из HTML Academy делятся секретами профессии / Хабр

Академия началась 10 лет назад с интерактивных тренажёров по вёрстке, которые сделал Саша Першин, но довольно быстро появились и полноценные интенсивные курсы для верстальщиков. Через какое-то время добавились курсы по JavaScript, а потом и по PHP. 

Всё это добро нужно было кому-то вести — сначала всё делали Саша и Лёша Симоненко, а потом появились и другие авторы. Некоторых вы и без меня хорошо знаете — например, Вадима Макеева. А всего за 10 лет у профкурсов Академии было 14 авторов. При этом автор — не наставник и не преподаватель в привычном смысле. Он не занимается отдельно с каждым студентом и не проверяет домашние задания и итоговые проекты. 

Чтобы узнать, чем на самом деле занимаются авторы, я подловил их в тёмном коридоре и задал кучу неудобных вопросов. Поговорили о работе авторов, секретах профессии, революциях в вебе, HTML 6 и ответственности за судьбы людей.

Привет. Расскажите, кто вы, чем занимаетесь и что любите делать больше всего?

Андрей Серёдкин: Джуниор-верстальщик и автор курсов в Академии (смеется) Нет, только автор курсов по вёрстке в Академии. Люблю играть в Splatoon и BOTW на Nintendo Switch.

Коля Шабалин: Автор профессиональных курсов в направлении HTML.

Кирилл Сенкевич: Автор курсов по PHP. Занимаюсь этим больше пяти лет, а всего в разработке 12 лет. Мне кажется, лучше всего у меня получается планировать работу, дробить её на отдельные этапы и уточнять требования.

 

Кирилл Сенкевич, автор курсов по PHP

Игорь Антонов: Автор курсов по JavaScript и техлид в HTML Academy. Пишу код с 2006 года. Люблю программировать и писать технические статьи.

Кто такой автор? Писать курс — это как? Что нужно уметь?

Кирилл: Нужно объяснять вещи простым языком и влезать в шкуру студента. Тебе может быть понятно всё, но студент при этом не понимает ни слова. Ещё нужно уметь структурировать информацию — чтобы не перегружать студентов, но раскрывать всю нужную теорию.

Коля: Моя версия — подбирать слова и быть сдержанным. Смотреть, что бывает в окружающем мире, понимать, какие приёмы использовать, а какие лучше не надо.

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

Андрей Серёдкин, автор курсов по вёрстке

Игорь: Добавлю еще одну популярную мысль — нужно простыми словами рассказывать о сложных вещах. Самое главное — проверять то, чему учишь и быть уверенным, что это можно использовать на практике. Главное — понимать конечную задачу, потому что без задачи обучение не даст эффекта. 

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

Правда, что автор курсов должен сначала поработать программистом, а только потом идти в авторы?

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

Кирилл: Я согласен, нужно отработать хотя бы 3-4 года. Это время, за которое можно стать опытным разработчиком и поучаствовать в проектах разной сложности. 

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

Игорь: Я скорее согласен с Колей и Кириллом. Многие вещи невозможно рассказать, пока сам не попробуешь и не набьешь кучу шишек.

Игорь Антонов, автор курсов по JavaScript, React и Node.js

На что похожа работа автора?

Игорь: Это смесь работы профессиональным разработчиком (потому что пишем код), тимлидом (потому что делаем ревью кода) и журналистом (потому что пишем статьи).

Андрей: Работа автора похожа на некрасивый пирог. Сначала кажется, что это что-то непонятное и бесформенное, особенно, если почитать задачи. Но когда пробуешь кусочек, понимаешь, что это вкусная и интересная вещь. Я занимаюсь вещами, которыми раньше никогда не занимался — пишу статьи, делаю информацию понятной, общаюсь с сообществом не как участник, а как ведущий. Это круто.

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

Коля Шабалин в естественной среде обитания

Кирилл: Это смесь из разработки и творчества. Первая часть — когда делаешь демонстрации, примеры кода. Вторая часть — творческая, когда ты как автор пишешь учебник.

Писать учебник — это как? Садишься и пишешь каждый день по 20 страниц как книжку?

Андрей: Нет. Это сложная командная работа. Написание курса — это очень много обсуждений, разговоров, споров и анализа. Чтобы учить, нужно понимать, чему учить, а эти вещи нужно сначала самому найти. Поэтому написание это, как ни странно, очень много чтения.

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

Так что если говорить о том, что делается каждый день — все понемножку. 

Что такое курс на выходе? Большой вордовский файл?

Коля: Нет. Это сервис, сайт для обучения студентов. Там уже есть всё, что нужно. Оно разложено по полочкам, в нужный момент о себе напомнит, протестирует, задаст вопросы.

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

Игорь, а правда, что в учебнике по Node.js миллион знаков?

Игорь: Правда, их почти 1 400 000. Два тома «Войны и мира».

Его вообще реально прочитать целиком?

Игорь: Да, я же его написал (смеётся).

Бывает ли у вас ощущение «Да о чём тут ещё рассказывать» перед очередным обновлением курса?

Андрей: Иногда такое ощущение есть, но как только начинаешь копаться в материале, всплывают какие-то штуки, которые появились недавно. Или всплывают старые, о которых ты не знал. Можно провести сравнение было—стало.

Коля: А у меня не было ни разу. Потому что стандарты развиваются, каждый месяц выходит по одной новой спецификации, которую внедрят через 5-8 лет, а значит, в любой момент времени есть спецификация, которую можно внедрить сейчас.

С вами над курсами в Академии работает много людей. Расскажите вкратце, кто они?

Андрей: Давай расскажу на примере курсов по вёрстке. Мы пишем курсы вдвоём с Колей. Второй автор — важная роль, в общении с другим человеком можно понять плюсы и минусы написанного.

Коля Шабалин, автор курсов по вёрстке

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

Одна из редких рабочих встреч в офисе

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

Кураторы Вика и Света следят, чтобы лайв прошёл хорошо

Ну и господин Першин — методист, помогает в определении направления программы.

Кирилл: Добавлю, что на курсах по PHP кураторы помогают с технической частью, занести задания в репозиторий, найти ошибки в тексте, вычитку сделать. Иногда привлекаем сторонних людей, например, для курса по Laravel мы привлекли стороннего разработчика для консультаций и написания кода.

Как взаимодействуете со студентами? 

Коля: Давайте отвечу за всех. Всё начинается со знакомства на первом лайве и ответов на вопросы вживую. Дальше мы можем встретиться в студенческом чате в Дискорде. Третье — личная жизнь. Например, ко мне в соцсети может прийти любой студент и сказать «Коля, помоги перед первым собеседованием». Я помогаю.

Студенты не бесят? 

Коля, Андрей, Кирилл одновременно: Нет!

Игорь: Нет, не бесят. Общение со студентами — челлендж. Если они не понимают материал, то нужно пересмотреть повествование и сделать материал более простым и понятным.

Чего студентам точно не надо делать, чтобы успешно защититься?

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

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

Андрей объясняет Коле, почему он тоже не сможет марафонить сериалы, пока не сделает HTML3

Игорь: Да, всё так. Есть соблазн, что в начале может быть слишком легко, но нагрузка меняется и можно наломать дров, если бежать вперед. А так студентам нужно обязательно читать все материалы, которые даются при подготовке к лайвам.

Чувствуете ли вы ответственность за судьбы студентов? 

Андрей: Я думаю, что люди влияют на свои судьбы сами. Мы можем помогать, упрощать моменты, связанные с пониманием разработки, но обычно студенты делают всё сами.

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

Ещё более редкая встреча в офисе. В синей рубашке — Саша Сушко, один из авторов курсов по JavaScript.

Технологии, спецификации, революции 

Это правда, что вы постоянно читаете спецификации? Что там интересного из свежего?

Коля: Да. Читаю спеки HTML еженедельно, но хотелось бы ежедневно. Из последнего читал про каскадные слои и это взорвало мне мозг, потому что это новая технология, которая только будет внедряться. И пока непонятно, для чего она нужна и для каких задач подходит. Я пока придумал одну типовую задачу — сторонние виджеты на сайте.

Андрей: Да, я тоже регулярно читаю спеку. Если что-то непонятно, то вместо поиска по форумам иду и читаю документацию. Например, недавно я читал про создание тултипов и доступность тултипов через aria-атрибуты или элементы взаимодействия.

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

Кирилл: Последнее из нового в PHP — типизация, близкая к уровню Java в последних версиях. Это очень круто. 

Коля, Андрей, когда нам ждать HTML6? 

Коля: Никогда, если не придут бунтари. HTML 5 это живой, вечнозелёный стандарт.

Андрей: Согласен, что HTML6 никогда не будет. Потому что HTML развивается эволюционно, и HTML не отменял то, что было раньше, он дополнял. 

Ну хотя бы JavaScript чем-нибудь новым заменят?

Игорь: Вряд ли. Это сложная задача, да и никто не захочет отказываться от миллионов уже существующих приложений. Поэтому и развивают обратную совместимость. Хороший пример — TypeScript. Он приносит много полезностей для разработчика, но не заменяет JavaScript.

Нужна ли вебу революция? Какой она должна быть?

Кирилл: Это так не работает, это невозможно. Таких революций история технологий не знает, может, только Flash. Веб-технологии развиваются эволюционно, а с чистого листа никогда.

Андрей: Кажется, это не очень хорошая идея, потому что это как «Всё плохо, давай переделывать». В итоге мы придём к такому же моменту, где находимся сейчас, а время потеряем.

Коля: Думаю, что революция не нужна. Конечно, в вебе куча проблем. Чтобы сверстать форму, можно знать всё про формы, быть гением форм. Но при этом можно подключить библиотеку и снять проблемы.

Что вас больше всего раздражает в ваших языках?

Игорь: Раздражает API в JavaScript. Местами он странный и разрозненный, потому что проектировался в разное время. Например, не всегда из названия функции или метода понятно, как эта штука работает. Другая проблема: многие вещи можно сделать несколькими способами. С одной стороны это хорошо, а с другой «зачем», да и как объяснить выбор новичку?

Плюс есть сложные темы, в которые нужно погрузиться, чтобы понять. Например, Event Loop, контекст или ООП, в котором используется прототипное наследование.

Андрей, Коля и Саша обсуждают критерии качества вёрстки. Наверное.

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

Кирилл, к вопросу об имидже. Все говорят, что пора уходить с PHP на Go

Кирилл: А зачем уходить, если можно совмещать? Go — язык довольно узкого применения по сравнению с PHP. У Go есть свои плюсы, но это довольно нишевый язык, в том плане, что невозможно переписать всё с PHP на Go 1 в 1. А вот выучить стоит — хотя бы для повышения своей ценности, общего развития и для того, чтобы если встанет задача на проекте, которая лучше решается на Go, решить её.

А верстальщикам чего не хватает для счастья? 

Коля: Быстрого внедрения новых CSS-свойств. Ещё нет новых HTML-тегов. Ну и хочется, чтобы все тесты писались быстрее.

Андрей: Не хватает более тонкой работы над типографикой. Например, починить параметр line-height, который не совсем совпадает с книжной типографикой. Но это мелочи — так-то всего хватает.

Когда у веб-разработчика наступает середина карьеры?

Кирилл: У меня есть мнение, с которым могут не согласиться. Продолжительность карьеры разработчика 7-10 лет. Дальше можно продолжать, но это довольно грустно, потому что зарплата не растет, новых вызовов нет, большинство проектов не требуют десятилетнего опыта, поэтому разработчика легко могут заменить. Поэтому нужно идти в управление — тимлиды, техлиды и так далее.

Курсами в Академии занимаются не только авторы — и вот небольшая часть команды

Раскройте секрет — чего не рассказывают на курсах, но что потом встречается в реальной работе?

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

Андрей: Что многие вещи решаются переговорами между людьми, а не следованием четкому ТЗ. На курсах дают хорошие макеты и вылизанные ТЗ. Но в реальности ТЗ не высечены в камне, поэтому, например, компоненты можно обсудить с дизайнером. 

Игорь: Как минимум, на работе приходится не только применять навыки программирования, но и сталкиваться с другими инструментами — например, с консольными утилитами.

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

Лайвы и теннисные мячики

Каждую неделю вы ведёте лайвы, где полтора-два часа что-то рассказываете студентам. Как вы готовитесь?

Андрей: Если это новый материал, который я ещё не рассказывал, то устраиваем прогон лайва без зрителей. За счет этого ещё и время отмеряем. Только я не учу наизусть, а делаю как преподы по математике — как бы вывожу всё, что скажу, по тем материалам, которые уже есть.

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

Раз в неделю у вас полтора часа со специалистом по речи. Постановка речи — сложное занятие?

Коля: Невероятное сложное. Я не выговариваю Р и Л. Самое сложное упражнение — на выговаривание этих букв. А кроме этого тяжёлое упражнение на темпоритм — нужно управлять скоростью речи и балансировать ей по шкале от 1 до 9. Долго объяснять подробнее 🙂

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

В каждой студии, где проводятся лайвы, лежат теннисные мячики. Зачем они?

Коля: Это как раз инструмент для работы с речью. С помощью мячиков мы тренируем произношение. А ещё они постоянно пропадают.

Игорь: Дополню, что мячики нужны, чтобы оттачивать чувство ритма и успевать проговаривать скороговорки, пока мяч летит партнеру. И мы пока даже ничего не разбили (смеется).

Мячики пока на месте

Про уверенность в своих силах

Важно ли верить в то, что делаешь? 

Коля: Да. Особенно мне — я человек-сомнение.

Андрей: Да. Если мы учили пользоваться инструментом, а потом поняли, что это плохой инструмент, мы внутри команды обсуждаем это дело. И если все согласны, что он не ок, то проще его убрать. Но вот, например, Pixel Perfect никто не любит, но на начальном этапе это хороший инструмент, чтобы натренировать насмотренность.

Чувствуете себя звездами?

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

Андрей: Есть некоторое волнение перед людьми, но прям звездой, наверное, нет. На улицах ещё не узнают и фанатки не бегают. 

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

У вас есть сайд-проекты? 

Коля: Я человек с миллионом сайд-проектов. На 3 месте «Петрович» — склонятор фамилий и имён в онлайне. 2 место — генератор рандомной строки. 1 место — сервис по поиску статей по веб-разработке. Ещё я с недавнего времени составляю фронтенд-новости для Хабра.

Игорь: Да, несколько пет-проектов. На них я тренируюсь в изучении новых технологии. Самый многострадальный — блог, у меня есть движок блога, который я постоянно перепиливаю. Второе — система мотивации моих детей, где можно оставить задачу и получить вознаграждение и ачивку за выполнение. Ещё я вхожу программный комитет Podlodka TechLead Crew и помогаю организовывать онлайн-конференции.

Андрей: А у меня нет. Я считаю, что если сайд-проект появляется, то он живет внутри работы. Соблюдаю ворк-лайф баланс.

Чем будешь заниматься, если фронтенд запретят?

Кирилл: Буду заниматься трафиком.

Андрей: Пойду копать каналы (смеется). Пойду в психологи или коучи. 

Игорь: Буду заниматься другой разработкой — я же начинал с десктопа на Delphi. Так что писал бы под мобилку или под десктоп.  

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


Если вы тоже хотите когда-нибудь создать подпольную штаб-квартиру по изучению фронтенда или просто любите выступать, делиться опытом и пишете код на JavaScript, React или Node.js, то давайте знакомиться. Напишите Соне — её контакты внутри ссылок, а она расскажет, что делать дальше.

ITcour | Уроки программирования: &quot👨‍💻 Учим HTML за 1 час! Описание курса:…&quot

👨‍💻 Учим HTML за 1 час! Описание курса: Хочешь выучить HTML всего за 1 час и при этом сделать это качественно? Тогда смотри от профессионала как! HD ремастер самого популярного урока за час. ➡️ Перейти к просмотру #html

Самые популярные посты

‼️Судно, що зникло 3 роки тому в Бермудському Трикутнику, зненацька з’явилося на радарах і прибилося до берегів Домінікани. Прикордонники, наблизившись до корабля, були шоковані побаченим. Судно було поржавілим і здавалося дуже старим. Але й це не найдивовижніше у всій цій історії. Доля екіпажу шокує: усі люди на судні виявилися…

Подробнее

На Миколаївщині знайшли капсулу часу 1973 року з шокуючими данними з приводу України! Всі події, починаючи з 1973 були ретельно описані. Стосовно нашого часу: «В 2023 Україна…читати продовження. #реклама

Подробнее

Роскомнадзор заблокировал в России сайт «Яойлиб». Яой – подвил манги и анимэ, посвященный гомосексуальным отношениям. Отметим, что контент сайта и ранее не был доступен по умолчанию: доступ к нему предполагал авторизацию и подтверждение от пользователя информации о том, что ему уже исполнилось 18 лет. Напомним, в начале декабря в России был заблокирован сайт ЛГБТ-фанфиков «Фикбук», в итоге выделивший это направление в отдельный сайт «Слэшбук».

Подробнее

Школьница изрезала ножом подругу из-за игры. Одна девочка долго копила «крутки» — своеобразная валюта в компьютерной игре. А одноклассницы были хорошими подругами, и одна дала другой свой логин и пароль для входа. Но потом что-то произошло, и девочка зашла без спроса в аккаунт, все «крутки» потратила, чтобы прокачать персонажа. Обиженная школьница простить такое не могла, взяла нож и пошла в школу резать свою подружку. Сообщается, что ни один орган пострадавшей девочки не задет. 11-летнюю пострадавшую прооперировали, она в реанимации. Местные власти заявили, что во всех школах округа усилят меры безопасности

Подробнее

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

Подробнее

У нас в школе чел из 8 класса засунул в жопу дезик, снял это на видео, скинул это своей девушке, а она это через полгода слила всей школе в итоге 26к просмотров на видео и кличка Нивеа мен у пацана,

Подробнее

Трахает черт грешницу в аду 🔞 Она уставшая говорит — Пожалуйста, перестань в попу. .. — Умолкни, грешница, мне тебя ещё 20 лет так жарить — Может хотябы в киску, туда не так больно ? — Замолчи я сказал, либо позову второго черта, вдвоём тебя будем жарить — Ну ладно… Тут грешница внезапно начала кричать…читать далее

Подробнее

Трахает черт грешницу в аду 🔞 Она уставшая говорит — Пожалуйста, перестань в попу… — Умолкни, грешница, мне тебя ещё 20 лет так жарить — Может хотябы в киску, туда не так больно ? — Замолчи я сказал, либо позову второго черта, вдвоём тебя будем жарить — Ну ладно… Тут грешница внезапно начала кричать…читать далее

Подробнее

Последние посты канала

💎 Курс SQL — от новичка до профи 🔹1. Описание курса и его цели. Зачем изучать SQL и что это даст? Знакомство с SQL. 🔹2. Установка необходимого программного обеспечения. Выполнение первого запроса SQL 🔹3. Получение столбцов и их именование в select. 🔹4. Математические функции в SQL. 🔹5. Функции работы со строками в SQL. ➡️ Перейти к просмотру #sql
Подробнее

👨‍💻 Практическое программирование C#. 1. Практическое программирование C#. Интенсивный C#. Создаем фитнес-приложение. День 1 2. Практическое программирование C#. Интенсивный C#. Создаем фитнес-приложение. День 2 3. Практическое программирование C#. Интенсивный C#. Создаем фитнес-приложение. День 3 4. Практическое программирование C#. Интенсивный C#. Создаем фитнес-приложение. День 4 5. Практическое программирование C#. Интенсивный C#. Создаем фитнес-приложение. День 5 6. Практическое программирование C#. Интенсивный C#. Создаем фитнес-приложение. День 6 ➡️ Перейти к просмотру #csharp

Подробнее

📌 Бесплатно освойте профессию дизайнера с нуля. Вместе сделаем вам портфолио из 4+ работ с личной поддержкой от наставника. Что вы получите? — Фидбэк (мощный разбор всех ДЗ от куратора) — Тусовка (личный кабинет с уроками + живой чат) — Портфолио и экзамен (упакуем по урокам и проверим) — Мастер-класс «как заработать на дизайне» и найти клиента 🔥 Будем делать: веб-дизайн, графический дизайн, анимацию интерфейсов. → Начать обучение бесплатно Программа бесплатного курса: — Обучение по Figma с нуля и 4+ дз с личным разбором — Изучение основ дизайна (контент, сетки, композиция т.д.) — Создание анимации интерфейса — Все о профессии и доходе дизайнера (как найти клиентов и сколько можно заработать) 👉 Первый урок уже сегодня, кликайте сюда и забирайте все бонусы

Подробнее

☘️ Язык программирования Python для начинающих Большой курс обучения программирования на Python. Данный курс предназначен для новичков (начинающих) в программировании. Также эти уроки идеально подойдет школьникам, которые готовятся к сдаче ЕГЭ по информатике или ОГЭ по информатике. ➡️ Перейти к просмотру #python
Подробнее

👾 Основы искусственного интеллекта с Python Автор перевел на русский язык легендарный Гарвардский курс CS50. Вы познакомитесь с кучей популярных алгоритмов, которые лежат в основе работы игровых движков, распознавания рукописного ввода и машинного перевода. ➡️ Перейти к просмотру #python

Подробнее

⚡ Автоматизация тестирования с Pytest и Python 1. Вводное занятие и краткий инструктаж 2. Пишем свои первые автотесты 3. Усложняем задачу, добавив первый реквест 4. Улучшаем валидацию объектов и работаем с jsonschema 5. Используем pydantic для валидации данных в тестах 6. Пишем тесты близкие к боевым условиям и бустим AssertError log 7. Fixtures, conftest. Зачем они и как с ними работать 8. Fixtures и conftest интересные фичи которые стоит знать 9. Декораторы для тестов. Parametrize, skip, duration, custom params 10. Создаём красивый allure report для результатов тестов ➡️ Перейти к просмотру #qa #python #pytest

Подробнее

🚀 Объектно-ориентированное проектирование и программирование 1. C#: базовые классы 2. C#: базовые возможности 3. Динамически загружаемые библиотеки (DLL) 4. MFC: работа с меню и диалогами 5. Создание Windows-приложений с помощью Windows API и MFC 6. STL: контейнеры, алгоритмы, итераторы, умные указатели 7. C++: обработка исключений 8. C++: пространства имён 9. C++: перегрузка операторов 10. C++: шаблоны ➡️ Перейти к просмотру #ооп
Подробнее

🖥 Учебный курс «Язык SQL» В этом курсе вы без предварительной подготовки сможете разобраться, что представляет собой система баз данных PostgreSQL, и научиться с ней работать.

Начиная с разработки простых запросов на языке SQL вы постепенно осваиваете более сложные конструкции (такие как общие табличные выражения), знакомитесь с концепцией транзакций и вопросами оптимизации производительности. Учебные примеры используют демонстрационную базу данных «Авиаперевозки». Курс создан по инициативе компании Postgres Professional. Автор и преподаватель курса кандидат технических наук, доцент кафедры информатики и вычислительной техники СибГУ имени М. Ф. Решетнева Евгений Павлович Моргунов, является также автором используемого в курсе учебного пособия «Язык SQL. Базовый курс». ➡️ Перейти к просмотру #sql
Подробнее

🍆 NoSQL для начинающих. На примере MongoDB В данном видео автор подробно и наглядно разбирает теорию и практику NoSQL баз данных для начинающих, на примере MongoDB. ➡️ Перейти к просмотру #sql #nosql

Подробнее

☘️ PyQt5 — Разработка графических интерфейсов Данный плейлист посвящен фрэймворку PyQt5, который позволяет создавать красивые графические приложения на языке Python. Содержание: 🔹 Крутая программа на PyQt 5 🔹 Удаленный рабочий стол 🔹 Создание чата с графическим дизайном 🔹 Создание формы для регистрации 🔹 Распознавание речи с графическим интерфейсом 🔹 Создание админки с интерфейсом для управления ботами 🔹 Написание мессенджера 🔹 Кастомизация ProgressBar 🔹 Работа с буфером обмена ➡️ Перейти к просмотру #python
Подробнее

Изучение HTML для веб-разработки

  • Научитесь кодировать
  • Библиотека

    C Language

    C TUTORIAL

    Обзор языка C

    Компиляция и выполнение кода C

    Что такое переменные?

    Операторы C (с примерами)

    Просмотреть все →

    ПРОГРАММЫ C

    Числовая программа Армстронга

    Контрольное число нечетное/четное

    Первые n простых чисел

    Обратное построение строки с использованием указателя

    Просмотреть все программы (100+) →

    ИНТЕРВЬЮ-ТЕСТЫ

    MCQ для проверки ваших знаний языка C.

    C Испытания →

    ВЫПОЛНИТЬ КОД

    Запускайте программы C и примеры кода онлайн.

    Компилятор С →

    Язык С++

    C++ TUTORIAL

    C++ Datatypes and Modifiers

    sizeof and typedef

    Create Class and Object

    See all →

    C++ PROGRAMS

    Проверить, является ли число положительным/отрицательным

    Половина пирамиды с числами

    Треугольник Флойда

    Просмотреть все программы (100+) →

    ИНТЕРВЬЮ-ТЕСТЫ

    MCQ для проверки ваших знаний языка C++.

    Тесты С++ →

    EXECUTE CODE

    Запускайте программы C++ и примеры кода онлайн.

    Компилятор С++ →

    Питон

    Python Tutorial

    Установка и установка Python

    Концепция OOP & Class

    Модификаторы доступа

    Python Projects →

    Python Как TOS

    .0007

    Сравнить две даты

    Посмотреть все How Tos (80+) →

    ИНТЕРВЬЮ-ТЕСТЫ

    MCQ для проверки ваших знаний Python.

    Тесты Python →

    EXECUTE CODE

    Запуск примеров кода Python в браузере.

    Компилятор Python →

    Ядро Java

    JAVA TESTS

    MCQ для проверки ваших знаний Java.

    ВЫПОЛНИТЬ КОД JAVA

    Запустить код Java в браузере.

    РУКОВОДСТВО ПО JAVA

    Настройка среды Java

    Концепция конструктора

    Просмотреть все →

    ПРИМЕРЫ КОДА JAVA

    Запуск файла JAR

    0007

    Сериализация и десериализация

    Просмотреть все примеры (80+) →

    ВЕСНА УЧЕБНИК

    Spring Framework

    Spring Boot

    Spring Security

    БОЛЬШЕ В JAVA

    Функции библиотеки Java

    Примеры преобразования типов

    Функции Java 11

    Просмотреть все →

    Информатика

    КОМПЬЮТЕРНАЯ АРХИТЕКТУРА

    Основы цифровых компонентов

    Различные типы логических элементов

    Организация памяти

    Просмотреть все →

    КОМПЬЮТЕРНАЯ СЕТЬ

    Типы компьютерных сетей

    Среда передачи

    Модель ISO/OSI

    См. все →

    ОПЕРАЦИОННАЯ СИСТЕМА

    Типы операционных систем

    Планирование процессов

    Планирование ЦП

    В порядке очереди

    Сначала самое короткое задание

    Классическая проблема синхронизации

    Что такое семафоры?

    Что такое взаимоблокировки?

    Посмотреть все →

    База данных

    СУБД и SQL

    Модель ER

    Реляционная алгебра и исчисление

    Типы ключей СУБД

    Нормализация базы данных

    Просмотреть все →

    PL/SQL

    Типы данных в PL/SQL

    Процедуры PL/SQL

    Как создать Курсор?

    Посмотреть все →

    MongoDB

    Сравнение MongoDB и РСУБД

    Установка MongoDB

    Использование MongoDB с Java

    Просмотреть все →

    ВЫПОЛНИТЬ SQL

    Практика SQL-запроса в браузере с образцом набора данных.

    Запустить SQL-запрос →

    (Изучить SQL-запросы)

    Более…

    РАЗРАБОТКА ДЛЯ АНДРОИД

    ПЕРЕЙТИ ЯЗЫК

    ЛИНУКС

    ДОКЕР

    ТЭГИ HTML (от А до Я)

    ССЫЛКИ НА CSS

    SASS/SCSS

    КОТЛИН

    РАЗРАБОТКА ИГРЫ

    PHP

    РУКОВОДСТВО ПО GIT

    ЯВАСКРИПТ

    РАСШИРЕННЫЙ ДСА

  • Тесты
  • Форум
  • Технический блог

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

    Купить этот курс:

    Этот курс БЕСПЛАТЕН навсегда 🥳

    НАЧИНАТЬ

    Уроки

    90 уроков

    Продолжительность

    8+ часов

    Награда

    900+ монет

    КУРС

    Основы HTML

    УРОВЕНЬ 1

    Привет! в HTML

    Введение в теги HTML

    Теги заголовка и тела

    Тег заголовка, также известный как</p><p> Заголовок с использованием тега заголовка</p><p> Тег абзаца</p><p> <br>,<hr> и комментарии</p><p> Базовое форматирование текста</p><p> Создание гиперссылок</p><p> Работа с изображениями</p><p> Гиперссылка на изображение</p><p> Быстрая проверка</p><h3><span class="ez-toc-section" id="i-23"> Создание первой веб-страницы </span></h3><p> УРОВЕНЬ 2</p><p> Начать с результата</p><p> Подготовить структуру</p><p> Добавить заголовок</p><p> Очарование картинки</p><p> Описание Требуется!</p><p> Форматирование текста</p><p> Ссылка Ссылка Гиперссылка</p><p> БУМ! Мы сделали.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/fuzeservers.ru/wp-content/uploads/b/1/2/b1240ae076df96cddce0590aff0e2585.jpeg' /><noscript><img loading='lazy' src='/800/600/http/fuzeservers.ru/wp-content/uploads/b/1/2/b1240ae076df96cddce0590aff0e2585.jpeg' /></noscript></p><h3><span class="ez-toc-section" id="i-24"> Изучите базовый стиль </span></h3><p> Уровень 3</p><p> Резюме: Тексные метки форматирования</p><p> Время для некоторого стиля</p><p> Изменение цвета текста</p><p> Игра с размером текста</p><p>. ..</p><h3><span class="ez-toc-section" id="HTML"> HTML-списки и таблицы </span></h3><p> Уровень 4</p><p> Время, чтобы перейти на</p><p>, Перечислив содержимое</p><p> Заказанные списки</p><p> Настройки в списке</p><p> Внутренний список</p><p> Введение в таблицы</p><p> строки в таблице</p><p> в столбце в строке</p><p>. и столбцы</p><p> Тело и заголовок таблицы</p><p> Добавление заголовков к столбцам</p><p> Настройка таблицы</p><p> Время для некоторых упражнений</p><h3><span class="ez-toc-section" id="i-25"> Создать веб-портфолио </span></h3><p> УРОВЕНЬ 5</p><p> Мое веб-портфолио</p><p> Разработайте структуру</p><p> Начните с самого начала</p><p> Назовите короля!</p><p> Небольшой слоган о вас</p><p> Немного о вас</p><p> Продемонстрируйте свои увлечения</p><p> Стол для чего-нибудь</p><p> Наполните стол</p><p> Вау! Выглядит великолепно</p><h3><span class="ez-toc-section" id="HTML_Primes_div_span"> HTML Primes: div и span </span></h3><p> УРОВЕНЬ 6</p><p> Божественное разделение</p><p> Глубокое погружение в<div></p><p> Что за ПРОДОЛЖЕНИЕ!</p><p> DIV против SPAN</p><p> Конец</p><h3><span class="ez-toc-section" id="i-26"> Создать структурированную веб-страницу </span></h3><p> УРОВЕНЬ 7</p><p> Создать сложную веб-страницу — введение</p><p> Структура HTML-страницы</p><p> Headerrr!</p><p> Multi DIV для основного текста</p><p> Выровнять боковую панель и основную часть</p><p> Выходящее за пределы содержимое</p><p> Футеррр!</p><p> У-у-у! Поздравления</p><h3><span class="ez-toc-section" id="HTML-2"> HTML-формы </span></h3><p> УРОВЕНЬ 8</p><p> Что такое HTML-форма?</p><p> Начать с метки</p><p> Создание поля ввода</p><p> Ярлык <code>for</code>?</p><p> Заполнитель для помощи пользователям</p><p> Большая область ввода — текстовая область</p><p> Радиокнопки</p><p> Флажки для множественного выбора</p><p> Время для раскрывающихся списков — <select></p><p> Создание кнопки в форме — <button>;</p><p> Поле формы для загрузки файлов</p><p> Кнопка отправки</p><p> Ура! Торжества.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/salonfifi.ru/wp-content/uploads/6/a/c/6ac59548889157893e37e67aa6a758c2.jpeg' /><noscript><img loading='lazy' src='/800/600/http/salonfifi.ru/wp-content/uploads/6/a/c/6ac59548889157893e37e67aa6a758c2.jpeg' /></noscript></p><h3><span class="ez-toc-section" id="_HTML-4"> Упражнение с HTML-формой </span></h3><p> УРОВЕНЬ 9</p><p> Начать с конца</p><p> Структура страницы HTML</p><p> Создать структуру формы</p><p> Поле электронной почты для формы</p><p> Поле пароля для формы</p><p> Кнопка отправки для формы</p><p> У-у-у! Поздравления</p><h3><span class="ez-toc-section" id="_TODO"> Простой список TODO </span></h3><p> УРОВЕНЬ 10</p><p> Создание списка дел</p><p> Структура HTML-страницы</p><p> Назовите свою веб-страницу</p><p> Первый пункт списка дел</p><p> Завершите список дел</p><p> Ууууу! Проект завершен</p><h3><span class="ez-toc-section" id="HTML-3"> HTML Разное </span></h3><p> УРОВЕНЬ 11</p><p> Тег HTML <pre></p><p> Тег HTML <code></p><p> Тег HTML <sub></p><p> Тег HTML <sup></p><p> Атрибут заголовка HTML</p><p> Тег HTML <iframe></p><p> Использование <style> и <script>теги</p><p>Пусть играет музыка-тег<audio></p><p>HTML тег<video></p><p>HTML тег<canvas></p><p>Это конец!</p><h3><span class="ez-toc-section"id="_HTML-5">Проекты HTML</span></h3><p><small>Сначала пройдите курс,а затем приступайте к работе над проектами.<img class="lazy lazy-hidden"loading='lazy'src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/i.pinimg.com/736x/43/82/e5/4382e56a9a7afeb6ecca22ef75d23a7b.jpg'/><noscript><img loading='lazy'src='/800/600/http/i.pinimg.com/736x/43/82/e5/4382e56a9a7afeb6ecca22ef75d23a7b.jpg'/></noscript></small></p><h5><span class="ez-toc-section"id="i-27">Дизайн макета калькулятора</span></h5><p>Очень простой проект,который поможет вам понять,как использовать поля формы для создания небольших приложений.</p><p><small>Требуемые монеты</small></p><p data-readability-styled="true">300 монет</p><h5><span class="ez-toc-section"id="i-28">Простая регистрационная форма</span></h5><p>Очень простой проект,который поможет вам понять,как использовать поля формы для создания небольших приложений.</p><p><small>Требуемые монеты</small></p><p data-readability-styled="true">300 монет</p><h3><span class="ez-toc-section"id="i-29">Скачать сертификат!</span></h3><p>После прохождения курса HTML вы можете создать сертификат об окончании.</p><p><strong>200 монет</strong>требуется для создания сертификата.</p><p>Полное имя:</p><p>Колледж:</p><h2><span class="ez-toc-section"id="_HTML_CSS">Сколько времени нужно,чтобы изучить HTML и CSS?</span></h2><small>27 августа 2022 г.<img class="lazy lazy-hidden"loading='lazy'src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/fuzeservers.ru/wp-content/uploads/3/b/3/3b3b3420ea9eb3ab81d91324255b8afa.jpeg'/><noscript><img loading='lazy'src='/800/600/http/fuzeservers.ru/wp-content/uploads/3/b/3/3b3b3420ea9eb3ab81d91324255b8afa.jpeg'/></noscript>8492 видимый</small><p></p><h3><span class="ez-toc-section"id="_HTML_CSS-2">Зачем изучать HTML и CSS?</span></h3><p></p><p>HTML и CSS,в отличие от языков программирования,не имеют конкурентов.Если вы хотите создавать веб-страницы и начать карьеру в веб-дизайне<strong>,веб-разработке</strong>или даже в веб-журналистике,вы должны иметь базовые знания HTML и CSS.</p><p>К счастью,основы HTML и CSS просты.Вы можете ознакомиться с HTML за считанные часы.Базовый CSS тоже не сложный;однако CSS может усложниться при попытке создать расширенные макеты.</p><p>Этот курс «Правильно изучайте HTML и CSS» познакомит вас с основами и продвинутыми<strong>концепциями HTML и CSS</strong>,что позволит вам уверенно создавать простые и сложные веб-сайты.</p><p> </p><h3><span class="ez-toc-section"id="_CSS-2">Насколько сложно изучать CSS?</span></h3><p></p><p>Опять же,ответ относительный и будет зависеть от вашей мотивации и любознательности.Большинство людей с базовыми навыками работы с компьютером добиваются отличных результатов в первые несколько недель.<img class="lazy lazy-hidden"loading='lazy'src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/mir-cdn.behance.net/v1/rendition/projects/max_808/a1ae2a133183223.Y3JvcCwxMjc4LDEwMDAsMTYxLDA.png'/><noscript><img loading='lazy'src='/800/600/http/mir-cdn.behance.net/v1/rendition/projects/max_808/a1ae2a133183223.Y3JvcCwxMjc4LDEwMDAsMTYxLDA.png'/></noscript>Будет преимуществом,если вы знакомы с HTML.Это инструмент,с которым вы должны ознакомиться,будучи дисциплинированным в процессе обучения.В противном случае было бы полезно,если бы вы одновременно изучали HTML,так как эти навыки дополняют друг друга.</p><p>Как только вы решите,как далеко вы хотите зайти в CSS,вы можете составить график обучения.В течение нескольких месяцев вы сможете освоить основы.Многие новички легко освоят основы,но по мере продвижения все усложняется.Многие люди испытывают затруднения и разочаровываются,когда дело доходит до отладки и совместимости с веб-браузером.Более сложные темы могут быть трудными,но отдача того стоит,потому что эти навыки пользуются большим спросом.</p><p> </p><h3><span class="ez-toc-section"id="_HTML_CSS-3">Сколько времени нужно,чтобы выучить HTML и CSS?</span></h3><p></p><p>Новичкам следует сначала посвящать изучению HTML от четырех до двенадцати часов в день.Средний учащийся должен быть в состоянии завершить CSS(и HTML)менее чем за семь-восемь месяцев после завершения начального этапа обучения.<img class="lazy lazy-hidden"loading='lazy'src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/host-base.ru/wp-content/uploads/f/d/9/fd9af68c7ae2c21ce829b48bd052455e.jpeg'/><noscript><img loading='lazy'src='/800/600/http/host-base.ru/wp-content/uploads/f/d/9/fd9af68c7ae2c21ce829b48bd052455e.jpeg'/></noscript></div><!--.entry-content--><footer class="entry-footer"><span class="cat-links">Категории:<a href="https://schtirlitz.ru/category/raznoe-2"rel="category tag">Разное</a></span></footer><!--.entry-footer--></article>[an error occurred while processing the directive]<nav class="navigation post-navigation"aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://schtirlitz.ru/raznoe-2/biznes-stranica-vkontakte-kak-sozdat-i-nastroit-biznes-stranicu-vk.html"rel="prev"><span class="be-post-nav-label btn btn-sm cont-btn no-underl"><small class="fas fa-chevron-left mr-2"></small>Назад</span></a></div><div class="nav-next"><a href="https://schtirlitz.ru/raznoe-2/ramka-na-foto-v-fotoshope-obrezka-fotografii-s-pomoshhyu-instrumenta-ramka.html"rel="next"><span class="be-post-nav-label btn btn-sm cont-btn no-underl">Вперед<small class="fas fa-chevron-right ml-2"></small></span></a></div></div></nav><div id="comments"class="comments-area"><a href="#"class="btn btn-primary btn-sm be-open-comment-form">Оставить комментарий</a><div id="respond"class="comment-respond"><h3 id="reply-title"class="comment-reply-title">Добавить комментарий<small><a rel="nofollow"id="cancel-comment-reply-link"href="/raznoe-2/uchim-html-html-uroki-s-nulya-uchebnik-dlya-nachinayushhix.html#respond"style="display:none;">Отменить ответ</a></small></h3><form action="https://schtirlitz.ru/wp-comments-post.php"method="post"id="commentform"class="comment-form"novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span><span class="required-field-message">Обязательные поля помечены<span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий<span class="required">*</span></label><textarea id="comment"name="comment"cols="45"rows="8"maxlength="65525"required></textarea></p><p class="comment-form-author"><label for="author">Имя<span class="required">*</span></label><input id="author"name="author"type="text"value=""size="30"maxlength="245"autocomplete="name"required/></p><p class="comment-form-email"><label for="email">Email<span class="required">*</span></label><input id="email"name="email"type="email"value=""size="30"maxlength="100"aria-describedby="email-notes"autocomplete="email"required/></p><p class="comment-form-url"><label for="url">Сайт</label><input id="url"name="url"type="url"value=""size="30"maxlength="200"autocomplete="url"/></p><p class="form-submit"><input name="submit"type="submit"id="submit"class="submit"value="Отправить комментарий"/><input type='hidden'name='comment_post_ID'value='52714'id='comment_post_ID'/><input type='hidden'name='comment_parent'id='comment_parent'value='0'/></p></form></div>[an error occurred while processing the directive]</div>[an error occurred while processing the directive]</main>[an error occurred while processing the directive]</div>[an error occurred while processing the directive]</div></div>[an error occurred while processing the directive]<footer id="colophon"class="site-footer row"><div class="site-info col-md-8"><p>©2019 Штирлиц Сеть печатных салонов в Перми</p><p>Цифровая печать,цветное и черно-белое копирование документов,сканирование документов,ризография в Перми.</p></div><div class="col-md-4"><a href="/sitemap.xml">Карта сайта</a></div><!--.site-info--></footer>[an error occurred while processing the directive]</div>[an error occurred while processing the directive]</div>[an error occurred while processing the directive]<style type="text/css">.pgntn-page-pagination{text-align:left!important;}.pgntn-page-pagination-block{width:60%!important;padding:0 0 0 0;}.pgntn-page-pagination a{color:#1e14ca!important;background-color:#ffffff!important;text-decoration:none!important;border:1px solid#cccccc!important;}.pgntn-page-pagination a:hover{color:#000!important;}.pgntn-page-pagination-intro,.pgntn-page-pagination.current{background-color:#efefef!important;color:#000!important;border:1px solid#cccccc!important;}.archive#nav-above,.archive#nav-below,.search#nav-above,.search#nav-below,.blog#nav-below,.blog#nav-above,.navigation.paging-navigation,.navigation.pagination,.pagination.paging-pagination,.pagination.pagination,.pagination.loop-pagination,.bicubic-nav-link,#page-nav,.camp-paging,#reposter_nav-pages,.unity-post-pagination,.wordpost_content.nav_post_link,.page-link,.page-links,#comments.navigation,#comment-nav-above,#comment-nav-below,#nav-single,.navigation.comment-navigation,comment-pagination{display:none!important;}.single-gallery.pagination.gllrpr_pagination{display:block!important;}</style><noscript><style>.lazyload{display:none;}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://schtirlitz.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <script defer src="https://schtirlitz.ru/wp-content/cache/autoptimize/js/autoptimize_37ed0fd9f77c73ed46f8177b48009968.js"></script></body></html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="901746f76e30764e854be4cc-|49" defer></script>