Хопа! Шанс именно для тебя! Мы ищем стажера верстальщика.)

Требования:

• HTML/CSS/JavaScript
• Адаптивная + Кроссбраузерная верстка
• A11y
• Система сборки Gulp
• Именование классов по БЭМ
• Верстка по дизайну из Figma
• Опыт работы с git

Желательно:

• Основы PHP и Wordpress

Тестовое задание:

Сверстать блок согласно макету: https://www.figma.com/file/yZEyVL4YTPBJAsqUqojkJz/HealthyCarely-Landing-Page-(Community)?node-id=3%3A3

0. Собрать проект с помощью gulp (придумать архитектуру)
1. Применить методологию БЭМ
2. Вёрстка должна соответствовать принципам и стандартам обеспечения доступности web-контента WCAG 2.0 уровень AA и соответствовать стандартам W3C
3. Рендеринг изображений (в том числе и фоновых) должен осуществляться при помощи “ленивой загрузки” (lazyload). Все изображения фоновые/контентные должны иметь форматы: webp/avif
4. Придумать самостоятельно адаптивную вёрстку
5. Слайдер сделать через библиотеку
6. Поддержка последних версий браузеров

Условия: обсуждаются.)
Присылай @Parya_parn

Привет друг! У нас появилась #обучалка про компиляцию и интерпретацию. Заходи по ссылке: https://53xapps.com/compilation-and-interpretation/

Привет, сегодня рубрика #макеты_для_верстки:

Жанр: для современного отеля

Формат: #figma

Ссылка: https://www.figma.com/file/8fq4E3LKAFqOgycE9oIW8O/Guest-House?node-id=0%3A1

Хай! Сегодня мы сделаем #задачу
Установите размер изображения на 250 пикселей в ширину и 400 пикселей в высоту.

<img src="Dev_House" >

width=" 250 px " height=" 400 px" - 40
👍👍👍👍👍👍👍👍 85%
weidth=" 250 px" height=" 400 px " - 2
👍 4%
WIDth=" 250 " heiGHT=" 400 " - 5
👍👍 11%
👥 47 человек уже проголосовало.

Сделайте элемент ниже в ссылку, которая идет к "https://53xapps.com/blog/"

Ссылка - 43
👍👍👍👍👍👍👍👍 100%
Ссылка
▫️ 0%
Ссылка
▫️ 0%
👥 43 человека уже проголосовало.

Хай! Наверное самое первое с чего начинается программирование это вывести, где нибудь надпись "Привет Мир!". Ваша #задача_html :

Привет! Сегодня #задача_css . Сможете ли вы поменять цвет правильно?

А теперь у нас #задача_css на установку полей

Установить левое поле "20px" для <h1>.

h1 { margin-left: 20px; } - 58
👍👍👍👍👍👍👍👍 91%
h1 { margin-left= "20" } - 1
👍 2%
h1 { margin-right: 20px; } - 5
👍👍 8%
👥 64 человека уже проголосовало.

Установить цвет фона для страницы "red", а цвет фона для <h1> на "blue".

body { background-color: red; } h1 { background-color: blue; } - 37
👍👍👍👍👍👍👍👍 90%
body { color: red;} h1{ color: blue'} - 4
👍👍 10%
👥 41 человек уже проголосовал.

Салам! Сегодня наша задача_js в том, что ответить на вопросы:)

Внутри какого HTML элемента помещается JavaScript?

А. <javascript>
Б. <script>
В. <csript> 

P.S. Наш канал с макетами -https://yangx.top/figma_makets

А - 1
👍 2%
Б - 40
👍👍👍👍👍👍👍👍 98%
В
▫️ 0%
👥 41 человек уже проголосовал.

Кто-то идёт домой на обед, кто-то обедает на работе, а настоящий js-разработчик решает задачки

Внешний файл JavaScript должен содержать тег <script>?

P.S. Наш канал с макетами -https://yangx.top/figma_makets

Да - 5
👍👍 14%
Нет - 32
👍👍👍👍👍👍👍👍 86%
👥 37 человек уже проголосовало.

Хай! Сегодня #задачка_html. Как часто мы используем списки, но как же их сделать?

А <ol></ol>

Б <ul></ul>

В <al></al>

P.S. Наш канал с макетами -https://yangx.top/figma_makets

Вариант А - 6
👍👍 15%
Вариант Б - 35
👍👍👍👍👍👍👍👍 85%
Вариант В
▫️ 0%
👥 41 человек уже проголосовал.