Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <p><b>Найди себя в Skillbox</b>Скидка <b>40%</b> действует<b>0</b> дней <b>00:00:00</b></p>

2 <p>Курс</p>

3 <h2>Веб-вёрстка</h2>

4 <p>Верстальщик воплощает в жизнь замысел веб-дизайнера и создаёт рабочие сайты из дизайн-макетов. На курсе вы научитесь верстать одностраничные лендинги, сайты услуг и мероприятий, интернет-магазины. С вёрстки начнётся ваш путь в веб-разработку.</p>

5 <ul><li><strong>★ 4,57 из 5</strong>на основе 10 028 оценок курса</li>

6 <li><strong>Длительность</strong>4 месяца</li>

7 <li><strong>4 проекта</strong>для портфолио</li>

8 <li><strong>Практика на вебинарах</strong>с разработчиками из крупных компаний</li>

9 <li><strong>Доступ к курсу</strong>навсегда</li>

10 </ul><h2>О профессии</h2>

11 <p>На рынке не хватает верстальщиков</p>

12 <ul><li><b>4 200 компаний</b><p>сейчас ищут верстальщиков</p>

13 </li>

14 <li><b>65 000 рублей</b><p>зарплата начинающего специалиста</p>

15 </li>

16 </ul><h2>Кому подойдёт этот курс</h2>

17 <ul><li><b>Новичкам в разработке</b><p>Если вы мечтаете создавать сайты, но не знаете, с чего начать. Хотите глубоко погрузиться в основы веб-разработки, а не просто пройтись по верхам.</p>

18 </li>

19 <li><b>Начинающим верстальщикам</b><p>Если вас раздражает, что ваш сайт работает по разному в браузерах, долго грузится или ломается на маленьких экранах. Вы хотите прокачать свои навыки в работе с векторной графикой, что-то слышали про доступность, но не знаете, как сделать проекты удобными для людей с особенностями.</p>

20 </li>

21 </ul><h2>Чему вы научитесь</h2>

22 <ul><li><b>Писать код на HTML и CSS.</b><p>Знать эти языки должен каждый веб-разработчик. На HTML будете создавать структуру сайта, а с помощью CSS стилизовать - добавлять цвета, анимации, шрифты и многое другое.</p>

23 </li>

24 <li><b>Верстать сайты для любых экранов</b><p>Вы изучите блочную, резиновую и адаптивную вёрстку. Узнаете, как сделать так, чтобы контент на сайте подстраивался под размеры экрана. Ваши сайты будет комфортно смотреть с любых устройств.</p>

25 </li>

26 <li><b>Учитывать особенности браузеров при вёрстке</b><p>Вы научитесь создавать сайты, которые будут выглядеть и работать одинаково в Google Chrome, Mozilla Firefox и Safari.</p>

27 </li>

28 <li><b>Проверять сайты на доступность</b><p>Любой человек, независимо от индивидуальных особенностей и здоровья, сможет пользоваться сайтами, которые вы сверстаете.</p>

29 </li>

30 <li><b>Работать в инструментах веб-разработчика</b><p>Вы освоите систему контроля версий Git для работы в команде. Научитесь в режиме реального времени вносить правки в вёрстку с помощью Google Developer Tools.</p>

31 </li>

32 </ul><h2>Студенты довольны обучением</h2>

33 <ul><li><b>93%</b>выпускников отмечают, что Skillbox помог достичь поставленной цели</li>

34 <li><b>78%</b>выпускников готовы рекомендовать обучение в Skillbox</li>

35 </ul><p>Данные независимого опроса выпускников Skillbox, проведённого Высшей школой экономики (НИУ ВШЭ)</p>

36 <p>4 500+ оценок на разных независимых площадках</p>

37 <ul><li><strong>4,7</strong>4 967 оценок</li>

38 <li><strong>4,7</strong>974 оценки</li>

39 <li><strong>4,8</strong>490 оценок</li>

40 <li><strong>4,5</strong>2 368 оценок</li>

41 <li><strong>4,7</strong>559 оценок</li>

42 <li><strong>5,0</strong>321 оценка</li>

43 <li><strong>4,5</strong>230 оценок</li>

44 <li><strong>4,7</strong>232 оценки</li>

45 </ul><h2>Как проходит обучение на платформе</h2>

46 <ul><li><p>Регистрация</p>

47 <h3>Знакомитесь с платформой</h3>

48 <p>Платформа Skillbox - собственная разработка компании, которую мы постоянно улучшаем. Вас ждут видео, практические задания и общение с кураторами. Доступ к материалам откроется сразу после покупки курса.</p>

49 </li>

50 <li><p>Теория</p>

51 <h3>Получаете знания</h3>

52 <p>Курсы состоят из тематических видео разной длительности. Смотрите их когда и где угодно. Доступ бессрочный, чтобы вы всегда могли вернуться и повторить теорию.</p>

53 </li>

54 <li><p>Общаетесь с экспертами</p>

55 <h3>Посещаете вебинары</h3>

56 <p>Разбираете код и задаёте вопросы на онлайн-встречах с фрилансерами и разработчиками крупных компаний.</p>

57 </li>

58 <li><p>Практика</p>

59 <h3>Выполняете задания</h3>

60 <p>Мы уверены, что навыки отрабатываются только через практику. Поэтому после теории вас ждёт практическая работа или тест. Все задачи приближены к реальным - их можно с гордостью положить в портфолио.</p>

61 </li>

62 <li><p>Обратная связь</p>

63 <h3>Работаете с куратором</h3>

64 <p>Проверкой заданий занимаются кураторы. Это эксперты по теме курса. Они помогут с трудными задачами и подскажут, как улучшить ваши проекты. Общаться с проверяющими кураторами можно прямо на платформе.</p>

65 </li>

66 </ul><h2>Поддержка и комьюнити для участников курса</h2>

67 <ul><li>Внимательные кураторы помогут вам исправить ошибки в практических работах, поделятся лайфхаками и полезной литературой.</li>

68 <li>В закрытом чате вы сможете общаться и обмениваться полезными материалами с другими пользователями платформы. А куратор ответит на вопросы по курсу и даст советы по выполнению заданий.</li>

69 </ul><ul><li><p>Здравствуйте! Отправляю задание на проверку. Пожалуйста, ответьте на вопросы в комментариях.</p>

70 Кристина</li>

71 <li><p>Задание проверила, на вопросы ответила в файле. Отлично поработали, осталось немного доделать 😊</p>

72 Куратор</li>

73 <li><p>Спасибо, всё поправила 👍</p>

74 Кристина</li>

75 </ul><p>Мы понимаем, как сложно бывает применять новые знания на практике, и поддержим вас на этом пути ❤️</p>

76 <h2>Станьте IT-специалистом и получите поддержку от государства</h2>

77 <p>Сотрудники аккредитованных IT-компаний могут:</p>

78 <ul><li>Купить квартиру или дом в ипотеку по льготной ставке 5%.</li>

79 <li>Получить отсрочку от армии на время работы.</li>

80 </ul><ol><li><h4>Базовый уровень</h4>

81 <ul><li><ol><li>Получите базовые навыки HTML и CSS, сможете верстать простые и средние по сложности веб-страницы. Например, сайты компаний или лендинги - одностраничные сайты о товаре и услугах. Научитесь адаптировать сайт для отображения на разных устройствах: экране монитора, планшета и смартфона.</li>

82 </ol></li>

83 </ul></li>

84 <li><h4>Продвинутый уровень</h4>

85 <ul><li><ol><li>Изучите особенности вёрстки html-писем и отточите навыки работы с векторной графикой. Сможете создавать сложные и эффектные анимации. Узнаете, как ускорить время загрузки сайта. Автоматизируете сборку готового проекта, сможете минифицировать свой код, чтобы он меньше весил.</li>

86 <li>Ускорите свою работу с CSS и освоите технологию Grid. Сможете создавать сложные сайты-каталоги.</li>

87 </ol></li>

88 </ul></li>

89 </ol><h4>Уже учились на каком-то курсе из программы?</h4>

90 <p>Скажите об этом менеджеру - платить за них не придётся.</p>

91 <h2>Получить презентацию курса и консультацию специалиста</h2>

92 <ul><li><p><strong><a>Максим Васянович</a></strong></p>

93 <p>Верстальщик в "Ленте", ментор блока "Веб-вёрстка". Программирует больше 6 лет</p>

94 </li>

95 </ul><h2>Год английского языка бесплатно</h2>

96 <p>Skillbox запустил онлайн-платформу для изучения английского. Запишитесь на курс и получите годовой бесплатный доступ к материалам проекта.</p>

97 <p>Предложение действует для пользователей Skillbox, которые купили любую профессию с 22 декабря 2021 года.</p>

98 <h3>Вас ждут:</h3>

99 <ul><li>методика ускоренного запоминания слов и грамматики;</li>

100 </ul><h2>Ваше резюме после курса</h2>

101 <p>Верстальщик</p>

102 <p>от 70 000 ₽</p>

103 <h2>Инструменты</h2>

104 <ul></ul><h2>Навыки</h2>

105 <ul><li>Современные стандарты верстки: блочная, кроссбраузерная, резиновая, адаптивная</li>

106 <li>Знание HTML5 и CSS3, включая анимацию</li>

107 <li>Вёрстка с использованием Flexbox</li>

108 <li>Работа с фреймворком Bootstrap</li>

109 <li>Сборка проекта на Gulp и Webpack</li>

110 <li>Работа с макетом, векторной и растровой графикой: Figma</li>

111 <li>Работа с Git</li>

112 <li>Знание принципов БЭМ</li>

113 <li>Владение Pixel Perfect</li>

114 <li>Настройка хостинга, работа через FTP.</li>

115 </ul><h2>Проекты</h2>

116 <ol><li>Сайт строительной компании</li>

117 <li>Сайт сетей отелей</li>

118 <li>Платформа для подкастов / Лендинг арт-галереи</li>

119 <li>Интернет-магазин</li>

120 </ol><p>Skillbox -</p>

121 <p>по качеству обучения. Вся теория записана с топовыми экспертами рынка, а практика максимально приближена к реальным рабочим задачам. Послушайте, что говорят те, кто уже достиг своих целей вместе со Skillbox.</p>

122 <p><b>Спасибо!</b></p>

123 <p>Ваша заявка успешно отправлена</p>

124 <h2>Где работают участники курсов Skillbox</h2>

125 <ul></ul><h2>Часто задаваемые вопросы</h2>

126 <ul><li><strong>Я никогда не занимался вёрсткой. У меня получится?</strong><p>Да, курс подходит абсолютным новичкам без опыта в программировании. Но чтобы достичь результата, нужно постараться - выполнять практические задания, читать дополнительную литературу и разрабатывать итоговые проекты. В остальном помогут практикующие эксперты, которые будут сопровождать вас на протяжении всего курса.</p>

127 </li>

128 <li><strong>Вижу много незнакомых терминов: HTML и CSS Что всё это значит?</strong><p><strong>HTML</strong> - самый распространенный язык верстки в интернете. Вы можете представить HTML как набор команд, который задаёт структуру и логику работы сайта.</p>

129 <p><strong>CSS</strong>- язык, описывающий стиль сайта. Если HTML отвечает за содержание, то на CSS расписывают внешний вид сайта.</p>

130 <p><strong>CSS Grid</strong> - инструмент в CSS: специальная сетка, которая помогает располагать элементы сайта симметрично и аккуратно.<strong>Figma</strong>- сервис, в котором дизайнеры проектируют интерфейсы сайтов и мобильных приложений.</p>

131 <p><strong>Webpack</strong>- инструмент, с помощью которого вы можете автоматизировать часть работы над вёрсткой.</p>

132 <p><strong>Pixel Perfect</strong>- подход в вёрстке, при котором каждый пиксель свёрстанного сайта занимает такое же положение, как и в макете у дизайнера. Если "наложить" дизайн на сайт, то разница будет минимальна.</p>

133 <p><strong>Visual Studio Code</strong>- бесплатный редактор кода для разработки веб-приложений.</p>

134 </li>

135 <li><strong>Сколько часов в неделю мне нужно будет уделять обучению на платформе?</strong><p>В среднем пользователи платформы занимаются около 2 часов в день и завершают курс за 4 месяца. Но у нас нет жёстких дедлайнов - учитесь на платформе в комфортном для вас темпе.</p>

136 </li>

137 <li><strong>Нужно ли устанавливать программы для работы на курсе?</strong><p>Заранее ничего скачивать не нужно. Во время курса мы поможем вам установить весь необходимый софт для работы и предоставим доступ к платным инструментам.</p>

138 </li>

139 <li><strong>Чтобы разрабатывать сайты нужен мощный компьютер?</strong><p>Веб-вёрстка не требует много вычислительных ресурсов, поэтому для работы подойдёт средний ноутбук или компьютер. Вот минимальные характеристики к начинке:</p>

140 <ul><li>Операционная система: Windows 8.0 или выше, macOS 10.12 (macOS Sierra) или выше.</li>

141 <li>Процессор: 4-ядерный с частотой 2,5 Ггц и выше.</li>

142 <li>Оперативная память: от 4 ГБ.</li>

143 <li>Видеокарта: Intel HD Graphics 4000, Nvidia 330m или ATI Radeon HD 4850 и выше.</li>

144 <li>Желательно, но необязательно, чтобы память была на SSD.</li>

145 <li>Разрешение экрана: желательно 1920×1080.</li>

146 <li>Доступ к интернету.</li>

147 </ul></li>

148 <li><strong>Нужно ли знать английский?</strong><p>Совсем необязательно. Названия встроенных функций и выражений в языках программирования вы запомните в процессе, а незнакомые фразы можно перевести с помощью Google Translate. К тому же у вас будет доступ к урокам и материалам онлайн-платформы для изучения английского. Сможете подтянуть грамматику и расширить словарный запас.</p>

149 </li>

150 <li><strong>Как развиваться в профессии дальше?</strong><p>В веб-разработке всё быстро меняется: появляются технологии, фреймворки, в JavaScript и CSS завозят новые фичи. Поэтому невозможно один раз выучить что-то и всегда оставаться востребованным. Нужно постоянно развиваться в профессии - общаться с тимлидами в вашей компании, посещать конференции, читать статьи на Хабре по своей теме и другие ресурсы.</p>

151 </li>

152 <li><strong>Кто будет мне помогать в обучении на платформе?</strong><p>У вас будут проверяющие эксперты и куратор в Telegram-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки.</p>

153 </li>

154 <li><strong>Действуют ли какие-нибудь программы рассрочки?</strong><p>Да, вы можете купить курс в рассрочку - и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.</p>

155 </li>

156 <li><strong>Могу ли я получить налоговый вычет за обучение на платформе?</strong><p>Да, вы можете вернуть часть средств в виде налогового вычета. Основные условия: быть налоговым резидентом РФ и платить НДФЛ. Налоговый вычет составит до 13% от стоимости курса. Максимальная сумма возврата части НДФЛ - 15 600 рублей за год при цене курса 120 000 рублей.</p>

157 <ul><li>Вы можете вернуть средства через работодателя или налоговую.</li>

158 <li>Для этого понадобится<a>договор на обучение</a>на платформе,<a>наша лицензия</a>на образовательную деятельность и чек об оплате курса, который придёт вам на почту или в личный кабинет банка.</li>

159 <li>Если вы будете оформлять вычет через налоговую, нужно будет заполнить декларацию 3-НДФЛ. Удобнее всего это сделать в личном кабинете на сайте<a>Федеральной налоговой службы</a>.</li>

160 <li>В течение 30 дней налоговая подтвердит ваше право на вычет.</li>

161 <li>Если будете оформлять возврат части НДФЛ через работодателя, вам останется подать ему заявление о получении налогового вычета.</li>

162 </ul><p>Не переживайте, если процесс кажется вам сложным. Наши менеджеры помогут разобраться в том, как вернуть налоговый вычет.</p>

163 </li>

164 </ul>Имя Телефон Электронная почта Я соглашаюсь на <a>обработку персональных данных</a>Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу. Записаться на курс<p>Нажимая на кнопку, я соглашаюсь <a>с правилами пользования Платформой</a>и <a>публичной офертой</a>, правилами акций<a>"Поможем найти работу или вернем деньги"</a>и <a>"Учись сейчас - плати потом"</a></p>

165 <a>Я согласен получать рекламу и звонки</a><b>Спасибо!</b><p>Ваша заявка успешно отправлена</p>

166 Телефон Я соглашаюсь на <a>обработку персональных данных</a>Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу. Отправить<p>Нажимая на кнопку, я соглашаюсь <a>с правилами пользования Платформой</a>, правилами акции<a>"Поможем найти работу или вернем деньги"</a></p>

167 <a>Я согласен получать рекламу и звонки</a><b>Спасибо!</b><p>Ваша заявка успешно отправлена</p>

168 <h4>Остались вопросы об оплате?</h4>

169 <ul><li><strong>Могу ли я получить отсрочку платежа?</strong><p>При онлайн-оплате и самостоятельном оформлении рассрочки отложить первый платёж не получится. Если вам нужна отсрочка, дождитесь звонка менеджера - он расскажет, возможно ли отложить платёж на этом курсе и как это сделать.</p>

170 </li>

171 <li><strong>Чем рассрочка отличается от кредита?</strong><p>Стоимость делится на 24 месяца - вы платите только за курс. Проценты мы берём на себя.</p>

172 </li>

173 <li><strong>Если я оформлю рассрочку, курс откроется полностью?</strong><p>Конечно. Не имеет значения, какой вариант оплаты вы выбрали. Доступ ко всем материалам курса мы откроем в течение 2 часов после покупки.</p>

174 </li>

175 <li><strong>Смогу ли я оформить рассрочку, если у меня плохая кредитная история или временно нет работы?</strong><p>Чтобы оформить рассрочку, не требуется официального трудоустройства и справки о доходах. Обязательные условия для одобрения - совершеннолетие, гражданство РФ или регистрация.</p>

176 </li>

177 </ul>Похоже, произошла ошибка при отправке. Попробуйте отправить снова или перезагрузите страницу. Оформить рассрочку<p>Нажимая на кнопку, я соглашаюсь с <a>публичной офертой</a>, правилами акций<a>"Поможем найти работу или вернем деньги"</a>и <a>"Учись сейчас - плати потом"</a></p>

178 <ul><li>Санкт-Петербург</li>

179 <li>Алматы</li>

180 <li>Минск</li>

181 <li>Москва</li>

182 <li>Санкт-Петербург</li>

183 <li>Алматы</li>

184 </ul><ul><li>Волгоград</li>

185 <li>Воронеж</li>

186 <li>Екатеринбург</li>

187 <li>Казань</li>

188 <li>Красноярск</li>

189 <li>Нижний Новгород</li>

190 <li>Новосибирск</li>

191 <li>Омск</li>

192 <li>Пермь</li>

193 <li>Ростов-на-Дону</li>

194 <li>Уфа</li>

195 <li>Челябинск</li>

196 </ul><ul><li>Вологда</li>

197 <li>Гомель</li>

198 <li>Ижевск</li>

199 <li>Иркутск</li>

200 <li>Калининград</li>

201 <li>Кемерово</li>

202 <li>Киров</li>

203 <li>Краснодар</li>

204 <li>Курск</li>

205 <li>Липецк</li>

206 <li>Махачкала</li>

207 <li>Оренбург</li>

208 <li>Пенза</li>

209 <li>Ростов</li>

210 <li>Рязань</li>

211 <li>Саратов</li>

212 <li>Сочи</li>

213 <li>Ставрополь</li>

214 <li>Сургут</li>

215 <li>Тверь</li>

216 <li>Тольятти</li>

217 <li>Томск</li>

218 <li>Тула</li>

219 <li>Тюмень</li>

220 <li>Ульяновск</li>

221 <li>Хабаровск</li>

222 <li>Чебоксары</li>

223 </ul><ul><li><a>ВКонтакте</a></li>

224 <li><a>Telegram</a></li>

225 </ul><h3>Получите до 50 000 ₽<p>50 000 ₽ - вознаграждение за покупку самого дорогого курса в реферальной программе</p>

226 Понятно за рекомендацию курса</h3>

227 <p>Друзья получат максимальную скидку, а вы - 10% с каждой их покупки.</p>

228 <a>Рекомендовать</a>