en
Feedback
Вёрстка сайтов | HTML, CSS, JS

Вёрстка сайтов | HTML, CSS, JS

Open in Telegram

👋 Привет, друг! В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду. Присоединяйся и начинай учиться! Связь: @Tigran1963

Show more
4 648
Subscribers
-424 hours
-87 days
+230 days
Attracting Subscribers
June '26
June '26
+26
in 0 channels
May '26
+75
in 2 channels
Get PRO
April '26
+93
in 7 channels
Get PRO
March '26
+83
in 3 channels
Get PRO
February '26
+54
in 2 channels
Get PRO
January '26
+85
in 3 channels
Get PRO
December '25
+45
in 3 channels
Get PRO
November '25
+72
in 5 channels
Get PRO
October '25
+48
in 7 channels
Get PRO
September '25
+126
in 5 channels
Get PRO
August '25
+74
in 8 channels
Get PRO
July '25
+75
in 7 channels
Get PRO
June '25
+49
in 2 channels
Get PRO
May '25
+73
in 10 channels
Get PRO
April '25
+81
in 4 channels
Get PRO
March '25
+177
in 8 channels
Get PRO
February '25
+176
in 10 channels
Get PRO
January '25
+155
in 6 channels
Get PRO
December '24
+91
in 9 channels
Get PRO
November '24
+119
in 9 channels
Get PRO
October '24
+224
in 8 channels
Get PRO
September '24
+222
in 10 channels
Get PRO
August '24
+115
in 9 channels
Get PRO
July '24
+153
in 4 channels
Get PRO
June '24
+98
in 3 channels
Get PRO
May '24
+115
in 5 channels
Get PRO
April '24
+126
in 4 channels
Get PRO
March '24
+110
in 3 channels
Get PRO
February '24
+133
in 6 channels
Get PRO
January '24
+243
in 3 channels
Get PRO
December '23
+231
in 6 channels
Get PRO
November '23
+165
in 4 channels
Get PRO
October '23
+160
in 5 channels
Get PRO
September '23
+166
in 0 channels
Get PRO
August '23
+221
in 0 channels
Get PRO
July '23
+274
in 0 channels
Get PRO
June '23
+137
in 0 channels
Get PRO
May '23
+143
in 0 channels
Get PRO
April '23
+219
in 0 channels
Get PRO
March '23
+251
in 0 channels
Get PRO
February '23
+415
in 0 channels
Get PRO
January '23
+265
in 0 channels
Get PRO
December '22
+193
in 0 channels
Get PRO
November '22
+229
in 0 channels
Get PRO
October '22
+681
in 0 channels
Get PRO
September '22
+216
in 0 channels
Get PRO
August '22
+2 368
in 0 channels
Date
Subscriber Growth
Mentions
Channels
12 June0
11 June0
10 June+1
09 June+2
08 June0
07 June+1
06 June+2
05 June+1
04 June+4
03 June+2
02 June+10
01 June+3
Channel Posts
Ищем новичков во фронтенд-разработке и вёрстке сайтов. Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений. А именно: - Сгенерировать сайт через Giga, DeepSeek, ChatGPT - Сверстать страницу на HTML + CSS по Figma макету - Оживить её логикой на JavaScript - Превратить сайт во фронтенд-приложение на Angular - Подключить backend и выложить проект на хостинг Чтобы в итоге ты своими руками всего за 7 дней разработал качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме с поддержкой от опытных кураторов на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд: «Фронтенд в 2026 году: стоит ли входить сейчас и что делать новичку в эпоху ИИ». Стартуем завтра.

2
Макет для тренировки (ВФП) Перейти к макету 🧑‍💻 #практика | #макет@free_html_lessons
Макет для тренировки (ВФП) Перейти к макету 🧑‍💻 #практика | #макет@free_html_lessons
140
3
Хочешь начать карьеру в ИТ на оплачиваемой стажировке? Присоединяйся к ИТ-лагерю Т1 для студентов вузов технических и ИТ-спец
Хочешь начать карьеру в ИТ на оплачиваемой стажировке? Присоединяйся к ИТ-лагерю Т1 для студентов вузов технических и ИТ-специальностей. Теперь в обновлённом формате: ещё больше практики, доступ к платформам Т1, а участие — оплачивается и оформляется как стажировка. За 2,5 месяца вместе с проектной командой ты пройдешь полный цикл создания ИТ-продукта: от идеи до разработки прототипа и финальной защиты. Превратить идею в проект помогут мастер-классы, общение с экспертами и погружение в процессы Т1. Направления подготовки: ✅ ручное тестирование; ✅ прикладное администрирование (DevOps); ✅ системный анализ; ✅ фронтенд-разработка (React); ✅ бэкэнд-разработка (Java). Подай заявку до 30 июня! Старт — в июле. Узнать больше #реклама 16+ career.t1.ru О рекламодателе
197
4
Текстуры бумаги на чистом css + svg Смотреть на codepen 👨‍💻 #практика
Текстуры бумаги на чистом css + svg Смотреть на codepen 👨‍💻 #практика
239
5
CSS diner - игра для изучения css селекторов Перейти на сайт 👨‍💻 #полезности
CSS diner - игра для изучения css селекторов Перейти на сайт 👨‍💻 #полезности
275
6
Псевдокласс :is() Псевдокласс :is() позволяет сократить код, объединяя несколько селекторов в один. Он предоставляет возможно
Псевдокласс :is() Псевдокласс :is() позволяет сократить код, объединяя несколько селекторов в один. Он предоставляет возможность применять один и тот же стиль к нескольким элементам, таким образом уменьшая дублирование кода и упрощая его чтение. Синтаксис псевдокласса :is() выглядит следующим образом: :is(selector1, selector2, ...) В качестве аргументов в псевдокласс :is() вы можете передать несколько селекторов, разделенных запятыми. Все эти селекторы будут рассматриваться как одно условие, и стили применятся ко всем элементам, соответствующим хотя бы одному из селекторов. Давайте рассмотрим пример использования псевдокласса :is(). Предположим, у нас есть HTML-код с несколькими кнопками, и мы хотим применить один и тот же стиль к кнопкам с классами "primary" и "secondary": <button class="primary">Primary Button</button> <button class="secondary">Secondary Button</button> <button>Regular Button</button> Мы можем использовать псевдокласс :is() для объединения селекторов и применения стиля к кнопкам с классами "primary" и "secondary": button:is(.primary, .secondary) { background-color: blue; color: white; font-weight: bold; } В этом примере, стиль будет применен к кнопкам с классами "primary" и "secondary", но не к кнопке без класса. Псевдокласс :is() является мощным инструментом для оптимизации и упрощения CSS-кода. Он позволяет группировать несколько селекторов в одно условие и применять к ним общие стили. Таким образом, код становится более легким для понимания и поддержки. #полезности | #css
281
7
:where() Читать 👨‍💻 #css | #теория
328
8
Задача: Реализация алгоритма для поиска оптимального маршрута в графе Вам предстоит разработать программу на JavaScript, кото
Задача: Реализация алгоритма для поиска оптимального маршрута в графе Вам предстоит разработать программу на JavaScript, которая будет находить оптимальный маршрут между двумя точками в графе. Каждая точка графа представляет собой город, а ребра между точками - дороги, с весами, представляющими стоимость перемещения между городами. Условия: Граф может быть представлен в виде матрицы смежности или списка смежности. Программа должна использовать алгоритм поиска кратчайшего пути, такой как алгоритм Дейкстры или алгоритм A*. Программа должна учитывать возможные ограничения, такие как односторонние дороги, закрытые дороги и т. д. Пользователь должен иметь возможность указать начальную и конечную точку маршрута. #домашка@free_html_lessons
394
9
Макет для тренировки (pinewood) Перейти к макету 🧑‍💻 #практика | #макет
Макет для тренировки (pinewood) Перейти к макету 🧑‍💻 #практика | #макет
384
10
Как сделать звездный рейтинг? Читать 👨‍💻 #какэтосделать
424
11
День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют во
День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что. Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь. И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы. Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть! 👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂 А в своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и отзывов, найти их можно в канале. Реклама, erid: 2W5zFHF7z6D ИП Галактионов Тихон Витальевич, ИНН 771618975809
343
12
CSS счетчики Читать статью👨‍💻 #css | #полезности
CSS счетчики Читать статью👨‍💻 #css | #полезности
382
13
Как создать и использовать цветовую палитру в CSS Читать 👨‍💻 #какэтосделать
438
14
Как использовать звук на сайтах Читать 👨‍💻 #полезнаястатья
Как использовать звук на сайтах Читать 👨‍💻 #полезнаястатья
423
15
Подборка лучших постов за прошлую неделю Лучшие статьи @free_html_lessons: 1. Как сделать выделение текста другим цветом? 2.
Подборка лучших постов за прошлую неделю Лучшие статьи @free_html_lessons: 1. Как сделать выделение текста другим цветом? 2. @layer css 3. Различные эффекты на чистом css Лучшие фронтенд вакансии @job_webdev: 1. Frontend разработчик Ozon 2. Верстальщик лендингов 3. HTML-верстальщик Лучшие дизайн вакансии @job_webdesign: 1. Web-дизайнер 2. Web-дизайнер 3. UX/UI-дизайнер #лучшеезанеделю
509
16
Задача на JavaScript: Реализация очереди с помощью массива Читать 👨‍💻 #домашка
Задача на JavaScript: Реализация очереди с помощью массива Читать 👨‍💻 #домашка
460
17
Макет для тренировки (EASYearn) Средняя сложность. Лендинг и личный кабинет Перейти к макету 🧑‍💻 #практика | #макет
Макет для тренировки (EASYearn) Средняя сложность. Лендинг и личный кабинет Перейти к макету 🧑‍💻 #практика | #макет
506
18
Различные эффекты на чистом css Смотреть на codepen 👨‍💻 #практика
Различные эффекты на чистом css Смотреть на codepen 👨‍💻 #практика
520
19
image-rendering Читать 👨‍💻 #css | #полезности
542
20
@layer css Читать 👨‍💻 #css | #теория
492