Можно ли из js менять значения в before, after?
Anonymous Quiz
40%
Да, можно
8%
Да, можно, но только в before
52%
Нет
Алексей Александров 14 лет работает техником на заводе по производству холодильников. Ему всё нравится — хорошая зарплата, соцпакет, медицинская страховка, адекватное отношение к людям, которые нормально работают.
Но в какой-то момент даже в таких условиях становится скучно — и Алексей столкнулся как раз с такой проблемой.
В поисках нового хобби Алексей встретился с Академией, прошёл два курса по вёрстке, а дальше завертелось — он три раза подряд пытался пройти курс «JavaScript. Архитектура клиентских приложений», который мы всё это время обновляли. Было всё — защиты в последний момент, бессонные ночи, стресс и разочарование. Но оказалось, что всё не зря.
Интересно, как обновления повлияли на защиту, и чем всё закончилось?
Читайте историю Алексея Александрова в нашем блоге — https://tml.io/zbw2i
Но в какой-то момент даже в таких условиях становится скучно — и Алексей столкнулся как раз с такой проблемой.
В поисках нового хобби Алексей встретился с Академией, прошёл два курса по вёрстке, а дальше завертелось — он три раза подряд пытался пройти курс «JavaScript. Архитектура клиентских приложений», который мы всё это время обновляли. Было всё — защиты в последний момент, бессонные ночи, стресс и разочарование. Но оказалось, что всё не зря.
Интересно, как обновления повлияли на защиту, и чем всё закончилось?
Читайте историю Алексея Александрова в нашем блоге — https://tml.io/zbw2i
Сегодня в рубрике #htmlacademy_неглупые_вопросы зачем нужна кодировка HTML-страницы👉
В недавнем нашем исследовании мы выяснили какую кодировку используют чаще всего — UTF-8.
В недавнем нашем исследовании мы выяснили какую кодировку используют чаще всего — UTF-8.
Что можно положить в тег <head>.
Ниже приведены основные элементы для любого веб-документа (веб-сайта/приложения):
meta charset — определяет кодировку веб-сайта, стандартом является utf-8.
meta name="viewport" — настройки viewport, связанные с мобильной отзывчивостью.
width=device-width — физическая ширина устройства (отлично подходит для мобильных устройств!).
initial-scale=1 — начальный масштаб, 1 означает отсутствие масштабирования.
Элементы:
Допустимые элементы <head> включают meta, link, title, style, script, noscript и base.
Эти элементы предоставляют информацию о том, как документ должен восприниматься и отображаться веб-технологиями, например, браузерами, поисковыми системами, ботами и так далее.
Продолжение — в статье Николая Шабалина на Хабре
https://habr.com/ru/company/htmlacademy/blog/563894/
Ниже приведены основные элементы для любого веб-документа (веб-сайта/приложения):
meta charset — определяет кодировку веб-сайта, стандартом является utf-8.
meta name="viewport" — настройки viewport, связанные с мобильной отзывчивостью.
width=device-width — физическая ширина устройства (отлично подходит для мобильных устройств!).
initial-scale=1 — начальный масштаб, 1 означает отсутствие масштабирования.
Элементы:
Допустимые элементы <head> включают meta, link, title, style, script, noscript и base.
Эти элементы предоставляют информацию о том, как документ должен восприниматься и отображаться веб-технологиями, например, браузерами, поисковыми системами, ботами и так далее.
Продолжение — в статье Николая Шабалина на Хабре
https://habr.com/ru/company/htmlacademy/blog/563894/
Хабр
Что можно положить в тег <head>
Рекомендуемый минимумНиже приведены основные элементы для любого веб-документа (веб-сайта/приложения):<head> <meta charset="utf-8"> <meta name="viewport"...
Пришло время снова выбрать, что будем покупать со скидкой в 50%.
Голосуйте за понравившийся набор и мы устроим распродажу в пятницу.
Набор 1 — навыки:
— Построение сеток на гридах по макету
— Построение сеток на флексах по макету
— Работа с DOM в JavaScript
Набор 2 — проекты:
— Проект на JavaScript «Заказ доставки в интернет-магазине»
— Проект на JavaScript «Прогноз погоды»
— Проект на JavaScript «Сайт объявлений»
Что выберете вы?
Голосуйте за понравившийся набор и мы устроим распродажу в пятницу.
Набор 1 — навыки:
— Построение сеток на гридах по макету
— Построение сеток на флексах по макету
— Работа с DOM в JavaScript
Набор 2 — проекты:
— Проект на JavaScript «Заказ доставки в интернет-магазине»
— Проект на JavaScript «Прогноз погоды»
— Проект на JavaScript «Сайт объявлений»
Что выберете вы?
Если 10–15 лет назад кому-то был нужен сайт, на помощь звали веб-мастера, который умел делать всё. Он верстал, писал скрипты, заливал всё в интернет и поддерживал сайт до последнего вздоха сервера.
С тех пор всё изменилось — сайты и веб-приложения стали огромными и переехали в облака. А команда из одного веб-мастера превратилась в десятки и сотни людей, которые отвечают за мельчайшие части проекта.
Кто-то отвечает за вёрстку и дизайн, кто-то пишет интерфейсы на React или Vue, другие занимаются только базами данных на SQL и обработкой комментиков под постами. И у всех этих людей настолько интересная работа, что тяжело выбрать, кем из них хочется стать.
Если вы тоже в ступоре, то мы поможем разобраться. О том, чем отличаются все веб-разработчики, читайте в нашей новой статье.
Читать — https://tml.io/qqoo3
С тех пор всё изменилось — сайты и веб-приложения стали огромными и переехали в облака. А команда из одного веб-мастера превратилась в десятки и сотни людей, которые отвечают за мельчайшие части проекта.
Кто-то отвечает за вёрстку и дизайн, кто-то пишет интерфейсы на React или Vue, другие занимаются только базами данных на SQL и обработкой комментиков под постами. И у всех этих людей настолько интересная работа, что тяжело выбрать, кем из них хочется стать.
Если вы тоже в ступоре, то мы поможем разобраться. О том, чем отличаются все веб-разработчики, читайте в нашей новой статье.
Читать — https://tml.io/qqoo3
— Здравствуйте, проходите, присаживайтесь.
— Но мы же созвонились по скайпу.
— Извините, плохо слышно. У вас есть опыт на Паскале?
— Нет, я фронтендер, пишу код на JavaScript.
— Очень хорошо! Нам как раз нужны Java-разработчики на Kotlin.
— Вы наверное не расслышали. Я. Делаю. Интерфейсы.
— О, отлично! Мы как раз вас искали. Сможете заодно починить RJ-45 на компьютере нашего директора?
— Нет, вы не поняли, я делаю сайты. Верстка, страницы, вот это всё.
— Извините, ничего не слышно. Сколько мячиков вмещается в один автобус?
(собеседник покинул собрание)
Иногда кажется, что все айти-собеседования такие. Или нет?
В среду, 30 июня, в 14:00 в прямом эфире мы проведём публичное собеседование выпускника HTML Academy на позицию «джуниор фронтенд-разработчик» совместно с сервисом карьерных консультаций Эйч
Вы узнаете, как проходит нормальное собеседование на фронтендера, послушаете вопросы и ответы и узнаете, сколько люков нужно Манхеттену для счастливой жизни. Или нет, не узнаете. Там такого не будет.
А чтобы узнать, что точно будет — перейдите по ссылке и запишитесь на лайв
Записаться
— Но мы же созвонились по скайпу.
— Извините, плохо слышно. У вас есть опыт на Паскале?
— Нет, я фронтендер, пишу код на JavaScript.
— Очень хорошо! Нам как раз нужны Java-разработчики на Kotlin.
— Вы наверное не расслышали. Я. Делаю. Интерфейсы.
— О, отлично! Мы как раз вас искали. Сможете заодно починить RJ-45 на компьютере нашего директора?
— Нет, вы не поняли, я делаю сайты. Верстка, страницы, вот это всё.
— Извините, ничего не слышно. Сколько мячиков вмещается в один автобус?
(собеседник покинул собрание)
Иногда кажется, что все айти-собеседования такие. Или нет?
В среду, 30 июня, в 14:00 в прямом эфире мы проведём публичное собеседование выпускника HTML Academy на позицию «джуниор фронтенд-разработчик» совместно с сервисом карьерных консультаций Эйч
Вы узнаете, как проходит нормальное собеседование на фронтендера, послушаете вопросы и ответы и узнаете, сколько люков нужно Манхеттену для счастливой жизни. Или нет, не узнаете. Там такого не будет.
А чтобы узнать, что точно будет — перейдите по ссылке и запишитесь на лайв
Записаться
Audio
Последний выпуск первого сезона подкаста «Да как так-то?» ⚡️
В нём мы поговорили о том, чем отличается работа в больших и маленьких компаниях, какие у них есть плюсы и минусы, и где лучше начинать карьеру начинающему разработчику. Помогли разобраться в теме Сергей Зубов, фронтенд-разработчик в компании, которая занимается интеграцией своего продукта в чужие бизнесы, и Алёна Сиприкова, веб-разработчица Ozon.
(Мы перезалили этот выпуск из-за проблем со звуком. Если вы не смогли послушать его в первый раз, попробуйте это сделать сейчас.)
Выпуск на других платформах:
Яндекс Музыка
Ютуб
Apple Podcasts
Google Podcasts
Castbox
Spotify
RSS и другие площадки
В нём мы поговорили о том, чем отличается работа в больших и маленьких компаниях, какие у них есть плюсы и минусы, и где лучше начинать карьеру начинающему разработчику. Помогли разобраться в теме Сергей Зубов, фронтенд-разработчик в компании, которая занимается интеграцией своего продукта в чужие бизнесы, и Алёна Сиприкова, веб-разработчица Ozon.
(Мы перезалили этот выпуск из-за проблем со звуком. Если вы не смогли послушать его в первый раз, попробуйте это сделать сейчас.)
Выпуск на других платформах:
Яндекс Музыка
Ютуб
Apple Podcasts
Google Podcasts
Castbox
Spotify
RSS и другие площадки
Для всех, кто пережил жару, с 25 по 27 июня включительно скидка 50% на избранные проекты по JavaScript.
В ходе опроса выиграли проекты по JavaScript, вам предстоит запрограммировать:
— Прогноз погоды.
— Сайт с объявлениями.
— И оформление доставки в интернет-магазине.
Проекты включают идеальное решение тестового задания IT-компании. На странице каждого проекта есть видео-обзор функционала.
Приступить к проекту
В ходе опроса выиграли проекты по JavaScript, вам предстоит запрограммировать:
— Прогноз погоды.
— Сайт с объявлениями.
— И оформление доставки в интернет-магазине.
Проекты включают идеальное решение тестового задания IT-компании. На странице каждого проекта есть видео-обзор функционала.
Приступить к проекту