Просмотров: 8042

Сертификация - мой вызов для айтишников


Предлагаю небольшой конкурс для веб-разработчиков и им сочувствующих. Вернее, тематика моей сегодняшней задачи будет крутиться вокруг таких вроде бы банальных и общих для многих специалистов вещей, как работа браузера и Html/CSS.

Считаю, очень важно знать себе настоящую цену, для чего и придуманы самые разные сертификации и экзамены, предлагаю удобный случай как следует протестировать себя.

Логика нашего взаимодействия проста: я задам вопрос, и те, кто сможет ответить на него правильно, получат возможность бесплатно пройти онлайн-сертификацию на сервисе CancanIT по удобной вам специализации. Что даст вам эта сертификация — ответ во второй половине поста.

А пока обещанный исходный вопрос.

Для прохождения моего теста вам понадобиться Firefox любой версии (это важное исходное условие). Зайдите на вот эту пустую веб-страничку и объясните мне, как она работает. То есть если открыть её код — легко убедиться в том, что она полностью пустая, там нет ни одного символа. Как видите, там пусто — все честно, без дураков. Но с другой стороны, как ей удается нарисовать то, что вы на ней видите через браузер? Объясните мне, как эта уличная магия работает?

Куда слать свои ответы — читайте под катом.

Сертификация как вызов для айтишника CancanIT
Покажи, на что ты способен!

Куда отвечать-писать

Вариант А: если вы молодец и знаете ответ. И более того, вам не лень накарябать мне пару строчек об увиденном феномене. Постарайтесь с первого раза объяснить так, чтобы вы были правильно поняты (я не буду уточнять и переспрашивать, в технические дискуссии не вступаю).

Вариант Б: вы не знаете ответа и отправляетесь на курсы повышения квалификации за свой счет.

Что стоит на кону?

В качестве приза у меня выставлена бесплатная сертификация на CancanIT. Что это такое?

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

Сервис сертификации дает ему возможность:

  • повысить привлекательность своего профиля на фриланс-сайтах, «отвечаемость» клиентов на его заявки.
  • если кандидат не имеет законченного «традиционного» образования, есть возможность заполнить этот пробел сертификациями.
  • «Инвестировать» свои заработки в развитие себя как профессионала.

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

Да, это платная сертификация, но если вы правильно ответите на мой исходный вопрос, и, при этом, попадете в первую пятерку ответивших, то я предоставлю возможность попробовать пройти эту сертификацию бесплатно (у меня есть бонусные коды). Я обращаю ваше внимание, что это лишь шанс даруемый с моей стороны — для прохождения онлайновой сертификации вам потребуются куда более серьёзные знания, чем сегодняшняя разминочная задачка с пустой страницей.

Условия и дата завершения

Буду накапливать ваши ответы до указанного часа X. И больше чем через неделю, 1.11.2015 числа, этот конкурс будет закрыт. Либо, как вариант, пятерка наберется быстрее, и тогда я отпишусь об этом в апдейте к этому посту + в любом случае разошлю всем выигравшим их магические коды для прохождения бесплатной сертификации в CancanIT.

Просьба не писать свои ответы-объяснения в комментариях к этому посту, пишите их на указанный выше контактный e-mail. По желанию можете лишь отмечаться в комментах, если приняли участие в этом конкурсе, иль у вас есть встречные вопросы. Также советую не гуглить в поиске уже готовый ответ — каков в этом смысл, и в чем тогда личный вызов, а?

Погнали.

Обновление

Конкурс завершен!

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

Вот типичный ответ от @maxsite:

Да, с проброшенным через заголовок стилем всё ясно, но откуда взялся тег [htмl] ? Без объяснения этого момента ответ считаю не до конца полным.

Пример ответа от Evgeny Dolganov:

========== начало цитаты письма ===

Веб-сервер, который отдает эту страницу в http заголовках присылает такой:

Link=;rel=stylesheet

Этот заголовок подразумевает необходимость браузеру загрузить ресурс с

https://mathiasbynens.be/demo/css-without-html.css

Т.к. в заголовке так же стоит:

Content-Type=text/html; charset=UTF-8

Но содержимого нет, то ФФ автоматически создает для отображения пустую структуру HTML. И на этот пустой HTML применяется CSS из файла css-without-html.css :

body::after {
content: ’O HAI! Have a look at my source code :)’;
/* This needs to be on the ::after (and not just on `body`)
for it to work in Firefox 3.6.x and up. */
}

Т.к. другие браузеры не создают сами пустой HTML, то и CSS не применяется.

========== конец цитаты письма ===

Концовка не до конца верна, т.к. другие браузеры к тому же не поддерживают rfc5988.

Andrey Sinitsyn этот момент, который проигнорировали многие, акцентирует так:

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

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

Подробное объяснение-ответ по «магии пустой странички» доступно по этой ссылке.

Комменты прошу считать снова открытыми. Конкурс завершен!

Genesis IT School

Кстати, кого ещё интересуют обучающие ИТ-курсы, тренинги и образование в области ИТ, то вот вам отличный вариант для Украины — Genesis. Компания Genesis регулярно набирает людей в свою специализированную продуктовую ИТ-школу, доступную для обычных гуманитариев, кроме того она может готовить будущих айтишников бесплатно. Короче, для украинцев войти в IT проще всего именно через обучающие курсы Genesis (Genesis IT School). Рекомендую всем этих ребят в качестве первого шага в IT-индустрию!

Для поисковых же роботов я отвечу такой последовательностью фраз: механизм prefetch, поддержка rfc5988, Linking to style sheets with HTTP headers is not implemented in WebKit и Chrome.

twitter.com facebook.com vkontakte.ru odnoklassniki.ru mail.ru ya.ru pikabu.ru blogger.com liveinternet.ru livejournal.ru google.com bobrdobr.ru yandex.ru del.icio.us

Подписка на обновления блога → через RSS, на e-mail, через Twitter
Теги: , , , ,
Эта запись опубликована: Четверг, 22 октября 2015 в рубрике Литдыбр.

8 комментариев

Следите за комментариями по RSS
  1. Дмитрий

    Без того, чтобы участвовать в конкурсе, просто интересно, насколько справился.

    В HTTP Header отдается Link на css-without-html.css, он и выводит содержимое документа.

    Использованные материалы:

    www.w3.org/wiki/LinkHeader

    tools.ietf.org/html/rfc5988#page-10

    И какой-то онлайн-считыватель http заголовков для разных браузеров (Firefox не установлен).

    Сам при этом ни разу не программист, но было сравнительно просто.

  2. Старый трюк, судя по тому, что рассказал нам google об этом:

    https://css-tricks.com/using-css-without-html/

  3. Упс, до конца не дочитал насчёт гугля :/ Можно удалить коммент, чтобы остальным сильно не портить малину.

  4. Тэги html, head и body умеют генерировать все браузеры, в случае их отсутствия в исходном документе (в html5 эти тэги даже не являются обязательными). Так что вся соль этого примера заключается именно в подключении css.

  5. Спасибо, Max, за уточнение.

  6. Я даже близко не айтишник (не говоря уж о веб-разработке), поэтому ни на что не претендую (да и конкурс завершён).

    В "Show source" действительно ничего нет. Но в инспекторе фаерфоксовских инструментов разработчика тем не менее есть та самая базовая структура документа. С "::after" внутри тегов "body", который, похоже, описан в файле *.css.

    Вот про RFC я не знал. Поэтому дальше развить теорию не получилось :)

  7. Евгений

    Здорово, я сам так и не доехал. А где же призы?! :)

  8. Евгений:

    В качестве оговоренного выше приза у нас купон-бонус, который позволяет бесплатно пройти сертификацию на определенный тип специализации в ИТ. Сегодня, то есть утром в понедельник, я выслал 5 участникам и победителям этого конкурса этот купон.

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

Оставьте комментарий!

Не регистрировать/аноним

Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.

Зарегистрировать/комментатор

Для регистрации укажите свой действующий email и пароль. Связка email-пароль позволяет вам комментировать и редактировать данные в вашем персональном аккаунте, такие как адрес сайта, ник и т.п. (Письмо с активацией придет в ящик, указанный при регистрации)

(обязательно)


⇑ Наверх
⇓ Вниз